@versini/sassysaint 5.5.21 → 5.5.23

package/dist/chunks/App.DhOL7eGv.js

@@ -1,3472 +0,0 @@
-import { jsxs as v, jsx as l, Fragment as Y } from "react/jsx-runtime";
-import { g as ge, ACTION_RESTORE as At, ACTION_MESSAGE as q, ROLE_ASSISTANT as K, ACTION_RESET as qe, ACTION_MODEL as Ke, ACTION_ENGINE as Je, ACTION_STREAMING as Qe, ACTION_SORT as Lt, ACTION_SEARCH as Mt, ACTION_SET_PROMPTS as Xe, ACTION_RESET_PROMPTS as Ye, ACTION_TOGGLE_PROMPT as Ze, DEFAULT_AI_ENGINE as U, P as et, un as Z, ROLE_SYSTEM as zt, ROLE_INTERNAL as he, ROLE_HIDDEN as Ot, STATS_SEPARATOR as Be, CLIPBOARD_PROMPT as Ae, TYPE_QUESTION as Ut, C as tt, SEND as Pt, ERROR_MESSAGE as Dt, ROLE_USER as le, L as Vt, j as Ht, isLastMessageFromRole as Ft, getMessageContaintWrapperClass as Gt, Logo as Wt, getMainPaddingClass as Le, r as jt, LOCAL_STORAGE_PREFIX as Me, LOCAL_STORAGE_SEARCH as qt, LOCAL_STORAGE_SORT as Kt } from "./index.CEwE7VpW.js";
-import s from "clsx";
-import I, { useRef as k, useEffect as x, useCallback as P, useSyncExternalStore as Jt, useState as S, useMemo as pe, useContext as $, useLayoutEffect as V, useId as Qt, useReducer as Q, lazy as rt, Suspense as ce } from "react";
-const Xt = ({
-  className: e,
-  viewBox: t,
-  title: r,
-  monotone: a,
-  ...o
-}) => /* @__PURE__ */ v(
-  ge,
-  {
-    defaultViewBox: "0 0 448 512",
-    size: "size-5",
-    viewBox: t,
-    className: e,
-    title: r || "Add",
-    ...o,
-    children: [
-      /* @__PURE__ */ l("path", { className: "fa-secondary", opacity: a ? "1" : "0.4", d: "" }),
-      /* @__PURE__ */ l(
-        "path",
-        {
-          className: "fa-primary",
-          d: "M248 72c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 160L40 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l160 0 0 160c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160 160 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-160 0 0-160z"
-        }
-      )
-    ]
-  }
-), Yt = ({
-  className: e,
-  viewBox: t,
-  title: r,
-  monotone: a,
-  ...o
-}) => /* @__PURE__ */ l(
-  ge,
-  {
-    defaultViewBox: "0 0 384 512",
-    size: "size-5",
-    viewBox: t,
-    className: e,
-    title: r || "Close",
-    ...o,
-    children: /* @__PURE__ */ l("path", { d: "M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z" })
-  }
-), Zt = ({
-  className: e,
-  viewBox: t,
-  title: r,
-  monotone: a,
-  ...o
-}) => /* @__PURE__ */ l(
-  ge,
-  {
-    defaultViewBox: "0 0 384 512",
-    size: "size-5",
-    viewBox: t,
-    className: e,
-    title: r || "Down",
-    ...o,
-    children: /* @__PURE__ */ l("path", { d: "M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z" })
-  }
-);
-/*!
-  @versini/ui-header v3.0.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_HEADER__ || (window.__VERSINI_UI_HEADER__ = {
-    version: "3.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const er = "av-header", tr = ({
-  children: e,
-  className: t,
-  raw: r = !1,
-  mode: a = "system",
-  noColors: o = !1,
-  sticky: n = !1,
-  noBorder: i = !1,
-  noMargin: c = !1,
-  noPadding: d = !1
-}) => {
-  const m = s(
-    er,
-    {
-      "border-border-accent": a === "dark" && !r && !o && !i,
-      "border-border-medium": a === "light" && !r && !o && !i,
-      "border-border-accent dark:border-border-medium": a === "alt-system" && !r && !o && !i,
-      "border-border-medium dark:border-border-accent": a === "system" && !r && !o && !i,
-      "border-b-4": !r && !i,
-      "border-transparent": !r && o,
-      "bg-surface-dark": a === "dark" && !r && !o,
-      "bg-surface-light": a === "light" && !r && !o,
-      "bg-surface-dark dark:bg-surface-light": a === "alt-system" && !r && !o,
-      "bg-surface-light dark:bg-surface-dark": a === "system" && !r && !o,
-      "sticky top-0 z-50": n
-    },
-    t
-  ), u = s({
-    "mt-0": !c,
-    "p-2": !d,
-    "flex flex-col w-full md:mx-auto md:max-w-4xl": !r
-  });
-  return /* @__PURE__ */ l("header", { className: m, children: /* @__PURE__ */ l("div", { className: u, children: e }) });
-};
-function rr(e) {
-  const t = e.toLowerCase().split("+").map((n) => n.trim()), r = {
-    alt: t.includes("alt"),
-    ctrl: t.includes("ctrl"),
-    meta: t.includes("meta"),
-    mod: t.includes("mod"),
-    shift: t.includes("shift")
-  }, a = ["alt", "ctrl", "meta", "shift", "mod"], o = t.find((n) => !a.includes(n));
-  return {
-    ...r,
-    key: o
-  };
-}
-function ar(e, t) {
-  const { alt: r, ctrl: a, meta: o, mod: n, shift: i, key: c } = e, { altKey: d, ctrlKey: m, metaKey: u, shiftKey: h, key: g } = t;
-  if (r !== d)
-    return !1;
-  if (n) {
-    if (!m && !u)
-      return !1;
-  } else if (a !== m || o !== u)
-    return !1;
-  return i !== h ? !1 : !!(c && (g.toLowerCase() === c.toLowerCase() || t.code.replace("Key", "").toLowerCase() === c.toLowerCase()));
-}
-function or(e) {
-  return (t) => ar(rr(e), t);
-}
-function nr(e) {
-  return (t) => {
-    const r = "nativeEvent" in t ? t.nativeEvent : t;
-    e.forEach(([a, o, n = { preventDefault: !0 }]) => {
-      or(a)(r) && (n.preventDefault && t.preventDefault(), o(r));
-    });
-  };
-}
-function sr() {
-  const e = k(!1);
-  return x(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), P(() => e.current, []);
-}
-function at(e, t) {
-  window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: t }));
-}
-const ze = (e, t) => {
-  const r = JSON.stringify(
-    typeof t == "function" ? t() : t
-  );
-  window.localStorage.setItem(e, r), at(e, r);
-}, ir = (e) => {
-  window.localStorage.removeItem(e), at(e, null);
-}, Oe = (e) => window.localStorage.getItem(e), lr = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
-function Ue({
-  key: e,
-  initialValue: t
-}) {
-  const r = Jt(lr, () => Oe(e)), a = P(
-    (i) => {
-      try {
-        const c = typeof i == "function" ? i(JSON.parse(r)) : i;
-        c == null ? ir(e) : ze(e, c);
-      } catch (c) {
-        console.warn(c);
-      }
-    },
-    [e, r]
-  ), o = P(() => {
-    a(t);
-  }, [t, a]), n = P(() => {
-    a(null);
-  }, [a]);
-  return x(() => {
-    try {
-      Oe(e) === null && typeof t < "u" && ze(e, t);
-    } catch (i) {
-      console.warn(i);
-    }
-  }, [e, t]), [r ? JSON.parse(r) : null, a, o, n];
-}
-const cr = {
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0,
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0
-};
-function dr(e) {
-  const t = sr(), r = k(0), a = k(null), [o, n] = S(cr), i = pe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
-    const d = c[0];
-    d && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-      a.current && t() && n(d.contentRect);
-    }));
-  }), [t]);
-  return x(() => (a.current && (i == null || i.observe(a.current, e)), () => {
-    i == null || i.disconnect(), r.current && cancelAnimationFrame(r.current);
-  }), [i, e]), [a, o];
-}
-/*!
-  @versini/ui-table v3.0.4
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
-    version: "3.0.4",
-    buildTime: "01/04/2025 04:09 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const ee = "thead", be = "tfoot", H = "tbody", j = {
-  ASC: "asc",
-  DESC: "desc"
-}, mr = ({
-  mode: e,
-  className: t,
-  wrapperClassName: r,
-  stickyHeader: a,
-  stickyFooter: o
-}) => ({
-  wrapper: s(
-    "not-prose relative w-full rounded-lg shadow-md",
-    {
-      "overflow-x-auto": !a && !o,
-      "overflow-y-scroll": a || o,
-      "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"
-    },
-    r
-  ),
-  table: s("my-0 w-full text-left text-sm", t, {
-    "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: s("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"
-  })
-}), ur = ({
-  className: e,
-  stickyHeader: t,
-  mode: r
-}) => s(
-  {
-    "sticky top-0 z-10": t,
-    "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": t && r === "dark",
-    "shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": t && r === "system",
-    "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem]": t && r === "light",
-    "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": t && r === "alt-system"
-  },
-  e
-), gr = ({
-  className: e,
-  stickyFooter: t,
-  mode: r
-}) => s(
-  {
-    "sticky bottom-0 z-10": t,
-    "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": t && r === "dark",
-    "shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem] dark:shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": t && r === "system",
-    "shadow-[rgb(65_65_65_/30%)_0_-0.5rem_1rem]": t && r === "light",
-    "shadow-[rgb(65_65_65_/30%)_-0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_-0.5rem_1rem]": t && r === "alt-system"
-  },
-  e
-), hr = ({
-  mode: e,
-  className: t,
-  cellWrapper: r
-}) => r === ee || r === be ? s(
-  {
-    "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"
-  },
-  t
-) : s(
-  "border-b last:border-0",
-  {
-    "border-table-dark": e === "dark" || e === "system",
-    "odd:bg-table-dark-odd even:bg-table-dark-even": r === H && e === "dark",
-    "border-table-light": e === "light" || e === "alt-system",
-    "odd:bg-table-light-odd even:bg-table-light-even": r === H && 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": r === H && 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": r === H && e === "alt-system"
-  },
-  t
-), pr = ({
-  cellWrapper: e,
-  className: t,
-  compact: r,
-  mode: a,
-  align: o
-}) => ({
-  alignClasses: s({
-    "flex justify-start text-left": o === "left",
-    "flex justify-center text-center": o === "center",
-    "flex justify-end text-right": o === "right"
-  }),
-  mainClasses: s(
-    {
-      "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": !r && (e === ee || e === be),
-      "p-4": !r && e === H,
-      "px-2 py-1.5": r
-    },
-    t
-  )
-}), br = ({
-  buttonClassName: e
-}) => s("rounded-none text-sm", e), Pe = "av-button", ye = "icon", ot = "button", de = "link", yr = ({
-  type: e,
-  size: t,
-  labelRight: r,
-  labelLeft: a,
-  align: o
-}) => {
-  const n = "max-h-8 py-0 px-2", i = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
-  switch (e) {
-    case ot:
-    case de:
-      return s({
-        [n]: t === "small",
-        [i]: t === "medium",
-        [c]: t === "large"
-      });
-    case ye:
-      return s("inline-flex items-center", {
-        "justify-center": o === "center",
-        "justify-start": o === "left",
-        "justify-end": o === "right",
-        "h-6 w-6 p-0": t === "small" && !(r || a),
-        "h-6 px-2": t === "small" && (r || a),
-        "h-8 w-8 p-1": t === "medium" && !(r || a),
-        "h-8 px-3": t === "medium" && (r || a),
-        "h-12 w-12 p-2": t === "large" && !(r || a),
-        "h-12 px-4": t === "large" && (r || a)
-      });
-  }
-}, fr = ({
-  type: e,
-  size: t,
-  labelRight: r,
-  labelLeft: a
-}) => {
-  const o = "text-sm font-medium", n = "text-base font-medium", i = "text-lg font-medium";
-  switch (e) {
-    case ot:
-    case de:
-      return s({
-        "text-center": e === de,
-        [o]: t === "small",
-        [n]: t === "medium",
-        [i]: t === "large"
-      });
-    case ye:
-      return s({
-        [o]: t === "small" && (r || a),
-        [n]: t === "medium" && (r || a),
-        [i]: t === "large" && (r || a)
-      });
-  }
-}, kr = ({
-  mode: e,
-  noBackground: t,
-  noTruncate: r,
-  variant: a
-}) => {
-  if (t)
-    return "not-prose";
-  if (a === "primary")
-    return s("not-prose", {
-      truncate: !r,
-      "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 === "secondary")
-    return s("not-prose", {
-      truncate: !r,
-      "text-copy-light": e === "light" || e === "system",
-      "text-copy-lighter": e === "dark" || e === "alt-system",
-      "dark:text-copy-lighter": e === "alt-system",
-      "dark:text-copy-light": e === "system"
-    });
-  if (a === "danger")
-    return s("not-prose", {
-      truncate: !r,
-      "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 s("not-prose text-copy-lighter", {
-      truncate: !r
-    });
-}, vr = ({
-  mode: e,
-  noBackground: t,
-  variant: r
-}) => {
-  if (!t) {
-    if (r === "primary")
-      return s({
-        "bg-action-dark": e === "dark",
-        "bg-action-light": e === "light",
-        "bg-action-dark dark:bg-action-light": e === "system",
-        "bg-action-light dark:bg-action-dark": e === "alt-system"
-      });
-    if (r === "secondary")
-      return s({
-        "bg-action-dark": e === "light",
-        "bg-action-light": e === "dark",
-        "bg-action-dark dark:bg-action-light": e === "alt-system",
-        "bg-action-light dark:bg-action-dark": e === "system"
-      });
-    if (r === "danger")
-      return s({
-        "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 (r === "selected")
-      return "bg-action-selected-dark";
-  }
-}, xr = ({
-  radius: e
-}) => s({
-  "rounded-full": e === "large",
-  "rounded-md": e === "medium",
-  "rounded-sm": e === "small"
-}), _r = ({
-  mode: e,
-  disabled: t,
-  variant: r
-}) => {
-  if (t)
-    return "";
-  if (r === "primary")
-    return s("hover:text-copy-light-hover", {
-      "hover:bg-action-dark-hover": e === "dark",
-      "hover:bg-action-light-hover": e === "light",
-      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
-      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
-    });
-  if (r === "secondary")
-    return s("hover:text-copy-light-hover", {
-      "hover:bg-action-dark-hover": e === "light",
-      "hover:bg-action-light-hover": e === "dark",
-      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
-      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
-    });
-  if (r === "danger")
-    return s("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 (r === "selected")
-    return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, wr = ({
-  mode: e,
-  disabled: t,
-  variant: r
-}) => {
-  if (t)
-    return "";
-  if (r === "primary")
-    return s("active:text-copy-light-active", {
-      "active:bg-action-dark-active": e === "dark",
-      "active:bg-action-light-active": e === "light",
-      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
-      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
-    });
-  if (r === "secondary")
-    return s("active:text-copy-light-active", {
-      "active:bg-action-dark-active": e === "light",
-      "active:bg-action-light-active": e === "dark",
-      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
-      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
-    });
-  if (r === "danger")
-    return s("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 (r === "selected")
-    return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, Nr = ({
-  mode: e,
-  noBorder: t,
-  variant: r
-}) => {
-  if (t)
-    return "border border-transparent";
-  if (r === "primary")
-    return s("border", {
-      "border-border-dark": e === "dark",
-      "border-border-accent": e === "light",
-      "border-border-dark dark:border-border-accent": e === "system",
-      "border-border-accent dark:border-border-dark": e === "alt-system"
-    });
-  if (r === "secondary")
-    return s("border", {
-      "border-border-dark": e === "light",
-      "border-border-accent": e === "dark",
-      "border-border-dark dark:border-border-accent": e === "alt-system",
-      "border-border-accent dark:border-border-dark": e === "system"
-    });
-  if (r === "danger")
-    return s("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 (r === "selected")
-    return "border border-border-selected-dark";
-}, Tr = ({
-  focusMode: e
-}) => s("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"
-}), Er = ({
-  type: e,
-  className: t,
-  raw: r,
-  mode: a,
-  focusMode: o,
-  disabled: n,
-  fullWidth: i,
-  size: c,
-  noBorder: d,
-  labelRight: m,
-  labelLeft: u,
-  noBackground: h,
-  variant: g,
-  noTruncate: p,
-  align: b,
-  radius: f
-}) => (g || (g = "primary"), r ? s(Pe, t) : s(
-  Pe,
-  kr({
-    mode: a,
-    variant: g,
-    noBackground: h,
-    noTruncate: p
-  }),
-  vr({ mode: a, noBackground: h, variant: g }),
-  xr({ radius: f }),
-  yr({
-    type: e,
-    size: c,
-    labelRight: m,
-    labelLeft: u,
-    align: b
-  }),
-  fr({ type: e, size: c, labelRight: m, labelLeft: u }),
-  Nr({ mode: a, variant: g, noBorder: d }),
-  Tr({ focusMode: o }),
-  _r({ mode: a, variant: g, disabled: n }),
-  wr({ mode: a, variant: g, disabled: n }),
-  {
-    "w-full": i,
-    "disabled:cursor-not-allowed disabled:opacity-50": n
-  },
-  t
-)), Sr = (e, t, r) => {
-  var a;
-  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
-}, nt = I.forwardRef((e, t) => {
-  const { onClick: r, noInternalClick: a = !1, ...o } = e;
-  return /* @__PURE__ */ l(
-    "button",
-    {
-      ref: t,
-      onClick: (n) => {
-        Sr(n, a, r);
-      },
-      ...o
-    }
-  );
-});
-nt.displayName = "BaseButton";
-/*!
-  @versini/ui-button v4.0.3
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.3",
-    buildTime: "01/04/2025 04:09 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const st = I.forwardRef(
-  ({
-    children: e,
-    disabled: t = !1,
-    mode: r = "system",
-    focusMode: a = "system",
-    fullWidth: o = !1,
-    className: n,
-    type: i = "button",
-    raw: c = !1,
-    noBorder: d = !1,
-    "aria-label": m,
-    label: u,
-    size: h = "medium",
-    labelRight: g,
-    labelLeft: p,
-    noBackground: b = !1,
-    align: f = "center",
-    active: y = !1,
-    radius: _ = "large",
-    ...N
-  }, T) => {
-    const R = Er({
-      type: ye,
-      mode: r,
-      focusMode: a,
-      fullWidth: o,
-      disabled: t,
-      raw: c,
-      className: n,
-      noBorder: d,
-      size: h,
-      labelRight: g,
-      labelLeft: p,
-      noBackground: b,
-      align: f,
-      radius: _
-    }), E = s({
-      "text-copy-accent-dark": r === "light" && !c,
-      "text-copy-light": r === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
-    }), M = y ? s(
-      "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__ */ l("div", { className: M, children: /* @__PURE__ */ v(
-      nt,
-      {
-        ref: T,
-        className: R,
-        disabled: t,
-        type: i,
-        "aria-label": m || u,
-        ...N,
-        children: [
-          p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
-          /* @__PURE__ */ l("div", { className: E, children: e }),
-          g && /* @__PURE__ */ l("span", { className: "pl-2", children: g })
-        ]
-      }
-    ) });
-  }
-);
-st.displayName = "ButtonSort";
-const fe = ({
-  children: e,
-  fill: t,
-  viewBox: r,
-  className: a,
-  defaultViewBox: o,
-  size: n,
-  title: i,
-  semantic: c = !1,
-  ...d
-}) => {
-  const m = s(n, a);
-  return /* @__PURE__ */ v(Y, { children: [
-    /* @__PURE__ */ l(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        className: m,
-        viewBox: r || o,
-        fill: t || "currentColor",
-        role: "img",
-        "aria-hidden": !c,
-        focusable: !1,
-        ...d,
-        children: e
-      }
-    ),
-    i && c && /* @__PURE__ */ l("span", { className: "sr-only", children: i })
-  ] });
-};
-/*!
-  @versini/ui-svgicon v4.0.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.0.0",
-    buildTime: "01/04/2025 04:09 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const Cr = ({
-  className: e,
-  viewBox: t,
-  title: r,
-  monotone: a,
-  ...o
-}) => /* @__PURE__ */ v(
-  fe,
-  {
-    defaultViewBox: "0 0 576 512",
-    size: "size-5",
-    viewBox: t,
-    className: e,
-    title: r || "Sort",
-    ...o,
-    children: [
-      /* @__PURE__ */ l(
-        "path",
-        {
-          className: "fa-secondary",
-          opacity: a ? "1" : "0.4",
-          d: "M297.4 137.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L384 141.3 384 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-306.7 41.4 41.4c12.5 12.5 32.8 12.5 45.3 0c6.2-6.2 9.4-14.4 9.4-22.6s-3.1-16.4-9.4-22.6l-96-96C432.4 35.1 424.2 32 416 32s-16.4 3.1-22.6 9.4l-96 96z"
-        }
-      ),
-      /* @__PURE__ */ l(
-        "path",
-        {
-          className: "fa-primary",
-          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.7 192 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L86.6 329.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z"
-        }
-      )
-    ]
-  }
-), Ir = ({
-  className: e,
-  viewBox: t,
-  title: r,
-  monotone: a,
-  ...o
-}) => /* @__PURE__ */ v(
-  fe,
-  {
-    defaultViewBox: "0 0 576 512",
-    size: "size-5",
-    viewBox: t,
-    className: e,
-    title: r || "Sort Down",
-    ...o,
-    children: [
-      /* @__PURE__ */ l(
-        "path",
-        {
-          className: "fa-secondary",
-          opacity: a ? "1" : "0.4",
-          d: "M288 64c0-17.7 14.3-32 32-32l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L320 96c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32z"
-        }
-      ),
-      /* @__PURE__ */ l(
-        "path",
-        {
-          className: "fa-primary",
-          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.7 160 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 301.7L63.6 330.4c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96C110.5 476.2 119 480 128 480z"
-        }
-      )
-    ]
-  }
-), Rr = ({
-  className: e,
-  viewBox: t,
-  title: r,
-  monotone: a,
-  ...o
-}) => /* @__PURE__ */ v(
-  fe,
-  {
-    defaultViewBox: "0 0 576 512",
-    size: "size-5",
-    viewBox: t,
-    className: e,
-    title: r || "Sort Up",
-    ...o,
-    children: [
-      /* @__PURE__ */ l(
-        "path",
-        {
-          className: "fa-secondary",
-          opacity: a ? "1" : "0.4",
-          d: "M288 64c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32z"
-        }
-      ),
-      /* @__PURE__ */ l(
-        "path",
-        {
-          className: "fa-primary",
-          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.3 160 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-301.7L63.6 181.6c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32z"
-        }
-      )
-    ]
-  }
-);
-/*!
-  @versini/ui-icons v4.2.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.2.0",
-    buildTime: "01/04/2025 04:09 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const F = I.createContext({
-  mode: "light",
-  cellWrapper: "thead",
-  stickyHeader: !1,
-  stickyFooter: !1,
-  compact: !1
-}), eo = ({
-  children: e,
-  mode: t = "system",
-  caption: r,
-  compact: a,
-  summary: o,
-  className: n,
-  wrapperClassName: i,
-  maxHeight: c,
-  stickyHeader: d,
-  stickyFooter: m,
-  ...u
-}) => {
-  const h = mr({
-    mode: t,
-    className: n,
-    wrapperClassName: i,
-    stickyHeader: d,
-    stickyFooter: m
-  });
-  return /* @__PURE__ */ l(
-    F.Provider,
-    {
-      value: { mode: t, stickyHeader: d, stickyFooter: m, compact: a },
-      children: /* @__PURE__ */ l(
-        "div",
-        {
-          className: h.wrapper,
-          ...c && {
-            style: { maxHeight: c }
-          },
-          children: /* @__PURE__ */ v("table", { className: h.table, summary: o, ...u, children: [
-            r && /* @__PURE__ */ l("caption", { className: h.caption, children: r }),
-            e
-          ] })
-        }
-      )
-    }
-  );
-}, to = ({
-  children: e,
-  className: t,
-  ...r
-}) => {
-  const a = $(F);
-  a.cellWrapper = ee;
-  const o = ur({
-    className: t,
-    mode: a.mode,
-    stickyHeader: a.stickyHeader
-  });
-  return /* @__PURE__ */ l("thead", { className: o, ...r, children: e });
-}, ro = ({
-  children: e,
-  className: t,
-  ...r
-}) => {
-  const a = $(F);
-  a.cellWrapper = be;
-  const o = gr({
-    className: t,
-    mode: a.mode,
-    stickyFooter: a.stickyFooter
-  });
-  return /* @__PURE__ */ l("tfoot", { className: o, ...r, children: e });
-}, ao = ({ children: e, ...t }) => {
-  const r = $(F);
-  return r.cellWrapper = H, /* @__PURE__ */ l("tbody", { ...t, children: e });
-}, oo = ({
-  children: e,
-  className: t,
-  ...r
-}) => {
-  const a = $(F), o = hr({
-    mode: a.mode,
-    cellWrapper: a.cellWrapper,
-    className: t
-  });
-  return /* @__PURE__ */ l("tr", { className: o, ...r, children: e });
-}, $r = ({
-  children: e,
-  component: t,
-  className: r,
-  align: a,
-  ...o
-}) => {
-  const n = $(F), i = t || (n.cellWrapper === ee ? "th" : "td"), { mainClasses: c, alignClasses: d } = pr({
-    cellWrapper: n.cellWrapper,
-    className: r,
-    mode: n.mode,
-    compact: n.compact,
-    align: a
-  });
-  return a ? /* @__PURE__ */ l(i, { className: c, ...o, children: /* @__PURE__ */ l("div", { className: d, children: e }) }) : /* @__PURE__ */ l(i, { className: c, ...o, children: e });
-}, no = ({
-  align: e,
-  children: t,
-  buttonClassName: r,
-  className: a,
-  component: o,
-  focusMode: n = "alt-system",
-  mode: i = "alt-system",
-  onClick: c,
-  sortDirection: d,
-  sortedCell: m,
-  cellId: u,
-  ...h
-}) => {
-  const g = br({ buttonClassName: r });
-  return /* @__PURE__ */ l(
-    $r,
-    {
-      component: o,
-      className: a,
-      role: "columnheader",
-      "aria-sort": d === j.ASC && m === u ? "ascending" : d === j.DESC && m === u ? "descending" : "other",
-      ...h,
-      children: /* @__PURE__ */ l(
-        st,
-        {
-          active: m === u,
-          className: g,
-          onClick: c,
-          align: e,
-          noBorder: !0,
-          focusMode: n,
-          mode: i,
-          fullWidth: !0,
-          labelRight: t,
-          children: d === j.ASC && m === u ? /* @__PURE__ */ l(Rr, { className: "size-4", monotone: !0 }) : d === j.DESC && m === u ? /* @__PURE__ */ l(Ir, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(Cr, { className: "size-4", monotone: !0 })
-        }
-      )
-    }
-  );
-}, w = [];
-for (let e = 0; e < 256; ++e)
-  w.push((e + 256).toString(16).slice(1));
-function Br(e, t = 0) {
-  return (w[e[t + 0]] + w[e[t + 1]] + w[e[t + 2]] + w[e[t + 3]] + "-" + w[e[t + 4]] + w[e[t + 5]] + "-" + w[e[t + 6]] + w[e[t + 7]] + "-" + w[e[t + 8]] + w[e[t + 9]] + "-" + w[e[t + 10]] + w[e[t + 11]] + w[e[t + 12]] + w[e[t + 13]] + w[e[t + 14]] + w[e[t + 15]]).toLowerCase();
-}
-let se;
-const Ar = new Uint8Array(16);
-function Lr() {
-  if (!se) {
-    if (typeof crypto > "u" || !crypto.getRandomValues)
-      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    se = crypto.getRandomValues.bind(crypto);
-  }
-  return se(Ar);
-}
-const Mr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), De = { randomUUID: Mr };
-function ke(e, t, r) {
-  if (De.randomUUID && !t && !e)
-    return De.randomUUID();
-  e = e || {};
-  const a = e.random || (e.rng || Lr)();
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Br(a);
-}
-const zr = (e, t) => {
-  if ((t == null ? void 0 : t.type) === At) {
-    const r = t.payload.messages.map((a) => ({
-      message: {
-        role: a.role,
-        content: a.content,
-        name: a.name,
-        processingTime: a.processingTime
-      }
-    }));
-    return {
-      id: t.payload.id,
-      model: t.payload.model,
-      usage: t.payload.usage,
-      isComponent: e.isComponent,
-      messages: r,
-      engine: e.engine,
-      prompts: e.prompts
-    };
-  }
-  if ((t == null ? void 0 : t.type) === q) {
-    const r = t.payload.message.role, a = t.payload.message.content, o = t.payload.message.name, n = t.payload.message.processingTime, i = t.payload.message.messageId;
-    if (r !== "") {
-      const c = {
-        role: r,
-        content: a,
-        name: o,
-        processingTime: n,
-        messageId: i
-      };
-      if (r === K) {
-        const d = e.messages.findIndex(
-          (m) => m.message.messageId === i
-        );
-        if (d !== -1) {
-          const m = e.messages.map((u, h) => h === d ? {
-            message: {
-              ...u.message,
-              content: `${u.message.content}${a}`,
-              processingTime: n,
-              name: o
-            }
-          } : u);
-          return {
-            id: e.id,
-            model: e.model,
-            usage: e.usage,
-            isComponent: e.isComponent,
-            messages: m,
-            engine: e.engine,
-            prompts: e.prompts
-          };
-        }
-      }
-      return {
-        id: e.id,
-        model: e.model,
-        engine: e.engine,
-        prompts: e.prompts,
-        usage: e.usage,
-        isComponent: e.isComponent,
-        messages: [
-          ...e.messages,
-          {
-            message: c
-          }
-        ]
-      };
-    }
-  }
-  return (t == null ? void 0 : t.type) === qe ? {
-    id: ke(),
-    model: e.model,
-    engine: e.engine,
-    usage: 0,
-    messages: [],
-    isComponent: e.isComponent,
-    prompts: e.prompts
-  } : (t == null ? void 0 : t.type) === Ke ? {
-    id: e.id,
-    model: t.payload.model,
-    engine: e.engine,
-    prompts: e.prompts,
-    usage: t.payload.usage,
-    messages: e.messages,
-    isComponent: e.isComponent
-  } : (t == null ? void 0 : t.type) === Je ? {
-    ...e,
-    engine: t.payload.engine
-  } : (t == null ? void 0 : t.type) === Qe ? {
-    ...e,
-    streaming: t.payload.streaming
-  } : e;
-}, Or = (e, t) => {
-  switch (t == null ? void 0 : t.type) {
-    case Mt:
-      return {
-        searchString: t.payload.searchString,
-        sortedCell: e.sortedCell,
-        sortDirection: e.sortDirection
-      };
-    case Lt:
-      return {
-        searchString: e.searchString,
-        sortedCell: t.payload.sortedCell,
-        sortDirection: t.payload.sortDirection
-      };
-    default:
-      return e;
-  }
-}, Ur = (e, t) => {
-  switch (t == null ? void 0 : t.type) {
-    case Ze:
-      return {
-        prompts: e.prompts,
-        prompt: t.payload.prompt
-      };
-    case Ye:
-      return {
-        prompts: e.prompts,
-        prompt: ""
-      };
-    case Xe:
-      return {
-        prompts: t.payload.prompts,
-        prompt: ""
-      };
-    default:
-      return e;
-  }
-}, L = {
-  GET_LOCATION: `query GetLocation($latitude: Float!, $longitude: Float!) {
-    location(latitude: $latitude, longitude: $longitude) {
-    	country
-			state
-			city
-			displayName
-    }
-  }`,
-  GET_CHATS: `query GetChats(
-	$userId: String!,
-	$searchString: String,
-	$limit: Float,
-	$direction: String,
-	$truncateSize: Float) {
-		chats(
-		user: $userId,
-		searchString: $searchString,
-		limit: $limit,
-		direction: $direction,
-		truncateSize: $truncateSize) {
-			timestamp
-			id
-			model
-			messages {
-				content
-			}
-		}
-	}`,
-  GET_CHATS_STATS: `query GetChatsStats($userId: String!) {
-		chatsStats(user: $userId) {
-			totalChats
-			averageProcessingTimes
-		}
-	}`,
-  GET_CHAT: `query GetChatById($id: String!) {
-		chatById(id: $id) {
-			model
-			usage
-			messages {
-				content
-				role
-				name
-				processingTime
-			}
-		}
-	}`,
-  DELETE_CHAT: `mutation DeleteChat(
-	$id: String!,
-	$userId: String!,
-	$searchString: String,
-	$limit: Float,
-	$direction: String,
-	$truncateSize: Float) {
-		deleteChat(
-		id: $id,
-		user: $userId,
-		searchString: $searchString,
-		limit: $limit,
-		direction: $direction,
-		truncateSize: $truncateSize) {
-			timestamp
-			id
-			model
-			messages {
-				content
-			}
-		}
-	}`,
-  ABOUT: `query About($user: String!) {
-		about(user: $user) {
-			version
-			models
-			plugins
-			engine
-			engines
-		}
-	}`,
-  GET_USER_PREFERENCES: `query GetUserPreferences($user: String!) {
-		getUserPreferences(user: $user) {
-			instructions
-			location
-			engine
-			tags {
-				enabled
-				slot
-				label
-				content
-			}
-		}
-	}`,
-  SET_USER_PREFERENCES: `mutation SetUserPreferences(
-		$user: String!,
-		$instructions: String,
-		$location: String,
-		$engine: String,
-		$tags: [TagIn]) {
-			setUserPreferences(
-			user: $user,
-			instructions: $instructions,
-			location: $location,
-			engine: $engine,
-			tags: $tags)
-	}`
-}, it = {
-  GET_LOCATION: {
-    schema: L.GET_LOCATION,
-    method: "location"
-  },
-  GET_CHATS: {
-    schema: L.GET_CHATS,
-    method: "chats"
-  },
-  GET_CHATS_STATS: {
-    schema: L.GET_CHATS_STATS,
-    method: "chatsStats"
-  },
-  GET_CHAT: {
-    schema: L.GET_CHAT,
-    method: "chatById"
-  },
-  DELETE_CHAT: {
-    schema: L.DELETE_CHAT,
-    method: "deleteChat"
-  },
-  ABOUT: {
-    schema: L.ABOUT,
-    method: "about"
-  },
-  GET_USER_PREFERENCES: {
-    schema: L.GET_USER_PREFERENCES,
-    method: "getUserPreferences"
-  },
-  SET_USER_PREFERENCES: {
-    schema: L.SET_USER_PREFERENCES,
-    method: "setUserPreferences"
-  }
-}, lt = process.env.PUBLIC_SASSY_API_SERVER_URL, Pr = async ({
-  query: e,
-  data: t,
-  headers: r = {}
-}) => await fetch(`${lt}/graphql`, {
-  method: "POST",
-  credentials: "include",
-  headers: {
-    ...r,
-    "Content-Type": "application/json",
-    Accept: "application/json"
-  },
-  body: JSON.stringify({
-    query: e,
-    variables: t
-  })
-}), ct = async ({
-  accessToken: e,
-  type: t,
-  params: r = {}
-}) => {
-  const a = t != null && t.data ? t.data(r) : r;
-  try {
-    const o = `Bearer ${e}`, n = await Pr({
-      headers: {
-        authorization: o
-      },
-      query: t.schema,
-      data: a
-    });
-    if (n.status !== 200)
-      return { status: n.status, data: [] };
-    const { data: i, errors: c } = await n.json();
-    return {
-      status: n.status,
-      data: i[t.method],
-      errors: c
-    };
-  } catch (o) {
-    return console.error(o), { status: 500, data: [] };
-  }
-}, Dr = async ({
-  accessToken: e,
-  name: t,
-  data: r,
-  method: a = "POST"
-}) => {
-  const o = `Bearer ${e}`;
-  return await fetch(`${lt}/api/${t}`, {
-    method: a,
-    credentials: "include",
-    headers: {
-      "Content-Type": "application/json",
-      authorization: o
-    },
-    body: JSON.stringify(r)
-  });
-}, G = I.createContext({
-  state: {
-    id: "",
-    model: U,
-    engine: U,
-    usage: 0,
-    messages: [],
-    isComponent: !1,
-    prompts: []
-  },
-  dispatch: () => {
-  },
-  serverStats: {
-    version: "",
-    models: [],
-    plugins: [],
-    engine: U,
-    engines: []
-  }
-}), Vr = I.createContext({
-  state: { searchString: "", sortedCell: "", sortDirection: "" },
-  dispatch: () => {
-  }
-}), ve = I.createContext({
-  state: { prompt: "" },
-  dispatch: () => {
-  }
-});
-/*!
-  @versini/ui-textarea v3.0.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
-    version: "3.0.0",
-    buildTime: "01/03/2025 10:45 AM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const dt = "av-text-area", Hr = "av-text-area-wrapper", ie = "av-text-area-helper-text", Fr = "av-text-area__control--right", Gr = "av-text-area__control--left";
-function Wr() {
-  const e = k(!1);
-  return x(() => (e.current = !0, () => {
-    e.current = !1;
-  }), []), P(() => e.current, []);
-}
-function jr(e) {
-  return pe(() => e.every((t) => t == null) ? () => {
-  } : (t) => {
-    e.forEach((r) => {
-      typeof r == "function" ? r(t) : r != null && (r.current = t);
-    });
-  }, e);
-}
-const qr = {
-  x: 0,
-  y: 0,
-  width: 0,
-  height: 0,
-  top: 0,
-  left: 0,
-  bottom: 0,
-  right: 0
-};
-function Ve(e) {
-  const t = Wr(), r = k(0), a = k(null), [o, n] = S(qr), i = pe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
-    const d = c[0];
-    d && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
-      a.current && t() && n(d.contentRect);
-    }));
-  }), [t]);
-  return x(() => (a.current && (i == null || i.observe(a.current, e)), () => {
-    i == null || i.disconnect(), r.current && cancelAnimationFrame(r.current);
-  }), [i, e]), [a, o];
-}
-function Kr({
-  value: e,
-  defaultValue: t,
-  finalValue: r,
-  onChange: a = () => {
-  },
-  initialControlledDelay: o = 0
-}) {
-  const [n, i] = S(!1), [c, d] = S(
-    t !== void 0 ? t : r
-  ), m = (u) => {
-    d(u), a == null || a(u);
-  };
-  return x(() => {
-    (async () => e !== void 0 && !n && o > 0 && (await new Promise(
-      (u) => setTimeout(u, o)
-    ), i(!0)))();
-  }, [e, o, n]), e !== void 0 ? !n && o > 0 ? ["", a, !0] : [e, a, !0] : [c, m, !1];
-}
-function Jr(e) {
-  const t = Qt();
-  if (!e)
-    return t;
-  if (typeof e == "number" || typeof e == "string")
-    return `${e}${t}`;
-  if (typeof e == "object") {
-    const { id: r, prefix: a = "" } = e;
-    return typeof r == "number" || typeof r == "string" ? `${a}${r}` : `${a}${t}`;
-  }
-}
-const mt = "SET_ANNOUNCEMENT", ut = "CLEAR_ANNOUNCEMENT", Qr = {
-  alert: null,
-  alertdialog: null,
-  log: "polite",
-  marquee: null,
-  progressbar: null,
-  status: "polite",
-  timer: "assertive"
-}, Xr = (e, t) => {
-  switch (t == null ? void 0 : t.type) {
-    case mt:
-      return {
-        ...e,
-        announcement: t.payload
-      };
-    case ut:
-      return {
-        ...e,
-        announcement: null
-      };
-    default:
-      return e;
-  }
-}, Yr = ({
-  onAnnouncementClear: e,
-  dispatch: t
-}) => {
-  t({
-    type: ut
-  }), typeof e == "function" && e();
-}, He = ({
-  children: e,
-  clearAnnouncementDelay: t,
-  clearAnnouncementTimeoutRef: r,
-  onAnnouncementClear: a,
-  dispatch: o
-}) => {
-  clearTimeout(r.current), e !== null && o({
-    type: mt,
-    payload: e
-  }), t && (r.current = setTimeout(
-    () => Yr({
-      onAnnouncementClear: a,
-      dispatch: o
-    }),
-    t
-  ));
-}, Zr = ({
-  children: e,
-  announcementTimeoutRef: t,
-  announcementDelay: r,
-  clearAnnouncementDelay: a,
-  clearAnnouncementTimeoutRef: o,
-  onAnnouncementClear: n,
-  dispatch: i
-}) => {
-  clearTimeout(t.current), r ? t.current = setTimeout(He, r, {
-    children: e,
-    clearAnnouncementDelay: a,
-    clearAnnouncementTimeoutRef: o,
-    onAnnouncementClear: n,
-    dispatch: i
-  }) : He({
-    children: e,
-    clearAnnouncementDelay: a,
-    clearAnnouncementTimeoutRef: o,
-    onAnnouncementClear: n,
-    dispatch: i
-  });
-};
-function ea({
-  children: e,
-  className: t,
-  politeness: r,
-  role: a = null,
-  announcementDelay: o,
-  clearAnnouncementDelay: n,
-  onAnnouncementClear: i,
-  visible: c,
-  ...d
-}) {
-  const m = k(null), u = k(null), [h, g] = Q(Xr, {
-    announcement: null
-  });
-  let p = r;
-  typeof p > "u" && (p = a ? Qr[a] : "assertive"), x(() => {
-    Zr({
-      announcementTimeoutRef: m,
-      announcementDelay: o,
-      children: e,
-      clearAnnouncementDelay: n,
-      clearAnnouncementTimeoutRef: u,
-      onAnnouncementClear: i,
-      dispatch: g
-    });
-  }, [
-    e,
-    o,
-    n,
-    i
-  ]);
-  const b = s(t, {
-    "sr-only": !c
-  });
-  return /* @__PURE__ */ l(
-    "div",
-    {
-      "aria-live": p,
-      ...a && { role: a },
-      className: b,
-      ...d,
-      children: h.announcement
-    }
-  );
-}
-/*!
-  @versini/ui-liveregion v1.3.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
-    version: "1.3.0",
-    buildTime: "01/03/2025 10:45 AM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", ra = ({ mode: e }) => s({
-  "bg-surface-darker text-copy-lighter caret-copy-light": e === "dark",
-  "bg-surface-lighter text-copy-dark caret-copy-dark": e === "light",
-  "bg-surface-lighter text-copy-dark caret-copy-dark dark:bg-surface-darker dark:text-copy-lighter dark:caret-copy-light": e === "system",
-  "bg-surface-darker text-copy-lighter caret-copy-light dark:bg-surface-lighter dark:text-copy-dark dark:caret-copy-dark": e === "alt-system"
-}), aa = ({
-  focusMode: e
-}) => s("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"
-}), oa = ({
-  noBorder: e,
-  error: t
-}) => s("border-2", {
-  "border-border-dark": !e && !t,
-  "focus:border-border-dark": !e && t,
-  "border-border-error-dark": !e && t,
-  "border-transparent": e
-}), na = ({
-  disabled: e,
-  raw: t,
-  error: r,
-  mode: a,
-  leftElement: o,
-  rightElement: n
-}) => {
-  if (t)
-    return "";
-  if (e)
-    return s(
-      "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
-      {
-        "translate-x-[12px]": n === !0 && !o || !n && !o
-      }
-    );
-  if (!r)
-    return s(
-      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
-      {
-        "translate-x-[12px]": n === !0 && !o || !n && !o,
-        "text-copy-medium": a === "dark",
-        "text-copy-dark": a === "light",
-        "text-copy-dark dark:text-copy-medium": a === "system",
-        "text-copy-medium dark:text-copy-dark": a === "alt-system"
-      }
-    );
-  if (r)
-    return s(
-      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
-      {
-        "translate-x-[12px]": n === !0 && !o || !n && !o,
-        "text-copy-medium": a === "dark",
-        "text-copy-error-dark": a === "light",
-        "text-copy-error-dark dark:text-copy-error-light": a === "system",
-        "text-copy-medium dark:text-copy-error-dark": a === "alt-system"
-      }
-    );
-}, sa = ({
-  error: e,
-  raw: t,
-  mode: r,
-  disabled: a
-}) => {
-  if (t)
-    return "";
-  if (a)
-    return s(
-      ie,
-      "absolute px-2 cursor-not-allowed opacity-50 font-medium"
-    );
-  if (!e)
-    return s(ie, "absolute px-2 font-medium", {
-      "text-copy-medium": r === "dark",
-      "text-copy-dark": r === "light",
-      "text-copy-dark dark:text-copy-medium": r === "system",
-      "text-copy-medium dark:text-copy-dark": r === "alt-system"
-    });
-  if (e)
-    return s(ie, "absolute px-2 font-medium", {
-      "text-copy-error-light": r === "dark",
-      "text-copy-error-dark": r === "light",
-      "text-copy-error-dark dark:text-copy-error-light": r === "system",
-      "dark:text-copy-error-dark text-copy-error-light": r === "alt-system"
-    });
-}, ia = ({
-  className: e,
-  textAreaClassName: t,
-  raw: r,
-  focusMode: a,
-  disabled: o,
-  noBorder: n,
-  error: i,
-  mode: c,
-  leftElement: d,
-  rightElement: m
-}) => {
-  const u = r ? e : s(
-    "relative flex w-full flex-col justify-center",
-    Hr,
-    e
-  ), h = r ? s(t) : s(
-    dt,
-    t,
-    ta(),
-    ra({ mode: c }),
-    aa({ focusMode: a }),
-    oa({
-      noBorder: n,
-      error: i
-    }),
-    {
-      "disabled:cursor-not-allowed disabled:opacity-50": o
-    }
-  ), g = r ? void 0 : "sr-only", p = na({
-    disabled: o,
-    raw: r,
-    error: i,
-    mode: c,
-    rightElement: m,
-    leftElement: d
-  }), b = sa({
-    error: i,
-    raw: r,
-    mode: c,
-    disabled: o
-  }), f = r ? void 0 : s(Fr, "absolute"), y = r ? void 0 : s(Gr, "absolute");
-  return {
-    wrapper: u,
-    textArea: h,
-    accessibleLabel: g,
-    visibleLabel: p,
-    helperText: b,
-    rightElement: f,
-    leftElement: y
-  };
-}, la = ({
-  scrollHeight: e,
-  currentHeight: t,
-  currentLabelOffset: r = 0,
-  currentHelperTextOffset: a = 0
-}) => {
-  let o, n;
-  if (e > 0 && e !== t) {
-    const i = e - t, c = Math.abs(i / 24);
-    o = r + -1 * Math.sign(i) * (12 * c), n = a + Math.sign(i) * (12 * c);
-  }
-  return {
-    labelOffset: o,
-    helperTextOffset: n,
-    scrollHeight: e
-  };
-}, gt = I.forwardRef(
-  ({
-    id: e,
-    name: t,
-    label: r,
-    error: a = !1,
-    raw: o = !1,
-    className: n,
-    textAreaClassName: i,
-    mode: c = "system",
-    focusMode: d = "system",
-    value: m,
-    defaultValue: u,
-    disabled: h = !1,
-    noBorder: g = !1,
-    labelId: p,
-    helperText: b = "",
-    helperTextOnFocus: f = !1,
-    rightElement: y,
-    leftElement: _,
-    onChange: N,
-    onFocus: T,
-    onBlur: R,
-    ...E
-  }, M) => {
-    var Te;
-    const B = k(null), xt = jr([M, B]), [_t, J] = Ve(), [wt, D] = Ve(), re = k(80), Ee = k(-25), z = k(null), Se = k(30), ae = k(null), W = Jr({ id: e, prefix: `${dt}-` }), [Ce, Nt] = S(0), [Ie, Tt] = S(0), [Et, Re] = S(
-      !!(!f && b)
-    ), St = `${t} error, ${b}`, O = ia({
-      className: n,
-      textAreaClassName: i,
-      error: a,
-      raw: o,
-      focusMode: d,
-      disabled: h,
-      noBorder: g,
-      mode: c,
-      rightElement: !!y,
-      leftElement: !!_
-    }), [A, Ct] = Kr({
-      value: m,
-      initialControlledDelay: 20,
-      defaultValue: u,
-      onChange: (C) => {
-        N && N({
-          target: {
-            value: C
-          }
-        });
-      }
-    }), It = (C) => {
-      Ct(C.target.value);
-    }, Rt = (C) => {
-      f && b && Re(!0), T && T(C);
-    }, $t = (C) => {
-      f && b && !A && Re(!1), R && R(C);
-    };
-    return V(() => {
-      J && J.width && Nt(J.width + 18 + 10);
-    }, [J]), V(() => {
-      D && D.width && Tt(D.width + 18 + 10);
-    }, [D]), V(() => {
-      o || B && B.current && A !== void 0 && (B.current.style.height = "inherit", B.current.style.height = B.current.scrollHeight + "px");
-    }, [A, o]), V(() => {
-      o || setTimeout(() => {
-        var C;
-        (C = z == null ? void 0 : z.current) == null || C.style.setProperty(
-          "--av-text-area-wrapper-transition",
-          A ? "none" : "all 0.2s ease-out"
-        );
-      }, 0);
-    }, [A, o]), V(() => {
-      var C, $e;
-      if (!o && B && B.current && A !== void 0) {
-        const { labelOffset: oe, helperTextOffset: ne, scrollHeight: Bt } = la({
-          scrollHeight: B.current.scrollHeight,
-          currentHeight: re.current,
-          currentLabelOffset: Ee.current,
-          currentHelperTextOffset: Se.current
-        });
-        oe && (Ee.current = oe, (C = z == null ? void 0 : z.current) == null || C.style.setProperty(
-          "--av-text-area-label",
-          `${oe}px`
-        )), ne && (Se.current = ne, ($e = ae == null ? void 0 : ae.current) == null || $e.style.setProperty(
-          "--av-text-area-helper-text",
-          `${ne}px`
-        )), re.current = Bt || re.current;
-      }
-    }, [A, o]), D.width > 0 && ((Te = z == null ? void 0 : z.current) == null || Te.style.setProperty(
-      "--tw-translate-x",
-      `${12 + D.width + 5}px`
-    )), /* @__PURE__ */ v("div", { className: O.wrapper, children: [
-      /* @__PURE__ */ l(
-        "label",
-        {
-          htmlFor: W,
-          id: p,
-          className: O.accessibleLabel,
-          children: r
-        }
-      ),
-      _ && /* @__PURE__ */ l(
-        "div",
-        {
-          ref: wt,
-          className: O.leftElement,
-          children: _
-        }
-      ),
-      /* @__PURE__ */ l(
-        "textarea",
-        {
-          ref: xt,
-          id: W,
-          name: t,
-          disabled: h,
-          placeholder: o ? void 0 : " ",
-          className: O.textArea,
-          rows: 1,
-          ...b && { "aria-describedby": `${W}-helper` },
-          ...a && { "aria-invalid": "true" },
-          ...y && !_ && !o && { style: { paddingRight: Ce } },
-          ..._ && !y && !o && { style: { paddingLeft: Ie } },
-          ...y && _ && !o && {
-            style: {
-              paddingRight: Ce,
-              paddingLeft: Ie
-            }
-          },
-          value: A,
-          onChange: It,
-          onFocus: Rt,
-          onBlur: $t,
-          ...E
-        }
-      ),
-      !o && /* @__PURE__ */ l(
-        "label",
-        {
-          ref: z,
-          "aria-hidden": !0,
-          htmlFor: W,
-          className: `${O.visibleLabel}`,
-          children: r
-        }
-      ),
-      Et && /* @__PURE__ */ l(
-        "div",
-        {
-          ref: ae,
-          id: `${W}-helper`,
-          className: O.helperText,
-          children: b
-        }
-      ),
-      y && /* @__PURE__ */ l(
-        "div",
-        {
-          ref: _t,
-          className: O.rightElement,
-          children: y
-        }
-      ),
-      a && b && /* @__PURE__ */ l(ea, { politeness: "polite", clearAnnouncementDelay: 500, children: St })
-    ] });
-  }
-);
-gt.displayName = "TextArea";
-const ca = ({
-  mode: e = "light",
-  focusMode: t = "light",
-  radius: r = "small"
-}) => {
-  const { state: a, dispatch: o } = $(G), n = k(null), i = k(!1), c = (d) => {
-    d.preventDefault(), o({
-      type: qe
-    });
-  };
-  return x(() => {
-    var d;
-    (a == null ? void 0 : a.streaming) === !0 && !i.current && n.current && (i.current = !0, n.current.focus()), (a == null ? void 0 : a.streaming) === !1 && (i.current = !1, (d = n.current) == null || d.blur());
-  }, [a]), /* @__PURE__ */ l(
-    et,
-    {
-      noBorder: !0,
-      radius: r,
-      mode: e,
-      focusMode: t,
-      ref: n,
-      onClick: c,
-      children: a != null && a.streaming ? /* @__PURE__ */ l(Yt, { size: "size-4", monotone: !0 }) : /* @__PURE__ */ l(Xt, { size: "size-4", monotone: !0 })
-    }
-  );
-}, X = (e, t) => {
-  e({
-    type: Qe,
-    payload: {
-      streaming: t
-    }
-  });
-}, Fe = (e) => {
-  X(e, !1), e({
-    type: q,
-    payload: {
-      message: {
-        role: he,
-        content: Dt
-      }
-    }
-  });
-}, da = () => {
-  const { state: e, dispatch: t } = $(G), { state: r, dispatch: a } = $(ve), [o, n] = S(""), { getAccessToken: i, user: c } = Z(), d = k(null), m = k(
-    null
-  );
-  x(() => {
-    (async () => {
-      var g;
-      if (!e || e.messages.length === 0) {
-        (g = m == null ? void 0 : m.current) == null || g.cancel();
-        return;
-      }
-      const h = e.messages[e.messages.length - 1];
-      if (!(e.messages.length === 0 || h.message.role === K || h.message.role === zt || h.message.role === he || h.message.role === Ot))
-        try {
-          const p = await Dr({
-            accessToken: await i(),
-            name: "generate",
-            data: {
-              messages: e.messages,
-              model: e.engine || U,
-              user: (c == null ? void 0 : c.username) || "",
-              id: e.id,
-              usage: e.usage
-            }
-          });
-          if (p && p.ok) {
-            const b = ke();
-            m.current = p.body.getReader();
-            const f = new TextDecoder();
-            for (; ; ) {
-              X(t, !0);
-              const { done: y, value: _ } = await m.current.read();
-              if (y) {
-                X(t, !1);
-                break;
-              }
-              const N = f.decode(_, { stream: !0 }), T = N.indexOf(Be);
-              if (T !== -1) {
-                const R = N.substring(0, T), E = JSON.parse(
-                  N.substring(T + Be.length)
-                );
-                t({
-                  type: Ke,
-                  payload: {
-                    model: E.model,
-                    usage: E.usage
-                  }
-                }), t({
-                  type: q,
-                  payload: {
-                    message: {
-                      content: R,
-                      role: K,
-                      messageId: b,
-                      processingTime: E.processingTime,
-                      name: E.name
-                    }
-                  }
-                }), X(t, !1);
-                break;
-              } else
-                t({
-                  type: q,
-                  payload: {
-                    message: {
-                      content: N,
-                      role: K,
-                      messageId: b
-                    }
-                  }
-                });
-            }
-          } else
-            Fe(t);
-        } catch (p) {
-          console.error(p), Fe(t);
-        }
-    })();
-  }, [e == null ? void 0 : e.messages]);
-  const u = async (h) => {
-    h.preventDefault(), t({
-      type: q,
-      payload: {
-        message: {
-          role: le,
-          content: o
-        }
-      }
-    }), n("");
-  };
-  return x(() => {
-    if (r.prompt !== "") {
-      const h = r.prompt.endsWith(":") && !r.prompt.endsWith(": ") ? r.prompt + " " : r.prompt;
-      h.indexOf(Ae) !== -1 ? navigator.clipboard.readText().then((p) => {
-        n(h.replace(Ae, p));
-      }) : n(h), d.current && d.current.focus(), a({
-        type: Ye
-      });
-    }
-  }, [r, a]), x(() => {
-    e && e.usage === 0 && e.messages.length === 0 && d.current && d.current.focus();
-  }, [e]), /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l("form", { className: "mt-2", onSubmit: u, children: /* @__PURE__ */ l(
-    gt,
-    {
-      mode: "dark",
-      focusMode: "light",
-      ref: d,
-      name: "chat-input",
-      label: Ut,
-      helperText: "Press ENTER to add a new line",
-      helperTextOnFocus: !0,
-      required: !0,
-      value: o,
-      onChange: (h) => n(h.target.value),
-      onKeyDown: nr([["mod+Enter", u]]),
-      leftElement: /* @__PURE__ */ l(ca, {}),
-      rightElement: /* @__PURE__ */ l(
-        tt,
-        {
-          disabled: e == null ? void 0 : e.streaming,
-          noBorder: !0,
-          type: "submit",
-          mode: "light",
-          focusMode: "light",
-          children: Pt
-        }
-      )
-    }
-  ) }) });
-}, ma = () => {
-  const { dispatch: e, state: t } = $(ve), { getAccessToken: r, user: a } = Z(), [o, n] = S({
-    loaded: !1
-  }), i = "mt-2 flex justify-center rounded-md", c = (d, m) => {
-    d.preventDefault(), e({
-      type: Ze,
-      payload: {
-        prompt: m
-      }
-    });
-  };
-  return x(() => {
-    if (!a) {
-      n({
-        loaded: !1
-      });
-      return;
-    }
-    o.loaded || (async () => {
-      try {
-        const d = await ct({
-          accessToken: await r(),
-          type: it.GET_USER_PREFERENCES,
-          params: {
-            user: a.username
-          }
-        });
-        d.status === 200 && (e({
-          type: Xe,
-          payload: {
-            prompts: d.data.tags || []
-          }
-        }), n({
-          loaded: !0
-        }));
-      } catch {
-      }
-    })();
-  }, [a]), /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l(Vt, { alignHorizontal: "center", columnGap: 2, children: o && o.loaded && t.prompts && t.prompts.map((d) => d.enabled && d.label && d.content && /* @__PURE__ */ l(Ht, { children: /* @__PURE__ */ l("div", { className: i, children: /* @__PURE__ */ l(
-    tt,
-    {
-      noBorder: !0,
-      mode: "dark",
-      focusMode: "light",
-      size: "small",
-      onClick: (m) => c(m, d.content),
-      children: d.label
-    }
-  ) }) }, `prompt-button-${d.slot}`)) }) });
-}, ua = () => {
-  const { state: e } = $(G), t = k(!1), r = window.innerWidth < 403, [a, o] = S(
-    r ? "bottom-10" : "top-[245px]"
-  );
-  return x(() => {
-    r || e && (!t.current && e.streaming && o("bottom-10"), t.current = !!e.streaming);
-  }, [e, r]), x(() => {
-    r || (e && e.messages.length === 0 && o("top-[245px]"), e && !e.streaming && e.messages.length > 0 && o("bottom-10"));
-  }, [e, r]), /* @__PURE__ */ v(
-    "footer",
-    {
-      className: s(
-        "md:mx-auto md:max-w-4xl w-11/12 fixed left-1/2 transform -translate-x-1/2 z-1000",
-        a
-      ),
-      children: [
-        /* @__PURE__ */ l(ma, {}),
-        /* @__PURE__ */ l(da, {})
-      ]
-    }
-  );
-};
-/*!
-  @versini/ui-bubble v3.0.4
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "3.0.4",
-    buildTime: "01/04/2025 07:31 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const ga = "av-bubble", Ge = "av-button", te = "icon", ht = "button", me = "link", ha = ({
-  type: e,
-  size: t,
-  labelRight: r,
-  labelLeft: a,
-  align: o
-}) => {
-  const n = "max-h-8 py-0 px-2", i = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
-  switch (e) {
-    case ht:
-    case me:
-      return s({
-        [n]: t === "small",
-        [i]: t === "medium",
-        [c]: t === "large"
-      });
-    case te:
-      return s("inline-flex items-center", {
-        "justify-center": o === "center",
-        "justify-start": o === "left",
-        "justify-end": o === "right",
-        "h-6 w-6 p-0": t === "small" && !(r || a),
-        "h-6 px-2": t === "small" && (r || a),
-        "h-8 w-8 p-1": t === "medium" && !(r || a),
-        "h-8 px-3": t === "medium" && (r || a),
-        "h-12 w-12 p-2": t === "large" && !(r || a),
-        "h-12 px-4": t === "large" && (r || a)
-      });
-  }
-}, pa = ({
-  type: e,
-  size: t,
-  labelRight: r,
-  labelLeft: a
-}) => {
-  const o = "text-sm font-medium", n = "text-base font-medium", i = "text-lg font-medium";
-  switch (e) {
-    case ht:
-    case me:
-      return s({
-        "text-center": e === me,
-        [o]: t === "small",
-        [n]: t === "medium",
-        [i]: t === "large"
-      });
-    case te:
-      return s({
-        [o]: t === "small" && (r || a),
-        [n]: t === "medium" && (r || a),
-        [i]: t === "large" && (r || a)
-      });
-  }
-}, ba = ({
-  mode: e,
-  noBackground: t,
-  noTruncate: r,
-  variant: a
-}) => {
-  if (t)
-    return "not-prose";
-  if (a === "primary")
-    return s("not-prose", {
-      truncate: !r,
-      "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 === "secondary")
-    return s("not-prose", {
-      truncate: !r,
-      "text-copy-light": e === "light" || e === "system",
-      "text-copy-lighter": e === "dark" || e === "alt-system",
-      "dark:text-copy-lighter": e === "alt-system",
-      "dark:text-copy-light": e === "system"
-    });
-  if (a === "danger")
-    return s("not-prose", {
-      truncate: !r,
-      "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 s("not-prose text-copy-lighter", {
-      truncate: !r
-    });
-}, ya = ({
-  mode: e,
-  noBackground: t,
-  variant: r
-}) => {
-  if (!t) {
-    if (r === "primary")
-      return s({
-        "bg-action-dark": e === "dark",
-        "bg-action-light": e === "light",
-        "bg-action-dark dark:bg-action-light": e === "system",
-        "bg-action-light dark:bg-action-dark": e === "alt-system"
-      });
-    if (r === "secondary")
-      return s({
-        "bg-action-dark": e === "light",
-        "bg-action-light": e === "dark",
-        "bg-action-dark dark:bg-action-light": e === "alt-system",
-        "bg-action-light dark:bg-action-dark": e === "system"
-      });
-    if (r === "danger")
-      return s({
-        "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 (r === "selected")
-      return "bg-action-selected-dark";
-  }
-}, fa = ({
-  radius: e
-}) => s({
-  "rounded-full": e === "large",
-  "rounded-md": e === "medium",
-  "rounded-sm": e === "small"
-}), ka = ({
-  mode: e,
-  disabled: t,
-  variant: r
-}) => {
-  if (t)
-    return "";
-  if (r === "primary")
-    return s("hover:text-copy-light-hover", {
-      "hover:bg-action-dark-hover": e === "dark",
-      "hover:bg-action-light-hover": e === "light",
-      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
-      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
-    });
-  if (r === "secondary")
-    return s("hover:text-copy-light-hover", {
-      "hover:bg-action-dark-hover": e === "light",
-      "hover:bg-action-light-hover": e === "dark",
-      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
-      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
-    });
-  if (r === "danger")
-    return s("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 (r === "selected")
-    return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, va = ({
-  mode: e,
-  disabled: t,
-  variant: r
-}) => {
-  if (t)
-    return "";
-  if (r === "primary")
-    return s("active:text-copy-light-active", {
-      "active:bg-action-dark-active": e === "dark",
-      "active:bg-action-light-active": e === "light",
-      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
-      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
-    });
-  if (r === "secondary")
-    return s("active:text-copy-light-active", {
-      "active:bg-action-dark-active": e === "light",
-      "active:bg-action-light-active": e === "dark",
-      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
-      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
-    });
-  if (r === "danger")
-    return s("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 (r === "selected")
-    return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, xa = ({
-  mode: e,
-  noBorder: t,
-  variant: r
-}) => {
-  if (t)
-    return "border border-transparent";
-  if (r === "primary")
-    return s("border", {
-      "border-border-dark": e === "dark",
-      "border-border-accent": e === "light",
-      "border-border-dark dark:border-border-accent": e === "system",
-      "border-border-accent dark:border-border-dark": e === "alt-system"
-    });
-  if (r === "secondary")
-    return s("border", {
-      "border-border-dark": e === "light",
-      "border-border-accent": e === "dark",
-      "border-border-dark dark:border-border-accent": e === "alt-system",
-      "border-border-accent dark:border-border-dark": e === "system"
-    });
-  if (r === "danger")
-    return s("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 (r === "selected")
-    return "border border-border-selected-dark";
-}, _a = ({
-  focusMode: e
-}) => s("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"
-}), pt = ({
-  type: e,
-  className: t,
-  raw: r,
-  mode: a,
-  focusMode: o,
-  disabled: n,
-  fullWidth: i,
-  size: c,
-  noBorder: d,
-  labelRight: m,
-  labelLeft: u,
-  noBackground: h,
-  variant: g,
-  noTruncate: p,
-  align: b,
-  radius: f
-}) => (g || (g = "primary"), r ? s(Ge, t) : s(
-  Ge,
-  ba({
-    mode: a,
-    variant: g,
-    noBackground: h,
-    noTruncate: p
-  }),
-  ya({ mode: a, noBackground: h, variant: g }),
-  fa({ radius: f }),
-  ha({
-    type: e,
-    size: c,
-    labelRight: m,
-    labelLeft: u,
-    align: b
-  }),
-  pa({ type: e, size: c, labelRight: m, labelLeft: u }),
-  xa({ mode: a, variant: g, noBorder: d }),
-  _a({ focusMode: o }),
-  ka({ mode: a, variant: g, disabled: n }),
-  va({ mode: a, variant: g, disabled: n }),
-  {
-    "w-full": i,
-    "disabled:cursor-not-allowed disabled:opacity-50": n
-  },
-  t
-)), wa = (e, t, r) => {
-  var a;
-  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
-}, xe = I.forwardRef((e, t) => {
-  const { onClick: r, noInternalClick: a = !1, ...o } = e;
-  return /* @__PURE__ */ l(
-    "button",
-    {
-      ref: t,
-      onClick: (n) => {
-        wa(n, a, r);
-      },
-      ...o
-    }
-  );
-});
-xe.displayName = "BaseButton";
-const bt = I.forwardRef(
-  ({
-    children: e,
-    disabled: t = !1,
-    mode: r = "system",
-    focusMode: a = "system",
-    fullWidth: o = !1,
-    className: n,
-    type: i = "button",
-    raw: c = !1,
-    noBorder: d = !1,
-    "aria-label": m,
-    label: u,
-    size: h = "medium",
-    labelRight: g,
-    labelLeft: p,
-    noBackground: b = !1,
-    align: f = "center",
-    radius: y = "large",
-    variant: _ = "primary",
-    ...N
-  }, T) => {
-    const R = pt({
-      type: te,
-      mode: r,
-      focusMode: a,
-      fullWidth: o,
-      disabled: t,
-      raw: c,
-      className: n,
-      noBorder: d,
-      size: h,
-      labelRight: g,
-      labelLeft: p,
-      noBackground: b,
-      align: f,
-      radius: y,
-      variant: _
-    }), E = s({
-      "text-copy-accent-dark": r === "light" && !c,
-      "text-copy-light": r === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
-    });
-    return /* @__PURE__ */ v(
-      xe,
-      {
-        ref: T,
-        className: R,
-        disabled: t,
-        type: i,
-        "aria-label": m || u,
-        ...N,
-        children: [
-          p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
-          /* @__PURE__ */ l("div", { className: E, children: e }),
-          g && /* @__PURE__ */ l("span", { className: "pl-2", children: g })
-        ]
-      }
-    );
-  }
-);
-bt.displayName = "ButtonIcon";
-/*!
-  @versini/ui-button v4.0.3
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.3",
-    buildTime: "01/04/2025 07:31 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const Na = I.forwardRef(
-  ({
-    children: e,
-    disabled: t = !1,
-    mode: r = "system",
-    focusMode: a = "system",
-    fullWidth: o = !1,
-    className: n,
-    type: i = "button",
-    raw: c = !1,
-    noBorder: d = !1,
-    "aria-label": m,
-    label: u,
-    size: h = "medium",
-    labelRight: g,
-    labelLeft: p,
-    noBackground: b = !1,
-    align: f = "center",
-    active: y = !1,
-    radius: _ = "large",
-    ...N
-  }, T) => {
-    const R = pt({
-      type: te,
-      mode: r,
-      focusMode: a,
-      fullWidth: o,
-      disabled: t,
-      raw: c,
-      className: n,
-      noBorder: d,
-      size: h,
-      labelRight: g,
-      labelLeft: p,
-      noBackground: b,
-      align: f,
-      radius: _
-    }), E = s({
-      "text-copy-accent-dark": r === "light" && !c,
-      "text-copy-light": r === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
-    }), M = y ? s(
-      "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__ */ l("div", { className: M, children: /* @__PURE__ */ v(
-      xe,
-      {
-        ref: T,
-        className: R,
-        disabled: t,
-        type: i,
-        "aria-label": m || u,
-        ...N,
-        children: [
-          p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
-          /* @__PURE__ */ l("div", { className: E, children: e }),
-          g && /* @__PURE__ */ l("span", { className: "pl-2", children: g })
-        ]
-      }
-    ) });
-  }
-);
-Na.displayName = "ButtonSort";
-const yt = ({
-  children: e,
-  fill: t,
-  viewBox: r,
-  className: a,
-  defaultViewBox: o,
-  size: n,
-  title: i,
-  semantic: c = !1,
-  ...d
-}) => {
-  const m = s(n, a);
-  return /* @__PURE__ */ v(Y, { children: [
-    /* @__PURE__ */ l(
-      "svg",
-      {
-        xmlns: "http://www.w3.org/2000/svg",
-        className: m,
-        viewBox: r || o,
-        fill: t || "currentColor",
-        role: "img",
-        "aria-hidden": !c,
-        focusable: !1,
-        ...d,
-        children: e
-      }
-    ),
-    i && c && /* @__PURE__ */ l("span", { className: "sr-only", children: i })
-  ] });
-};
-/*!
-  @versini/ui-svgicon v4.0.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "4.0.0",
-    buildTime: "01/04/2025 07:31 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const Ta = ({
-  className: e,
-  viewBox: t,
-  title: r,
-  monotone: a,
-  ...o
-}) => /* @__PURE__ */ v(
-  yt,
-  {
-    defaultViewBox: "0 0 448 512",
-    size: "size-5",
-    viewBox: t,
-    className: e,
-    title: r || "Copied",
-    ...o,
-    children: [
-      /* @__PURE__ */ l(
-        "path",
-        {
-          className: "fa-secondary",
-          opacity: "0.4",
-          d: "M0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96zM104 256c0-6.1 2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l47 47c37-37 74-74 111-111c4.7-4.7 10.8-7 17-7s12.3 2.3 17 7c2.3 2.3 4.1 5 5.3 7.9c.6 1.5 1 2.9 1.3 4.4c.2 1.1 .3 2.2 .3 2.2c.1 1.2 .1 1.2 .1 2.5c-.1 1.5-.1 1.9-.1 2.3c-.1 .7-.2 1.5-.3 2.2c-.3 1.5-.7 3-1.3 4.4c-1.2 2.9-2.9 5.6-5.3 7.9c-42.7 42.7-85.3 85.3-128 128c-4.7 4.7-10.8 7-17 7s-12.3-2.3-17-7c-21.3-21.3-42.7-42.7-64-64c-4.7-4.7-7-10.8-7-17z"
-        }
-      ),
-      /* @__PURE__ */ l(
-        "path",
-        {
-          className: "fa-primary",
-          d: "M337 175c9.4 9.4 9.4 24.6 0 33.9L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0z"
-        }
-      )
-    ]
-  }
-), Ea = ({
-  className: e,
-  viewBox: t,
-  title: r,
-  monotone: a,
-  ...o
-}) => /* @__PURE__ */ l(
-  yt,
-  {
-    defaultViewBox: "0 0 512 512",
-    size: "size-5",
-    viewBox: t,
-    className: e,
-    title: r || "Copy",
-    ...o,
-    children: /* @__PURE__ */ l("path", { d: "M64 464l224 0c8.8 0 16-7.2 16-16l0-64 48 0 0 64c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64l64 0 0 48-64 0c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zM224 304l224 0c8.8 0 16-7.2 16-16l0-224c0-8.8-7.2-16-16-16L224 48c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zm-64-16l0-224c0-35.3 28.7-64 64-64L448 0c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64l-224 0c-35.3 0-64-28.7-64-64z" })
-  }
-);
-/*!
-  @versini/ui-icons v4.2.0
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "4.2.0",
-    buildTime: "01/04/2025 07:31 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const Sa = ({ kind: e }) => s("p-4 max-w-xs sm:max-w-md md:max-w-2xl", {
-  "lg:max-w-3xl": e === "left"
-}), Ca = ({ kind: e }) => s({
-  "bg-surface-lighter dark:bg-surface-dark": e === "left",
-  "bg-surface-accent": e === "right"
-}), Ia = ({ kind: e }) => s(
-  "prose prose-dark dark:prose-lighter prose-p:my-3 prose-blockquote:my-3 prose-ol:my-3 prose-ul:my-3 prose-ul:prose-li:marker:text-black",
-  {
-    "text-copy-lighter": e === "right"
-  }
-), Ra = ({ kind: e }) => s("rounded-b-xl", {
-  "rounded-tr-xl": e === "left",
-  "rounded-tl-xl": e === "right"
-}), $a = ({
-  kind: e,
-  className: t
-}) => {
-  const r = s(
-    ga,
-    "flex items-start",
-    {
-      "flex-row-reverse": e === "right"
-    },
-    t
-  ), a = s(
-    "flex flex-col empty:hidden",
-    Sa({ kind: e }),
-    Ia({ kind: e }),
-    Ca({ kind: e }),
-    Ra({ kind: e })
-  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", n = s("flex flex-col-reverse gap-2 sm:flex-row", {
-    "ml-2": e === "left",
-    "mr-2": e === "right"
-  });
-  return {
-    wrapper: r,
-    main: a,
-    footer: o,
-    copyButton: n
-  };
-}, Ba = ({
-  children: e,
-  kind: t = "left",
-  className: r,
-  footer: a,
-  rawFooter: o,
-  copyToClipboard: n,
-  copyToClipboardFocusMode: i = "system",
-  copyToClipboardMode: c = "system"
-}) => {
-  const [d, m] = S(!1), u = $a({ kind: t, className: r }), h = !!n && (typeof n == "function" || typeof n == "string" || typeof e == "string"), g = () => {
-    m(!0), typeof n == "function" ? n(e) : typeof n == "string" ? navigator.clipboard.writeText(n) : typeof e == "string" && navigator.clipboard.writeText(e);
-  };
-  return x(() => {
-    let p;
-    return d && (p = window.setTimeout(() => {
-      m(!1);
-    }, 3e3)), () => {
-      clearTimeout(p);
-    };
-  }, [d]), /* @__PURE__ */ v("div", { className: u.wrapper, children: [
-    /* @__PURE__ */ v("div", { children: [
-      /* @__PURE__ */ l("div", { className: u.main, children: e }),
-      a && Object.keys(a).map((p) => a[p] ? /* @__PURE__ */ l("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: u.footer, children: [
-        p,
-        ": ",
-        a[p]
-      ] }) }, `-${p}`) : null),
-      o && o
-    ] }),
-    h && /* @__PURE__ */ l("div", { className: u.copyButton, children: /* @__PURE__ */ l(
-      bt,
-      {
-        noBorder: !0,
-        noBackground: !0,
-        size: "small",
-        mode: c,
-        focusMode: i,
-        label: d ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: g,
-        disabled: d,
-        children: d ? /* @__PURE__ */ l(Ta, { size: "size-3" }) : /* @__PURE__ */ l(Ea, { size: "size-3" })
-      }
-    ) })
-  ] });
-}, We = "av-button", _e = "icon", we = "button", ue = "link", Aa = ({
-  type: e,
-  size: t,
-  labelRight: r,
-  labelLeft: a,
-  align: o
-}) => {
-  const n = "max-h-8 py-0 px-2", i = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
-  switch (e) {
-    case we:
-    case ue:
-      return s({
-        [n]: t === "small",
-        [i]: t === "medium",
-        [c]: t === "large"
-      });
-    case _e:
-      return s("inline-flex items-center", {
-        "justify-center": o === "center",
-        "justify-start": o === "left",
-        "justify-end": o === "right",
-        "h-6 w-6 p-0": t === "small" && !(r || a),
-        "h-6 px-2": t === "small" && (r || a),
-        "h-8 w-8 p-1": t === "medium" && !(r || a),
-        "h-8 px-3": t === "medium" && (r || a),
-        "h-12 w-12 p-2": t === "large" && !(r || a),
-        "h-12 px-4": t === "large" && (r || a)
-      });
-  }
-}, La = ({
-  type: e,
-  size: t,
-  labelRight: r,
-  labelLeft: a
-}) => {
-  const o = "text-sm font-medium", n = "text-base font-medium", i = "text-lg font-medium";
-  switch (e) {
-    case we:
-    case ue:
-      return s({
-        "text-center": e === ue,
-        [o]: t === "small",
-        [n]: t === "medium",
-        [i]: t === "large"
-      });
-    case _e:
-      return s({
-        [o]: t === "small" && (r || a),
-        [n]: t === "medium" && (r || a),
-        [i]: t === "large" && (r || a)
-      });
-  }
-}, Ma = ({
-  mode: e,
-  noBackground: t,
-  noTruncate: r,
-  variant: a
-}) => {
-  if (t)
-    return "not-prose";
-  if (a === "primary")
-    return s("not-prose", {
-      truncate: !r,
-      "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 === "secondary")
-    return s("not-prose", {
-      truncate: !r,
-      "text-copy-light": e === "light" || e === "system",
-      "text-copy-lighter": e === "dark" || e === "alt-system",
-      "dark:text-copy-lighter": e === "alt-system",
-      "dark:text-copy-light": e === "system"
-    });
-  if (a === "danger")
-    return s("not-prose", {
-      truncate: !r,
-      "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 s("not-prose text-copy-lighter", {
-      truncate: !r
-    });
-}, za = ({
-  mode: e,
-  noBackground: t,
-  variant: r
-}) => {
-  if (!t) {
-    if (r === "primary")
-      return s({
-        "bg-action-dark": e === "dark",
-        "bg-action-light": e === "light",
-        "bg-action-dark dark:bg-action-light": e === "system",
-        "bg-action-light dark:bg-action-dark": e === "alt-system"
-      });
-    if (r === "secondary")
-      return s({
-        "bg-action-dark": e === "light",
-        "bg-action-light": e === "dark",
-        "bg-action-dark dark:bg-action-light": e === "alt-system",
-        "bg-action-light dark:bg-action-dark": e === "system"
-      });
-    if (r === "danger")
-      return s({
-        "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 (r === "selected")
-      return "bg-action-selected-dark";
-  }
-}, Oa = ({
-  radius: e
-}) => s({
-  "rounded-full": e === "large",
-  "rounded-md": e === "medium",
-  "rounded-sm": e === "small"
-}), Ua = ({
-  mode: e,
-  disabled: t,
-  variant: r
-}) => {
-  if (t)
-    return "";
-  if (r === "primary")
-    return s("hover:text-copy-light-hover", {
-      "hover:bg-action-dark-hover": e === "dark",
-      "hover:bg-action-light-hover": e === "light",
-      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "system",
-      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "alt-system"
-    });
-  if (r === "secondary")
-    return s("hover:text-copy-light-hover", {
-      "hover:bg-action-dark-hover": e === "light",
-      "hover:bg-action-light-hover": e === "dark",
-      "hover:bg-action-dark-hover dark:hover:bg-action-light-hover": e === "alt-system",
-      "hover:bg-action-light-hover dark:hover:bg-action-dark-hover": e === "system"
-    });
-  if (r === "danger")
-    return s("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 (r === "selected")
-    return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, Pa = ({
-  mode: e,
-  disabled: t,
-  variant: r
-}) => {
-  if (t)
-    return "";
-  if (r === "primary")
-    return s("active:text-copy-light-active", {
-      "active:bg-action-dark-active": e === "dark",
-      "active:bg-action-light-active": e === "light",
-      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "system",
-      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "alt-system"
-    });
-  if (r === "secondary")
-    return s("active:text-copy-light-active", {
-      "active:bg-action-dark-active": e === "light",
-      "active:bg-action-light-active": e === "dark",
-      "active:bg-action-dark-active dark:active:bg-action-light-active": e === "alt-system",
-      "active:bg-action-light-active dark:active:bg-action-dark-active": e === "system"
-    });
-  if (r === "danger")
-    return s("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 (r === "selected")
-    return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, Da = ({
-  mode: e,
-  noBorder: t,
-  variant: r
-}) => {
-  if (t)
-    return "border border-transparent";
-  if (r === "primary")
-    return s("border", {
-      "border-border-dark": e === "dark",
-      "border-border-accent": e === "light",
-      "border-border-dark dark:border-border-accent": e === "system",
-      "border-border-accent dark:border-border-dark": e === "alt-system"
-    });
-  if (r === "secondary")
-    return s("border", {
-      "border-border-dark": e === "light",
-      "border-border-accent": e === "dark",
-      "border-border-dark dark:border-border-accent": e === "alt-system",
-      "border-border-accent dark:border-border-dark": e === "system"
-    });
-  if (r === "danger")
-    return s("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 (r === "selected")
-    return "border border-border-selected-dark";
-}, Va = ({
-  focusMode: e
-}) => s("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"
-}), ft = ({
-  type: e,
-  className: t,
-  raw: r,
-  mode: a,
-  focusMode: o,
-  disabled: n,
-  fullWidth: i,
-  size: c,
-  noBorder: d,
-  labelRight: m,
-  labelLeft: u,
-  noBackground: h,
-  variant: g,
-  noTruncate: p,
-  align: b,
-  radius: f
-}) => (g || (g = "primary"), r ? s(We, t) : s(
-  We,
-  Ma({
-    mode: a,
-    variant: g,
-    noBackground: h,
-    noTruncate: p
-  }),
-  za({ mode: a, noBackground: h, variant: g }),
-  Oa({ radius: f }),
-  Aa({
-    type: e,
-    size: c,
-    labelRight: m,
-    labelLeft: u,
-    align: b
-  }),
-  La({ type: e, size: c, labelRight: m, labelLeft: u }),
-  Da({ mode: a, variant: g, noBorder: d }),
-  Va({ focusMode: o }),
-  Ua({ mode: a, variant: g, disabled: n }),
-  Pa({ mode: a, variant: g, disabled: n }),
-  {
-    "w-full": i,
-    "disabled:cursor-not-allowed disabled:opacity-50": n
-  },
-  t
-)), Ha = (e, t, r) => {
-  var a;
-  !t && (!document.activeElement || document.activeElement !== e.currentTarget) && typeof ((a = e == null ? void 0 : e.currentTarget) == null ? void 0 : a.focus) == "function" && e.currentTarget.focus(), typeof r == "function" && r(e);
-}, Ne = I.forwardRef((e, t) => {
-  const { onClick: r, noInternalClick: a = !1, ...o } = e;
-  return /* @__PURE__ */ l(
-    "button",
-    {
-      ref: t,
-      onClick: (n) => {
-        Ha(n, a, r);
-      },
-      ...o
-    }
-  );
-});
-Ne.displayName = "BaseButton";
-const kt = I.forwardRef(
-  ({
-    children: e,
-    disabled: t = !1,
-    mode: r = "system",
-    focusMode: a = "system",
-    fullWidth: o = !1,
-    className: n,
-    size: i = "medium",
-    raw: c = !1,
-    noBorder: d = !1,
-    variant: m = "primary",
-    noTruncate: u = !1,
-    radius: h = "large",
-    ...g
-  }, p) => {
-    const b = ft({
-      type: we,
-      mode: r,
-      focusMode: a,
-      fullWidth: o,
-      disabled: t,
-      raw: c,
-      className: n,
-      size: i,
-      noBorder: d,
-      variant: m,
-      noTruncate: u,
-      radius: h
-    });
-    return /* @__PURE__ */ l(
-      Ne,
-      {
-        ref: p,
-        className: b,
-        disabled: t,
-        ...g,
-        children: e
-      }
-    );
-  }
-);
-kt.displayName = "Button";
-/*!
-  @versini/ui-button v4.0.3
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "4.0.3",
-    buildTime: "01/04/2025 04:09 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const Fa = I.forwardRef(
-  ({
-    children: e,
-    disabled: t = !1,
-    mode: r = "system",
-    focusMode: a = "system",
-    fullWidth: o = !1,
-    className: n,
-    type: i = "button",
-    raw: c = !1,
-    noBorder: d = !1,
-    "aria-label": m,
-    label: u,
-    size: h = "medium",
-    labelRight: g,
-    labelLeft: p,
-    noBackground: b = !1,
-    align: f = "center",
-    active: y = !1,
-    radius: _ = "large",
-    ...N
-  }, T) => {
-    const R = ft({
-      type: _e,
-      mode: r,
-      focusMode: a,
-      fullWidth: o,
-      disabled: t,
-      raw: c,
-      className: n,
-      noBorder: d,
-      size: h,
-      labelRight: g,
-      labelLeft: p,
-      noBackground: b,
-      align: f,
-      radius: _
-    }), E = s({
-      "text-copy-accent-dark": r === "light" && !c,
-      "text-copy-light": r === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
-    }), M = y ? s(
-      "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__ */ l("div", { className: M, children: /* @__PURE__ */ v(
-      Ne,
-      {
-        ref: T,
-        className: R,
-        disabled: t,
-        type: i,
-        "aria-label": m || u,
-        ...N,
-        children: [
-          p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
-          /* @__PURE__ */ l("div", { className: E, children: e }),
-          g && /* @__PURE__ */ l("span", { className: "pl-2", children: g })
-        ]
-      }
-    ) });
-  }
-);
-Fa.displayName = "ButtonSort";
-const Ga = 200, Wa = ({
-  string: e,
-  idealLength: t = Ga
-}) => {
-  if (e.length <= t)
-    return { string: e, isTruncated: !1 };
-  if (e.charAt(t) === " ")
-    return { string: e.slice(0, t), isTruncated: !0 };
-  const r = e.slice(t).search(" ");
-  return {
-    string: e.slice(0, t + r),
-    isTruncated: !0
-  };
-}, ja = ({
-  children: e,
-  length: t = 200,
-  mode: r = "system",
-  focusMode: a = "system"
-}) => {
-  const [o, n] = S(!1);
-  if (typeof e != "string")
-    return e;
-  const { string: i, isTruncated: c } = Wa({
-    string: e,
-    idealLength: t
-  });
-  return /* @__PURE__ */ v("span", { style: { wordBreak: "break-word" }, children: [
-    o ? e : i,
-    c && /* @__PURE__ */ l(
-      kt,
-      {
-        mode: r,
-        focusMode: a,
-        className: "ml-2",
-        size: "small",
-        onClick: (d) => {
-          d.preventDefault(), n(!o);
-        },
-        children: o ? "less..." : "more..."
-      }
-    )
-  ] });
-};
-/*!
-  @versini/ui-truncate v3.0.3
-  © 2025 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
-    version: "3.0.3",
-    buildTime: "01/04/2025 04:09 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const je = rt(
-  () => import(
-    /* webpackChunkName: "LazyMessageAssistant" */
-    "./MessageAssistant.Dv5-gw8Q.js"
-  ).then((e) => e.MessageAssistant)
-), qa = () => {
-  const { state: e } = $(G);
-  return /* @__PURE__ */ v("div", { className: "space-y-6 mt-2", children: [
-    e && e.messages.length > 0 && e.messages.map((t, r) => {
-      const { role: a, content: o, name: n, processingTime: i } = t.message;
-      return (a === K || a === he) && o ? /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(je, { name: n, processingTime: i, children: o }) }, `${r}-${a}`) : a === le && o ? /* @__PURE__ */ l(
-        Ba,
-        {
-          kind: "right",
-          copyToClipboard: o,
-          copyToClipboardFocusMode: "light",
-          children: /* @__PURE__ */ l(ja, { mode: "light", focusMode: "light", children: o })
-        },
-        `${r}-${a}`
-      ) : null;
-    }),
-    Ft(le, e) && /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(je, { loading: !0 }) })
-  ] });
-}, Ka = () => {
-  const { isAuthenticated: e } = Z(), { state: t } = $(G), [r, a] = S(!1), [o, n] = dr(), i = Gt({
-    isAuthenticated: e,
-    extraClass: "rounded-b-md"
-  }), c = k(!1), d = P(() => {
-    const u = o.current;
-    if (u) {
-      const { scrollHeight: h, clientHeight: g, scrollTop: p } = u, b = h - g - p;
-      u.scrollBy({
-        top: b,
-        behavior: "smooth"
-      });
-    }
-  }, [o]), m = P(() => {
-    const u = o.current;
-    if (u) {
-      const { scrollTop: h, scrollHeight: g, clientHeight: p } = u, b = g > p, f = h + p >= g - 1;
-      a(b && !f);
-    }
-  }, [o]);
-  return V(() => {
-    n && n.width && t && !t.streaming && m();
-  }, [n, t, m]), x(() => {
-    const u = o.current;
-    if (u)
-      return u.addEventListener("scroll", m), () => u.removeEventListener("scroll", m);
-  }, [m, o]), x(() => {
-    t && t.streaming && m();
-  }, [t, m]), x(() => {
-    t && (!c.current && t.streaming && d(), c.current = !!t.streaming);
-  }, [t, d]), /* @__PURE__ */ v("div", { className: i, ref: o, children: [
-    r && /* @__PURE__ */ l("div", { className: "bottom-44 z-40 fixed left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ l(
-      et,
-      {
-        className: s(
-          "dark:bg-slate-50 dark:hover:bg-slate-300 dark:active:bg-slate-400",
-          "bg-slate-500 hover:bg-slate-600 active:bg-slate-700"
-        ),
-        noBorder: !0,
-        size: "medium",
-        mode: "dark",
-        onClick: d,
-        children: /* @__PURE__ */ l(
-          Zt,
-          {
-            monotone: !0,
-            size: "size-4",
-            className: "dark:text-copy-dark text-copy-lighter"
-          }
-        )
-      }
-    ) }),
-    /* @__PURE__ */ l(Wt, {}),
-    e && /* @__PURE__ */ l(qa, {})
-  ] });
-}, Ja = rt(
-  () => import(
-    /* webpackChunkName: "LazyHeader" */
-    "./HeaderToolbar.B4yR6iL0.js"
-  )
-);
-function vt({ isComponent: e = !1 }) {
-  const t = k(!1), { getAccessToken: r, user: a, isAuthenticated: o } = Z(), [n] = Ue({
-    key: Me + qt,
-    initialValue: ""
-  }), [i] = Ue({
-    key: Me + Kt,
-    initialValue: j.ASC
-  }), [c, d] = Q(zr, {
-    id: ke(),
-    model: U,
-    engine: U,
-    usage: 0,
-    messages: [],
-    prompts: [],
-    isComponent: e
-  }), [m, u] = Q(Or, {
-    searchString: n,
-    sortedCell: "timestamp",
-    sortDirection: i
-  }), [h, g] = Q(Ur, {
-    prompt: "",
-    prompts: []
-  }), [p, b] = S({
-    version: "",
-    models: [],
-    plugins: [],
-    engine: U,
-    engines: []
-  });
-  return x(() => {
-    p.version !== "" || t.current || (async () => {
-      try {
-        t.current = !0;
-        const y = await ct({
-          accessToken: await r(),
-          type: it.ABOUT,
-          params: {
-            user: a == null ? void 0 : a.username
-          }
-        });
-        t.current = !1, y.status === 200 && (b(y.data), d({
-          type: Je,
-          payload: {
-            engine: y.data.engine
-          }
-        }));
-      } catch {
-      }
-    })();
-  }, [p, r, a]), x(() => {
-    var y;
-    (y = document.getElementById("logo")) == null || y.classList.add("fadeOut"), setTimeout(() => {
-      var _;
-      (_ = document.getElementById("root")) == null || _.classList.replace("app-hidden", "fadeIn");
-    }, 500);
-  }), /* @__PURE__ */ l(G.Provider, { value: { state: c, dispatch: d, serverStats: p }, children: /* @__PURE__ */ l(
-    Vr.Provider,
-    {
-      value: {
-        state: m,
-        dispatch: u
-      },
-      children: /* @__PURE__ */ v(
-        ve.Provider,
-        {
-          value: { state: h, dispatch: g },
-          children: [
-            /* @__PURE__ */ l(
-              tr,
-              {
-                noColors: !0,
-                noMargin: !0,
-                noPadding: !0,
-                noBorder: !0,
-                className: Le({
-                  extraClass: "mt-5"
-                }),
-                children: o && /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("div", {}), children: /* @__PURE__ */ l(Ja, {}) })
-              }
-            ),
-            /* @__PURE__ */ l(
-              jt,
-              {
-                className: Le({
-                  extraClass: "max-h-[calc(100svh_-_250px)]"
-                }),
-                noMargin: !0,
-                noPadding: !0,
-                children: /* @__PURE__ */ l(Ka, {})
-              }
-            ),
-            /* @__PURE__ */ l(ua, {})
-          ]
-        }
-      )
-    }
-  ) });
-}
-vt.displayName = "App";
-const so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: vt }, Symbol.toStringTag, { value: "Module" }));
-export {
-  so as App,
-  G as AppContext,
-  Ue as E,
-  Vr as HistoryContext,
-  ca as NewChatButton,
-  gt as Pe,
-  ve as PromptsContext,
-  it as SERVICE_TYPES,
-  ro as be,
-  j as f,
-  eo as ge,
-  to as he,
-  $r as ie,
-  Ba as le,
-  ao as me,
-  ct as serviceCall,
-  oo as ue,
-  no as ye
-};