@versini/sassysaint 5.5.21 → 5.5.23

package/dist/chunks/App.CpMFbCku.js

@@ -0,0 +1,4133 @@
+import { jsxs as I, jsx as d, Fragment as yt } from "react/jsx-runtime";
+import { g as bt, ACTION_RESTORE as $r, ACTION_MESSAGE as xe, ROLE_ASSISTANT as we, ACTION_RESET as rr, ACTION_MODEL as ar, ACTION_STREAMING as nr, ACTION_SORT as Mr, ACTION_SEARCH as Dr, ACTION_RESET_PROMPT as or, ACTION_TOGGLE_PROMPT as sr, DEFAULT_AI_ENGINE as Se, P as ir, un as Me, ROLE_SYSTEM as Vr, ROLE_INTERNAL as vt, ROLE_HIDDEN as zr, STATS_SEPARATOR as Bt, CLIPBOARD_PROMPT as $t, TYPE_QUESTION as Ur, C as cr, SEND as Pr, ERROR_MESSAGE as Hr, ROLE_USER as nt, L as Fr, j as Gr, isLastMessageFromRole as Wr, getMessageContaintWrapperClass as jr, Logo as qr, getMainPaddingClass as Mt, r as Kr, LOCAL_STORAGE_PREFIX as Dt, LOCAL_STORAGE_SEARCH as Jr, LOCAL_STORAGE_SORT as Yr } from "./index.-EILV3b7.js";
+import c from "clsx";
+import $, { useRef as S, useEffect as L, useCallback as Z, useSyncExternalStore as Xr, useState as G, useMemo as De, useContext as P, useLayoutEffect as fe, useId as Qr, useReducer as Be, createContext as Zr, useDebugValue as ea, lazy as lr, Suspense as ot } from "react";
+const ta = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ I(
+  bt,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Add",
+    ...n,
+    children: [
+      /* @__PURE__ */ d("path", { className: "fa-secondary", opacity: a ? "1" : "0.4", d: "" }),
+      /* @__PURE__ */ d(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M248 72c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 160L40 232c-13.3 0-24 10.7-24 24s10.7 24 24 24l160 0 0 160c0 13.3 10.7 24 24 24s24-10.7 24-24l0-160 160 0c13.3 0 24-10.7 24-24s-10.7-24-24-24l-160 0 0-160z"
+        }
+      )
+    ]
+  }
+), ra = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ d(
+  bt,
+  {
+    defaultViewBox: "0 0 384 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Close",
+    ...n,
+    children: /* @__PURE__ */ d("path", { d: "M345 137c9.4-9.4 9.4-24.6 0-33.9s-24.6-9.4-33.9 0l-119 119L73 103c-9.4-9.4-24.6-9.4-33.9 0s-9.4 24.6 0 33.9l119 119L39 375c-9.4 9.4-9.4 24.6 0 33.9s24.6 9.4 33.9 0l119-119L311 409c9.4 9.4 24.6 9.4 33.9 0s9.4-24.6 0-33.9l-119-119L345 137z" })
+  }
+), aa = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ d(
+  bt,
+  {
+    defaultViewBox: "0 0 384 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Down",
+    ...n,
+    children: /* @__PURE__ */ d("path", { d: "M174.6 472.6c4.5 4.7 10.8 7.4 17.4 7.4s12.8-2.7 17.4-7.4l168-176c9.2-9.6 8.8-24.8-.8-33.9s-24.8-8.8-33.9 .8L216 396.1 216 56c0-13.3-10.7-24-24-24s-24 10.7-24 24l0 340.1L41.4 263.4c-9.2-9.6-24.3-9.9-33.9-.8s-9.9 24.3-.8 33.9l168 176z" })
+  }
+);
+/*!
+  @versini/ui-header v3.0.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_HEADER__ || (window.__VERSINI_UI_HEADER__ = {
+    version: "3.0.0",
+    buildTime: "01/03/2025 10:45 AM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const na = "av-header", oa = ({
+  children: e,
+  className: t,
+  raw: r = !1,
+  mode: a = "system",
+  noColors: n = !1,
+  sticky: o = !1,
+  noBorder: s = !1,
+  noMargin: i = !1,
+  noPadding: l = !1
+}) => {
+  const h = c(
+    na,
+    {
+      "border-border-accent": a === "dark" && !r && !n && !s,
+      "border-border-medium": a === "light" && !r && !n && !s,
+      "border-border-accent dark:border-border-medium": a === "alt-system" && !r && !n && !s,
+      "border-border-medium dark:border-border-accent": a === "system" && !r && !n && !s,
+      "border-b-4": !r && !s,
+      "border-transparent": !r && n,
+      "bg-surface-dark": a === "dark" && !r && !n,
+      "bg-surface-light": a === "light" && !r && !n,
+      "bg-surface-dark dark:bg-surface-light": a === "alt-system" && !r && !n,
+      "bg-surface-light dark:bg-surface-dark": a === "system" && !r && !n,
+      "sticky top-0 z-50": o
+    },
+    t
+  ), f = c({
+    "mt-0": !i,
+    "p-2": !l,
+    "flex flex-col w-full md:mx-auto md:max-w-4xl": !r
+  });
+  return /* @__PURE__ */ d("header", { className: h, children: /* @__PURE__ */ d("div", { className: f, children: e }) });
+};
+function sa(e) {
+  const t = e.toLowerCase().split("+").map((o) => o.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"], n = t.find((o) => !a.includes(o));
+  return {
+    ...r,
+    key: n
+  };
+}
+function ia(e, t) {
+  const { alt: r, ctrl: a, meta: n, mod: o, shift: s, key: i } = e, { altKey: l, ctrlKey: h, metaKey: f, shiftKey: g, key: u } = t;
+  if (r !== l)
+    return !1;
+  if (o) {
+    if (!h && !f)
+      return !1;
+  } else if (a !== h || n !== f)
+    return !1;
+  return s !== g ? !1 : !!(i && (u.toLowerCase() === i.toLowerCase() || t.code.replace("Key", "").toLowerCase() === i.toLowerCase()));
+}
+function ca(e) {
+  return (t) => ia(sa(e), t);
+}
+function la(e) {
+  return (t) => {
+    const r = "nativeEvent" in t ? t.nativeEvent : t;
+    e.forEach(([a, n, o = { preventDefault: !0 }]) => {
+      ca(a)(r) && (o.preventDefault && t.preventDefault(), n(r));
+    });
+  };
+}
+function da() {
+  const e = S(!1);
+  return L(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), Z(() => e.current, []);
+}
+function dr(e, t) {
+  window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: t }));
+}
+const Vt = (e, t) => {
+  const r = JSON.stringify(
+    typeof t == "function" ? t() : t
+  );
+  window.localStorage.setItem(e, r), dr(e, r);
+}, ua = (e) => {
+  window.localStorage.removeItem(e), dr(e, null);
+}, zt = (e) => window.localStorage.getItem(e), ma = (e) => (window.addEventListener("storage", e), () => window.removeEventListener("storage", e));
+function Ut({
+  key: e,
+  initialValue: t
+}) {
+  const r = Xr(ma, () => zt(e)), a = Z(
+    (s) => {
+      try {
+        const i = typeof s == "function" ? s(JSON.parse(r)) : s;
+        i == null ? ua(e) : Vt(e, i);
+      } catch (i) {
+        console.warn(i);
+      }
+    },
+    [e, r]
+  ), n = Z(() => {
+    a(t);
+  }, [t, a]), o = Z(() => {
+    a(null);
+  }, [a]);
+  return L(() => {
+    try {
+      zt(e) === null && typeof t < "u" && Vt(e, t);
+    } catch (s) {
+      console.warn(s);
+    }
+  }, [e, t]), [r ? JSON.parse(r) : null, a, n, o];
+}
+const ga = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function ha(e) {
+  const t = da(), r = S(0), a = S(null), [n, o] = G(ga), s = De(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((i) => {
+    const l = i[0];
+    l && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
+      a.current && t() && o(l.contentRect);
+    }));
+  }), [t]);
+  return L(() => (a.current && (s == null || s.observe(a.current, e)), () => {
+    s == null || s.disconnect(), r.current && cancelAnimationFrame(r.current);
+  }), [s, e]), [a, n];
+}
+/*!
+  @versini/ui-table v3.0.4
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TABLE__ || (window.__VERSINI_UI_TABLE__ = {
+    version: "3.0.4",
+    buildTime: "01/04/2025 04:09 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Ve = "thead", kt = "tfoot", ye = "tbody", Ee = {
+  ASC: "asc",
+  DESC: "desc"
+}, fa = ({
+  mode: e,
+  className: t,
+  wrapperClassName: r,
+  stickyHeader: a,
+  stickyFooter: n
+}) => ({
+  wrapper: c(
+    "not-prose relative w-full rounded-lg shadow-md",
+    {
+      "overflow-x-auto": !a && !n,
+      "overflow-y-scroll": a || n,
+      "bg-surface-darker": e === "dark" || e === "system",
+      "bg-surface-light": e === "light" || e === "alt-system",
+      "dark:bg-surface-light": e === "system",
+      "dark:bg-surface-darker": e === "alt-system",
+      "text-copy-light": e === "dark",
+      "text-copy-dark": e === "light",
+      "text-copy-light dark:text-copy-dark": e === "system",
+      "text-copy-dark dark:text-copy-light": e === "alt-system"
+    },
+    r
+  ),
+  table: c("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: c("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"
+  })
+}), pa = ({
+  className: e,
+  stickyHeader: t,
+  mode: r
+}) => c(
+  {
+    "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
+), ya = ({
+  className: e,
+  stickyFooter: t,
+  mode: r
+}) => c(
+  {
+    "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
+), ba = ({
+  mode: e,
+  className: t,
+  cellWrapper: r
+}) => r === Ve || r === kt ? c(
+  {
+    "bg-table-head-dark": e === "dark" || e === "system",
+    "bg-table-head-light": e === "light" || e === "alt-system",
+    "dark:bg-table-head-light": e === "system",
+    "dark:bg-table-head-dark": e === "alt-system"
+  },
+  t
+) : c(
+  "border-b last:border-0",
+  {
+    "border-table-dark": e === "dark" || e === "system",
+    "odd:bg-table-dark-odd even:bg-table-dark-even": r === ye && e === "dark",
+    "border-table-light": e === "light" || e === "alt-system",
+    "odd:bg-table-light-odd even:bg-table-light-even": r === ye && e === "light",
+    "dark:border-table-light": e === "system",
+    "odd:bg-table-dark-odd even:bg-table-dark-even dark:odd:bg-table-light-odd dark:even:bg-table-light-even": r === ye && e === "system",
+    "dark:border-table-dark": e === "alt-system",
+    "odd:bg-table-light-odd even:bg-table-light-even dark:odd:bg-table-dark-odd dark:even:bg-table-dark-even": r === ye && e === "alt-system"
+  },
+  t
+), va = ({
+  cellWrapper: e,
+  className: t,
+  compact: r,
+  mode: a,
+  align: n
+}) => ({
+  alignClasses: c({
+    "flex justify-start text-left": n === "left",
+    "flex justify-center text-center": n === "center",
+    "flex justify-end text-right": n === "right"
+  }),
+  mainClasses: c(
+    {
+      "text-copy-light": a === "dark" || a === "system",
+      "text-copy-dark": a === "light" || a === "alt-system",
+      "dark:text-copy-dark": a === "system",
+      "dark:text-copy-light": a === "alt-system",
+      "px-4 py-3": !r && (e === Ve || e === kt),
+      "p-4": !r && e === ye,
+      "px-2 py-1.5": r
+    },
+    t
+  )
+}), ka = ({
+  buttonClassName: e
+}) => c("rounded-none text-sm", e), Pt = "av-button", _t = "icon", ur = "button", st = "link", _a = ({
+  type: e,
+  size: t,
+  labelRight: r,
+  labelLeft: a,
+  align: n
+}) => {
+  const o = "max-h-8 py-0 px-2", s = "max-h-9 py-1 px-3", i = "max-h-12 py-2 px-4";
+  switch (e) {
+    case ur:
+    case st:
+      return c({
+        [o]: t === "small",
+        [s]: t === "medium",
+        [i]: t === "large"
+      });
+    case _t:
+      return c("inline-flex items-center", {
+        "justify-center": n === "center",
+        "justify-start": n === "left",
+        "justify-end": n === "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)
+      });
+  }
+}, Ea = ({
+  type: e,
+  size: t,
+  labelRight: r,
+  labelLeft: a
+}) => {
+  const n = "text-sm font-medium", o = "text-base font-medium", s = "text-lg font-medium";
+  switch (e) {
+    case ur:
+    case st:
+      return c({
+        "text-center": e === st,
+        [n]: t === "small",
+        [o]: t === "medium",
+        [s]: t === "large"
+      });
+    case _t:
+      return c({
+        [n]: t === "small" && (r || a),
+        [o]: t === "medium" && (r || a),
+        [s]: t === "large" && (r || a)
+      });
+  }
+}, xa = ({
+  mode: e,
+  noBackground: t,
+  noTruncate: r,
+  variant: a
+}) => {
+  if (t)
+    return "not-prose";
+  if (a === "primary")
+    return c("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "secondary")
+    return c("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "light" || e === "system",
+      "text-copy-lighter": e === "dark" || e === "alt-system",
+      "dark:text-copy-lighter": e === "alt-system",
+      "dark:text-copy-light": e === "system"
+    });
+  if (a === "danger")
+    return c("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "selected")
+    return c("not-prose text-copy-lighter", {
+      truncate: !r
+    });
+}, wa = ({
+  mode: e,
+  noBackground: t,
+  variant: r
+}) => {
+  if (!t) {
+    if (r === "primary")
+      return c({
+        "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 c({
+        "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 c({
+        "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";
+  }
+}, Sa = ({
+  radius: e
+}) => c({
+  "rounded-full": e === "large",
+  "rounded-md": e === "medium",
+  "rounded-sm": e === "small"
+}), Ta = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return c("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 c("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 c("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";
+}, Na = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return c("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 c("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 c("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";
+}, Ra = ({
+  mode: e,
+  noBorder: t,
+  variant: r
+}) => {
+  if (t)
+    return "border border-transparent";
+  if (r === "primary")
+    return c("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 c("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 c("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";
+}, Ca = ({
+  focusMode: e
+}) => c("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"
+}), Ia = ({
+  type: e,
+  className: t,
+  raw: r,
+  mode: a,
+  focusMode: n,
+  disabled: o,
+  fullWidth: s,
+  size: i,
+  noBorder: l,
+  labelRight: h,
+  labelLeft: f,
+  noBackground: g,
+  variant: u,
+  noTruncate: m,
+  align: y,
+  radius: b
+}) => (u || (u = "primary"), r ? c(Pt, t) : c(
+  Pt,
+  xa({
+    mode: a,
+    variant: u,
+    noBackground: g,
+    noTruncate: m
+  }),
+  wa({ mode: a, noBackground: g, variant: u }),
+  Sa({ radius: b }),
+  _a({
+    type: e,
+    size: i,
+    labelRight: h,
+    labelLeft: f,
+    align: y
+  }),
+  Ea({ type: e, size: i, labelRight: h, labelLeft: f }),
+  Ra({ mode: a, variant: u, noBorder: l }),
+  Ca({ focusMode: n }),
+  Ta({ mode: a, variant: u, disabled: o }),
+  Na({ mode: a, variant: u, disabled: o }),
+  {
+    "w-full": s,
+    "disabled:cursor-not-allowed disabled:opacity-50": o
+  },
+  t
+)), Aa = (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);
+}, mr = $.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...n } = e;
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      ref: t,
+      onClick: (o) => {
+        Aa(o, a, r);
+      },
+      ...n
+    }
+  );
+});
+mr.displayName = "BaseButton";
+/*!
+  @versini/ui-button v4.0.3
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "4.0.3",
+    buildTime: "01/04/2025 04:09 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const gr = $.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: n = !1,
+    className: o,
+    type: s = "button",
+    raw: i = !1,
+    noBorder: l = !1,
+    "aria-label": h,
+    label: f,
+    size: g = "medium",
+    labelRight: u,
+    labelLeft: m,
+    noBackground: y = !1,
+    align: b = "center",
+    active: k = !1,
+    radius: p = "large",
+    ...N
+  }, A) => {
+    const R = Ia({
+      type: _t,
+      mode: r,
+      focusMode: a,
+      fullWidth: n,
+      disabled: t,
+      raw: i,
+      className: o,
+      noBorder: l,
+      size: g,
+      labelRight: u,
+      labelLeft: m,
+      noBackground: y,
+      align: b,
+      radius: p
+    }), E = c({
+      "text-copy-accent-dark": r === "light" && !i,
+      "text-copy-light": r === "dark" && !i,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !i,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !i
+    }), C = k ? c(
+      "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__ */ d("div", { className: C, children: /* @__PURE__ */ I(
+      mr,
+      {
+        ref: A,
+        className: R,
+        disabled: t,
+        type: s,
+        "aria-label": h || f,
+        ...N,
+        children: [
+          m && /* @__PURE__ */ d("span", { className: "pr-2", children: m }),
+          /* @__PURE__ */ d("div", { className: E, children: e }),
+          u && /* @__PURE__ */ d("span", { className: "pl-2", children: u })
+        ]
+      }
+    ) });
+  }
+);
+gr.displayName = "ButtonSort";
+const Et = ({
+  children: e,
+  fill: t,
+  viewBox: r,
+  className: a,
+  defaultViewBox: n,
+  size: o,
+  title: s,
+  semantic: i = !1,
+  ...l
+}) => {
+  const h = c(o, a);
+  return /* @__PURE__ */ I(yt, { children: [
+    /* @__PURE__ */ d(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: h,
+        viewBox: r || n,
+        fill: t || "currentColor",
+        role: "img",
+        "aria-hidden": !i,
+        focusable: !1,
+        ...l,
+        children: e
+      }
+    ),
+    s && i && /* @__PURE__ */ d("span", { className: "sr-only", children: s })
+  ] });
+};
+/*!
+  @versini/ui-svgicon v4.0.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
+    version: "4.0.0",
+    buildTime: "01/04/2025 04:09 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Oa = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ I(
+  Et,
+  {
+    defaultViewBox: "0 0 576 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Sort",
+    ...n,
+    children: [
+      /* @__PURE__ */ d(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: a ? "1" : "0.4",
+          d: "M297.4 137.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L384 141.3 384 448c0 17.7 14.3 32 32 32s32-14.3 32-32l0-306.7 41.4 41.4c12.5 12.5 32.8 12.5 45.3 0c6.2-6.2 9.4-14.4 9.4-22.6s-3.1-16.4-9.4-22.6l-96-96C432.4 35.1 424.2 32 416 32s-16.4 3.1-22.6 9.4l-96 96z"
+        }
+      ),
+      /* @__PURE__ */ d(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M137.4 470.6c12.5 12.5 32.8 12.5 45.3 0l96-96c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 370.7 192 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 306.7L86.6 329.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l96 96z"
+        }
+      )
+    ]
+  }
+), La = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ I(
+  Et,
+  {
+    defaultViewBox: "0 0 576 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Sort Down",
+    ...n,
+    children: [
+      /* @__PURE__ */ d(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: a ? "1" : "0.4",
+          d: "M288 64c0-17.7 14.3-32 32-32l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32L320 96c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32z"
+        }
+      ),
+      /* @__PURE__ */ d(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M128 480c9 0 17.5-3.8 23.6-10.4l88-96c11.9-13 11.1-33.3-2-45.2s-33.3-11.1-45.2 2L160 365.7 160 64c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 301.7L63.6 330.4c-11.9-13-32.2-13.9-45.2-2s-13.9 32.2-2 45.2l88 96C110.5 476.2 119 480 128 480z"
+        }
+      )
+    ]
+  }
+), Ba = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ I(
+  Et,
+  {
+    defaultViewBox: "0 0 576 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Sort Up",
+    ...n,
+    children: [
+      /* @__PURE__ */ d(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: a ? "1" : "0.4",
+          d: "M288 64c0-17.7 14.3-32 32-32l32 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-32 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l96 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-96 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l160 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-160 0c-17.7 0-32-14.3-32-32zm0 128c0-17.7 14.3-32 32-32l224 0c17.7 0 32 14.3 32 32s-14.3 32-32 32l-224 0c-17.7 0-32-14.3-32-32z"
+        }
+      ),
+      /* @__PURE__ */ d(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M128 32c9 0 17.5 3.8 23.6 10.4l88 96c11.9 13 11.1 33.3-2 45.2s-33.3 11.1-45.2-2L160 146.3 160 448c0 17.7-14.3 32-32 32s-32-14.3-32-32l0-301.7L63.6 181.6c-11.9 13-32.2 13.9-45.2 2s-13.9-32.2-2-45.2l88-96C110.5 35.8 119 32 128 32z"
+        }
+      )
+    ]
+  }
+);
+/*!
+  @versini/ui-icons v4.2.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "4.2.0",
+    buildTime: "01/04/2025 04:09 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const be = $.createContext({
+  mode: "light",
+  cellWrapper: "thead",
+  stickyHeader: !1,
+  stickyFooter: !1,
+  compact: !1
+}), Wo = ({
+  children: e,
+  mode: t = "system",
+  caption: r,
+  compact: a,
+  summary: n,
+  className: o,
+  wrapperClassName: s,
+  maxHeight: i,
+  stickyHeader: l,
+  stickyFooter: h,
+  ...f
+}) => {
+  const g = fa({
+    mode: t,
+    className: o,
+    wrapperClassName: s,
+    stickyHeader: l,
+    stickyFooter: h
+  });
+  return /* @__PURE__ */ d(
+    be.Provider,
+    {
+      value: { mode: t, stickyHeader: l, stickyFooter: h, compact: a },
+      children: /* @__PURE__ */ d(
+        "div",
+        {
+          className: g.wrapper,
+          ...i && {
+            style: { maxHeight: i }
+          },
+          children: /* @__PURE__ */ I("table", { className: g.table, summary: n, ...f, children: [
+            r && /* @__PURE__ */ d("caption", { className: g.caption, children: r }),
+            e
+          ] })
+        }
+      )
+    }
+  );
+}, jo = ({
+  children: e,
+  className: t,
+  ...r
+}) => {
+  const a = P(be);
+  a.cellWrapper = Ve;
+  const n = pa({
+    className: t,
+    mode: a.mode,
+    stickyHeader: a.stickyHeader
+  });
+  return /* @__PURE__ */ d("thead", { className: n, ...r, children: e });
+}, qo = ({
+  children: e,
+  className: t,
+  ...r
+}) => {
+  const a = P(be);
+  a.cellWrapper = kt;
+  const n = ya({
+    className: t,
+    mode: a.mode,
+    stickyFooter: a.stickyFooter
+  });
+  return /* @__PURE__ */ d("tfoot", { className: n, ...r, children: e });
+}, Ko = ({ children: e, ...t }) => {
+  const r = P(be);
+  return r.cellWrapper = ye, /* @__PURE__ */ d("tbody", { ...t, children: e });
+}, Jo = ({
+  children: e,
+  className: t,
+  ...r
+}) => {
+  const a = P(be), n = ba({
+    mode: a.mode,
+    cellWrapper: a.cellWrapper,
+    className: t
+  });
+  return /* @__PURE__ */ d("tr", { className: n, ...r, children: e });
+}, $a = ({
+  children: e,
+  component: t,
+  className: r,
+  align: a,
+  ...n
+}) => {
+  const o = P(be), s = t || (o.cellWrapper === Ve ? "th" : "td"), { mainClasses: i, alignClasses: l } = va({
+    cellWrapper: o.cellWrapper,
+    className: r,
+    mode: o.mode,
+    compact: o.compact,
+    align: a
+  });
+  return a ? /* @__PURE__ */ d(s, { className: i, ...n, children: /* @__PURE__ */ d("div", { className: l, children: e }) }) : /* @__PURE__ */ d(s, { className: i, ...n, children: e });
+}, Yo = ({
+  align: e,
+  children: t,
+  buttonClassName: r,
+  className: a,
+  component: n,
+  focusMode: o = "alt-system",
+  mode: s = "alt-system",
+  onClick: i,
+  sortDirection: l,
+  sortedCell: h,
+  cellId: f,
+  ...g
+}) => {
+  const u = ka({ buttonClassName: r });
+  return /* @__PURE__ */ d(
+    $a,
+    {
+      component: n,
+      className: a,
+      role: "columnheader",
+      "aria-sort": l === Ee.ASC && h === f ? "ascending" : l === Ee.DESC && h === f ? "descending" : "other",
+      ...g,
+      children: /* @__PURE__ */ d(
+        gr,
+        {
+          active: h === f,
+          className: u,
+          onClick: i,
+          align: e,
+          noBorder: !0,
+          focusMode: o,
+          mode: s,
+          fullWidth: !0,
+          labelRight: t,
+          children: l === Ee.ASC && h === f ? /* @__PURE__ */ d(Ba, { className: "size-4", monotone: !0 }) : l === Ee.DESC && h === f ? /* @__PURE__ */ d(La, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ d(Oa, { className: "size-4", monotone: !0 })
+        }
+      )
+    }
+  );
+}, D = [];
+for (let e = 0; e < 256; ++e)
+  D.push((e + 256).toString(16).slice(1));
+function Ma(e, t = 0) {
+  return (D[e[t + 0]] + D[e[t + 1]] + D[e[t + 2]] + D[e[t + 3]] + "-" + D[e[t + 4]] + D[e[t + 5]] + "-" + D[e[t + 6]] + D[e[t + 7]] + "-" + D[e[t + 8]] + D[e[t + 9]] + "-" + D[e[t + 10]] + D[e[t + 11]] + D[e[t + 12]] + D[e[t + 13]] + D[e[t + 14]] + D[e[t + 15]]).toLowerCase();
+}
+let Ke;
+const Da = new Uint8Array(16);
+function Va() {
+  if (!Ke) {
+    if (typeof crypto > "u" || !crypto.getRandomValues)
+      throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
+    Ke = crypto.getRandomValues.bind(crypto);
+  }
+  return Ke(Da);
+}
+const za = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ht = { randomUUID: za };
+function xt(e, t, r) {
+  if (Ht.randomUUID && !t && !e)
+    return Ht.randomUUID();
+  e = e || {};
+  const a = e.random || (e.rng || Va)();
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Ma(a);
+}
+const Ua = (e, t) => {
+  if ((t == null ? void 0 : t.type) === $r) {
+    const r = t.payload.messages.map((a) => ({
+      message: {
+        role: a.role,
+        content: a.content,
+        name: a.name,
+        processingTime: a.processingTime
+      }
+    }));
+    return {
+      id: t.payload.id,
+      model: t.payload.model,
+      usage: t.payload.usage,
+      isComponent: e.isComponent,
+      messages: r,
+      engine: e.engine,
+      prompts: e.prompts
+    };
+  }
+  if ((t == null ? void 0 : t.type) === xe) {
+    const r = t.payload.message.role, a = t.payload.message.content, n = t.payload.message.name, o = t.payload.message.processingTime, s = t.payload.message.messageId;
+    if (r !== "") {
+      const i = {
+        role: r,
+        content: a,
+        name: n,
+        processingTime: o,
+        messageId: s
+      };
+      if (r === we) {
+        const l = e.messages.findIndex(
+          (h) => h.message.messageId === s
+        );
+        if (l !== -1) {
+          const h = e.messages.map((f, g) => g === l ? {
+            message: {
+              ...f.message,
+              content: `${f.message.content}${a}`,
+              processingTime: o,
+              name: n
+            }
+          } : f);
+          return {
+            id: e.id,
+            model: e.model,
+            usage: e.usage,
+            isComponent: e.isComponent,
+            messages: h,
+            engine: e.engine,
+            prompts: e.prompts
+          };
+        }
+      }
+      return {
+        id: e.id,
+        model: e.model,
+        engine: e.engine,
+        prompts: e.prompts,
+        usage: e.usage,
+        isComponent: e.isComponent,
+        messages: [
+          ...e.messages,
+          {
+            message: i
+          }
+        ]
+      };
+    }
+  }
+  return (t == null ? void 0 : t.type) === rr ? {
+    id: xt(),
+    model: e.model,
+    engine: e.engine,
+    usage: 0,
+    messages: [],
+    isComponent: e.isComponent,
+    prompts: e.prompts
+  } : (t == null ? void 0 : t.type) === ar ? {
+    id: e.id,
+    model: t.payload.model,
+    engine: e.engine,
+    prompts: e.prompts,
+    usage: t.payload.usage,
+    messages: e.messages,
+    isComponent: e.isComponent
+  } : (t == null ? void 0 : t.type) === nr ? {
+    ...e,
+    streaming: t.payload.streaming
+  } : e;
+}, Pa = (e, t) => {
+  switch (t == null ? void 0 : t.type) {
+    case Dr:
+      return {
+        searchString: t.payload.searchString,
+        sortedCell: e.sortedCell,
+        sortDirection: e.sortDirection
+      };
+    case Mr:
+      return {
+        searchString: e.searchString,
+        sortedCell: t.payload.sortedCell,
+        sortDirection: t.payload.sortDirection
+      };
+    default:
+      return e;
+  }
+}, Ha = (e, t) => {
+  switch (t == null ? void 0 : t.type) {
+    case sr:
+      return {
+        prompt: t.payload.prompt
+      };
+    case or:
+      return {
+        prompt: ""
+      };
+    default:
+      return e;
+  }
+}, ve = $.createContext({
+  state: {
+    id: "",
+    model: Se,
+    engine: Se,
+    usage: 0,
+    messages: [],
+    isComponent: !1,
+    prompts: []
+  },
+  dispatch: () => {
+  },
+  serverStats: {
+    version: "",
+    models: [],
+    plugins: [],
+    engines: []
+  }
+}), Fa = $.createContext({
+  state: { searchString: "", sortedCell: "", sortDirection: "" },
+  dispatch: () => {
+  }
+}), wt = $.createContext({
+  state: { prompt: "" },
+  dispatch: () => {
+  }
+});
+/*!
+  @versini/ui-textarea v3.0.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TEXTAREA__ || (window.__VERSINI_UI_TEXTAREA__ = {
+    version: "3.0.0",
+    buildTime: "01/03/2025 10:45 AM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const hr = "av-text-area", Ga = "av-text-area-wrapper", Je = "av-text-area-helper-text", Wa = "av-text-area__control--right", ja = "av-text-area__control--left";
+function qa() {
+  const e = S(!1);
+  return L(() => (e.current = !0, () => {
+    e.current = !1;
+  }), []), Z(() => e.current, []);
+}
+function Ka(e) {
+  return De(() => e.every((t) => t == null) ? () => {
+  } : (t) => {
+    e.forEach((r) => {
+      typeof r == "function" ? r(t) : r != null && (r.current = t);
+    });
+  }, e);
+}
+const Ja = {
+  x: 0,
+  y: 0,
+  width: 0,
+  height: 0,
+  top: 0,
+  left: 0,
+  bottom: 0,
+  right: 0
+};
+function Ft(e) {
+  const t = qa(), r = S(0), a = S(null), [n, o] = G(Ja), s = De(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((i) => {
+    const l = i[0];
+    l && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
+      a.current && t() && o(l.contentRect);
+    }));
+  }), [t]);
+  return L(() => (a.current && (s == null || s.observe(a.current, e)), () => {
+    s == null || s.disconnect(), r.current && cancelAnimationFrame(r.current);
+  }), [s, e]), [a, n];
+}
+function Ya({
+  value: e,
+  defaultValue: t,
+  finalValue: r,
+  onChange: a = () => {
+  },
+  initialControlledDelay: n = 0
+}) {
+  const [o, s] = G(!1), [i, l] = G(
+    t !== void 0 ? t : r
+  ), h = (f) => {
+    l(f), a == null || a(f);
+  };
+  return L(() => {
+    (async () => e !== void 0 && !o && n > 0 && (await new Promise(
+      (f) => setTimeout(f, n)
+    ), s(!0)))();
+  }, [e, n, o]), e !== void 0 ? !o && n > 0 ? ["", a, !0] : [e, a, !0] : [i, h, !1];
+}
+function Xa(e) {
+  const t = Qr();
+  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 fr = "SET_ANNOUNCEMENT", pr = "CLEAR_ANNOUNCEMENT", Qa = {
+  alert: null,
+  alertdialog: null,
+  log: "polite",
+  marquee: null,
+  progressbar: null,
+  status: "polite",
+  timer: "assertive"
+}, Za = (e, t) => {
+  switch (t == null ? void 0 : t.type) {
+    case fr:
+      return {
+        ...e,
+        announcement: t.payload
+      };
+    case pr:
+      return {
+        ...e,
+        announcement: null
+      };
+    default:
+      return e;
+  }
+}, en = ({
+  onAnnouncementClear: e,
+  dispatch: t
+}) => {
+  t({
+    type: pr
+  }), typeof e == "function" && e();
+}, Gt = ({
+  children: e,
+  clearAnnouncementDelay: t,
+  clearAnnouncementTimeoutRef: r,
+  onAnnouncementClear: a,
+  dispatch: n
+}) => {
+  clearTimeout(r.current), e !== null && n({
+    type: fr,
+    payload: e
+  }), t && (r.current = setTimeout(
+    () => en({
+      onAnnouncementClear: a,
+      dispatch: n
+    }),
+    t
+  ));
+}, tn = ({
+  children: e,
+  announcementTimeoutRef: t,
+  announcementDelay: r,
+  clearAnnouncementDelay: a,
+  clearAnnouncementTimeoutRef: n,
+  onAnnouncementClear: o,
+  dispatch: s
+}) => {
+  clearTimeout(t.current), r ? t.current = setTimeout(Gt, r, {
+    children: e,
+    clearAnnouncementDelay: a,
+    clearAnnouncementTimeoutRef: n,
+    onAnnouncementClear: o,
+    dispatch: s
+  }) : Gt({
+    children: e,
+    clearAnnouncementDelay: a,
+    clearAnnouncementTimeoutRef: n,
+    onAnnouncementClear: o,
+    dispatch: s
+  });
+};
+function rn({
+  children: e,
+  className: t,
+  politeness: r,
+  role: a = null,
+  announcementDelay: n,
+  clearAnnouncementDelay: o,
+  onAnnouncementClear: s,
+  visible: i,
+  ...l
+}) {
+  const h = S(null), f = S(null), [g, u] = Be(Za, {
+    announcement: null
+  });
+  let m = r;
+  typeof m > "u" && (m = a ? Qa[a] : "assertive"), L(() => {
+    tn({
+      announcementTimeoutRef: h,
+      announcementDelay: n,
+      children: e,
+      clearAnnouncementDelay: o,
+      clearAnnouncementTimeoutRef: f,
+      onAnnouncementClear: s,
+      dispatch: u
+    });
+  }, [
+    e,
+    n,
+    o,
+    s
+  ]);
+  const y = c(t, {
+    "sr-only": !i
+  });
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      "aria-live": m,
+      ...a && { role: a },
+      className: y,
+      ...l,
+      children: g.announcement
+    }
+  );
+}
+/*!
+  @versini/ui-liveregion v1.3.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_LIVEREGION__ || (window.__VERSINI_UI_LIVEREGION__ = {
+    version: "1.3.0",
+    buildTime: "01/03/2025 10:45 AM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const an = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hidden px-4 py-7", nn = ({ mode: e }) => c({
+  "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"
+}), on = ({
+  focusMode: e
+}) => c("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"
+}), sn = ({
+  noBorder: e,
+  error: t
+}) => c("border-2", {
+  "border-border-dark": !e && !t,
+  "focus:border-border-dark": !e && t,
+  "border-border-error-dark": !e && t,
+  "border-transparent": e
+}), cn = ({
+  disabled: e,
+  raw: t,
+  error: r,
+  mode: a,
+  leftElement: n,
+  rightElement: o
+}) => {
+  if (t)
+    return "";
+  if (e)
+    return c(
+      "transform translate-y-0 scale-100 absolute px-2 cursor-not-allowed opacity-50 font-medium",
+      {
+        "translate-x-[12px]": o === !0 && !n || !o && !n
+      }
+    );
+  if (!r)
+    return c(
+      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
+      {
+        "translate-x-[12px]": o === !0 && !n || !o && !n,
+        "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 c(
+      "absolute px-2 cursor-text font-medium transform translate-y-0 scale-100",
+      {
+        "translate-x-[12px]": o === !0 && !n || !o && !n,
+        "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"
+      }
+    );
+}, ln = ({
+  error: e,
+  raw: t,
+  mode: r,
+  disabled: a
+}) => {
+  if (t)
+    return "";
+  if (a)
+    return c(
+      Je,
+      "absolute px-2 cursor-not-allowed opacity-50 font-medium"
+    );
+  if (!e)
+    return c(Je, "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 c(Je, "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"
+    });
+}, dn = ({
+  className: e,
+  textAreaClassName: t,
+  raw: r,
+  focusMode: a,
+  disabled: n,
+  noBorder: o,
+  error: s,
+  mode: i,
+  leftElement: l,
+  rightElement: h
+}) => {
+  const f = r ? e : c(
+    "relative flex w-full flex-col justify-center",
+    Ga,
+    e
+  ), g = r ? c(t) : c(
+    hr,
+    t,
+    an(),
+    nn({ mode: i }),
+    on({ focusMode: a }),
+    sn({
+      noBorder: o,
+      error: s
+    }),
+    {
+      "disabled:cursor-not-allowed disabled:opacity-50": n
+    }
+  ), u = r ? void 0 : "sr-only", m = cn({
+    disabled: n,
+    raw: r,
+    error: s,
+    mode: i,
+    rightElement: h,
+    leftElement: l
+  }), y = ln({
+    error: s,
+    raw: r,
+    mode: i,
+    disabled: n
+  }), b = r ? void 0 : c(Wa, "absolute"), k = r ? void 0 : c(ja, "absolute");
+  return {
+    wrapper: f,
+    textArea: g,
+    accessibleLabel: u,
+    visibleLabel: m,
+    helperText: y,
+    rightElement: b,
+    leftElement: k
+  };
+}, un = ({
+  scrollHeight: e,
+  currentHeight: t,
+  currentLabelOffset: r = 0,
+  currentHelperTextOffset: a = 0
+}) => {
+  let n, o;
+  if (e > 0 && e !== t) {
+    const s = e - t, i = Math.abs(s / 24);
+    n = r + -1 * Math.sign(s) * (12 * i), o = a + Math.sign(s) * (12 * i);
+  }
+  return {
+    labelOffset: n,
+    helperTextOffset: o,
+    scrollHeight: e
+  };
+}, yr = $.forwardRef(
+  ({
+    id: e,
+    name: t,
+    label: r,
+    error: a = !1,
+    raw: n = !1,
+    className: o,
+    textAreaClassName: s,
+    mode: i = "system",
+    focusMode: l = "system",
+    value: h,
+    defaultValue: f,
+    disabled: g = !1,
+    noBorder: u = !1,
+    labelId: m,
+    helperText: y = "",
+    helperTextOnFocus: b = !1,
+    rightElement: k,
+    leftElement: p,
+    onChange: N,
+    onFocus: A,
+    onBlur: R,
+    ...E
+  }, C) => {
+    var ee;
+    const x = S(null), oe = Ka([C, x]), [H, W] = Ft(), [te, B] = Ft(), j = S(80), me = S(-25), q = S(null), ke = S(30), K = S(null), se = Xa({ id: e, prefix: `${hr}-` }), [Ne, ie] = G(0), [re, pe] = G(0), [Re, ge] = G(
+      !!(!b && y)
+    ), Ce = `${t} error, ${y}`, J = dn({
+      className: o,
+      textAreaClassName: s,
+      error: a,
+      raw: n,
+      focusMode: l,
+      disabled: g,
+      noBorder: u,
+      mode: i,
+      rightElement: !!k,
+      leftElement: !!p
+    }), [Y, We] = Ya({
+      value: h,
+      initialControlledDelay: 20,
+      defaultValue: f,
+      onChange: (v) => {
+        N && N({
+          target: {
+            value: v
+          }
+        });
+      }
+    }), he = (v) => {
+      We(v.target.value);
+    }, Ie = (v) => {
+      b && y && ge(!0), A && A(v);
+    }, w = (v) => {
+      b && y && !Y && ge(!1), R && R(v);
+    };
+    return fe(() => {
+      W && W.width && ie(W.width + 18 + 10);
+    }, [W]), fe(() => {
+      B && B.width && pe(B.width + 18 + 10);
+    }, [B]), fe(() => {
+      n || x && x.current && Y !== void 0 && (x.current.style.height = "inherit", x.current.style.height = x.current.scrollHeight + "px");
+    }, [Y, n]), fe(() => {
+      n || setTimeout(() => {
+        var v;
+        (v = q == null ? void 0 : q.current) == null || v.style.setProperty(
+          "--av-text-area-wrapper-transition",
+          Y ? "none" : "all 0.2s ease-out"
+        );
+      }, 0);
+    }, [Y, n]), fe(() => {
+      var v, O;
+      if (!n && x && x.current && Y !== void 0) {
+        const { labelOffset: T, helperTextOffset: U, scrollHeight: ce } = un({
+          scrollHeight: x.current.scrollHeight,
+          currentHeight: j.current,
+          currentLabelOffset: me.current,
+          currentHelperTextOffset: ke.current
+        });
+        T && (me.current = T, (v = q == null ? void 0 : q.current) == null || v.style.setProperty(
+          "--av-text-area-label",
+          `${T}px`
+        )), U && (ke.current = U, (O = K == null ? void 0 : K.current) == null || O.style.setProperty(
+          "--av-text-area-helper-text",
+          `${U}px`
+        )), j.current = ce || j.current;
+      }
+    }, [Y, n]), B.width > 0 && ((ee = q == null ? void 0 : q.current) == null || ee.style.setProperty(
+      "--tw-translate-x",
+      `${12 + B.width + 5}px`
+    )), /* @__PURE__ */ I("div", { className: J.wrapper, children: [
+      /* @__PURE__ */ d(
+        "label",
+        {
+          htmlFor: se,
+          id: m,
+          className: J.accessibleLabel,
+          children: r
+        }
+      ),
+      p && /* @__PURE__ */ d(
+        "div",
+        {
+          ref: te,
+          className: J.leftElement,
+          children: p
+        }
+      ),
+      /* @__PURE__ */ d(
+        "textarea",
+        {
+          ref: oe,
+          id: se,
+          name: t,
+          disabled: g,
+          placeholder: n ? void 0 : " ",
+          className: J.textArea,
+          rows: 1,
+          ...y && { "aria-describedby": `${se}-helper` },
+          ...a && { "aria-invalid": "true" },
+          ...k && !p && !n && { style: { paddingRight: Ne } },
+          ...p && !k && !n && { style: { paddingLeft: re } },
+          ...k && p && !n && {
+            style: {
+              paddingRight: Ne,
+              paddingLeft: re
+            }
+          },
+          value: Y,
+          onChange: he,
+          onFocus: Ie,
+          onBlur: w,
+          ...E
+        }
+      ),
+      !n && /* @__PURE__ */ d(
+        "label",
+        {
+          ref: q,
+          "aria-hidden": !0,
+          htmlFor: se,
+          className: `${J.visibleLabel}`,
+          children: r
+        }
+      ),
+      Re && /* @__PURE__ */ d(
+        "div",
+        {
+          ref: K,
+          id: `${se}-helper`,
+          className: J.helperText,
+          children: y
+        }
+      ),
+      k && /* @__PURE__ */ d(
+        "div",
+        {
+          ref: H,
+          className: J.rightElement,
+          children: k
+        }
+      ),
+      a && y && /* @__PURE__ */ d(rn, { politeness: "polite", clearAnnouncementDelay: 500, children: Ce })
+    ] });
+  }
+);
+yr.displayName = "TextArea";
+const le = {
+  GET_LOCATION: `query GetLocation($latitude: Float!, $longitude: Float!) {
+    location(latitude: $latitude, longitude: $longitude) {
+    	country
+			state
+			city
+			displayName
+    }
+  }`,
+  GET_CHATS: `query GetChats(
+	$user: String!,
+	$searchString: String,
+	$limit: Float,
+	$direction: String,
+	$truncateSize: Float) {
+		chats(
+		user: $user,
+		searchString: $searchString,
+		limit: $limit,
+		direction: $direction,
+		truncateSize: $truncateSize) {
+			timestamp
+			id
+			model
+			messages {
+				content
+			}
+		}
+	}`,
+  GET_CHATS_STATS: `query GetChatsStats($user: String!) {
+		chatsStats(user: $user) {
+			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!) {
+		deleteChat(
+		id: $id,
+		user: $userId) {
+			id
+		}
+	}`,
+  GET_SERVER_CAPABILITIES: `query GetServerCapabilities {
+		getServerCapabilities {
+			version
+			models
+			plugins
+			engines
+			runningMode
+		}
+	}`,
+  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)
+	}`
+}, ze = {
+  GET_LOCATION: {
+    schema: le.GET_LOCATION,
+    method: "location"
+  },
+  GET_CHATS: {
+    schema: le.GET_CHATS,
+    method: "chats"
+  },
+  GET_CHATS_STATS: {
+    schema: le.GET_CHATS_STATS,
+    method: "chatsStats"
+  },
+  GET_CHAT: {
+    schema: le.GET_CHAT,
+    method: "chatById"
+  },
+  DELETE_CHAT: {
+    schema: le.DELETE_CHAT,
+    method: "deleteChat"
+  },
+  GET_SERVER_CAPABILITIES: {
+    schema: le.GET_SERVER_CAPABILITIES,
+    method: "getServerCapabilities"
+  },
+  GET_USER_PREFERENCES: {
+    schema: le.GET_USER_PREFERENCES,
+    method: "getUserPreferences"
+  },
+  SET_USER_PREFERENCES: {
+    schema: le.SET_USER_PREFERENCES,
+    method: "setUserPreferences"
+  }
+}, br = process.env.PUBLIC_SASSY_API_SERVER_URL, mn = async ({
+  query: e,
+  data: t,
+  headers: r = {}
+}) => await fetch(`${br}/graphql`, {
+  method: "POST",
+  credentials: "include",
+  headers: {
+    ...r,
+    "Content-Type": "application/json",
+    Accept: "application/json"
+  },
+  body: JSON.stringify({
+    query: e,
+    variables: t
+  })
+}), gn = async ({
+  accessToken: e,
+  type: t,
+  params: r = {}
+}) => {
+  const a = t != null && t.data ? t.data(r) : r;
+  try {
+    const n = `Bearer ${e}`, o = await mn({
+      headers: {
+        authorization: n
+      },
+      query: t.schema,
+      data: a
+    });
+    if (o.status !== 200)
+      return { status: o.status, data: [] };
+    const { data: s, errors: i } = await o.json();
+    return {
+      status: o.status,
+      data: s[t.method],
+      errors: i
+    };
+  } catch (n) {
+    return console.error(n), { status: 500, data: [] };
+  }
+}, hn = async ({
+  accessToken: e,
+  name: t,
+  data: r,
+  method: a = "POST"
+}) => {
+  const n = `Bearer ${e}`;
+  return await fetch(`${br}/api/${t}`, {
+    method: a,
+    credentials: "include",
+    headers: {
+      "Content-Type": "application/json",
+      authorization: n
+    },
+    body: JSON.stringify(r)
+  });
+}, fn = ({
+  mode: e = "light",
+  focusMode: t = "light",
+  radius: r = "small"
+}) => {
+  const { state: a, dispatch: n } = P(ve), o = S(null), s = S(!1), i = (l) => {
+    l.preventDefault(), n({
+      type: rr
+    });
+  };
+  return L(() => {
+    var l;
+    (a == null ? void 0 : a.streaming) === !0 && !s.current && o.current && (s.current = !0, o.current.focus()), (a == null ? void 0 : a.streaming) === !1 && (s.current = !1, (l = o.current) == null || l.blur());
+  }, [a]), /* @__PURE__ */ d(
+    ir,
+    {
+      noBorder: !0,
+      radius: r,
+      mode: e,
+      focusMode: t,
+      ref: o,
+      onClick: i,
+      children: a != null && a.streaming ? /* @__PURE__ */ d(ra, { size: "size-4", monotone: !0 }) : /* @__PURE__ */ d(ta, { size: "size-4", monotone: !0 })
+    }
+  );
+}, $e = (e, t) => {
+  e({
+    type: nr,
+    payload: {
+      streaming: t
+    }
+  });
+}, Wt = (e) => {
+  $e(e, !1), e({
+    type: xe,
+    payload: {
+      message: {
+        role: vt,
+        content: Hr
+      }
+    }
+  });
+}, pn = () => {
+  const { state: e, dispatch: t } = P(ve), { state: r, dispatch: a } = P(wt), [n, o] = G(""), { getAccessToken: s, user: i } = Me(), l = S(null), h = S(
+    null
+  );
+  L(() => {
+    (async () => {
+      var u;
+      if (!e || e.messages.length === 0) {
+        (u = h == null ? void 0 : h.current) == null || u.cancel();
+        return;
+      }
+      const g = e.messages[e.messages.length - 1];
+      if (!(e.messages.length === 0 || g.message.role === we || g.message.role === Vr || g.message.role === vt || g.message.role === zr))
+        try {
+          const m = await hn({
+            accessToken: await s(),
+            name: "generate",
+            data: {
+              messages: e.messages,
+              model: e.engine || Se,
+              user: (i == null ? void 0 : i.username) || "",
+              id: e.id,
+              usage: e.usage
+            }
+          });
+          if (m && m.ok) {
+            const y = xt();
+            h.current = m.body.getReader();
+            const b = new TextDecoder();
+            for (; ; ) {
+              $e(t, !0);
+              const { done: k, value: p } = await h.current.read();
+              if (k) {
+                $e(t, !1);
+                break;
+              }
+              const N = b.decode(p, { stream: !0 }), A = N.indexOf(Bt);
+              if (A !== -1) {
+                const R = N.substring(0, A), E = JSON.parse(
+                  N.substring(A + Bt.length)
+                );
+                t({
+                  type: ar,
+                  payload: {
+                    model: E.model,
+                    usage: E.usage
+                  }
+                }), t({
+                  type: xe,
+                  payload: {
+                    message: {
+                      content: R,
+                      role: we,
+                      messageId: y,
+                      processingTime: E.processingTime,
+                      name: E.name
+                    }
+                  }
+                }), $e(t, !1);
+                break;
+              } else
+                t({
+                  type: xe,
+                  payload: {
+                    message: {
+                      content: N,
+                      role: we,
+                      messageId: y
+                    }
+                  }
+                });
+            }
+          } else
+            Wt(t);
+        } catch (m) {
+          console.error(m), Wt(t);
+        }
+    })();
+  }, [e == null ? void 0 : e.messages]);
+  const f = async (g) => {
+    g.preventDefault(), t({
+      type: xe,
+      payload: {
+        message: {
+          role: nt,
+          content: n
+        }
+      }
+    }), o("");
+  };
+  return L(() => {
+    if (r.prompt !== "") {
+      const g = r.prompt.endsWith(":") && !r.prompt.endsWith(": ") ? r.prompt + " " : r.prompt;
+      g.indexOf($t) !== -1 ? navigator.clipboard.readText().then((m) => {
+        o(g.replace($t, m));
+      }) : o(g), l.current && l.current.focus(), a({
+        type: or
+      });
+    }
+  }, [r, a]), L(() => {
+    e && e.usage === 0 && e.messages.length === 0 && l.current && l.current.focus();
+  }, [e]), /* @__PURE__ */ d(yt, { children: /* @__PURE__ */ d("form", { className: "mt-2", onSubmit: f, children: /* @__PURE__ */ d(
+    yr,
+    {
+      mode: "dark",
+      focusMode: "light",
+      ref: l,
+      name: "chat-input",
+      label: Ur,
+      helperText: "Press ENTER to add a new line",
+      helperTextOnFocus: !0,
+      required: !0,
+      value: n,
+      onChange: (g) => o(g.target.value),
+      onKeyDown: la([["mod+Enter", f]]),
+      leftElement: /* @__PURE__ */ d(fn, {}),
+      rightElement: /* @__PURE__ */ d(
+        cr,
+        {
+          disabled: e == null ? void 0 : e.streaming,
+          noBorder: !0,
+          type: "submit",
+          mode: "light",
+          focusMode: "light",
+          children: Pr
+        }
+      )
+    }
+  ) }) });
+};
+var Ae = { exports: {} }, Ye = {};
+/**
+* @license React
+* use-sync-external-store-shim.production.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var jt;
+function yn() {
+  if (jt) return Ye;
+  jt = 1;
+  var e = $;
+  function t(g, u) {
+    return g === u && (g !== 0 || 1 / g === 1 / u) || g !== g && u !== u;
+  }
+  var r = typeof Object.is == "function" ? Object.is : t, a = e.useState, n = e.useEffect, o = e.useLayoutEffect, s = e.useDebugValue;
+  function i(g, u) {
+    var m = u(), y = a({ inst: { value: m, getSnapshot: u } }), b = y[0].inst, k = y[1];
+    return o(
+      function() {
+        b.value = m, b.getSnapshot = u, l(b) && k({ inst: b });
+      },
+      [g, m, u]
+    ), n(
+      function() {
+        return l(b) && k({ inst: b }), g(function() {
+          l(b) && k({ inst: b });
+        });
+      },
+      [g]
+    ), s(m), m;
+  }
+  function l(g) {
+    var u = g.getSnapshot;
+    g = g.value;
+    try {
+      var m = u();
+      return !r(g, m);
+    } catch {
+      return !0;
+    }
+  }
+  function h(g, u) {
+    return u();
+  }
+  var f = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? h : i;
+  return Ye.useSyncExternalStore = e.useSyncExternalStore !== void 0 ? e.useSyncExternalStore : f, Ye;
+}
+var Xe = {};
+/**
+* @license React
+* use-sync-external-store-shim.development.js
+*
+* Copyright (c) Meta Platforms, Inc. and affiliates.
+*
+* This source code is licensed under the MIT license found in the
+* LICENSE file in the root directory of this source tree.
+*/
+var qt;
+function bn() {
+  return qt || (qt = 1, process.env.NODE_ENV !== "production" && function() {
+    function e(m, y) {
+      return m === y && (m !== 0 || 1 / m === 1 / y) || m !== m && y !== y;
+    }
+    function t(m, y) {
+      f || n.startTransition === void 0 || (f = !0, console.error(
+        "You are using an outdated, pre-release alpha of React 18 that does not support useSyncExternalStore. The use-sync-external-store shim will not work correctly. Upgrade to a newer pre-release."
+      ));
+      var b = y();
+      if (!g) {
+        var k = y();
+        o(b, k) || (console.error(
+          "The result of getSnapshot should be cached to avoid an infinite loop"
+        ), g = !0);
+      }
+      k = s({
+        inst: { value: b, getSnapshot: y }
+      });
+      var p = k[0].inst, N = k[1];
+      return l(
+        function() {
+          p.value = b, p.getSnapshot = y, r(p) && N({ inst: p });
+        },
+        [m, b, y]
+      ), i(
+        function() {
+          return r(p) && N({ inst: p }), m(function() {
+            r(p) && N({ inst: p });
+          });
+        },
+        [m]
+      ), h(b), b;
+    }
+    function r(m) {
+      var y = m.getSnapshot;
+      m = m.value;
+      try {
+        var b = y();
+        return !o(m, b);
+      } catch {
+        return !0;
+      }
+    }
+    function a(m, y) {
+      return y();
+    }
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
+    var n = $, o = typeof Object.is == "function" ? Object.is : e, s = n.useState, i = n.useEffect, l = n.useLayoutEffect, h = n.useDebugValue, f = !1, g = !1, u = typeof window > "u" || typeof window.document > "u" || typeof window.document.createElement > "u" ? a : t;
+    Xe.useSyncExternalStore = n.useSyncExternalStore !== void 0 ? n.useSyncExternalStore : u, typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ < "u" && typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop == "function" && __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
+  }()), Xe;
+}
+var Kt;
+function vn() {
+  return Kt || (Kt = 1, process.env.NODE_ENV === "production" ? Ae.exports = /* @__PURE__ */ yn() : Ae.exports = /* @__PURE__ */ bn()), Ae.exports;
+}
+var kn = /* @__PURE__ */ vn(), Jt = Object.prototype.hasOwnProperty;
+function it(e, t) {
+  var r, a;
+  if (e === t) return !0;
+  if (e && t && (r = e.constructor) === t.constructor) {
+    if (r === Date) return e.getTime() === t.getTime();
+    if (r === RegExp) return e.toString() === t.toString();
+    if (r === Array) {
+      if ((a = e.length) === t.length)
+        for (; a-- && it(e[a], t[a]); ) ;
+      return a === -1;
+    }
+    if (!r || typeof e == "object") {
+      a = 0;
+      for (r in e)
+        if (Jt.call(e, r) && ++a && !Jt.call(t, r) || !(r in t) || !it(e[r], t[r])) return !1;
+      return Object.keys(t).length === a;
+    }
+  }
+  return e !== e && t !== t;
+}
+const X = /* @__PURE__ */ new WeakMap(), de = () => {
+}, z = (
+  /*#__NOINLINE__*/
+  de()
+), ct = Object, _ = (e) => e === z, Q = (e) => typeof e == "function", ue = (e, t) => ({
+  ...e,
+  ...t
+}), vr = (e) => Q(e.then), Qe = {}, Oe = {}, St = "undefined", Ue = typeof window != St, lt = typeof document != St, _n = () => Ue && typeof window.requestAnimationFrame != St, kr = (e, t) => {
+  const r = X.get(e);
+  return [
+    // Getter
+    () => !_(t) && e.get(t) || Qe,
+    // Setter
+    (a) => {
+      if (!_(t)) {
+        const n = e.get(t);
+        t in Oe || (Oe[t] = n), r[5](t, ue(n, a), n || Qe);
+      }
+    },
+    // Subscriber
+    r[6],
+    // Get server cache snapshot
+    () => !_(t) && t in Oe ? Oe[t] : !_(t) && e.get(t) || Qe
+  ];
+};
+let dt = !0;
+const En = () => dt, [ut, mt] = Ue && window.addEventListener ? [
+  window.addEventListener.bind(window),
+  window.removeEventListener.bind(window)
+] : [
+  de,
+  de
+], xn = () => {
+  const e = lt && document.visibilityState;
+  return _(e) || e !== "hidden";
+}, wn = (e) => (lt && document.addEventListener("visibilitychange", e), ut("focus", e), () => {
+  lt && document.removeEventListener("visibilitychange", e), mt("focus", e);
+}), Sn = (e) => {
+  const t = () => {
+    dt = !0, e();
+  }, r = () => {
+    dt = !1;
+  };
+  return ut("online", t), ut("offline", r), () => {
+    mt("online", t), mt("offline", r);
+  };
+}, Tn = {
+  isOnline: En,
+  isVisible: xn
+}, Nn = {
+  initFocus: wn,
+  initReconnect: Sn
+}, Yt = !$.useId, Te = !Ue || "Deno" in globalThis, Rn = (e) => _n() ? window.requestAnimationFrame(e) : setTimeout(e, 1), Ze = Te ? L : fe, et = typeof navigator < "u" && navigator.connection, Xt = !Te && et && ([
+  "slow-2g",
+  "2g"
+].includes(et.effectiveType) || et.saveData), Le = /* @__PURE__ */ new WeakMap(), tt = (e, t) => ct.prototype.toString.call(e) === `[object ${t}]`;
+let Cn = 0;
+const gt = (e) => {
+  const t = typeof e, r = tt(e, "Date"), a = tt(e, "RegExp"), n = tt(e, "Object");
+  let o, s;
+  if (ct(e) === e && !r && !a) {
+    if (o = Le.get(e), o) return o;
+    if (o = ++Cn + "~", Le.set(e, o), Array.isArray(e)) {
+      for (o = "@", s = 0; s < e.length; s++)
+        o += gt(e[s]) + ",";
+      Le.set(e, o);
+    }
+    if (n) {
+      o = "#";
+      const i = ct.keys(e).sort();
+      for (; !_(s = i.pop()); )
+        _(e[s]) || (o += s + ":" + gt(e[s]) + ",");
+      Le.set(e, o);
+    }
+  } else
+    o = r ? e.toJSON() : t == "symbol" ? e.toString() : t == "string" ? JSON.stringify(e) : "" + e;
+  return o;
+}, Pe = (e) => {
+  if (Q(e))
+    try {
+      e = e();
+    } catch {
+      e = "";
+    }
+  const t = e;
+  return e = typeof e == "string" ? e : (Array.isArray(e) ? e.length : e) ? gt(e) : "", [
+    e,
+    t
+  ];
+};
+let In = 0;
+const ht = () => ++In, _r = 0, Er = 1, xr = 2, An = 3;
+var _e = {
+  __proto__: null,
+  ERROR_REVALIDATE_EVENT: An,
+  FOCUS_EVENT: _r,
+  MUTATE_EVENT: xr,
+  RECONNECT_EVENT: Er
+};
+async function wr(...e) {
+  const [t, r, a, n] = e, o = ue({
+    populateCache: !0,
+    throwOnError: !0
+  }, typeof n == "boolean" ? {
+    revalidate: n
+  } : n || {});
+  let s = o.populateCache;
+  const i = o.rollbackOnError;
+  let l = o.optimisticData;
+  const h = (u) => typeof i == "function" ? i(u) : i !== !1, f = o.throwOnError;
+  if (Q(r)) {
+    const u = r, m = [], y = t.keys();
+    for (const b of y)
+      // Skip the special useSWRInfinite and useSWRSubscription keys.
+      !/^\$(inf|sub)\$/.test(b) && u(t.get(b)._k) && m.push(b);
+    return Promise.all(m.map(g));
+  }
+  return g(r);
+  async function g(u) {
+    const [m] = Pe(u);
+    if (!m) return;
+    const [y, b] = kr(t, m), [k, p, N, A] = X.get(t), R = () => {
+      const B = k[m];
+      return (Q(o.revalidate) ? o.revalidate(y().data, u) : o.revalidate !== !1) && (delete N[m], delete A[m], B && B[0]) ? B[0](xr).then(() => y().data) : y().data;
+    };
+    if (e.length < 3)
+      return R();
+    let E = a, C;
+    const ee = ht();
+    p[m] = [
+      ee,
+      0
+    ];
+    const x = !_(l), oe = y(), H = oe.data, W = oe._c, te = _(W) ? H : W;
+    if (x && (l = Q(l) ? l(te, H) : l, b({
+      data: l,
+      _c: te
+    })), Q(E))
+      try {
+        E = E(te);
+      } catch (B) {
+        C = B;
+      }
+    if (E && vr(E))
+      if (E = await E.catch((B) => {
+        C = B;
+      }), ee !== p[m][0]) {
+        if (C) throw C;
+        return E;
+      } else C && x && h(C) && (s = !0, b({
+        data: te,
+        _c: z
+      }));
+    if (s && !C)
+      if (Q(s)) {
+        const B = s(E, te);
+        b({
+          data: B,
+          error: z,
+          _c: z
+        });
+      } else
+        b({
+          data: E,
+          error: z,
+          _c: z
+        });
+    if (p[m][1] = ht(), Promise.resolve(R()).then(() => {
+      b({
+        _c: z
+      });
+    }), C) {
+      if (f) throw C;
+      return;
+    }
+    return E;
+  }
+}
+const Qt = (e, t) => {
+  for (const r in e)
+    e[r][0] && e[r][0](t);
+}, On = (e, t) => {
+  if (!X.has(e)) {
+    const r = ue(Nn, t), a = {}, n = wr.bind(z, e);
+    let o = de;
+    const s = {}, i = (f, g) => {
+      const u = s[f] || [];
+      return s[f] = u, u.push(g), () => u.splice(u.indexOf(g), 1);
+    }, l = (f, g, u) => {
+      e.set(f, g);
+      const m = s[f];
+      if (m)
+        for (const y of m)
+          y(g, u);
+    }, h = () => {
+      if (!X.has(e) && (X.set(e, [
+        a,
+        {},
+        {},
+        {},
+        n,
+        l,
+        i
+      ]), !Te)) {
+        const f = r.initFocus(setTimeout.bind(z, Qt.bind(z, a, _r))), g = r.initReconnect(setTimeout.bind(z, Qt.bind(z, a, Er)));
+        o = () => {
+          f && f(), g && g(), X.delete(e);
+        };
+      }
+    };
+    return h(), [
+      e,
+      n,
+      h,
+      o
+    ];
+  }
+  return [
+    e,
+    X.get(e)[4]
+  ];
+}, Ln = (e, t, r, a, n) => {
+  const o = r.errorRetryCount, s = n.retryCount, i = ~~((Math.random() + 0.5) * (1 << (s < 8 ? s : 8))) * r.errorRetryInterval;
+  !_(o) && s > o || setTimeout(a, i, n);
+}, Bn = it, [Tt, $n] = On(/* @__PURE__ */ new Map()), Mn = ue(
+  {
+    // events
+    onLoadingSlow: de,
+    onSuccess: de,
+    onError: de,
+    onErrorRetry: Ln,
+    onDiscarded: de,
+    // switches
+    revalidateOnFocus: !0,
+    revalidateOnReconnect: !0,
+    revalidateIfStale: !0,
+    shouldRetryOnError: !0,
+    // timeouts
+    errorRetryInterval: Xt ? 1e4 : 5e3,
+    focusThrottleInterval: 5 * 1e3,
+    dedupingInterval: 2 * 1e3,
+    loadingTimeout: Xt ? 5e3 : 3e3,
+    // providers
+    compare: Bn,
+    isPaused: () => !1,
+    cache: Tt,
+    mutate: $n,
+    fallback: {}
+  },
+  // use web preset by default
+  Tn
+), Dn = (e, t) => {
+  const r = ue(e, t);
+  if (t) {
+    const { use: a, fallback: n } = e, { use: o, fallback: s } = t;
+    a && o && (r.use = a.concat(o)), n && s && (r.fallback = ue(n, s));
+  }
+  return r;
+}, Vn = Zr({}), zn = "$inf$", Sr = Ue && window.__SWR_DEVTOOLS_USE__, Un = Sr ? window.__SWR_DEVTOOLS_USE__ : [], Pn = () => {
+  Sr && (window.__SWR_DEVTOOLS_REACT__ = $);
+}, Hn = (e) => Q(e[1]) ? [
+  e[0],
+  e[1],
+  e[2] || {}
+] : [
+  e[0],
+  null,
+  (e[1] === null ? e[2] : e[1]) || {}
+], Fn = () => ue(Mn, P(Vn)), Gn = (e, t) => {
+  const [r, a] = Pe(e), [, , , n] = X.get(Tt);
+  if (n[r]) return n[r];
+  const o = t(a);
+  return n[r] = o, o;
+}, Wn = (e) => (t, r, a) => e(t, r && ((...o) => {
+  const [s] = Pe(t), [, , , i] = X.get(Tt);
+  if (s.startsWith(zn))
+    return r(...o);
+  const l = i[s];
+  return _(l) ? r(...o) : (delete i[s], l);
+}), a), jn = Un.concat(Wn), qn = (e) => function(...r) {
+  const a = Fn(), [n, o, s] = Hn(r), i = Dn(a, s);
+  let l = e;
+  const { use: h } = i, f = (h || []).concat(jn);
+  for (let g = f.length; g--; )
+    l = f[g](l);
+  return l(n, o || i.fetcher || null, i);
+}, Kn = (e, t, r) => {
+  const a = t[e] || (t[e] = []);
+  return a.push(r), () => {
+    const n = a.indexOf(r);
+    n >= 0 && (a[n] = a[a.length - 1], a.pop());
+  };
+};
+Pn();
+const rt = $.use || // This extra generic is to avoid TypeScript mixing up the generic and JSX sytax
+// and emitting an error.
+// We assume that this is only for the `use(thenable)` case, not `use(context)`.
+// https://github.com/facebook/react/blob/aed00dacfb79d17c53218404c52b1c7aa59c4a89/packages/react-server/src/ReactFizzThenable.js#L45
+((e) => {
+  switch (e.status) {
+    case "pending":
+      throw e;
+    case "fulfilled":
+      return e.value;
+    case "rejected":
+      throw e.reason;
+    default:
+      throw e.status = "pending", e.then((t) => {
+        e.status = "fulfilled", e.value = t;
+      }, (t) => {
+        e.status = "rejected", e.reason = t;
+      }), e;
+  }
+}), at = {
+  dedupe: !0
+}, Jn = (e, t, r) => {
+  const { cache: a, compare: n, suspense: o, fallbackData: s, revalidateOnMount: i, revalidateIfStale: l, refreshInterval: h, refreshWhenHidden: f, refreshWhenOffline: g, keepPreviousData: u } = r, [m, y, b, k] = X.get(a), [p, N] = Pe(e), A = S(!1), R = S(!1), E = S(p), C = S(t), ee = S(r), x = () => ee.current, oe = () => x().isVisible() && x().isOnline(), [H, W, te, B] = kr(a, p), j = S({}).current, me = _(s) ? _(r.fallback) ? z : r.fallback[p] : s, q = (w, v) => {
+    for (const O in j) {
+      const T = O;
+      if (T === "data") {
+        if (!n(w[T], v[T]) && (!_(w[T]) || !n(ge, v[T])))
+          return !1;
+      } else if (v[T] !== w[T])
+        return !1;
+    }
+    return !0;
+  }, ke = De(() => {
+    const w = !p || !t ? !1 : _(i) ? x().isPaused() || o ? !1 : l !== !1 : i, v = (V) => {
+      const ae = ue(V);
+      return delete ae._k, w ? {
+        isValidating: !0,
+        isLoading: !0,
+        ...ae
+      } : ae;
+    }, O = H(), T = B(), U = v(O), ce = O === T ? U : v(T);
+    let M = U;
+    return [
+      () => {
+        const V = v(H());
+        return q(V, M) ? (M.data = V.data, M.isLoading = V.isLoading, M.isValidating = V.isValidating, M.error = V.error, M) : (M = V, V);
+      },
+      () => ce
+    ];
+  }, [
+    a,
+    p
+  ]), K = kn.useSyncExternalStore(Z(
+    (w) => te(p, (v, O) => {
+      q(O, v) || w();
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      a,
+      p
+    ]
+  ), ke[0], ke[1]), se = !A.current, Ne = m[p] && m[p].length > 0, ie = K.data, re = _(ie) ? me && vr(me) ? rt(me) : me : ie, pe = K.error, Re = S(re), ge = u ? _(ie) ? Re.current : ie : re, Ce = Ne && !_(pe) ? !1 : se && !_(i) ? i : x().isPaused() ? !1 : o ? _(re) ? !1 : l : _(re) || l, J = !!(p && t && se && Ce), Y = _(K.isValidating) ? J : K.isValidating, We = _(K.isLoading) ? J : K.isLoading, he = Z(
+    async (w) => {
+      const v = C.current;
+      if (!p || !v || R.current || x().isPaused())
+        return !1;
+      let O, T, U = !0;
+      const ce = w || {}, M = !b[p] || !ce.dedupe, V = () => Yt ? !R.current && p === E.current && A.current : p === E.current, ae = {
+        isValidating: !1,
+        isLoading: !1
+      }, At = () => {
+        W(ae);
+      }, Ot = () => {
+        const F = b[p];
+        F && F[1] === T && delete b[p];
+      }, Lt = {
+        isValidating: !0
+      };
+      _(H().data) && (Lt.isLoading = !0);
+      try {
+        if (M && (W(Lt), r.loadingTimeout && _(H().data) && setTimeout(() => {
+          U && V() && x().onLoadingSlow(p, r);
+        }, r.loadingTimeout), b[p] = [
+          v(N),
+          ht()
+        ]), [O, T] = b[p], O = await O, M && setTimeout(Ot, r.dedupingInterval), !b[p] || b[p][1] !== T)
+          return M && V() && x().onDiscarded(p), !1;
+        ae.error = z;
+        const F = y[p];
+        if (!_(F) && // case 1
+        (T <= F[0] || // case 2
+        T <= F[1] || // case 3
+        F[1] === 0))
+          return At(), M && V() && x().onDiscarded(p), !1;
+        const ne = H().data;
+        ae.data = n(ne, O) ? ne : O, M && V() && x().onSuccess(O, p, r);
+      } catch (F) {
+        Ot();
+        const ne = x(), { shouldRetryOnError: je } = ne;
+        ne.isPaused() || (ae.error = F, M && V() && (ne.onError(F, p, ne), (je === !0 || Q(je) && je(F)) && (!x().revalidateOnFocus || !x().revalidateOnReconnect || oe()) && ne.onErrorRetry(F, p, ne, (Br) => {
+          const qe = m[p];
+          qe && qe[0] && qe[0](_e.ERROR_REVALIDATE_EVENT, Br);
+        }, {
+          retryCount: (ce.retryCount || 0) + 1,
+          dedupe: !0
+        })));
+      }
+      return U = !1, At(), !0;
+    },
+    // `setState` is immutable, and `eventsCallback`, `fnArg`, and
+    // `keyValidating` are depending on `key`, so we can exclude them from
+    // the deps array.
+    //
+    // FIXME:
+    // `fn` and `config` might be changed during the lifecycle,
+    // but they might be changed every render like this.
+    // `useSWR('key', () => fetch('/api/'), { suspense: true })`
+    // So we omit the values from the deps array
+    // even though it might cause unexpected behaviors.
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [
+      p,
+      a
+    ]
+  ), Ie = Z(
+    // Use callback to make sure `keyRef.current` returns latest result every time
+    (...w) => wr(a, E.current, ...w),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    []
+  );
+  if (Ze(() => {
+    C.current = t, ee.current = r, _(ie) || (Re.current = ie);
+  }), Ze(() => {
+    if (!p) return;
+    const w = he.bind(z, at);
+    let v = 0;
+    const T = Kn(p, m, (U, ce = {}) => {
+      if (U == _e.FOCUS_EVENT) {
+        const M = Date.now();
+        x().revalidateOnFocus && M > v && oe() && (v = M + x().focusThrottleInterval, w());
+      } else if (U == _e.RECONNECT_EVENT)
+        x().revalidateOnReconnect && oe() && w();
+      else {
+        if (U == _e.MUTATE_EVENT)
+          return he();
+        if (U == _e.ERROR_REVALIDATE_EVENT)
+          return he(ce);
+      }
+    });
+    return R.current = !1, E.current = p, A.current = !0, W({
+      _k: N
+    }), Ce && (_(re) || Te ? w() : Rn(w)), () => {
+      R.current = !0, T();
+    };
+  }, [
+    p
+  ]), Ze(() => {
+    let w;
+    function v() {
+      const T = Q(h) ? h(H().data) : h;
+      T && w !== -1 && (w = setTimeout(O, T));
+    }
+    function O() {
+      !H().error && (f || x().isVisible()) && (g || x().isOnline()) ? he(at).then(v) : v();
+    }
+    return v(), () => {
+      w && (clearTimeout(w), w = -1);
+    };
+  }, [
+    h,
+    f,
+    g,
+    p
+  ]), ea(ge), o && _(re) && p) {
+    if (!Yt && Te)
+      throw new Error("Fallback data is required when using Suspense in SSR.");
+    C.current = t, ee.current = r, R.current = !1;
+    const w = k[p];
+    if (!_(w)) {
+      const v = Ie(w);
+      rt(v);
+    }
+    if (_(pe)) {
+      const v = he(at);
+      _(ge) || (v.status = "fulfilled", v.value = !0), rt(v);
+    } else
+      throw pe;
+  }
+  return {
+    mutate: Ie,
+    get data() {
+      return j.data = !0, ge;
+    },
+    get error() {
+      return j.error = !0, pe;
+    },
+    get isValidating() {
+      return j.isValidating = !0, Y;
+    },
+    get isLoading() {
+      return j.isLoading = !0, We;
+    }
+  };
+}, Yn = qn(Jn), He = ({
+  fetcher: e,
+  scope: t,
+  keys: r,
+  swrOptions: a,
+  getAccessToken: n
+}) => {
+  const { data: o, error: s, isLoading: i, mutate: l } = Yn(
+    [t, ...r],
+    (h) => e(h, n),
+    { ...a }
+  );
+  return { data: o, error: s, isLoading: i, mutate: l };
+}, Fe = async ({
+  getAccessToken: e,
+  type: t,
+  params: r
+}) => {
+  const a = await e(), n = await gn({
+    accessToken: a,
+    type: t,
+    params: r
+  });
+  if (n.status === 200 && n.errors === void 0)
+    return n.data;
+  throw new Error("An error occurred while fetching the data.");
+}, Xn = async ([e, t], r) => Fe({
+  getAccessToken: r,
+  type: ze.GET_USER_PREFERENCES,
+  params: {
+    user: t
+  }
+}), Qn = ({
+  keys: e,
+  getAccessToken: t
+}) => He({
+  fetcher: Xn,
+  scope: "/preferences",
+  keys: e,
+  swrOptions: { keepPreviousData: !0 },
+  getAccessToken: t
+}), Zn = async ([e, t], r) => Fe({
+  getAccessToken: r,
+  type: ze.GET_CHATS_STATS,
+  params: {
+    user: t
+  }
+}), Xo = ({
+  keys: e,
+  getAccessToken: t
+}) => He({
+  fetcher: Zn,
+  scope: "/stats",
+  keys: e,
+  getAccessToken: t
+}), Tr = async ([e, t, r, a], n) => Fe({
+  getAccessToken: n,
+  type: ze.GET_CHATS,
+  params: {
+    user: t,
+    searchString: r,
+    direction: a,
+    limit: 1,
+    truncateSize: 100
+  }
+}), Qo = ({
+  keys: e,
+  getAccessToken: t
+}) => He({
+  fetcher: Tr,
+  scope: "/history",
+  keys: e,
+  getAccessToken: t,
+  swrOptions: {
+    keepPreviousData: !0,
+    dedupingInterval: 1e4
+  }
+}), Zo = ({
+  keys: e,
+  getAccessToken: t
+}) => {
+  Gn(["/history", ...e], (r) => Tr(r, t));
+}, eo = async ([e], t) => Fe({
+  getAccessToken: t,
+  type: ze.GET_SERVER_CAPABILITIES
+}), es = ({
+  keys: e,
+  getAccessToken: t
+}) => He({
+  fetcher: eo,
+  scope: "/capabilities",
+  keys: e,
+  getAccessToken: t
+}), to = () => {
+  const { dispatch: e } = P(wt), { getAccessToken: t, user: r } = Me(), {
+    data: a,
+    error: n,
+    isLoading: o
+  } = Qn({
+    keys: [r == null ? void 0 : r.username],
+    getAccessToken: t
+  }), s = "mt-2 flex justify-center rounded-md", i = (l, h) => {
+    l.preventDefault(), e({
+      type: sr,
+      payload: {
+        prompt: h
+      }
+    });
+  };
+  return n || o ? null : /* @__PURE__ */ d(Fr, { alignHorizontal: "center", columnGap: 2, children: a && a.tags && a.tags.map((l) => l.enabled && l.label && l.content && /* @__PURE__ */ d(Gr, { children: /* @__PURE__ */ d("div", { className: s, children: /* @__PURE__ */ d(
+    cr,
+    {
+      noBorder: !0,
+      mode: "dark",
+      focusMode: "light",
+      size: "small",
+      onClick: (h) => i(h, l.content),
+      children: l.label
+    }
+  ) }) }, `prompt-button-${l.slot}`)) });
+}, ro = () => {
+  const { state: e } = P(ve), t = S(!1), r = window.innerWidth < 403, [a, n] = G(
+    r ? "bottom-10" : "top-[245px]"
+  );
+  return L(() => {
+    r || e && (!t.current && e.streaming && n("bottom-10"), t.current = !!e.streaming);
+  }, [e, r]), L(() => {
+    r || (e && e.messages.length === 0 && n("top-[245px]"), e && !e.streaming && e.messages.length > 0 && n("bottom-10"));
+  }, [e, r]), /* @__PURE__ */ I(
+    "footer",
+    {
+      className: c(
+        "md:mx-auto md:max-w-4xl w-11/12 fixed left-1/2 transform -translate-x-1/2 z-1000",
+        a
+      ),
+      children: [
+        /* @__PURE__ */ d(to, {}),
+        /* @__PURE__ */ d(pn, {})
+      ]
+    }
+  );
+};
+/*!
+  @versini/ui-bubble v3.0.4
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
+    version: "3.0.4",
+    buildTime: "01/04/2025 07:31 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const ao = "av-bubble", Zt = "av-button", Ge = "icon", Nr = "button", ft = "link", no = ({
+  type: e,
+  size: t,
+  labelRight: r,
+  labelLeft: a,
+  align: n
+}) => {
+  const o = "max-h-8 py-0 px-2", s = "max-h-9 py-1 px-3", i = "max-h-12 py-2 px-4";
+  switch (e) {
+    case Nr:
+    case ft:
+      return c({
+        [o]: t === "small",
+        [s]: t === "medium",
+        [i]: t === "large"
+      });
+    case Ge:
+      return c("inline-flex items-center", {
+        "justify-center": n === "center",
+        "justify-start": n === "left",
+        "justify-end": n === "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)
+      });
+  }
+}, oo = ({
+  type: e,
+  size: t,
+  labelRight: r,
+  labelLeft: a
+}) => {
+  const n = "text-sm font-medium", o = "text-base font-medium", s = "text-lg font-medium";
+  switch (e) {
+    case Nr:
+    case ft:
+      return c({
+        "text-center": e === ft,
+        [n]: t === "small",
+        [o]: t === "medium",
+        [s]: t === "large"
+      });
+    case Ge:
+      return c({
+        [n]: t === "small" && (r || a),
+        [o]: t === "medium" && (r || a),
+        [s]: t === "large" && (r || a)
+      });
+  }
+}, so = ({
+  mode: e,
+  noBackground: t,
+  noTruncate: r,
+  variant: a
+}) => {
+  if (t)
+    return "not-prose";
+  if (a === "primary")
+    return c("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "secondary")
+    return c("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "light" || e === "system",
+      "text-copy-lighter": e === "dark" || e === "alt-system",
+      "dark:text-copy-lighter": e === "alt-system",
+      "dark:text-copy-light": e === "system"
+    });
+  if (a === "danger")
+    return c("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "selected")
+    return c("not-prose text-copy-lighter", {
+      truncate: !r
+    });
+}, io = ({
+  mode: e,
+  noBackground: t,
+  variant: r
+}) => {
+  if (!t) {
+    if (r === "primary")
+      return c({
+        "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 c({
+        "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 c({
+        "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";
+  }
+}, co = ({
+  radius: e
+}) => c({
+  "rounded-full": e === "large",
+  "rounded-md": e === "medium",
+  "rounded-sm": e === "small"
+}), lo = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return c("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 c("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 c("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";
+}, uo = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return c("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 c("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 c("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";
+}, mo = ({
+  mode: e,
+  noBorder: t,
+  variant: r
+}) => {
+  if (t)
+    return "border border-transparent";
+  if (r === "primary")
+    return c("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 c("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 c("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";
+}, go = ({
+  focusMode: e
+}) => c("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"
+}), Rr = ({
+  type: e,
+  className: t,
+  raw: r,
+  mode: a,
+  focusMode: n,
+  disabled: o,
+  fullWidth: s,
+  size: i,
+  noBorder: l,
+  labelRight: h,
+  labelLeft: f,
+  noBackground: g,
+  variant: u,
+  noTruncate: m,
+  align: y,
+  radius: b
+}) => (u || (u = "primary"), r ? c(Zt, t) : c(
+  Zt,
+  so({
+    mode: a,
+    variant: u,
+    noBackground: g,
+    noTruncate: m
+  }),
+  io({ mode: a, noBackground: g, variant: u }),
+  co({ radius: b }),
+  no({
+    type: e,
+    size: i,
+    labelRight: h,
+    labelLeft: f,
+    align: y
+  }),
+  oo({ type: e, size: i, labelRight: h, labelLeft: f }),
+  mo({ mode: a, variant: u, noBorder: l }),
+  go({ focusMode: n }),
+  lo({ mode: a, variant: u, disabled: o }),
+  uo({ mode: a, variant: u, disabled: o }),
+  {
+    "w-full": s,
+    "disabled:cursor-not-allowed disabled:opacity-50": o
+  },
+  t
+)), ho = (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 = $.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...n } = e;
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      ref: t,
+      onClick: (o) => {
+        ho(o, a, r);
+      },
+      ...n
+    }
+  );
+});
+Nt.displayName = "BaseButton";
+const Cr = $.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: n = !1,
+    className: o,
+    type: s = "button",
+    raw: i = !1,
+    noBorder: l = !1,
+    "aria-label": h,
+    label: f,
+    size: g = "medium",
+    labelRight: u,
+    labelLeft: m,
+    noBackground: y = !1,
+    align: b = "center",
+    radius: k = "large",
+    variant: p = "primary",
+    ...N
+  }, A) => {
+    const R = Rr({
+      type: Ge,
+      mode: r,
+      focusMode: a,
+      fullWidth: n,
+      disabled: t,
+      raw: i,
+      className: o,
+      noBorder: l,
+      size: g,
+      labelRight: u,
+      labelLeft: m,
+      noBackground: y,
+      align: b,
+      radius: k,
+      variant: p
+    }), E = c({
+      "text-copy-accent-dark": r === "light" && !i,
+      "text-copy-light": r === "dark" && !i,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !i,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !i
+    });
+    return /* @__PURE__ */ I(
+      Nt,
+      {
+        ref: A,
+        className: R,
+        disabled: t,
+        type: s,
+        "aria-label": h || f,
+        ...N,
+        children: [
+          m && /* @__PURE__ */ d("span", { className: "pr-2", children: m }),
+          /* @__PURE__ */ d("div", { className: E, children: e }),
+          u && /* @__PURE__ */ d("span", { className: "pl-2", children: u })
+        ]
+      }
+    );
+  }
+);
+Cr.displayName = "ButtonIcon";
+/*!
+  @versini/ui-button v4.0.3
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "4.0.3",
+    buildTime: "01/04/2025 07:31 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const fo = $.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: n = !1,
+    className: o,
+    type: s = "button",
+    raw: i = !1,
+    noBorder: l = !1,
+    "aria-label": h,
+    label: f,
+    size: g = "medium",
+    labelRight: u,
+    labelLeft: m,
+    noBackground: y = !1,
+    align: b = "center",
+    active: k = !1,
+    radius: p = "large",
+    ...N
+  }, A) => {
+    const R = Rr({
+      type: Ge,
+      mode: r,
+      focusMode: a,
+      fullWidth: n,
+      disabled: t,
+      raw: i,
+      className: o,
+      noBorder: l,
+      size: g,
+      labelRight: u,
+      labelLeft: m,
+      noBackground: y,
+      align: b,
+      radius: p
+    }), E = c({
+      "text-copy-accent-dark": r === "light" && !i,
+      "text-copy-light": r === "dark" && !i,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !i,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !i
+    }), C = k ? c(
+      "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__ */ d("div", { className: C, children: /* @__PURE__ */ I(
+      Nt,
+      {
+        ref: A,
+        className: R,
+        disabled: t,
+        type: s,
+        "aria-label": h || f,
+        ...N,
+        children: [
+          m && /* @__PURE__ */ d("span", { className: "pr-2", children: m }),
+          /* @__PURE__ */ d("div", { className: E, children: e }),
+          u && /* @__PURE__ */ d("span", { className: "pl-2", children: u })
+        ]
+      }
+    ) });
+  }
+);
+fo.displayName = "ButtonSort";
+const Ir = ({
+  children: e,
+  fill: t,
+  viewBox: r,
+  className: a,
+  defaultViewBox: n,
+  size: o,
+  title: s,
+  semantic: i = !1,
+  ...l
+}) => {
+  const h = c(o, a);
+  return /* @__PURE__ */ I(yt, { children: [
+    /* @__PURE__ */ d(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        className: h,
+        viewBox: r || n,
+        fill: t || "currentColor",
+        role: "img",
+        "aria-hidden": !i,
+        focusable: !1,
+        ...l,
+        children: e
+      }
+    ),
+    s && i && /* @__PURE__ */ d("span", { className: "sr-only", children: s })
+  ] });
+};
+/*!
+  @versini/ui-svgicon v4.0.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
+    version: "4.0.0",
+    buildTime: "01/04/2025 07:31 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const po = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ I(
+  Ir,
+  {
+    defaultViewBox: "0 0 448 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Copied",
+    ...n,
+    children: [
+      /* @__PURE__ */ d(
+        "path",
+        {
+          className: "fa-secondary",
+          opacity: "0.4",
+          d: "M0 96L0 416c0 35.3 28.7 64 64 64l320 0c35.3 0 64-28.7 64-64l0-320c0-35.3-28.7-64-64-64L64 32C28.7 32 0 60.7 0 96zM104 256c0-6.1 2.3-12.3 7-17c9.4-9.4 24.6-9.4 33.9 0l47 47c37-37 74-74 111-111c4.7-4.7 10.8-7 17-7s12.3 2.3 17 7c2.3 2.3 4.1 5 5.3 7.9c.6 1.5 1 2.9 1.3 4.4c.2 1.1 .3 2.2 .3 2.2c.1 1.2 .1 1.2 .1 2.5c-.1 1.5-.1 1.9-.1 2.3c-.1 .7-.2 1.5-.3 2.2c-.3 1.5-.7 3-1.3 4.4c-1.2 2.9-2.9 5.6-5.3 7.9c-42.7 42.7-85.3 85.3-128 128c-4.7 4.7-10.8 7-17 7s-12.3-2.3-17-7c-21.3-21.3-42.7-42.7-64-64c-4.7-4.7-7-10.8-7-17z"
+        }
+      ),
+      /* @__PURE__ */ d(
+        "path",
+        {
+          className: "fa-primary",
+          d: "M337 175c9.4 9.4 9.4 24.6 0 33.9L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0z"
+        }
+      )
+    ]
+  }
+), yo = ({
+  className: e,
+  viewBox: t,
+  title: r,
+  monotone: a,
+  ...n
+}) => /* @__PURE__ */ d(
+  Ir,
+  {
+    defaultViewBox: "0 0 512 512",
+    size: "size-5",
+    viewBox: t,
+    className: e,
+    title: r || "Copy",
+    ...n,
+    children: /* @__PURE__ */ d("path", { d: "M64 464l224 0c8.8 0 16-7.2 16-16l0-64 48 0 0 64c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64l64 0 0 48-64 0c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zM224 304l224 0c8.8 0 16-7.2 16-16l0-224c0-8.8-7.2-16-16-16L224 48c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zm-64-16l0-224c0-35.3 28.7-64 64-64L448 0c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64l-224 0c-35.3 0-64-28.7-64-64z" })
+  }
+);
+/*!
+  @versini/ui-icons v4.2.0
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
+    version: "4.2.0",
+    buildTime: "01/04/2025 07:31 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const bo = ({ kind: e }) => c("p-4 max-w-xs sm:max-w-md md:max-w-2xl", {
+  "lg:max-w-3xl": e === "left"
+}), vo = ({ kind: e }) => c({
+  "bg-surface-lighter dark:bg-surface-dark": e === "left",
+  "bg-surface-accent": e === "right"
+}), ko = ({ kind: e }) => c(
+  "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"
+  }
+), _o = ({ kind: e }) => c("rounded-b-xl", {
+  "rounded-tr-xl": e === "left",
+  "rounded-tl-xl": e === "right"
+}), Eo = ({
+  kind: e,
+  className: t
+}) => {
+  const r = c(
+    ao,
+    "flex items-start",
+    {
+      "flex-row-reverse": e === "right"
+    },
+    t
+  ), a = c(
+    "flex flex-col empty:hidden",
+    bo({ kind: e }),
+    ko({ kind: e }),
+    vo({ kind: e }),
+    _o({ kind: e })
+  ), n = "pr-2 pt-1 text-end text-xs text-copy-light", o = c("flex flex-col-reverse gap-2 sm:flex-row", {
+    "ml-2": e === "left",
+    "mr-2": e === "right"
+  });
+  return {
+    wrapper: r,
+    main: a,
+    footer: n,
+    copyButton: o
+  };
+}, xo = ({
+  children: e,
+  kind: t = "left",
+  className: r,
+  footer: a,
+  rawFooter: n,
+  copyToClipboard: o,
+  copyToClipboardFocusMode: s = "system",
+  copyToClipboardMode: i = "system"
+}) => {
+  const [l, h] = G(!1), f = Eo({ kind: t, className: r }), g = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), u = () => {
+    h(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
+  };
+  return L(() => {
+    let m;
+    return l && (m = window.setTimeout(() => {
+      h(!1);
+    }, 3e3)), () => {
+      clearTimeout(m);
+    };
+  }, [l]), /* @__PURE__ */ I("div", { className: f.wrapper, children: [
+    /* @__PURE__ */ I("div", { children: [
+      /* @__PURE__ */ d("div", { className: f.main, children: e }),
+      a && Object.keys(a).map((m) => a[m] ? /* @__PURE__ */ d("div", { className: "prose-p:m-0", children: /* @__PURE__ */ I("p", { className: f.footer, children: [
+        m,
+        ": ",
+        a[m]
+      ] }) }, `-${m}`) : null),
+      n && n
+    ] }),
+    g && /* @__PURE__ */ d("div", { className: f.copyButton, children: /* @__PURE__ */ d(
+      Cr,
+      {
+        noBorder: !0,
+        noBackground: !0,
+        size: "small",
+        mode: i,
+        focusMode: s,
+        label: l ? "Copied to clipboard" : "Copy to clipboard",
+        onClick: u,
+        disabled: l,
+        children: l ? /* @__PURE__ */ d(po, { size: "size-3" }) : /* @__PURE__ */ d(yo, { size: "size-3" })
+      }
+    ) })
+  ] });
+}, er = "av-button", Rt = "icon", Ct = "button", pt = "link", wo = ({
+  type: e,
+  size: t,
+  labelRight: r,
+  labelLeft: a,
+  align: n
+}) => {
+  const o = "max-h-8 py-0 px-2", s = "max-h-9 py-1 px-3", i = "max-h-12 py-2 px-4";
+  switch (e) {
+    case Ct:
+    case pt:
+      return c({
+        [o]: t === "small",
+        [s]: t === "medium",
+        [i]: t === "large"
+      });
+    case Rt:
+      return c("inline-flex items-center", {
+        "justify-center": n === "center",
+        "justify-start": n === "left",
+        "justify-end": n === "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)
+      });
+  }
+}, So = ({
+  type: e,
+  size: t,
+  labelRight: r,
+  labelLeft: a
+}) => {
+  const n = "text-sm font-medium", o = "text-base font-medium", s = "text-lg font-medium";
+  switch (e) {
+    case Ct:
+    case pt:
+      return c({
+        "text-center": e === pt,
+        [n]: t === "small",
+        [o]: t === "medium",
+        [s]: t === "large"
+      });
+    case Rt:
+      return c({
+        [n]: t === "small" && (r || a),
+        [o]: t === "medium" && (r || a),
+        [s]: t === "large" && (r || a)
+      });
+  }
+}, To = ({
+  mode: e,
+  noBackground: t,
+  noTruncate: r,
+  variant: a
+}) => {
+  if (t)
+    return "not-prose";
+  if (a === "primary")
+    return c("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "secondary")
+    return c("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "light" || e === "system",
+      "text-copy-lighter": e === "dark" || e === "alt-system",
+      "dark:text-copy-lighter": e === "alt-system",
+      "dark:text-copy-light": e === "system"
+    });
+  if (a === "danger")
+    return c("not-prose", {
+      truncate: !r,
+      "text-copy-light": e === "dark" || e === "system",
+      "text-copy-lighter": e === "light" || e === "alt-system",
+      "dark:text-copy-lighter": e === "system",
+      "dark:text-copy-light": e === "alt-system"
+    });
+  if (a === "selected")
+    return c("not-prose text-copy-lighter", {
+      truncate: !r
+    });
+}, No = ({
+  mode: e,
+  noBackground: t,
+  variant: r
+}) => {
+  if (!t) {
+    if (r === "primary")
+      return c({
+        "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 c({
+        "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 c({
+        "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";
+  }
+}, Ro = ({
+  radius: e
+}) => c({
+  "rounded-full": e === "large",
+  "rounded-md": e === "medium",
+  "rounded-sm": e === "small"
+}), Co = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return c("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 c("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 c("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";
+}, Io = ({
+  mode: e,
+  disabled: t,
+  variant: r
+}) => {
+  if (t)
+    return "";
+  if (r === "primary")
+    return c("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 c("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 c("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";
+}, Ao = ({
+  mode: e,
+  noBorder: t,
+  variant: r
+}) => {
+  if (t)
+    return "border border-transparent";
+  if (r === "primary")
+    return c("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 c("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 c("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";
+}, Oo = ({
+  focusMode: e
+}) => c("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"
+}), Ar = ({
+  type: e,
+  className: t,
+  raw: r,
+  mode: a,
+  focusMode: n,
+  disabled: o,
+  fullWidth: s,
+  size: i,
+  noBorder: l,
+  labelRight: h,
+  labelLeft: f,
+  noBackground: g,
+  variant: u,
+  noTruncate: m,
+  align: y,
+  radius: b
+}) => (u || (u = "primary"), r ? c(er, t) : c(
+  er,
+  To({
+    mode: a,
+    variant: u,
+    noBackground: g,
+    noTruncate: m
+  }),
+  No({ mode: a, noBackground: g, variant: u }),
+  Ro({ radius: b }),
+  wo({
+    type: e,
+    size: i,
+    labelRight: h,
+    labelLeft: f,
+    align: y
+  }),
+  So({ type: e, size: i, labelRight: h, labelLeft: f }),
+  Ao({ mode: a, variant: u, noBorder: l }),
+  Oo({ focusMode: n }),
+  Co({ mode: a, variant: u, disabled: o }),
+  Io({ mode: a, variant: u, disabled: o }),
+  {
+    "w-full": s,
+    "disabled:cursor-not-allowed disabled:opacity-50": o
+  },
+  t
+)), Lo = (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);
+}, It = $.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...n } = e;
+  return /* @__PURE__ */ d(
+    "button",
+    {
+      ref: t,
+      onClick: (o) => {
+        Lo(o, a, r);
+      },
+      ...n
+    }
+  );
+});
+It.displayName = "BaseButton";
+const Or = $.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: n = !1,
+    className: o,
+    size: s = "medium",
+    raw: i = !1,
+    noBorder: l = !1,
+    variant: h = "primary",
+    noTruncate: f = !1,
+    radius: g = "large",
+    ...u
+  }, m) => {
+    const y = Ar({
+      type: Ct,
+      mode: r,
+      focusMode: a,
+      fullWidth: n,
+      disabled: t,
+      raw: i,
+      className: o,
+      size: s,
+      noBorder: l,
+      variant: h,
+      noTruncate: f,
+      radius: g
+    });
+    return /* @__PURE__ */ d(
+      It,
+      {
+        ref: m,
+        className: y,
+        disabled: t,
+        ...u,
+        children: e
+      }
+    );
+  }
+);
+Or.displayName = "Button";
+/*!
+  @versini/ui-button v4.0.3
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
+    version: "4.0.3",
+    buildTime: "01/04/2025 04:09 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const Bo = $.forwardRef(
+  ({
+    children: e,
+    disabled: t = !1,
+    mode: r = "system",
+    focusMode: a = "system",
+    fullWidth: n = !1,
+    className: o,
+    type: s = "button",
+    raw: i = !1,
+    noBorder: l = !1,
+    "aria-label": h,
+    label: f,
+    size: g = "medium",
+    labelRight: u,
+    labelLeft: m,
+    noBackground: y = !1,
+    align: b = "center",
+    active: k = !1,
+    radius: p = "large",
+    ...N
+  }, A) => {
+    const R = Ar({
+      type: Rt,
+      mode: r,
+      focusMode: a,
+      fullWidth: n,
+      disabled: t,
+      raw: i,
+      className: o,
+      noBorder: l,
+      size: g,
+      labelRight: u,
+      labelLeft: m,
+      noBackground: y,
+      align: b,
+      radius: p
+    }), E = c({
+      "text-copy-accent-dark": r === "light" && !i,
+      "text-copy-light": r === "dark" && !i,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !i,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !i
+    }), C = k ? c(
+      "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__ */ d("div", { className: C, children: /* @__PURE__ */ I(
+      It,
+      {
+        ref: A,
+        className: R,
+        disabled: t,
+        type: s,
+        "aria-label": h || f,
+        ...N,
+        children: [
+          m && /* @__PURE__ */ d("span", { className: "pr-2", children: m }),
+          /* @__PURE__ */ d("div", { className: E, children: e }),
+          u && /* @__PURE__ */ d("span", { className: "pl-2", children: u })
+        ]
+      }
+    ) });
+  }
+);
+Bo.displayName = "ButtonSort";
+const $o = 200, Mo = ({
+  string: e,
+  idealLength: t = $o
+}) => {
+  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
+  };
+}, Do = ({
+  children: e,
+  length: t = 200,
+  mode: r = "system",
+  focusMode: a = "system"
+}) => {
+  const [n, o] = G(!1);
+  if (typeof e != "string")
+    return e;
+  const { string: s, isTruncated: i } = Mo({
+    string: e,
+    idealLength: t
+  });
+  return /* @__PURE__ */ I("span", { style: { wordBreak: "break-word" }, children: [
+    n ? e : s,
+    i && /* @__PURE__ */ d(
+      Or,
+      {
+        mode: r,
+        focusMode: a,
+        className: "ml-2",
+        size: "small",
+        onClick: (l) => {
+          l.preventDefault(), o(!n);
+        },
+        children: n ? "less..." : "more..."
+      }
+    )
+  ] });
+};
+/*!
+  @versini/ui-truncate v3.0.3
+  © 2025 gizmette.com
+*/
+try {
+  window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
+    version: "3.0.3",
+    buildTime: "01/04/2025 04:09 PM EST",
+    homepage: "https://github.com/aversini/ui-components",
+    license: "MIT"
+  });
+} catch {
+}
+const tr = lr(
+  () => import(
+    /* webpackChunkName: "LazyMessageAssistant" */
+    "./MessageAssistant.TBLReeCB.js"
+  ).then((e) => e.MessageAssistant)
+), Vo = () => {
+  const { state: e } = P(ve);
+  return /* @__PURE__ */ I("div", { className: "space-y-6 mt-2", children: [
+    e && e.messages.length > 0 && e.messages.map((t, r) => {
+      const { role: a, content: n, name: o, processingTime: s } = t.message;
+      return (a === we || a === vt) && n ? /* @__PURE__ */ d(ot, { fallback: /* @__PURE__ */ d("span", {}), children: /* @__PURE__ */ d(tr, { name: o, processingTime: s, children: n }) }, `${r}-${a}`) : a === nt && n ? /* @__PURE__ */ d(
+        xo,
+        {
+          kind: "right",
+          copyToClipboard: n,
+          copyToClipboardFocusMode: "light",
+          children: /* @__PURE__ */ d(Do, { mode: "light", focusMode: "light", children: n })
+        },
+        `${r}-${a}`
+      ) : null;
+    }),
+    Wr(nt, e) && /* @__PURE__ */ d(ot, { fallback: /* @__PURE__ */ d("span", {}), children: /* @__PURE__ */ d(tr, { loading: !0 }) })
+  ] });
+}, zo = () => {
+  const { isAuthenticated: e } = Me(), { state: t } = P(ve), [r, a] = G(!1), [n, o] = ha(), s = jr({
+    isAuthenticated: e,
+    extraClass: "rounded-b-md"
+  }), i = S(!1), l = Z(() => {
+    const f = n.current;
+    if (f) {
+      const { scrollHeight: g, clientHeight: u, scrollTop: m } = f, y = g - u - m;
+      f.scrollBy({
+        top: y,
+        behavior: "smooth"
+      });
+    }
+  }, [n]), h = Z(() => {
+    const f = n.current;
+    if (f) {
+      const { scrollTop: g, scrollHeight: u, clientHeight: m } = f, y = u > m, b = g + m >= u - 1;
+      a(y && !b);
+    }
+  }, [n]);
+  return fe(() => {
+    o && o.width && t && !t.streaming && h();
+  }, [o, t, h]), L(() => {
+    const f = n.current;
+    if (f)
+      return f.addEventListener("scroll", h), () => f.removeEventListener("scroll", h);
+  }, [h, n]), L(() => {
+    t && t.streaming && h();
+  }, [t, h]), L(() => {
+    t && (!i.current && t.streaming && l(), i.current = !!t.streaming);
+  }, [t, l]), /* @__PURE__ */ I("div", { className: s, ref: n, children: [
+    r && /* @__PURE__ */ d("div", { className: "bottom-44 z-40 fixed left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ d(
+      ir,
+      {
+        className: c(
+          "dark:bg-slate-50 dark:hover:bg-slate-300 dark:active:bg-slate-400",
+          "bg-slate-500 hover:bg-slate-600 active:bg-slate-700"
+        ),
+        noBorder: !0,
+        size: "medium",
+        mode: "dark",
+        onClick: l,
+        children: /* @__PURE__ */ d(
+          aa,
+          {
+            monotone: !0,
+            size: "size-4",
+            className: "dark:text-copy-dark text-copy-lighter"
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ d(qr, {}),
+    e && /* @__PURE__ */ d(Vo, {})
+  ] });
+}, Uo = lr(
+  () => import(
+    /* webpackChunkName: "LazyHeader" */
+    "./HeaderToolbar.BlpFAHv2.js"
+  )
+);
+function Lr({ isComponent: e = !1 }) {
+  const { isAuthenticated: t } = Me(), [r] = Ut({
+    key: Dt + Jr,
+    initialValue: ""
+  }), [a] = Ut({
+    key: Dt + Yr,
+    initialValue: Ee.ASC
+  }), [n, o] = Be(Ua, {
+    id: xt(),
+    model: Se,
+    engine: Se,
+    usage: 0,
+    messages: [],
+    prompts: [],
+    isComponent: e
+  }), [s, i] = Be(Pa, {
+    searchString: r,
+    sortedCell: "timestamp",
+    sortDirection: a
+  }), [l, h] = Be(Ha, {
+    prompt: ""
+  });
+  return L(() => {
+    var g;
+    (g = document.getElementById("logo")) == null || g.classList.add("fadeOut"), setTimeout(() => {
+      var u;
+      (u = document.getElementById("root")) == null || u.classList.replace("app-hidden", "fadeIn");
+    }, 500);
+  }), /* @__PURE__ */ d(ve.Provider, { value: { state: n, dispatch: o }, children: /* @__PURE__ */ d(
+    Fa.Provider,
+    {
+      value: {
+        state: s,
+        dispatch: i
+      },
+      children: /* @__PURE__ */ I(
+        wt.Provider,
+        {
+          value: { state: l, dispatch: h },
+          children: [
+            /* @__PURE__ */ d(
+              oa,
+              {
+                noColors: !0,
+                noMargin: !0,
+                noPadding: !0,
+                noBorder: !0,
+                className: Mt({
+                  extraClass: "mt-5"
+                }),
+                children: t && /* @__PURE__ */ d(ot, { fallback: /* @__PURE__ */ d("div", {}), children: /* @__PURE__ */ d(Uo, {}) })
+              }
+            ),
+            /* @__PURE__ */ d(
+              Kr,
+              {
+                className: Mt({
+                  extraClass: "max-h-[calc(100svh_-_250px)]"
+                }),
+                noMargin: !0,
+                noPadding: !0,
+                children: /* @__PURE__ */ d(zo, {})
+              }
+            ),
+            /* @__PURE__ */ d(ro, {})
+          ]
+        }
+      )
+    }
+  ) });
+}
+Lr.displayName = "App";
+const ts = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: Lr }, Symbol.toStringTag, { value: "Module" }));
+export {
+  ts as App,
+  ve as AppContext,
+  Ut as E,
+  Fa as HistoryContext,
+  fn as NewChatButton,
+  yr as Pe,
+  ze as SERVICE_TYPES,
+  qo as be,
+  Ee as f,
+  Wo as ge,
+  jo as he,
+  $a as ie,
+  xo as le,
+  Ko as me,
+  gn as serviceCall,
+  Jo as ue,
+  Qo as useChatsHistory,
+  Zo as usePreloadChatsHistory,
+  es as useServerCapabilities,
+  Xo as useUserChatStats,
+  Qn as useUserPreferences,
+  Yo as ye
+};