@versini/sassysaint 5.5.9 → 5.5.11

package/dist/chunks/App.CbBMiVHr.js

@@ -0,0 +1,3438 @@
+import { jsxs as k, jsx as l, Fragment as Y } from "react/jsx-runtime";
+import { g as me, 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 zt, ACTION_SEARCH as Mt, ACTION_SET_TAGS as Xe, ACTION_RESET_TAGS as Ye, ACTION_TOGGLE_TAG as Ze, DEFAULT_AI_ENGINE as V, P as et, un as Z, ROLE_SYSTEM as Lt, ROLE_INTERNAL as he, ROLE_HIDDEN as Ot, STATS_SEPARATOR as Be, CLIPBOARD_TAG as Ae, TYPE_QUESTION as Vt, C as tt, SEND as Ut, ERROR_MESSAGE as Ht, ROLE_USER as le, L as Pt, j as Dt, isLastMessageFromRole as Gt, getMessageContaintWrapperClass as Ft, Logo as Wt, getMainPaddingClass as ze, r as jt, LOCAL_STORAGE_PREFIX as Me, LOCAL_STORAGE_SEARCH as qt, LOCAL_STORAGE_SORT as Kt } from "./index.CTyCRIB4.js";
+import i from "clsx";
+import I, { useRef as v, useEffect as x, useCallback as U, useSyncExternalStore as Jt, useState as S, useMemo as pe, useContext as $, useLayoutEffect as P, 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__ */ k(
+  me,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Add",
+    ...o,
+    children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          opacity: a ? "1" : "0.4",
+          d: "M256 80c0-17.7-14.3-32-32-32s-32 14.3-32 32V224H48c-17.7 0-32 14.3-32 32s14.3 32 32 32H192V432c0 17.7 14.3 32 32 32s32-14.3 32-32V288H400c17.7 0 32-14.3 32-32s-14.3-32-32-32H256V80z"
+        }
+      ),
+      /* @__PURE__ */ l("path", { d: "" })
+    ]
+  }
+), Yt = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...o
+}) => /* @__PURE__ */ l(
+  me,
+  {
+    defaultViewBox: "0 0 384 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Close",
+    ...o,
+    children: /* @__PURE__ */ l("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
+  }
+), Zt = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...o
+}) => /* @__PURE__ */ k(
+  me,
+  {
+    defaultViewBox: "0 0 384 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Down",
+    ...o,
+    children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          opacity: a ? "1" : "0.4",
+          d: "M160 370.7V64c0-17.7 14.3-32 32-32s32 14.3 32 32V370.7l-32 32-32-32z"
+        }
+      ),
+      /* @__PURE__ */ l("path", { d: "M169.4 470.6c12.5 12.5 32.8 12.5 45.3 0l160-160c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 402.7 54.6 265.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l160 160z" })
+    ]
+  }
+);
+/*!
+  @versini/ui-header v2.1.1
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_HEADER__ || (window.__VERSINI_UI_HEADER__ = {
+    version: "2.1.1",
+    buildTime: "01/02/2025 05:13 PM 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: s = !1,
+  noMargin: c = !1,
+  noPadding: d = !1
+}) => {
+  const g = i(
+    er,
+    {
+      "border-border-accent": a === "dark" && !r && !o && !s,
+      "border-border-medium": a === "light" && !r && !o && !s,
+      "border-border-accent dark:border-border-medium": a === "alt-system" && !r && !o && !s,
+      "border-border-medium dark:border-border-accent": a === "system" && !r && !o && !s,
+      "border-b-4": !r && !s,
+      "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 = i({
+    "mt-0": !c,
+    "p-2": !d,
+    "flex flex-col w-full md:mx-auto md:max-w-4xl": !r
+  });
+  return /* @__PURE__ */ l("header", { className: g, 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: s, key: c } = e, { altKey: d, ctrlKey: g, metaKey: u, shiftKey: h, key: m } = t;
+  if (r !== d)
+    return !1;
+  if (n) {
+    if (!g && !u)
+      return !1;
+  } else if (a !== g || o !== u)
+    return !1;
+  return s !== h ? !1 : !!(c && (m.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 ir() {
+  const e = v(!1);
+  return x(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), U(() => e.current, []);
+}
+function at(e, t) {
+  window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: t }));
+}
+const Le = (e, t) => {
+  const r = JSON.stringify(
+    typeof t == "function" ? t() : t
+  );
+  window.localStorage.setItem(e, r), at(e, r);
+}, sr = (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 Ve({
+  key: e,
+  initialValue: t
+}) {
+  const r = Jt(lr, () => Oe(e)), a = U(
+    (s) => {
+      try {
+        const c = typeof s == "function" ? s(JSON.parse(r)) : s;
+        c == null ? sr(e) : Le(e, c);
+      } catch (c) {
+        console.warn(c);
+      }
+    },
+    [e, r]
+  ), o = U(() => {
+    a(t);
+  }, [t, a]), n = U(() => {
+    a(null);
+  }, [a]);
+  return x(() => {
+    try {
+      Oe(e) === null && typeof t < "u" && Le(e, t);
+    } catch (s) {
+      console.warn(s);
+    }
+  }, [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 = ir(), r = v(0), a = v(null), [o, n] = S(cr), s = 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 && (s == null || s.observe(a.current, e)), () => {
+    s == null || s.disconnect(), r.current && cancelAnimationFrame(r.current);
+  }), [s, e]), [a, o];
+}
+/*!
+  @versini/ui-table v2.0.10
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
+    version: "2.0.10",
+    buildTime: "01/02/2025 05:13 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ee = "thead", be = "tfoot", D = "tbody", j = {
+  ASC: "asc",
+  DESC: "desc"
+}, gr = ({
+  mode: e,
+  className: t,
+  wrapperClassName: r,
+  stickyHeader: a,
+  stickyFooter: o
+}) => ({
+  wrapper: i(
+    "not-prose relative w-full rounded-lg shadow-md",
+    {
+      "overflow-x-auto": !a && !o,
+      "overflow-y-scroll": a || o,
+      "bg-surface-darker text-copy-light": e === "dark",
+      "bg-surface-light text-copy-dark": e === "light",
+      "bg-surface-darker text-copy-light dark:bg-surface-light dark:text-copy-dark": e === "system",
+      "bg-surface-light text-copy-dark dark:bg-surface-darker dark:text-copy-light": e === "alt-system"
+    },
+    r
+  ),
+  table: i("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: i("py-2 text-sm font-bold", {
+    "text-copy-light": e === "dark",
+    "text-copy-dark": e === "light",
+    "text-copy-light dark:text-copy-dark": e === "system",
+    "text-copy-dark dark:text-copy-light": e === "alt-system"
+  })
+}), ur = ({
+  className: e,
+  stickyHeader: t,
+  mode: r
+}) => i(
+  {
+    "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
+), mr = ({
+  className: e,
+  stickyFooter: t,
+  mode: r
+}) => i(
+  {
+    "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 ? i(
+  {
+    "bg-table-head-dark": e === "dark",
+    "bg-table-head-light": e === "light",
+    "bg-table-head-dark dark:bg-table-head-light": e === "system",
+    "bg-table-head-light dark:bg-table-head-dark": e === "alt-system"
+  },
+  t
+) : i(
+  "border-b last:border-0",
+  {
+    "border-table-dark": e === "dark",
+    "odd:bg-table-dark-odd even:bg-table-dark-even": r === D && e === "dark",
+    "border-table-light": e === "light",
+    "odd:bg-table-light-odd even:bg-table-light-even": r === D && e === "light",
+    "border-table-dark 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 === D && e === "system",
+    "border-table-light 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 === D && e === "alt-system"
+  },
+  t
+), pr = ({
+  cellWrapper: e,
+  className: t,
+  compact: r,
+  mode: a
+}) => i(
+  {
+    "text-copy-light": a === "dark",
+    "text-copy-dark": a === "light",
+    "text-copy-light dark:text-copy-dark": a === "system",
+    "text-copy-dark dark:text-copy-light": a === "alt-system",
+    "px-4 py-3": !r && (e === ee || e === be),
+    "p-4": !r && e === D,
+    "px-2 py-1.5": r
+  },
+  t
+), br = ({
+  buttonClassName: e
+}) => i("rounded-none text-sm", e), Ue = "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", s = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
+  switch (e) {
+    case ot:
+    case de:
+      return i({
+        [n]: t === "small",
+        [s]: t === "medium",
+        [c]: t === "large"
+      });
+    case ye:
+      return i("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", s = "text-lg font-medium";
+  switch (e) {
+    case ot:
+    case de:
+      return i({
+        "text-center": e === de,
+        [o]: t === "small",
+        [n]: t === "medium",
+        [s]: t === "large"
+      });
+    case ye:
+      return i({
+        [o]: t === "small" && (r || a),
+        [n]: t === "medium" && (r || a),
+        [s]: t === "large" && (r || a)
+      });
+  }
+}, kr = ({
+  mode: e,
+  noBackground: t,
+  noTruncate: r,
+  variant: a
+}) => {
+  if (t)
+    return "not-prose";
+  if (a === "primary")
+    return i("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark",
+      "text-copy-lighter": e === "light",
+      "text-copy-light dark:text-copy-lighter": e === "system",
+      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "secondary")
+    return i("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "light",
+      "text-copy-lighter": e === "dark",
+      "text-copy-light dark:text-copy-lighter": e === "alt-system",
+      "text-copy-lighter dark:text-copy-light": e === "system"
+    });
+  if (a === "danger")
+    return i("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark",
+      "text-copy-lighter": e === "light",
+      "text-copy-light dark:text-copy-lighter": e === "system",
+      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "selected")
+    return i("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark",
+      "text-copy-lighter": e === "light",
+      "text-copy-light dark:text-copy-lighter": e === "system",
+      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    });
+}, vr = ({
+  mode: e,
+  noBackground: t,
+  variant: r
+}) => {
+  if (!t) {
+    if (r === "primary")
+      return i({
+        "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 i({
+        "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 i({
+        "bg-action-danger-dark": e === "dark",
+        "bg-action-danger-light": e === "light",
+        "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
+        "bg-action-danger-light dark:bg-action-danger-dark": e === "alt-system"
+      });
+    if (r === "selected")
+      return "bg-action-selected-dark";
+  }
+}, xr = ({
+  radius: e
+}) => i({
+  "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 i("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 i("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 i("hover:text-copy-light-hover", {
+      "hover:bg-action-danger-dark-hover": e === "dark",
+      "hover:bg-action-danger-light-hover": e === "light",
+      "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
+      "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
+    });
+  if (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 i("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 i("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 i("active:text-copy-lighter-active", {
+      "active:bg-action-danger-dark-active": e === "dark",
+      "active:bg-action-danger-light-active": e === "light",
+      "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
+      "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
+    });
+  if (r === "selected")
+    return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
+}, Tr = ({
+  mode: e,
+  noBorder: t,
+  variant: r
+}) => {
+  if (t)
+    return "border border-transparent";
+  if (r === "primary")
+    return i("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 i("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 i("border", {
+      "border-border-danger-dark": e === "dark",
+      "border-border-danger-medium": e === "light",
+      "border-border-danger-dark dark:border-border-danger-medium": e === "system",
+      "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
+    });
+  if (r === "selected")
+    return "border border-border-selected-dark";
+}, Nr = ({
+  focusMode: e
+}) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+  "focus:outline-focus-dark": e === "dark",
+  "focus:outline-focus-light": e === "light",
+  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
+  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
+}), Er = ({
+  type: e,
+  className: t,
+  raw: r,
+  mode: a,
+  focusMode: o,
+  disabled: n,
+  fullWidth: s,
+  size: c,
+  noBorder: d,
+  labelRight: g,
+  labelLeft: u,
+  noBackground: h,
+  variant: m,
+  noTruncate: p,
+  align: b,
+  radius: f
+}) => (m || (m = "primary"), r ? i(Ue, t) : i(
+  Ue,
+  kr({
+    mode: a,
+    variant: m,
+    noBackground: h,
+    noTruncate: p
+  }),
+  vr({ mode: a, noBackground: h, variant: m }),
+  xr({ radius: f }),
+  yr({
+    type: e,
+    size: c,
+    labelRight: g,
+    labelLeft: u,
+    align: b
+  }),
+  fr({ type: e, size: c, labelRight: g, labelLeft: u }),
+  Tr({ mode: a, variant: m, noBorder: d }),
+  Nr({ focusMode: o }),
+  _r({ mode: a, variant: m, disabled: n }),
+  wr({ mode: a, variant: m, disabled: n }),
+  {
+    "w-full": s,
+    "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 v3.2.2
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "3.2.2",
+    buildTime: "01/02/2025 05:13 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const it = I.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: o = !1,
+    className: n,
+    type: s = "button",
+    raw: c = !1,
+    noBorder: d = !1,
+    "aria-label": g,
+    label: u,
+    size: h = "medium",
+    labelRight: m,
+    labelLeft: p,
+    noBackground: b = !1,
+    align: f = "center",
+    active: y = !1,
+    radius: _ = "large",
+    ...T
+  }, N) => {
+    const R = Er({
+      type: ye,
+      mode: r,
+      focusMode: a,
+      fullWidth: o,
+      disabled: t,
+      raw: c,
+      className: n,
+      noBorder: d,
+      size: h,
+      labelRight: m,
+      labelLeft: p,
+      noBackground: b,
+      align: f,
+      radius: _
+    }), E = i({
+      "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 ? i(
+      "relative",
+      "focus-within:static",
+      "focus-within:after:border-transparent",
+      "after:absolute",
+      "after:content-['']",
+      "after:border-b-2",
+      "after:bottom-[-4px]",
+      "after:left-0",
+      "after:right-0",
+      {
+        "after:border-table-dark": r === "dark",
+        "after:border-table-light": r === "light",
+        "after:border-table-dark dark:after:border-table-light": r === "system",
+        "after:border-table-light dark:after:border-table-dark": r === "alt-system"
+      }
+    ) : "";
+    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ k(
+      nt,
+      {
+        ref: N,
+        className: R,
+        disabled: t,
+        type: s,
+        "aria-label": g || u,
+        ...T,
+        children: [
+          p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
+          /* @__PURE__ */ l("div", { className: E, children: e }),
+          m && /* @__PURE__ */ l("span", { className: "pl-2", children: m })
+        ]
+      }
+    ) });
+  }
+);
+it.displayName = "ButtonSort";
+const fe = ({
+  children: e,
+  fill: t,
+  viewBox: r,
+  className: a,
+  defaultViewBox: o,
+  size: n,
+  title: s,
+  semantic: c = !1,
+  ...d
+}) => {
+  const g = i(n, a);
+  return /* @__PURE__ */ k(Y, { children: [
+    /* @__PURE__ */ l(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: g,
+        viewBox: r || o,
+        fill: t || "currentColor",
+        role: "img",
+        "aria-hidden": !c,
+        focusable: !1,
+        ...d,
+        children: e
+      }
+    ),
+    s && c && /* @__PURE__ */ l("span", { className: "sr-only", children: s })
+  ] });
+};
+/*!
+  @versini/ui-svgicon v3.0.3
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
+    version: "3.0.3",
+    buildTime: "01/02/2025 05:13 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Cr = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...o
+}) => /* @__PURE__ */ k(
+  fe,
+  {
+    defaultViewBox: "0 0 576 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Sort",
+    ...o,
+    children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          opacity: a ? "1" : "0.4",
+          d: "M393.4 41.4c12.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 0L448 141.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V141.3l-41.4 41.4c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l96-96z"
+        }
+      ),
+      /* @__PURE__ */ l("path", { d: "M137.4 470.6c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 370.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V370.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__ */ k(
+  fe,
+  {
+    defaultViewBox: "0 0 576 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Sort Down",
+    ...o,
+    children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          opacity: a ? "1" : "0.4",
+          d: "M288 448c0 17.7 14.3 32 32 32h32c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32h96c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32H480c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32zm0-128c0 17.7 14.3 32 32 32H544c17.7 0 32-14.3 32-32s-14.3-32-32-32H320c-17.7 0-32 14.3-32 32z"
+        }
+      ),
+      /* @__PURE__ */ l("path", { d: "M128 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L160 365.7V64c0-17.7-14.3-32-32-32s-32 14.3-32 32V365.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__ */ k(
+  fe,
+  {
+    defaultViewBox: "0 0 576 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Sort Up",
+    ...o,
+    children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          opacity: a ? "1" : "0.4",
+          d: "M288 64c0-17.7 14.3-32 32-32h32c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32h96c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32H480c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32H544c17.7 0 32 14.3 32 32s-14.3 32-32 32H320c-17.7 0-32-14.3-32-32z"
+        }
+      ),
+      /* @__PURE__ */ l("path", { d: "M128 32c9 0 17.5 3.8 23.6 10.4l88 96c11.9 13 11.1 33.3-2 45.2s-33.3 11.1-45.2-2L160 146.3V448c0 17.7-14.3 32-32 32s-32-14.3-32-32V146.3L63.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 v3.1.1
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "3.1.1",
+    buildTime: "01/02/2025 05:13 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const G = 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: s,
+  maxHeight: c,
+  stickyHeader: d,
+  stickyFooter: g,
+  ...u
+}) => {
+  const h = gr({
+    mode: t,
+    className: n,
+    wrapperClassName: s,
+    stickyHeader: d,
+    stickyFooter: g
+  });
+  return /* @__PURE__ */ l(
+    G.Provider,
+    {
+      value: { mode: t, stickyHeader: d, stickyFooter: g, compact: a },
+      children: /* @__PURE__ */ l(
+        "div",
+        {
+          className: h.wrapper,
+          ...c && {
+            style: { maxHeight: c }
+          },
+          children: /* @__PURE__ */ k("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 = $(G);
+  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 = $(G);
+  a.cellWrapper = be;
+  const o = mr({
+    className: t,
+    mode: a.mode,
+    stickyFooter: a.stickyFooter
+  });
+  return /* @__PURE__ */ l("tfoot", { className: o, ...r, children: e });
+}, ao = ({ children: e, ...t }) => {
+  const r = $(G);
+  return r.cellWrapper = D, /* @__PURE__ */ l("tbody", { ...t, children: e });
+}, oo = ({
+  children: e,
+  className: t,
+  ...r
+}) => {
+  const a = $(G), 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,
+  ...a
+}) => {
+  const o = $(G), n = t || (o.cellWrapper === ee ? "th" : "td"), s = pr({
+    cellWrapper: o.cellWrapper,
+    className: r,
+    mode: o.mode,
+    compact: o.compact
+  });
+  return /* @__PURE__ */ l(n, { className: s, ...a, children: e });
+}, no = ({
+  align: e,
+  children: t,
+  buttonClassName: r,
+  className: a,
+  component: o,
+  focusMode: n = "alt-system",
+  mode: s = "alt-system",
+  onClick: c,
+  sortDirection: d,
+  sortedCell: g,
+  cellId: u,
+  ...h
+}) => {
+  const m = br({ buttonClassName: r });
+  return /* @__PURE__ */ l(
+    $r,
+    {
+      component: o,
+      className: a,
+      role: "columnheader",
+      "aria-sort": d === j.ASC && g === u ? "ascending" : d === j.DESC && g === u ? "descending" : "other",
+      ...h,
+      children: /* @__PURE__ */ l(
+        it,
+        {
+          active: g === u,
+          className: m,
+          onClick: c,
+          align: e,
+          noBorder: !0,
+          focusMode: n,
+          mode: s,
+          fullWidth: !0,
+          labelRight: t,
+          children: d === j.ASC && g === u ? /* @__PURE__ */ l(Rr, { className: "size-4", monotone: !0 }) : d === j.DESC && g === 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 ie;
+const Ar = new Uint8Array(16);
+function zr() {
+  if (!ie) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    ie = crypto.getRandomValues.bind(crypto);
+  }
+  return ie(Ar);
+}
+const Mr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), He = { randomUUID: Mr };
+function ke(e, t, r) {
+  if (He.randomUUID && !t && !e)
+    return He.randomUUID();
+  e = e || {};
+  const a = e.random || (e.rng || zr)();
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Br(a);
+}
+const Lr = (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,
+      tags: e.tags
+    };
+  }
+  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, s = t.payload.message.messageId;
+    if (r !== "") {
+      const c = {
+        role: r,
+        content: a,
+        name: o,
+        processingTime: n,
+        messageId: s
+      };
+      if (r === K) {
+        const d = e.messages.findIndex(
+          (g) => g.message.messageId === s
+        );
+        if (d !== -1) {
+          const g = 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: g,
+            engine: e.engine,
+            tags: e.tags
+          };
+        }
+      }
+      return {
+        id: e.id,
+        model: e.model,
+        engine: e.engine,
+        tags: e.tags,
+        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,
+    tags: e.tags
+  } : (t == null ? void 0 : t.type) === Ke ? {
+    id: e.id,
+    model: t.payload.model,
+    engine: e.engine,
+    tags: e.tags,
+    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 zt:
+      return {
+        searchString: e.searchString,
+        sortedCell: t.payload.sortedCell,
+        sortDirection: t.payload.sortDirection
+      };
+    default:
+      return e;
+  }
+}, Vr = (e, t) => {
+  switch (t == null ? void 0 : t.type) {
+    case Ze:
+      return {
+        tags: e.tags,
+        tag: t.payload.tag
+      };
+    case Ye:
+      return {
+        tags: e.tags,
+        tag: ""
+      };
+    case Xe:
+      return {
+        tags: t.payload.tags,
+        tag: ""
+      };
+    default:
+      return e;
+  }
+}, z = {
+  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)
+	}`
+}, st = {
+  GET_LOCATION: {
+    schema: z.GET_LOCATION,
+    method: "location"
+  },
+  GET_CHATS: {
+    schema: z.GET_CHATS,
+    method: "chats"
+  },
+  GET_CHATS_STATS: {
+    schema: z.GET_CHATS_STATS,
+    method: "chatsStats"
+  },
+  GET_CHAT: {
+    schema: z.GET_CHAT,
+    method: "chatById"
+  },
+  DELETE_CHAT: {
+    schema: z.DELETE_CHAT,
+    method: "deleteChat"
+  },
+  ABOUT: {
+    schema: z.ABOUT,
+    method: "about"
+  },
+  GET_USER_PREFERENCES: {
+    schema: z.GET_USER_PREFERENCES,
+    method: "getUserPreferences"
+  },
+  SET_USER_PREFERENCES: {
+    schema: z.SET_USER_PREFERENCES,
+    method: "setUserPreferences"
+  }
+}, lt = process.env.PUBLIC_SASSY_API_SERVER_URL, Ur = 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 Ur({
+      headers: {
+        authorization: o
+      },
+      query: t.schema,
+      data: a
+    });
+    if (n.status !== 200)
+      return { status: n.status, data: [] };
+    const { data: s, errors: c } = await n.json();
+    return {
+      status: n.status,
+      data: s[t.method],
+      errors: c
+    };
+  } catch (o) {
+    return console.error(o), { status: 500, data: [] };
+  }
+}, Hr = 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)
+  });
+}, F = I.createContext({
+  state: {
+    id: "",
+    model: V,
+    engine: V,
+    usage: 0,
+    messages: [],
+    isComponent: !1,
+    tags: []
+  },
+  dispatch: () => {
+  },
+  serverStats: {
+    version: "",
+    models: [],
+    plugins: [],
+    engine: V,
+    engines: []
+  }
+}), Pr = I.createContext({
+  state: { searchString: "", sortedCell: "", sortDirection: "" },
+  dispatch: () => {
+  }
+}), ve = I.createContext({
+  state: { tag: "" },
+  dispatch: () => {
+  }
+});
+/*!
+  @versini/ui-textarea v2.1.2
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
+    version: "2.1.2",
+    buildTime: "01/02/2025 05:13 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const dt = "av-text-area", Dr = "av-text-area-wrapper", se = "av-text-area-helper-text", Gr = "av-text-area__control--right", Fr = "av-text-area__control--left";
+function Wr() {
+  const e = v(!1);
+  return x(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), U(() => 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 Pe(e) {
+  const t = Wr(), r = v(0), a = v(null), [o, n] = S(qr), s = 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 && (s == null || s.observe(a.current, e)), () => {
+    s == null || s.disconnect(), r.current && cancelAnimationFrame(r.current);
+  }), [s, e]), [a, o];
+}
+function Kr({
+  value: e,
+  defaultValue: t,
+  finalValue: r,
+  onChange: a = () => {
+  },
+  initialControlledDelay: o = 0
+}) {
+  const [n, s] = S(!1), [c, d] = S(
+    t !== void 0 ? t : r
+  ), g = (u) => {
+    d(u), a == null || a(u);
+  };
+  return x(() => {
+    (async () => e !== void 0 && !n && o > 0 && (await new Promise(
+      (u) => setTimeout(u, o)
+    ), s(!0)))();
+  }, [e, o, n]), e !== void 0 ? !n && o > 0 ? ["", a, !0] : [e, a, !0] : [c, g, !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 gt = "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 gt:
+      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();
+}, De = ({
+  children: e,
+  clearAnnouncementDelay: t,
+  clearAnnouncementTimeoutRef: r,
+  onAnnouncementClear: a,
+  dispatch: o
+}) => {
+  clearTimeout(r.current), e !== null && o({
+    type: gt,
+    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: s
+}) => {
+  clearTimeout(t.current), r ? t.current = setTimeout(De, r, {
+    children: e,
+    clearAnnouncementDelay: a,
+    clearAnnouncementTimeoutRef: o,
+    onAnnouncementClear: n,
+    dispatch: s
+  }) : De({
+    children: e,
+    clearAnnouncementDelay: a,
+    clearAnnouncementTimeoutRef: o,
+    onAnnouncementClear: n,
+    dispatch: s
+  });
+};
+function ea({
+  children: e,
+  className: t,
+  politeness: r,
+  role: a = null,
+  announcementDelay: o,
+  clearAnnouncementDelay: n,
+  onAnnouncementClear: s,
+  visible: c,
+  ...d
+}) {
+  const g = v(null), u = v(null), [h, m] = Q(Xr, {
+    announcement: null
+  });
+  let p = r;
+  typeof p > "u" && (p = a ? Qr[a] : "assertive"), x(() => {
+    Zr({
+      announcementTimeoutRef: g,
+      announcementDelay: o,
+      children: e,
+      clearAnnouncementDelay: n,
+      clearAnnouncementTimeoutRef: u,
+      onAnnouncementClear: s,
+      dispatch: m
+    });
+  }, [
+    e,
+    o,
+    n,
+    s
+  ]);
+  const b = i(t, {
+    "sr-only": !c
+  });
+  return /* @__PURE__ */ l(
+    "div",
+    {
+      "aria-live": p,
+      ...a && { role: a },
+      className: b,
+      ...d,
+      children: h.announcement
+    }
+  );
+}
+/*!
+  @versini/ui-liveregion v1.2.8
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
+    version: "1.2.8",
+    buildTime: "01/02/2025 05:13 PM 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 }) => i({
+  "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
+}) => i("focus:outline focus:outline-2 focus:outline-offset-2", {
+  "focus:outline-focus-dark": e === "dark",
+  "focus:outline-focus-light": e === "light",
+  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
+  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
+}), oa = ({
+  noBorder: e,
+  error: t
+}) => i("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 i(
+      "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 i(
+      "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 i(
+      "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"
+      }
+    );
+}, ia = ({
+  error: e,
+  raw: t,
+  mode: r,
+  disabled: a
+}) => {
+  if (t)
+    return "";
+  if (a)
+    return i(
+      se,
+      "absolute px-2 cursor-not-allowed opacity-50 font-medium"
+    );
+  if (!e)
+    return i(se, "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 i(se, "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"
+    });
+}, sa = ({
+  className: e,
+  textAreaClassName: t,
+  raw: r,
+  focusMode: a,
+  disabled: o,
+  noBorder: n,
+  error: s,
+  mode: c,
+  leftElement: d,
+  rightElement: g
+}) => {
+  const u = r ? e : i(
+    "relative flex w-full flex-col justify-center",
+    Dr,
+    e
+  ), h = r ? i(t) : i(
+    dt,
+    t,
+    ta(),
+    ra({ mode: c }),
+    aa({ focusMode: a }),
+    oa({
+      noBorder: n,
+      error: s
+    }),
+    {
+      "disabled:cursor-not-allowed disabled:opacity-50": o
+    }
+  ), m = r ? void 0 : "sr-only", p = na({
+    disabled: o,
+    raw: r,
+    error: s,
+    mode: c,
+    rightElement: g,
+    leftElement: d
+  }), b = ia({
+    error: s,
+    raw: r,
+    mode: c,
+    disabled: o
+  }), f = r ? void 0 : i(Gr, "absolute"), y = r ? void 0 : i(Fr, "absolute");
+  return {
+    wrapper: u,
+    textArea: h,
+    accessibleLabel: m,
+    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 s = e - t, c = Math.abs(s / 24);
+    o = r + -1 * Math.sign(s) * (12 * c), n = a + Math.sign(s) * (12 * c);
+  }
+  return {
+    labelOffset: o,
+    helperTextOffset: n,
+    scrollHeight: e
+  };
+}, mt = I.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: r,
+    error: a = !1,
+    raw: o = !1,
+    className: n,
+    textAreaClassName: s,
+    mode: c = "system",
+    focusMode: d = "system",
+    value: g,
+    defaultValue: u,
+    disabled: h = !1,
+    noBorder: m = !1,
+    labelId: p,
+    helperText: b = "",
+    helperTextOnFocus: f = !1,
+    rightElement: y,
+    leftElement: _,
+    onChange: T,
+    onFocus: N,
+    onBlur: R,
+    ...E
+  }, M) => {
+    var Ne;
+    const B = v(null), xt = jr([M, B]), [_t, J] = Pe(), [wt, H] = Pe(), re = v(80), Ee = v(-25), L = v(null), Se = v(30), ae = v(null), W = Jr({ id: e, prefix: `${dt}-` }), [Ce, Tt] = S(0), [Ie, Nt] = S(0), [Et, Re] = S(
+      !!(!f && b)
+    ), St = `${t} error, ${b}`, O = sa({
+      className: n,
+      textAreaClassName: s,
+      error: a,
+      raw: o,
+      focusMode: d,
+      disabled: h,
+      noBorder: m,
+      mode: c,
+      rightElement: !!y,
+      leftElement: !!_
+    }), [A, Ct] = Kr({
+      value: g,
+      initialControlledDelay: 20,
+      defaultValue: u,
+      onChange: (C) => {
+        T && T({
+          target: {
+            value: C
+          }
+        });
+      }
+    }), It = (C) => {
+      Ct(C.target.value);
+    }, Rt = (C) => {
+      f && b && Re(!0), N && N(C);
+    }, $t = (C) => {
+      f && b && !A && Re(!1), R && R(C);
+    };
+    return P(() => {
+      J && J.width && Tt(J.width + 18 + 10);
+    }, [J]), P(() => {
+      H && H.width && Nt(H.width + 18 + 10);
+    }, [H]), P(() => {
+      o || B && B.current && A !== void 0 && (B.current.style.height = "inherit", B.current.style.height = B.current.scrollHeight + "px");
+    }, [A, o]), P(() => {
+      o || setTimeout(() => {
+        var C;
+        (C = L == null ? void 0 : L.current) == null || C.style.setProperty(
+          "--av-text-area-wrapper-transition",
+          A ? "none" : "all 0.2s ease-out"
+        );
+      }, 0);
+    }, [A, o]), P(() => {
+      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 = L == null ? void 0 : L.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]), H.width > 0 && ((Ne = L == null ? void 0 : L.current) == null || Ne.style.setProperty(
+      "--tw-translate-x",
+      `${12 + H.width + 5}px`
+    )), /* @__PURE__ */ k("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: L,
+          "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 })
+    ] });
+  }
+);
+mt.displayName = "TextArea";
+const ca = ({
+  mode: e = "light",
+  focusMode: t = "light",
+  radius: r = "small"
+}) => {
+  const { state: a, dispatch: o } = $(F), n = v(null), s = v(!1), c = (d) => {
+    d.preventDefault(), o({
+      type: qe
+    });
+  };
+  return x(() => {
+    var d;
+    (a == null ? void 0 : a.streaming) === !0 && !s.current && n.current && (s.current = !0, n.current.focus()), (a == null ? void 0 : a.streaming) === !1 && (s.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
+    }
+  });
+}, Ge = (e) => {
+  X(e, !1), e({
+    type: q,
+    payload: {
+      message: {
+        role: he,
+        content: Ht
+      }
+    }
+  });
+}, da = () => {
+  const { state: e, dispatch: t } = $(F), { state: r, dispatch: a } = $(ve), [o, n] = S(""), { getAccessToken: s, user: c } = Z(), d = v(null), g = v(
+    null
+  );
+  x(() => {
+    (async () => {
+      var m;
+      if (!e || e.messages.length === 0) {
+        (m = g == null ? void 0 : g.current) == null || m.cancel();
+        return;
+      }
+      const h = e.messages[e.messages.length - 1];
+      if (!(e.messages.length === 0 || h.message.role === K || h.message.role === Lt || h.message.role === he || h.message.role === Ot))
+        try {
+          const p = await Hr({
+            accessToken: await s(),
+            name: "generate",
+            data: {
+              messages: e.messages,
+              model: e.engine || V,
+              user: (c == null ? void 0 : c.username) || "",
+              id: e.id,
+              usage: e.usage
+            }
+          });
+          if (p && p.ok) {
+            const b = ke();
+            g.current = p.body.getReader();
+            const f = new TextDecoder();
+            for (; ; ) {
+              X(t, !0);
+              const { done: y, value: _ } = await g.current.read();
+              if (y) {
+                X(t, !1);
+                break;
+              }
+              const T = f.decode(_, { stream: !0 }), N = T.indexOf(Be);
+              if (N !== -1) {
+                const R = T.substring(0, N), E = JSON.parse(
+                  T.substring(N + 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: T,
+                      role: K,
+                      messageId: b
+                    }
+                  }
+                });
+            }
+          } else
+            Ge(t);
+        } catch (p) {
+          console.error(p), Ge(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.tag !== "") {
+      const h = r.tag.endsWith(":") && !r.tag.endsWith(": ") ? r.tag + " " : r.tag;
+      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(
+    mt,
+    {
+      mode: "dark",
+      focusMode: "light",
+      ref: d,
+      name: "chat-input",
+      label: Vt,
+      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: Ut
+        }
+      )
+    }
+  ) }) });
+}, ga = () => {
+  const { dispatch: e, state: t } = $(ve), { getAccessToken: r, user: a } = Z(), [o, n] = S({
+    loaded: !1
+  }), s = "mt-2 flex justify-center rounded-md", c = (d, g) => {
+    d.preventDefault(), e({
+      type: Ze,
+      payload: {
+        tag: g
+      }
+    });
+  };
+  return x(() => {
+    if (!a) {
+      n({
+        loaded: !1
+      });
+      return;
+    }
+    o.loaded || (async () => {
+      try {
+        const d = await ct({
+          accessToken: await r(),
+          type: st.GET_USER_PREFERENCES,
+          params: {
+            user: a.username
+          }
+        });
+        d.status === 200 && (e({
+          type: Xe,
+          payload: {
+            tags: d.data.tags || []
+          }
+        }), n({
+          loaded: !0
+        }));
+      } catch {
+      }
+    })();
+  }, [a]), /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l(Pt, { alignHorizontal: "center", columnGap: 2, children: o && o.loaded && t.tags && t.tags.map((d) => d.enabled && d.label && d.content && /* @__PURE__ */ l(Dt, { children: /* @__PURE__ */ l("div", { className: s, children: /* @__PURE__ */ l(
+    tt,
+    {
+      noBorder: !0,
+      mode: "dark",
+      focusMode: "light",
+      size: "small",
+      onClick: (g) => c(g, d.content),
+      children: d.label
+    }
+  ) }) }, `tag-button-${d.slot}`)) }) });
+}, ua = () => {
+  const { state: e } = $(F), t = v(!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__ */ k(
+    "footer",
+    {
+      className: i(
+        "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(ga, {}),
+        /* @__PURE__ */ l(da, {})
+      ]
+    }
+  );
+};
+/*!
+  @versini/ui-bubble v2.0.13
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
+    version: "2.0.13",
+    buildTime: "01/02/2025 05:13 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ma = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link", ha = ({
+  type: e,
+  size: t,
+  labelRight: r,
+  labelLeft: a,
+  align: o
+}) => {
+  const n = "max-h-8 py-0 px-2", s = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
+  switch (e) {
+    case ht:
+    case ge:
+      return i({
+        [n]: t === "small",
+        [s]: t === "medium",
+        [c]: t === "large"
+      });
+    case te:
+      return i("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", s = "text-lg font-medium";
+  switch (e) {
+    case ht:
+    case ge:
+      return i({
+        "text-center": e === ge,
+        [o]: t === "small",
+        [n]: t === "medium",
+        [s]: t === "large"
+      });
+    case te:
+      return i({
+        [o]: t === "small" && (r || a),
+        [n]: t === "medium" && (r || a),
+        [s]: t === "large" && (r || a)
+      });
+  }
+}, ba = ({
+  mode: e,
+  noBackground: t,
+  noTruncate: r,
+  variant: a
+}) => {
+  if (t)
+    return "not-prose";
+  if (a === "primary")
+    return i("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark",
+      "text-copy-lighter": e === "light",
+      "text-copy-light dark:text-copy-lighter": e === "system",
+      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "secondary")
+    return i("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "light",
+      "text-copy-lighter": e === "dark",
+      "text-copy-light dark:text-copy-lighter": e === "alt-system",
+      "text-copy-lighter dark:text-copy-light": e === "system"
+    });
+  if (a === "danger")
+    return i("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark",
+      "text-copy-lighter": e === "light",
+      "text-copy-light dark:text-copy-lighter": e === "system",
+      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "selected")
+    return i("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark",
+      "text-copy-lighter": e === "light",
+      "text-copy-light dark:text-copy-lighter": e === "system",
+      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    });
+}, ya = ({
+  mode: e,
+  noBackground: t,
+  variant: r
+}) => {
+  if (!t) {
+    if (r === "primary")
+      return i({
+        "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 i({
+        "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 i({
+        "bg-action-danger-dark": e === "dark",
+        "bg-action-danger-light": e === "light",
+        "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
+        "bg-action-danger-light dark:bg-action-danger-dark": e === "alt-system"
+      });
+    if (r === "selected")
+      return "bg-action-selected-dark";
+  }
+}, fa = ({
+  radius: e
+}) => i({
+  "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 i("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 i("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 i("hover:text-copy-light-hover", {
+      "hover:bg-action-danger-dark-hover": e === "dark",
+      "hover:bg-action-danger-light-hover": e === "light",
+      "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
+      "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
+    });
+  if (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 i("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 i("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 i("active:text-copy-lighter-active", {
+      "active:bg-action-danger-dark-active": e === "dark",
+      "active:bg-action-danger-light-active": e === "light",
+      "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
+      "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
+    });
+  if (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 i("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 i("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 i("border", {
+      "border-border-danger-dark": e === "dark",
+      "border-border-danger-medium": e === "light",
+      "border-border-danger-dark dark:border-border-danger-medium": e === "system",
+      "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
+    });
+  if (r === "selected")
+    return "border border-border-selected-dark";
+}, _a = ({
+  focusMode: e
+}) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+  "focus:outline-focus-dark": e === "dark",
+  "focus:outline-focus-light": e === "light",
+  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
+  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
+}), pt = ({
+  type: e,
+  className: t,
+  raw: r,
+  mode: a,
+  focusMode: o,
+  disabled: n,
+  fullWidth: s,
+  size: c,
+  noBorder: d,
+  labelRight: g,
+  labelLeft: u,
+  noBackground: h,
+  variant: m,
+  noTruncate: p,
+  align: b,
+  radius: f
+}) => (m || (m = "primary"), r ? i(Fe, t) : i(
+  Fe,
+  ba({
+    mode: a,
+    variant: m,
+    noBackground: h,
+    noTruncate: p
+  }),
+  ya({ mode: a, noBackground: h, variant: m }),
+  fa({ radius: f }),
+  ha({
+    type: e,
+    size: c,
+    labelRight: g,
+    labelLeft: u,
+    align: b
+  }),
+  pa({ type: e, size: c, labelRight: g, labelLeft: u }),
+  xa({ mode: a, variant: m, noBorder: d }),
+  _a({ focusMode: o }),
+  ka({ mode: a, variant: m, disabled: n }),
+  va({ mode: a, variant: m, disabled: n }),
+  {
+    "w-full": s,
+    "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: s = "button",
+    raw: c = !1,
+    noBorder: d = !1,
+    "aria-label": g,
+    label: u,
+    size: h = "medium",
+    labelRight: m,
+    labelLeft: p,
+    noBackground: b = !1,
+    align: f = "center",
+    radius: y = "large",
+    variant: _ = "primary",
+    ...T
+  }, N) => {
+    const R = pt({
+      type: te,
+      mode: r,
+      focusMode: a,
+      fullWidth: o,
+      disabled: t,
+      raw: c,
+      className: n,
+      noBorder: d,
+      size: h,
+      labelRight: m,
+      labelLeft: p,
+      noBackground: b,
+      align: f,
+      radius: y,
+      variant: _
+    }), E = i({
+      "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__ */ k(
+      xe,
+      {
+        ref: N,
+        className: R,
+        disabled: t,
+        type: s,
+        "aria-label": g || u,
+        ...T,
+        children: [
+          p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
+          /* @__PURE__ */ l("div", { className: E, children: e }),
+          m && /* @__PURE__ */ l("span", { className: "pl-2", children: m })
+        ]
+      }
+    );
+  }
+);
+bt.displayName = "ButtonIcon";
+/*!
+  @versini/ui-button v3.2.2
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "3.2.2",
+    buildTime: "01/02/2025 05:13 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ta = I.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: o = !1,
+    className: n,
+    type: s = "button",
+    raw: c = !1,
+    noBorder: d = !1,
+    "aria-label": g,
+    label: u,
+    size: h = "medium",
+    labelRight: m,
+    labelLeft: p,
+    noBackground: b = !1,
+    align: f = "center",
+    active: y = !1,
+    radius: _ = "large",
+    ...T
+  }, N) => {
+    const R = pt({
+      type: te,
+      mode: r,
+      focusMode: a,
+      fullWidth: o,
+      disabled: t,
+      raw: c,
+      className: n,
+      noBorder: d,
+      size: h,
+      labelRight: m,
+      labelLeft: p,
+      noBackground: b,
+      align: f,
+      radius: _
+    }), E = i({
+      "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 ? i(
+      "relative",
+      "focus-within:static",
+      "focus-within:after:border-transparent",
+      "after:absolute",
+      "after:content-['']",
+      "after:border-b-2",
+      "after:bottom-[-4px]",
+      "after:left-0",
+      "after:right-0",
+      {
+        "after:border-table-dark": r === "dark",
+        "after:border-table-light": r === "light",
+        "after:border-table-dark dark:after:border-table-light": r === "system",
+        "after:border-table-light dark:after:border-table-dark": r === "alt-system"
+      }
+    ) : "";
+    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ k(
+      xe,
+      {
+        ref: N,
+        className: R,
+        disabled: t,
+        type: s,
+        "aria-label": g || u,
+        ...T,
+        children: [
+          p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
+          /* @__PURE__ */ l("div", { className: E, children: e }),
+          m && /* @__PURE__ */ l("span", { className: "pl-2", children: m })
+        ]
+      }
+    ) });
+  }
+);
+Ta.displayName = "ButtonSort";
+const yt = ({
+  children: e,
+  fill: t,
+  viewBox: r,
+  className: a,
+  defaultViewBox: o,
+  size: n,
+  title: s,
+  semantic: c = !1,
+  ...d
+}) => {
+  const g = i(n, a);
+  return /* @__PURE__ */ k(Y, { children: [
+    /* @__PURE__ */ l(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: g,
+        viewBox: r || o,
+        fill: t || "currentColor",
+        role: "img",
+        "aria-hidden": !c,
+        focusable: !1,
+        ...d,
+        children: e
+      }
+    ),
+    s && c && /* @__PURE__ */ l("span", { className: "sr-only", children: s })
+  ] });
+};
+/*!
+  @versini/ui-svgicon v3.0.3
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
+    version: "3.0.3",
+    buildTime: "01/02/2025 05:13 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Na = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...o
+}) => /* @__PURE__ */ k(
+  yt,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Copied",
+    ...o,
+    children: [
+      /* @__PURE__ */ l(
+        "path",
+        {
+          opacity: "0.4",
+          d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 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 0s9.4 24.6 0 33.9z"
+        }
+      ),
+      /* @__PURE__ */ l("path", { 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 464H288c8.8 0 16-7.2 16-16V384h48v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h64v48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM224 304H448c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16V288c0 8.8 7.2 16 16 16zm-64-16V64c0-35.3 28.7-64 64-64H448c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64z" })
+  }
+);
+/*!
+  @versini/ui-icons v3.1.1
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "3.1.1",
+    buildTime: "01/02/2025 05:13 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) => i({
+  "bg-surface-lighter dark:bg-surface-dark": e === "left",
+  "bg-surface-accent": e === "right"
+}), Ia = ({ kind: e }) => i(
+  "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 }) => i("rounded-b-xl", {
+  "rounded-tr-xl": e === "left",
+  "rounded-tl-xl": e === "right"
+}), $a = ({
+  kind: e,
+  className: t
+}) => {
+  const r = i(
+    ma,
+    "flex items-start",
+    {
+      "flex-row-reverse": e === "right"
+    },
+    t
+  ), a = i(
+    "flex flex-col empty:hidden",
+    Sa(),
+    Ia({ kind: e }),
+    Ca({ kind: e }),
+    Ra({ kind: e })
+  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", n = i("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: s = "system",
+  copyToClipboardMode: c = "system"
+}) => {
+  const [d, g] = S(!1), u = $a({ kind: t, className: r }), h = !!n && (typeof n == "function" || typeof n == "string" || typeof e == "string"), m = () => {
+    g(!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(() => {
+      g(!1);
+    }, 3e3)), () => {
+      clearTimeout(p);
+    };
+  }, [d]), /* @__PURE__ */ k("div", { className: u.wrapper, children: [
+    /* @__PURE__ */ k("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__ */ k("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: s,
+        label: d ? "Copied to clipboard" : "Copy to clipboard",
+        onClick: m,
+        disabled: d,
+        children: d ? /* @__PURE__ */ l(Na, { 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", s = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
+  switch (e) {
+    case we:
+    case ue:
+      return i({
+        [n]: t === "small",
+        [s]: t === "medium",
+        [c]: t === "large"
+      });
+    case _e:
+      return i("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)
+      });
+  }
+}, za = ({
+  type: e,
+  size: t,
+  labelRight: r,
+  labelLeft: a
+}) => {
+  const o = "text-sm font-medium", n = "text-base font-medium", s = "text-lg font-medium";
+  switch (e) {
+    case we:
+    case ue:
+      return i({
+        "text-center": e === ue,
+        [o]: t === "small",
+        [n]: t === "medium",
+        [s]: t === "large"
+      });
+    case _e:
+      return i({
+        [o]: t === "small" && (r || a),
+        [n]: t === "medium" && (r || a),
+        [s]: t === "large" && (r || a)
+      });
+  }
+}, Ma = ({
+  mode: e,
+  noBackground: t,
+  noTruncate: r,
+  variant: a
+}) => {
+  if (t)
+    return "not-prose";
+  if (a === "primary")
+    return i("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark",
+      "text-copy-lighter": e === "light",
+      "text-copy-light dark:text-copy-lighter": e === "system",
+      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "secondary")
+    return i("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "light",
+      "text-copy-lighter": e === "dark",
+      "text-copy-light dark:text-copy-lighter": e === "alt-system",
+      "text-copy-lighter dark:text-copy-light": e === "system"
+    });
+  if (a === "danger")
+    return i("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark",
+      "text-copy-lighter": e === "light",
+      "text-copy-light dark:text-copy-lighter": e === "system",
+      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "selected")
+    return i("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark",
+      "text-copy-lighter": e === "light",
+      "text-copy-light dark:text-copy-lighter": e === "system",
+      "text-copy-lighter dark:text-copy-light": e === "alt-system"
+    });
+}, La = ({
+  mode: e,
+  noBackground: t,
+  variant: r
+}) => {
+  if (!t) {
+    if (r === "primary")
+      return i({
+        "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 i({
+        "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 i({
+        "bg-action-danger-dark": e === "dark",
+        "bg-action-danger-light": e === "light",
+        "bg-action-danger-dark dark:bg-action-danger-light": e === "system",
+        "bg-action-danger-light dark:bg-action-danger-dark": e === "alt-system"
+      });
+    if (r === "selected")
+      return "bg-action-selected-dark";
+  }
+}, Oa = ({
+  radius: e
+}) => i({
+  "rounded-full": e === "large",
+  "rounded-md": e === "medium",
+  "rounded-sm": e === "small"
+}), Va = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return i("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 i("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 i("hover:text-copy-light-hover", {
+      "hover:bg-action-danger-dark-hover": e === "dark",
+      "hover:bg-action-danger-light-hover": e === "light",
+      "hover:bg-action-danger-dark-hover dark:hover:bg-action-danger-light-hover": e === "system",
+      "hover:bg-action-danger-light-hover dark:hover:bg-action-danger-dark-hover": e === "alt-system"
+    });
+  if (r === "selected")
+    return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
+}, Ua = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return i("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 i("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 i("active:text-copy-lighter-active", {
+      "active:bg-action-danger-dark-active": e === "dark",
+      "active:bg-action-danger-light-active": e === "light",
+      "active:bg-action-danger-dark-active dark:active:bg-action-danger-light-active": e === "system",
+      "active:bg-action-danger-light-active dark:active:bg-action-danger-dark-active": e === "alt-system"
+    });
+  if (r === "selected")
+    return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
+}, Ha = ({
+  mode: e,
+  noBorder: t,
+  variant: r
+}) => {
+  if (t)
+    return "border border-transparent";
+  if (r === "primary")
+    return i("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 i("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 i("border", {
+      "border-border-danger-dark": e === "dark",
+      "border-border-danger-medium": e === "light",
+      "border-border-danger-dark dark:border-border-danger-medium": e === "system",
+      "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
+    });
+  if (r === "selected")
+    return "border border-border-selected-dark";
+}, Pa = ({
+  focusMode: e
+}) => i("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+  "focus:outline-focus-dark": e === "dark",
+  "focus:outline-focus-light": e === "light",
+  "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
+  "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
+}), ft = ({
+  type: e,
+  className: t,
+  raw: r,
+  mode: a,
+  focusMode: o,
+  disabled: n,
+  fullWidth: s,
+  size: c,
+  noBorder: d,
+  labelRight: g,
+  labelLeft: u,
+  noBackground: h,
+  variant: m,
+  noTruncate: p,
+  align: b,
+  radius: f
+}) => (m || (m = "primary"), r ? i(We, t) : i(
+  We,
+  Ma({
+    mode: a,
+    variant: m,
+    noBackground: h,
+    noTruncate: p
+  }),
+  La({ mode: a, noBackground: h, variant: m }),
+  Oa({ radius: f }),
+  Aa({
+    type: e,
+    size: c,
+    labelRight: g,
+    labelLeft: u,
+    align: b
+  }),
+  za({ type: e, size: c, labelRight: g, labelLeft: u }),
+  Ha({ mode: a, variant: m, noBorder: d }),
+  Pa({ focusMode: o }),
+  Va({ mode: a, variant: m, disabled: n }),
+  Ua({ mode: a, variant: m, disabled: n }),
+  {
+    "w-full": s,
+    "disabled:cursor-not-allowed disabled:opacity-50": n
+  },
+  t
+)), Da = (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);
+}, Te = I.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...o } = e;
+  return /* @__PURE__ */ l(
+    "button",
+    {
+      ref: t,
+      onClick: (n) => {
+        Da(n, a, r);
+      },
+      ...o
+    }
+  );
+});
+Te.displayName = "BaseButton";
+const kt = I.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: o = !1,
+    className: n,
+    size: s = "medium",
+    raw: c = !1,
+    noBorder: d = !1,
+    variant: g = "primary",
+    noTruncate: u = !1,
+    radius: h = "large",
+    ...m
+  }, p) => {
+    const b = ft({
+      type: we,
+      mode: r,
+      focusMode: a,
+      fullWidth: o,
+      disabled: t,
+      raw: c,
+      className: n,
+      size: s,
+      noBorder: d,
+      variant: g,
+      noTruncate: u,
+      radius: h
+    });
+    return /* @__PURE__ */ l(
+      Te,
+      {
+        ref: p,
+        className: b,
+        disabled: t,
+        ...m,
+        children: e
+      }
+    );
+  }
+);
+kt.displayName = "Button";
+/*!
+  @versini/ui-button v3.2.2
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "3.2.2",
+    buildTime: "01/02/2025 05:13 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ga = I.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: o = !1,
+    className: n,
+    type: s = "button",
+    raw: c = !1,
+    noBorder: d = !1,
+    "aria-label": g,
+    label: u,
+    size: h = "medium",
+    labelRight: m,
+    labelLeft: p,
+    noBackground: b = !1,
+    align: f = "center",
+    active: y = !1,
+    radius: _ = "large",
+    ...T
+  }, N) => {
+    const R = ft({
+      type: _e,
+      mode: r,
+      focusMode: a,
+      fullWidth: o,
+      disabled: t,
+      raw: c,
+      className: n,
+      noBorder: d,
+      size: h,
+      labelRight: m,
+      labelLeft: p,
+      noBackground: b,
+      align: f,
+      radius: _
+    }), E = i({
+      "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 ? i(
+      "relative",
+      "focus-within:static",
+      "focus-within:after:border-transparent",
+      "after:absolute",
+      "after:content-['']",
+      "after:border-b-2",
+      "after:bottom-[-4px]",
+      "after:left-0",
+      "after:right-0",
+      {
+        "after:border-table-dark": r === "dark",
+        "after:border-table-light": r === "light",
+        "after:border-table-dark dark:after:border-table-light": r === "system",
+        "after:border-table-light dark:after:border-table-dark": r === "alt-system"
+      }
+    ) : "";
+    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ k(
+      Te,
+      {
+        ref: N,
+        className: R,
+        disabled: t,
+        type: s,
+        "aria-label": g || u,
+        ...T,
+        children: [
+          p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
+          /* @__PURE__ */ l("div", { className: E, children: e }),
+          m && /* @__PURE__ */ l("span", { className: "pl-2", children: m })
+        ]
+      }
+    ) });
+  }
+);
+Ga.displayName = "ButtonSort";
+const Fa = 200, Wa = ({
+  string: e,
+  idealLength: t = Fa
+}) => {
+  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: s, isTruncated: c } = Wa({
+    string: e,
+    idealLength: t
+  });
+  return /* @__PURE__ */ k("span", { style: { wordBreak: "break-word" }, children: [
+    o ? e : s,
+    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 v2.0.10
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
+    version: "2.0.10",
+    buildTime: "01/02/2025 05:13 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const je = rt(
+  () => import(
+    /* webpackChunkName: "LazyMessageAssistant" */
+    "./MessageAssistant.C_sIDCZ4.js"
+  ).then((e) => e.MessageAssistant)
+), qa = () => {
+  const { state: e } = $(F);
+  return /* @__PURE__ */ k("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: s } = t.message;
+      return (a === K || a === he) && o ? /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(je, { name: n, processingTime: s, 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;
+    }),
+    Gt(le, e) && /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(je, { loading: !0 }) })
+  ] });
+}, Ka = () => {
+  const { isAuthenticated: e } = Z(), { state: t } = $(F), [r, a] = S(!1), [o, n] = dr(), s = Ft({
+    isAuthenticated: e,
+    extraClass: "rounded-b-md"
+  }), c = v(!1), d = U(() => {
+    const u = o.current;
+    if (u) {
+      const { scrollHeight: h, clientHeight: m, scrollTop: p } = u, b = h - m - p;
+      u.scrollBy({
+        top: b,
+        behavior: "smooth"
+      });
+    }
+  }, [o]), g = U(() => {
+    const u = o.current;
+    if (u) {
+      const { scrollTop: h, scrollHeight: m, clientHeight: p } = u, b = m > p, f = h + p >= m - 1;
+      a(b && !f);
+    }
+  }, [o]);
+  return P(() => {
+    n && n.width && t && !t.streaming && g();
+  }, [n, t, g]), x(() => {
+    const u = o.current;
+    if (u)
+      return u.addEventListener("scroll", g), () => u.removeEventListener("scroll", g);
+  }, [g, o]), x(() => {
+    t && t.streaming && g();
+  }, [t, g]), x(() => {
+    t && (!c.current && t.streaming && d(), c.current = !!t.streaming);
+  }, [t, d]), /* @__PURE__ */ k("div", { className: s, 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: "bg-white hover:bg-white active:bg-slate-400",
+        size: "medium",
+        mode: "dark",
+        onClick: d,
+        children: /* @__PURE__ */ l(Zt, { monotone: !0, size: "size-3", className: "text-copy-dark" })
+      }
+    ) }),
+    /* @__PURE__ */ l(Wt, {}),
+    e && /* @__PURE__ */ l(qa, {})
+  ] });
+}, Ja = rt(
+  () => import(
+    /* webpackChunkName: "LazyHeader" */
+    "./HeaderToolbar.CmGmS7yq.js"
+  )
+);
+function vt({ isComponent: e = !1 }) {
+  const t = v(!1), { getAccessToken: r, user: a, isAuthenticated: o } = Z(), [n] = Ve({
+    key: Me + qt,
+    initialValue: ""
+  }), [s] = Ve({
+    key: Me + Kt,
+    initialValue: j.ASC
+  }), [c, d] = Q(Lr, {
+    id: ke(),
+    model: V,
+    engine: V,
+    usage: 0,
+    messages: [],
+    tags: [],
+    isComponent: e
+  }), [g, u] = Q(Or, {
+    searchString: n,
+    sortedCell: "timestamp",
+    sortDirection: s
+  }), [h, m] = Q(Vr, {
+    tag: "",
+    tags: []
+  }), [p, b] = S({
+    version: "",
+    models: [],
+    plugins: [],
+    engine: V,
+    engines: []
+  });
+  return x(() => {
+    p.version !== "" || t.current || (async () => {
+      try {
+        t.current = !0;
+        const y = await ct({
+          accessToken: await r(),
+          type: st.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(F.Provider, { value: { state: c, dispatch: d, serverStats: p }, children: /* @__PURE__ */ l(
+    Pr.Provider,
+    {
+      value: {
+        state: g,
+        dispatch: u
+      },
+      children: /* @__PURE__ */ k(
+        ve.Provider,
+        {
+          value: { state: h, dispatch: m },
+          children: [
+            /* @__PURE__ */ l(
+              tr,
+              {
+                noColors: !0,
+                noMargin: !0,
+                noPadding: !0,
+                noBorder: !0,
+                className: ze({
+                  extraClass: "mt-5"
+                }),
+                children: o && /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("div", {}), children: /* @__PURE__ */ l(Ja, {}) })
+              }
+            ),
+            /* @__PURE__ */ l(
+              jt,
+              {
+                className: ze({
+                  extraClass: "max-h-[calc(100svh_-_250px)]"
+                }),
+                noMargin: !0,
+                noPadding: !0,
+                children: /* @__PURE__ */ l(Ka, {})
+              }
+            ),
+            /* @__PURE__ */ l(ua, {})
+          ]
+        }
+      )
+    }
+  ) });
+}
+vt.displayName = "App";
+const io = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: vt }, Symbol.toStringTag, { value: "Module" }));
+export {
+  io as App,
+  F as AppContext,
+  Ve as E,
+  mt as Fe,
+  Pr as HistoryContext,
+  ca as NewChatButton,
+  st as SERVICE_TYPES,
+  ve as TagsContext,
+  j as _,
+  ro as be,
+  $r as de,
+  eo as ge,
+  to as he,
+  no as ke,
+  Ba as le,
+  ao as me,
+  ct as serviceCall,
+  oo as ue
+};