@versini/sassysaint 5.4.7 → 5.4.9

package/dist/chunks/{LazyApp.4Z1jQACq.js → LazyApp.DIxe0fTu.js}

@@ -1,51 +1,49 @@
 import { jsx as s, jsxs as v, Fragment as O } from "react/jsx-runtime";
-import { g as Ie, ACTION_RESTORE as Ne, ACTION_MESSAGE as C, ROLE_ASSISTANT as S, ACTION_RESET as ie, ACTION_MODEL as ne, ACTION_ENGINE as se, ACTION_STREAMING as de, ACTION_SORT as we, ACTION_SEARCH as Se, ACTION_SET_TAGS as le, ACTION_RESET_TAGS as ce, ACTION_TOGGLE_TAG as ge, AppContext as U, TagsContext as G, un as $, b as Ee, j as Ce, R as ue, isLastMessageFromRole as me, O as Re, TOOLBOX as Y, ROLE_INTERNAL as j, ROLE_USER as D, ROLE_SYSTEM as Be, ROLE_HIDDEN as Me, DEFAULT_AI_ENGINE as A, STATS_SEPARATOR as q, CLIPBOARD_TAG as X, TYPE_QUESTION as Ae, SEND as Le, ERROR_MESSAGE as Oe, getMessageContaintWrapperClass as Ue, MessagesContainerHeader as $e, HistoryContext as Ve, c as ze, AppFooter as Pe, LOCAL_STORAGE_PREFIX as J, LOCAL_STORAGE_SEARCH as De, LOCAL_STORAGE_SORT as Ge } from "./index.VTwhsE7D.js";
-import { serviceCall as he, SERVICE_TYPES as pe, m as je, restCall as He, $e as We, E as Q, y as Fe } from "./index.B5TWwDVi.js";
-import E, { useContext as R, useState as M, useRef as B, useEffect as T, lazy as Ke, Suspense as Z, useReducer as z } from "react";
-import l from "clsx";
+import { g as Ne, ACTION_RESTORE as we, ACTION_MESSAGE as S, ROLE_ASSISTANT as E, ACTION_RESET as ie, ACTION_MODEL as de, ACTION_ENGINE as se, ACTION_STREAMING as ne, ACTION_SORT as Ie, ACTION_SEARCH as Ee, ACTION_SET_TAGS as le, ACTION_RESET_TAGS as ce, ACTION_TOGGLE_TAG as ge, AppContext as U, TagsContext as H, un as z, L as Ce, j as Se, C as ue, isLastMessageFromRole as me, O as Re, TOOLBOX as Y, ROLE_INTERNAL as P, ROLE_USER as G, ROLE_SYSTEM as Be, ROLE_HIDDEN as Me, DEFAULT_AI_ENGINE as A, STATS_SEPARATOR as q, CLIPBOARD_TAG as X, TYPE_QUESTION as Ae, SEND as Le, ERROR_MESSAGE as Oe, getMessageContaintWrapperClass as Ue, MessagesContainerHeader as ze, HistoryContext as Ve, _ as De, AppFooter as $e, LOCAL_STORAGE_PREFIX as J, LOCAL_STORAGE_SEARCH as Ge, LOCAL_STORAGE_SORT as He } from "./index.CzNemj1t.js";
+import { serviceCall as he, SERVICE_TYPES as be, h as Pe, restCall as je, Le as We, E as Q, f as Fe } from "./index.CPH8aJ8U.js";
+import C, { useContext as R, useState as M, useRef as B, useEffect as _, lazy as Ke, Suspense as Z, useReducer as D } from "react";
+import d from "clsx";
 const Ye = ({
   className: e,
   viewBox: t,
-  spacing: r,
-  title: a,
-  monotone: i,
+  title: r,
+  monotone: a,
   ...o
 }) => /* @__PURE__ */ s(
-  Ie,
+  Ne,
   {
     defaultViewBox: "0 0 384 512",
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
-    spacing: r,
-    title: a || "Close",
+    title: r || "Close",
     ...o,
     children: /* @__PURE__ */ s("path", { d: "M342.6 150.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L192 210.7 86.6 105.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L146.7 256 41.4 361.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L192 301.3l105.4 105.3c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L237.3 256l105.3-105.4z" })
   }
 );
 function qe(e) {
-  const t = e.toLowerCase().split("+").map((o) => o.trim()), r = {
+  const t = e.toLowerCase().split("+").map((i) => i.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"], i = t.find((o) => !a.includes(o));
+  }, a = ["alt", "ctrl", "meta", "shift", "mod"], o = t.find((i) => !a.includes(i));
   return {
     ...r,
-    key: i
+    key: o
   };
 }
 function Xe(e, t) {
-  const { alt: r, ctrl: a, meta: i, mod: o, shift: c, key: d } = e, { altKey: m, ctrlKey: g, metaKey: p, shiftKey: u, key: b } = t;
-  if (r !== m)
+  const { alt: r, ctrl: a, meta: o, mod: i, shift: g, key: l } = e, { altKey: u, ctrlKey: m, metaKey: b, shiftKey: h, key: c } = t;
+  if (r !== u)
     return !1;
-  if (o) {
-    if (!g && !p)
+  if (i) {
+    if (!m && !b)
       return !1;
-  } else if (a !== g || i !== p)
+  } else if (a !== m || o !== b)
     return !1;
-  return c !== u ? !1 : !!(d && (b.toLowerCase() === d.toLowerCase() || t.code.replace("Key", "").toLowerCase() === d.toLowerCase()));
+  return g !== h ? !1 : !!(l && (c.toLowerCase() === l.toLowerCase() || t.code.replace("Key", "").toLowerCase() === l.toLowerCase()));
 }
 function Je(e) {
   return (t) => Xe(qe(e), t);
@@ -53,8 +51,8 @@ function Je(e) {
 function Qe(e) {
   return (t) => {
     const r = "nativeEvent" in t ? t.nativeEvent : t;
-    e.forEach(([a, i, o = { preventDefault: !0 }]) => {
-      Je(a)(r) && (o.preventDefault && t.preventDefault(), i(r));
+    e.forEach(([a, o, i = { preventDefault: !0 }]) => {
+      Je(a)(r) && (i.preventDefault && t.preventDefault(), o(r));
     });
   };
 }
@@ -64,18 +62,18 @@ for (let e = 0; e < 256; ++e)
 function Ze(e, t = 0) {
   return (y[e[t + 0]] + y[e[t + 1]] + y[e[t + 2]] + y[e[t + 3]] + "-" + y[e[t + 4]] + y[e[t + 5]] + "-" + y[e[t + 6]] + y[e[t + 7]] + "-" + y[e[t + 8]] + y[e[t + 9]] + "-" + y[e[t + 10]] + y[e[t + 11]] + y[e[t + 12]] + y[e[t + 13]] + y[e[t + 14]] + y[e[t + 15]]).toLowerCase();
 }
-let P;
+let $;
 const et = new Uint8Array(16);
 function tt() {
-  if (!P) {
+  if (!$) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
-    P = crypto.getRandomValues.bind(crypto);
+    $ = crypto.getRandomValues.bind(crypto);
   }
-  return P(et);
+  return $(et);
 }
 const rt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ee = { randomUUID: rt };
-function H(e, t, r) {
+function j(e, t, r) {
   if (ee.randomUUID && !t && !e)
     return ee.randomUUID();
   e = e || {};
@@ -83,7 +81,7 @@ function H(e, t, r) {
   return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Ze(a);
 }
 const at = (e, t) => {
-  if ((t == null ? void 0 : t.type) === Ne) {
+  if ((t == null ? void 0 : t.type) === we) {
     const r = t.payload.messages.map((a) => ({
       message: {
         role: a.role,
@@ -102,35 +100,35 @@ const at = (e, t) => {
       tags: e.tags
     };
   }
-  if ((t == null ? void 0 : t.type) === C) {
-    const r = t.payload.message.role, a = t.payload.message.content, i = t.payload.message.name, o = t.payload.message.processingTime, c = t.payload.message.messageId;
+  if ((t == null ? void 0 : t.type) === S) {
+    const r = t.payload.message.role, a = t.payload.message.content, o = t.payload.message.name, i = t.payload.message.processingTime, g = t.payload.message.messageId;
     if (r !== "") {
-      const d = {
+      const l = {
         role: r,
         content: a,
-        name: i,
-        processingTime: o,
-        messageId: c
+        name: o,
+        processingTime: i,
+        messageId: g
       };
-      if (r === S) {
-        const m = e.messages.findIndex(
-          (g) => g.message.messageId === c
+      if (r === E) {
+        const u = e.messages.findIndex(
+          (m) => m.message.messageId === g
         );
-        if (m !== -1) {
-          const g = e.messages.map((p, u) => u === m ? {
+        if (u !== -1) {
+          const m = e.messages.map((b, h) => h === u ? {
             message: {
-              ...p.message,
-              content: `${p.message.content}${a}`,
-              processingTime: o,
-              name: i
+              ...b.message,
+              content: `${b.message.content}${a}`,
+              processingTime: i,
+              name: o
             }
-          } : p);
+          } : b);
           return {
             id: e.id,
             model: e.model,
             usage: e.usage,
             isComponent: e.isComponent,
-            messages: g,
+            messages: m,
             engine: e.engine,
             tags: e.tags
           };
@@ -146,21 +144,21 @@ const at = (e, t) => {
         messages: [
           ...e.messages,
           {
-            message: d
+            message: l
           }
         ]
       };
     }
   }
   return (t == null ? void 0 : t.type) === ie ? {
-    id: H(),
+    id: j(),
     model: e.model,
     engine: e.engine,
     usage: 0,
     messages: [],
     isComponent: e.isComponent,
     tags: e.tags
-  } : (t == null ? void 0 : t.type) === ne ? {
+  } : (t == null ? void 0 : t.type) === de ? {
     id: e.id,
     model: t.payload.model,
     engine: e.engine,
@@ -171,19 +169,19 @@ const at = (e, t) => {
   } : (t == null ? void 0 : t.type) === se ? {
     ...e,
     engine: t.payload.engine
-  } : (t == null ? void 0 : t.type) === de ? {
+  } : (t == null ? void 0 : t.type) === ne ? {
     ...e,
     streaming: t.payload.streaming
   } : e;
 }, ot = (e, t) => {
   switch (t == null ? void 0 : t.type) {
-    case Se:
+    case Ee:
       return {
         searchString: t.payload.searchString,
         sortedCell: e.sortedCell,
         sortDirection: e.sortDirection
       };
-    case we:
+    case Ie:
       return {
         searchString: e.searchString,
         sortedCell: t.payload.sortedCell,
@@ -212,40 +210,40 @@ const at = (e, t) => {
     default:
       return e;
   }
-}, nt = () => {
-  const { dispatch: e, state: t } = R(U), { dispatch: r, state: a } = R(G), { getAccessToken: i, user: o } = $(), [c, d] = M({
+}, dt = () => {
+  const { dispatch: e, state: t } = R(U), { dispatch: r, state: a } = R(H), { getAccessToken: o, user: i } = z(), [g, l] = M({
     loaded: !1
-  }), m = "mt-2 flex justify-center rounded-md", g = B(null), p = B(!1), u = (n) => {
+  }), u = "mt-2 flex justify-center rounded-md", m = B(null), b = B(!1), h = (n) => {
     n.preventDefault(), e({
       type: ie
     });
   };
-  T(() => {
+  _(() => {
     var n;
-    (t == null ? void 0 : t.streaming) === !0 && !p.current && g.current && (p.current = !0, g.current.focus()), (t == null ? void 0 : t.streaming) === !1 && (p.current = !1, (n = g.current) == null || n.blur());
+    (t == null ? void 0 : t.streaming) === !0 && !b.current && m.current && (b.current = !0, m.current.focus()), (t == null ? void 0 : t.streaming) === !1 && (b.current = !1, (n = m.current) == null || n.blur());
   }, [t]);
-  const b = (n, h) => {
+  const c = (n, p) => {
     n.preventDefault(), r({
       type: ge,
       payload: {
-        tag: h
+        tag: p
       }
     });
   };
-  return T(() => {
-    if (!o) {
-      d({
+  return _(() => {
+    if (!i) {
+      l({
         loaded: !1
       });
       return;
     }
-    c.loaded || (async () => {
+    g.loaded || (async () => {
       try {
         const n = await he({
-          accessToken: await i(),
-          type: pe.GET_USER_PREFERENCES,
+          accessToken: await o(),
+          type: be.GET_USER_PREFERENCES,
           params: {
-            user: o.username
+            user: i.username
           }
         });
         n.status === 200 && (r({
@@ -253,100 +251,77 @@ const at = (e, t) => {
           payload: {
             tags: n.data.tags || []
           }
-        }), d({
+        }), l({
           loaded: !0
         }));
       } catch {
       }
     })();
-  }, [o]), /* @__PURE__ */ v(O, { children: [
-    /* @__PURE__ */ s(Ee, { alignHorizontal: "center", columnGap: 2, children: c && c.loaded && a.tags && a.tags.map((n) => n.enabled && n.label && n.content && /* @__PURE__ */ s(Ce, { children: /* @__PURE__ */ s("div", { className: m, children: /* @__PURE__ */ s(
+  }, [i]), /* @__PURE__ */ v(O, { children: [
+    /* @__PURE__ */ s(Ce, { alignHorizontal: "center", columnGap: 2, children: g && g.loaded && a.tags && a.tags.map((n) => n.enabled && n.label && n.content && /* @__PURE__ */ s(Se, { children: /* @__PURE__ */ s("div", { className: u, children: /* @__PURE__ */ s(
       ue,
       {
         noBorder: !0,
         mode: "dark",
         focusMode: "light",
         size: "small",
-        onClick: (h) => b(h, n.content),
+        onClick: (p) => c(p, n.content),
         children: n.label
       }
     ) }) }, `tag-button-${n.slot}`)) }),
-    me(S, t) && /* @__PURE__ */ s("div", { className: m, children: /* @__PURE__ */ s(
+    me(E, t) && /* @__PURE__ */ s("div", { className: u, children: /* @__PURE__ */ s(
       Re,
       {
         noBorder: !0,
         mode: "dark",
         focusMode: "light",
-        ref: g,
-        onClick: u,
+        ref: m,
+        onClick: h,
         labelRight: t != null && t.streaming ? Y.ACTION_WHILE_STREAMING.content : Y.ACTION_WHILE_NOT_STREAMING.content,
-        children: t != null && t.streaming ? /* @__PURE__ */ s(Ye, { className: "size-4" }) : /* @__PURE__ */ s(je, { className: "size-4" })
+        children: t != null && t.streaming ? /* @__PURE__ */ s(Ye, { className: "size-4" }) : /* @__PURE__ */ s(Pe, { className: "size-4" })
       }
     ) })
   ] });
 };
 /*!
-  @versini/ui-bubble v1.4.0
+  @versini/ui-bubble v2.0.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "1.4.0",
-    buildTime: "12/26/2024 06:06 PM EST",
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const st = "av-bubble", te = "av-button";
-/*!
-  @versini/ui-spacing v1.1.0
-  © 2024 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
-    version: "1.1.0",
-    buildTime: "12/26/2024 06:05 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const dt = (e) => {
-  let t = "";
-  if (typeof e == "number" || typeof e == "string")
-    t = "m-" + e;
-  else {
-    const r = [];
-    (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
-  }
-  return t;
-}, W = "icon", lt = "button", ct = "link", gt = ({
+const st = "av-bubble", te = "av-button", W = "icon", nt = "button", lt = "link", ct = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
-  align: i
+  align: o
 }) => {
-  const o = "text-sm font-medium max-h-8 py-0", c = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
+  const i = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", l = "text-lg font-medium max-h-12 py-2";
   switch (e) {
-    case lt:
-      return l("px-4", {
-        [o]: t === "small",
-        [c]: t === "medium",
-        [d]: t === "large"
+    case nt:
+      return d("px-4", {
+        [i]: t === "small",
+        [g]: t === "medium",
+        [l]: t === "large"
       });
-    case ct:
-      return l("px-4 text-center", {
-        [o]: t === "small",
-        [c]: t === "medium",
-        [d]: t === "large"
+    case lt:
+      return d("px-4 text-center", {
+        [i]: t === "small",
+        [g]: t === "medium",
+        [l]: t === "large"
       });
     case W:
-      return l("inline-flex items-center", {
-        "justify-center": i === "center",
-        "justify-start": i === "left",
-        "justify-end": i === "right",
+      return d("inline-flex items-center", {
+        "justify-center": o === "center",
+        "justify-start": o === "left",
+        "justify-end": o === "right",
         "h-6 w-6 p-0": t === "small" && !(r || a),
         "h-6 px-4 text-sm font-medium": t === "small" && (r || a),
         "h-8 w-8 p-1": t === "medium" && !(r || a),
@@ -355,16 +330,24 @@ const dt = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, ut = ({
+}, gt = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
-  variant: a
+  variant: a,
+  radius: o
 }) => {
   if (t)
-    return "not-prose rounded-full";
+    return d("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small"
+    });
   if (a === "primary")
-    return l("not-prose rounded-full", {
+    return d("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small",
       truncate: !r,
       "bg-action-dark text-copy-light": e === "dark",
       "bg-action-light text-copy-lighter": e === "light",
@@ -372,7 +355,10 @@ const dt = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return l("not-prose rounded-full", {
+    return d("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small",
       truncate: !r,
       "bg-action-dark text-copy-light": e === "light",
       "bg-action-light text-copy-lighter": e === "dark",
@@ -380,14 +366,28 @@ const dt = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return l("not-prose rounded-full", {
+    return d("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small",
       truncate: !r,
       "bg-action-danger-dark text-copy-light": e === "dark",
       "bg-action-danger-light text-copy-lighter": e === "light",
       "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
-}, mt = ({
+  if (a === "selected")
+    return d("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small",
+      truncate: !r,
+      "bg-action-selected-dark text-copy-light": e === "dark",
+      "bg-action-selected-light text-copy-lighter": e === "light",
+      "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": e === "system",
+      "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": e === "alt-system"
+    });
+}, ut = ({
   mode: e,
   disabled: t,
   variant: r
@@ -395,27 +395,34 @@ const dt = (e) => {
   if (t)
     return "";
   if (r === "primary")
-    return l("hover:text-copy-light-hover", {
+    return d("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 l("hover:text-copy-light-hover", {
+    return d("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 l("hover:text-copy-light-hover", {
+    return d("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"
     });
-}, ht = ({
+  if (r === "selected")
+    return d("hover:text-copy-light-hover", {
+      "hover:bg-action-selected-dark-hover": e === "dark",
+      "hover:bg-action-selected-light-hover": e === "light",
+      "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
+      "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
+    });
+}, mt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -423,27 +430,34 @@ const dt = (e) => {
   if (t)
     return "";
   if (r === "primary")
-    return l("active:text-copy-light-active", {
+    return d("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 l("active:text-copy-light-active", {
+    return d("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 l("active:text-copy-lighter-active", {
+    return d("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"
     });
-}, pt = ({
+  if (r === "selected")
+    return d("active:text-copy-lighter-active", {
+      "active:bg-action-selected-dark-active": e === "dark",
+      "active:bg-action-selected-light-active": e === "light",
+      "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": e === "system",
+      "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": e === "alt-system"
+    });
+}, ht = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -451,134 +465,148 @@ const dt = (e) => {
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return l("border", {
+    return d("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 l("border", {
+    return d("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 l("border", {
+    return d("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"
     });
-}, bt = ({ focusMode: e }) => l("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+  if (r === "selected")
+    return d("border", {
+      "border-border-selected-dark": e === "dark",
+      "border-border-selected-medium": e === "light",
+      "border-border-selected-dark dark:border-border-selected-medium": e === "system",
+      "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
+    });
+}, bt = ({
+  focusMode: e
+}) => d("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"
-}), be = ({
+}), pe = ({
   type: e,
   className: t,
   raw: r,
   mode: a,
-  focusMode: i,
-  disabled: o,
-  fullWidth: c,
-  size: d,
-  noBorder: m,
-  labelRight: g,
-  labelLeft: p,
-  spacing: u,
-  noBackground: b,
-  variant: n,
-  noTruncate: h,
-  align: f
-}) => (n || (n = "primary"), r ? l(te, t) : l(
+  focusMode: o,
+  disabled: i,
+  fullWidth: g,
+  size: l,
+  noBorder: u,
+  labelRight: m,
+  labelLeft: b,
+  noBackground: h,
+  variant: c,
+  noTruncate: n,
+  align: p,
+  radius: f
+}) => (c || (c = "primary"), r ? d(te, t) : d(
   te,
-  t,
-  dt(u),
-  ut({ mode: a, variant: n, noBackground: b, noTruncate: h }),
-  gt({ type: e, size: d, labelRight: g, labelLeft: p, align: f }),
-  pt({ mode: a, variant: n, noBorder: m }),
-  bt({ focusMode: i }),
-  mt({ mode: a, variant: n, disabled: o }),
-  ht({ mode: a, variant: n, disabled: o }),
+  gt({
+    mode: a,
+    variant: c,
+    noBackground: h,
+    noTruncate: n,
+    radius: f
+  }),
+  ct({ type: e, size: l, labelRight: m, labelLeft: b, align: p }),
+  ht({ mode: a, variant: c, noBorder: u }),
+  bt({ focusMode: o }),
+  ut({ mode: a, variant: c, disabled: i }),
+  mt({ mode: a, variant: c, disabled: i }),
   {
-    "w-full": c,
-    "disabled:cursor-not-allowed disabled:opacity-50": o
-  }
-)), yt = (e, t, r) => {
+    "w-full": g,
+    "disabled:cursor-not-allowed disabled:opacity-50": i
+  },
+  t
+)), pt = (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);
-}, F = E.forwardRef((e, t) => {
-  const { onClick: r, noInternalClick: a = !1, ...i } = e;
+}, F = C.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...o } = e;
   return /* @__PURE__ */ s(
     "button",
     {
       ref: t,
-      onClick: (o) => {
-        yt(o, a, r);
+      onClick: (i) => {
+        pt(i, a, r);
       },
-      ...i
+      ...o
     }
   );
 });
 F.displayName = "BaseButton";
-const ye = E.forwardRef(
+const ye = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: i = !1,
-    className: o,
-    type: c = "button",
-    raw: d = !1,
-    noBorder: m = !1,
-    "aria-label": g,
-    label: p,
-    size: u = "medium",
-    labelRight: b,
+    fullWidth: o = !1,
+    className: i,
+    type: g = "button",
+    raw: l = !1,
+    noBorder: u = !1,
+    "aria-label": m,
+    label: b,
+    size: h = "medium",
+    labelRight: c,
     labelLeft: n,
-    spacing: h,
-    noBackground: f = !1,
-    align: I = "center",
-    ...N
+    noBackground: p = !1,
+    align: f = "center",
+    radius: N = "large",
+    ...w
   }, k) => {
-    const _ = be({
+    const x = pe({
       type: W,
       mode: r,
       focusMode: a,
-      fullWidth: i,
+      fullWidth: o,
       disabled: t,
-      raw: d,
-      className: o,
-      noBorder: m,
-      size: u,
-      labelRight: b,
+      raw: l,
+      className: i,
+      noBorder: u,
+      size: h,
+      labelRight: c,
       labelLeft: n,
-      spacing: h,
-      noBackground: f,
-      align: I
-    }), w = l({
-      "text-copy-accent-dark": r === "light" && !d,
-      "text-copy-light": r === "dark" && !d,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
+      noBackground: p,
+      align: f,
+      radius: N
+    }), I = d({
+      "text-copy-accent-dark": r === "light" && !l,
+      "text-copy-light": r === "dark" && !l,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !l,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !l
     });
     return /* @__PURE__ */ v(
       F,
       {
         ref: k,
-        className: _,
+        className: x,
         disabled: t,
-        type: c,
-        "aria-label": g || p,
-        ...N,
+        type: g,
+        "aria-label": m || b,
+        ...w,
         children: [
           n && /* @__PURE__ */ s("span", { className: "pr-2", children: n }),
-          /* @__PURE__ */ s("div", { className: w, children: e }),
-          b && /* @__PURE__ */ s("span", { className: "pl-2", children: b })
+          /* @__PURE__ */ s("div", { className: I, children: e }),
+          c && /* @__PURE__ */ s("span", { className: "pl-2", children: c })
         ]
       }
     );
@@ -586,61 +614,61 @@ const ye = E.forwardRef(
 );
 ye.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v1.6.0
+  @versini/ui-button v2.0.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "1.6.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ft = E.forwardRef(
+const yt = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: i = !1,
-    className: o,
-    type: c = "button",
-    raw: d = !1,
-    noBorder: m = !1,
-    "aria-label": g,
-    label: p,
-    size: u = "medium",
-    labelRight: b,
+    fullWidth: o = !1,
+    className: i,
+    type: g = "button",
+    raw: l = !1,
+    noBorder: u = !1,
+    "aria-label": m,
+    label: b,
+    size: h = "medium",
+    labelRight: c,
     labelLeft: n,
-    spacing: h,
-    noBackground: f = !1,
-    align: I = "center",
+    noBackground: p = !1,
+    align: f = "center",
     active: N = !1,
+    radius: w = "large",
     ...k
-  }, _) => {
-    const w = be({
+  }, x) => {
+    const I = pe({
       type: W,
       mode: r,
       focusMode: a,
-      fullWidth: i,
+      fullWidth: o,
       disabled: t,
-      raw: d,
-      className: o,
-      noBorder: m,
-      size: u,
-      labelRight: b,
+      raw: l,
+      className: i,
+      noBorder: u,
+      size: h,
+      labelRight: c,
       labelLeft: n,
-      spacing: h,
-      noBackground: f,
-      align: I
-    }), x = l({
-      "text-copy-accent-dark": r === "light" && !d,
-      "text-copy-light": r === "dark" && !d,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
-    }), V = N ? l(
+      noBackground: p,
+      align: f,
+      radius: w
+    }), T = d({
+      "text-copy-accent-dark": r === "light" && !l,
+      "text-copy-light": r === "dark" && !l,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !l,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !l
+    }), V = N ? d(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -660,97 +688,70 @@ const ft = E.forwardRef(
     return /* @__PURE__ */ s("div", { className: V, children: /* @__PURE__ */ v(
       F,
       {
-        ref: _,
-        className: w,
+        ref: x,
+        className: I,
         disabled: t,
-        type: c,
-        "aria-label": g || p,
+        type: g,
+        "aria-label": m || b,
         ...k,
         children: [
           n && /* @__PURE__ */ s("span", { className: "pr-2", children: n }),
-          /* @__PURE__ */ s("div", { className: x, children: e }),
-          b && /* @__PURE__ */ s("span", { className: "pl-2", children: b })
+          /* @__PURE__ */ s("div", { className: T, children: e }),
+          c && /* @__PURE__ */ s("span", { className: "pl-2", children: c })
         ]
       }
     ) });
   }
 );
-ft.displayName = "ButtonSort";
-/*!
-  @versini/ui-spacing v1.1.0
-  © 2024 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
-    version: "1.1.0",
-    buildTime: "12/26/2024 06:05 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const vt = (e) => {
-  let t = "";
-  if (typeof e == "number" || typeof e == "string")
-    t = "m-" + e;
-  else {
-    const r = [];
-    (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
-  }
-  return t;
-}, fe = ({
+yt.displayName = "ButtonSort";
+const fe = ({
   children: e,
   fill: t,
   viewBox: r,
   className: a,
-  defaultViewBox: i,
-  defaultClassName: o,
-  spacing: c,
-  title: d,
-  semantic: m = !1,
-  ...g
+  defaultViewBox: o,
+  defaultClassName: i,
+  title: g,
+  semantic: l = !1,
+  ...u
 }) => {
-  const p = vt(c), u = l(
-    p,
-    a || o
-  );
+  const m = d(a || i);
   return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ s(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: u,
-        viewBox: r || i,
+        className: m,
+        viewBox: r || o,
         fill: t || "currentColor",
         role: "img",
-        "aria-hidden": !m,
+        "aria-hidden": !l,
         focusable: !1,
-        ...g,
+        ...u,
         children: e
       }
     ),
-    d && m && /* @__PURE__ */ s("span", { className: "sr-only", children: d })
+    g && l && /* @__PURE__ */ s("span", { className: "sr-only", children: g })
   ] });
 };
 /*!
-  @versini/ui-svgicon v1.1.0
+  @versini/ui-svgicon v2.0.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "1.1.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const kt = ({
+const ft = ({
   className: e,
   viewBox: t,
-  spacing: r,
-  title: a,
-  monotone: i,
+  title: r,
+  monotone: a,
   ...o
 }) => /* @__PURE__ */ v(
   fe,
@@ -759,8 +760,7 @@ const kt = ({
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
-    spacing: r,
-    title: a || "Copied",
+    title: r || "Copied",
     ...o,
     children: [
       /* @__PURE__ */ s(
@@ -773,12 +773,11 @@ const kt = ({
       /* @__PURE__ */ s("path", { d: "M337 175c9.4 9.4 9.4 24.6 0 33.9L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0z" })
     ]
   }
-), _t = ({
+), vt = ({
   className: e,
   viewBox: t,
-  spacing: r,
-  title: a,
-  monotone: i,
+  title: r,
+  monotone: a,
   ...o
 }) => /* @__PURE__ */ s(
   fe,
@@ -787,182 +786,133 @@ const kt = ({
     defaultClassName: "size-5",
     viewBox: t,
     className: e,
-    spacing: r,
-    title: a || "Copy",
+    title: r || "Copy",
     ...o,
     children: /* @__PURE__ */ s("path", { d: "M64 464H288c8.8 0 16-7.2 16-16V384h48v64c0 35.3-28.7 64-64 64H64c-35.3 0-64-28.7-64-64V224c0-35.3 28.7-64 64-64h64v48H64c-8.8 0-16 7.2-16 16V448c0 8.8 7.2 16 16 16zM224 304H448c8.8 0 16-7.2 16-16V64c0-8.8-7.2-16-16-16H224c-8.8 0-16 7.2-16 16V288c0 8.8 7.2 16 16 16zm-64-16V64c0-35.3 28.7-64 64-64H448c35.3 0 64 28.7 64 64V288c0 35.3-28.7 64-64 64H224c-35.3 0-64-28.7-64-64z" })
   }
 );
 /*!
-  @versini/ui-icons v1.19.0
+  @versini/ui-icons v2.0.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "1.19.0",
-    buildTime: "12/26/2024 06:05 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-/*!
-  @versini/ui-spacing v1.1.0
-  © 2024 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
-    version: "1.1.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const xt = (e) => {
-  let t = "";
-  if (typeof e == "number" || typeof e == "string")
-    t = "m-" + e;
-  else {
-    const r = [];
-    (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
-  }
-  return t;
-}, Tt = () => "p-4 sm:max-w-md md:max-w-2xl", It = ({ kind: e }) => l({
+const kt = () => "p-4 sm:max-w-md md:max-w-2xl", xt = ({ kind: e }) => d({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), Nt = ({ kind: e }) => l(
+}), Tt = ({ kind: e }) => d(
   "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"
   }
-), wt = ({ kind: e }) => l("rounded-b-xl", {
+), _t = ({ kind: e }) => d("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
-}), St = ({
+}), Nt = ({
   kind: e,
-  className: t,
-  spacing: r
+  className: t
 }) => {
-  const a = l(
-    t,
+  const r = d(
     st,
     "flex items-start",
-    xt(r),
     {
       "flex-row-reverse": e === "right"
-    }
-  ), i = l(
+    },
+    t
+  ), a = d(
     "flex flex-col empty:hidden",
-    Tt(),
-    Nt({ kind: e }),
-    It({ kind: e }),
-    wt({ kind: e })
-  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", c = l("flex flex-col-reverse gap-2 sm:flex-row", {
+    kt(),
+    Tt({ kind: e }),
+    xt({ kind: e }),
+    _t({ kind: e })
+  ), o = "pr-2 pt-1 text-end text-xs text-copy-light", i = d("flex flex-col-reverse gap-2 sm:flex-row", {
     "ml-2": e === "left",
     "mr-2": e === "right"
   });
   return {
-    wrapper: a,
-    main: i,
+    wrapper: r,
+    main: a,
     footer: o,
-    copyButton: c
+    copyButton: i
   };
-}, Et = ({
+}, wt = ({
   children: e,
   kind: t = "left",
   className: r,
   footer: a,
-  rawFooter: i,
-  copyToClipboard: o,
-  copyToClipboardFocusMode: c = "system",
-  copyToClipboardMode: d = "system",
-  spacing: m
+  rawFooter: o,
+  copyToClipboard: i,
+  copyToClipboardFocusMode: g = "system",
+  copyToClipboardMode: l = "system"
 }) => {
-  const [g, p] = M(!1), u = St({ kind: t, className: r, spacing: m }), b = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), n = () => {
-    p(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
+  const [u, m] = M(!1), b = Nt({ kind: t, className: r }), h = !!i && (typeof i == "function" || typeof i == "string" || typeof e == "string"), c = () => {
+    m(!0), typeof i == "function" ? i(e) : typeof i == "string" ? navigator.clipboard.writeText(i) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
-  return T(() => {
-    let h;
-    return g && (h = window.setTimeout(() => {
-      p(!1);
+  return _(() => {
+    let n;
+    return u && (n = window.setTimeout(() => {
+      m(!1);
     }, 3e3)), () => {
-      clearTimeout(h);
+      clearTimeout(n);
     };
-  }, [g]), /* @__PURE__ */ v("div", { className: u.wrapper, children: [
+  }, [u]), /* @__PURE__ */ v("div", { className: b.wrapper, children: [
     /* @__PURE__ */ v("div", { children: [
-      /* @__PURE__ */ s("div", { className: u.main, children: e }),
-      a && Object.keys(a).map((h) => a[h] ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: u.footer, children: [
-        h,
+      /* @__PURE__ */ s("div", { className: b.main, children: e }),
+      a && Object.keys(a).map((n) => a[n] ? /* @__PURE__ */ s("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: b.footer, children: [
+        n,
         ": ",
-        a[h]
-      ] }) }, `-${h}`) : null),
-      i && i
+        a[n]
+      ] }) }, `-${n}`) : null),
+      o && o
     ] }),
-    b && /* @__PURE__ */ s("div", { className: u.copyButton, children: /* @__PURE__ */ s(
+    h && /* @__PURE__ */ s("div", { className: b.copyButton, children: /* @__PURE__ */ s(
       ye,
       {
         noBorder: !0,
         noBackground: !0,
         size: "small",
-        mode: d,
-        focusMode: c,
-        label: g ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: n,
-        disabled: g,
-        children: g ? /* @__PURE__ */ s(kt, { className: "size-3" }) : /* @__PURE__ */ s(_t, { className: "size-3" })
+        mode: l,
+        focusMode: g,
+        label: u ? "Copied to clipboard" : "Copy to clipboard",
+        onClick: c,
+        disabled: u,
+        children: u ? /* @__PURE__ */ s(ft, { className: "size-3" }) : /* @__PURE__ */ s(vt, { className: "size-3" })
       }
     ) })
   ] });
-}, re = "av-button";
-/*!
-  @versini/ui-spacing v1.1.0
-  © 2024 gizmette.com
-*/
-try {
-  window.__VERSINI_UI_SPACING__ || (window.__VERSINI_UI_SPACING__ = {
-    version: "1.1.0",
-    buildTime: "12/26/2024 06:05 PM EST",
-    homepage: "https://github.com/aversini/ui-components",
-    license: "MIT"
-  });
-} catch {
-}
-const Ct = (e) => {
-  let t = "";
-  if (typeof e == "number" || typeof e == "string")
-    t = "m-" + e;
-  else {
-    const r = [];
-    (e == null ? void 0 : e.t) !== void 0 && r.push(`mt-${e.t}`), (e == null ? void 0 : e.r) !== void 0 && r.push(`mr-${e.r}`), (e == null ? void 0 : e.b) !== void 0 && r.push(`mb-${e.b}`), (e == null ? void 0 : e.l) !== void 0 && r.push(`ml-${e.l}`), t = r.join(" ");
-  }
-  return t;
-}, ve = "icon", ke = "button", Rt = "link", Bt = ({
+}, re = "av-button", ve = "icon", ke = "button", It = "link", Et = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
-  align: i
+  align: o
 }) => {
-  const o = "text-sm font-medium max-h-8 py-0", c = "text-base font-medium max-h-9 py-1", d = "text-lg font-medium max-h-12 py-2";
+  const i = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", l = "text-lg font-medium max-h-12 py-2";
   switch (e) {
     case ke:
-      return l("px-4", {
-        [o]: t === "small",
-        [c]: t === "medium",
-        [d]: t === "large"
+      return d("px-4", {
+        [i]: t === "small",
+        [g]: t === "medium",
+        [l]: t === "large"
       });
-    case Rt:
-      return l("px-4 text-center", {
-        [o]: t === "small",
-        [c]: t === "medium",
-        [d]: t === "large"
+    case It:
+      return d("px-4 text-center", {
+        [i]: t === "small",
+        [g]: t === "medium",
+        [l]: t === "large"
       });
     case ve:
-      return l("inline-flex items-center", {
-        "justify-center": i === "center",
-        "justify-start": i === "left",
-        "justify-end": i === "right",
+      return d("inline-flex items-center", {
+        "justify-center": o === "center",
+        "justify-start": o === "left",
+        "justify-end": o === "right",
         "h-6 w-6 p-0": t === "small" && !(r || a),
         "h-6 px-4 text-sm font-medium": t === "small" && (r || a),
         "h-8 w-8 p-1": t === "medium" && !(r || a),
@@ -971,16 +921,24 @@ const Ct = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, Mt = ({
+}, Ct = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
-  variant: a
+  variant: a,
+  radius: o
 }) => {
   if (t)
-    return "not-prose rounded-full";
+    return d("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small"
+    });
   if (a === "primary")
-    return l("not-prose rounded-full", {
+    return d("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small",
       truncate: !r,
       "bg-action-dark text-copy-light": e === "dark",
       "bg-action-light text-copy-lighter": e === "light",
@@ -988,7 +946,10 @@ const Ct = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "alt-system"
     });
   if (a === "secondary")
-    return l("not-prose rounded-full", {
+    return d("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small",
       truncate: !r,
       "bg-action-dark text-copy-light": e === "light",
       "bg-action-light text-copy-lighter": e === "dark",
@@ -996,14 +957,28 @@ const Ct = (e) => {
       "bg-action-light text-copy-lighter dark:bg-action-dark dark:text-copy-light": e === "system"
     });
   if (a === "danger")
-    return l("not-prose rounded-full", {
+    return d("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small",
       truncate: !r,
       "bg-action-danger-dark text-copy-light": e === "dark",
       "bg-action-danger-light text-copy-lighter": e === "light",
       "bg-action-danger-dark text-copy-light dark:bg-action-danger-light dark:text-copy-lighter": e === "system",
       "bg-action-danger-light text-copy-lighter dark:bg-action-danger-dark dark:text-copy-light": e === "alt-system"
     });
-}, At = ({
+  if (a === "selected")
+    return d("not-prose", {
+      "rounded-full": o === "large",
+      "rounded-md": o === "medium",
+      "rounded-sm": o === "small",
+      truncate: !r,
+      "bg-action-selected-dark text-copy-light": e === "dark",
+      "bg-action-selected-light text-copy-lighter": e === "light",
+      "bg-action-selected-dark text-copy-light dark:bg-action-selected-light dark:text-copy-lighter": e === "system",
+      "bg-action-selected-light text-copy-lighter dark:bg-action-selected-dark dark:text-copy-light": e === "alt-system"
+    });
+}, St = ({
   mode: e,
   disabled: t,
   variant: r
@@ -1011,27 +986,34 @@ const Ct = (e) => {
   if (t)
     return "";
   if (r === "primary")
-    return l("hover:text-copy-light-hover", {
+    return d("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 l("hover:text-copy-light-hover", {
+    return d("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 l("hover:text-copy-light-hover", {
+    return d("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"
     });
-}, Lt = ({
+  if (r === "selected")
+    return d("hover:text-copy-light-hover", {
+      "hover:bg-action-selected-dark-hover": e === "dark",
+      "hover:bg-action-selected-light-hover": e === "light",
+      "hover:bg-action-selected-dark-hover dark:hover:bg-action-selected-light-hover": e === "system",
+      "hover:bg-action-selected-light-hover dark:hover:bg-action-selected-dark-hover": e === "alt-system"
+    });
+}, Rt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -1039,27 +1021,34 @@ const Ct = (e) => {
   if (t)
     return "";
   if (r === "primary")
-    return l("active:text-copy-light-active", {
+    return d("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 l("active:text-copy-light-active", {
+    return d("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 l("active:text-copy-lighter-active", {
+    return d("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"
     });
-}, Ot = ({
+  if (r === "selected")
+    return d("active:text-copy-lighter-active", {
+      "active:bg-action-selected-dark-active": e === "dark",
+      "active:bg-action-selected-light-active": e === "light",
+      "active:bg-action-selected-dark-active dark:active:bg-action-selected-light-active": e === "system",
+      "active:bg-action-selected-light-active dark:active:bg-action-selected-dark-active": e === "alt-system"
+    });
+}, Bt = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -1067,178 +1056,192 @@ const Ct = (e) => {
   if (t)
     return "border border-transparent";
   if (r === "primary")
-    return l("border", {
+    return d("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 l("border", {
+    return d("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 l("border", {
+    return d("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"
     });
-}, Ut = ({ focusMode: e }) => l("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+  if (r === "selected")
+    return d("border", {
+      "border-border-selected-dark": e === "dark",
+      "border-border-selected-medium": e === "light",
+      "border-border-selected-dark dark:border-border-selected-medium": e === "system",
+      "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
+    });
+}, Mt = ({
+  focusMode: e
+}) => d("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
   "focus:outline-focus-light": e === "light",
   "focus:outline-focus-light dark:focus:outline-focus-dark": e === "alt-system",
   "focus:outline-focus-dark dark:focus:outline-focus-light": e === "system"
-}), _e = ({
+}), xe = ({
   type: e,
   className: t,
   raw: r,
   mode: a,
-  focusMode: i,
-  disabled: o,
-  fullWidth: c,
-  size: d,
-  noBorder: m,
-  labelRight: g,
-  labelLeft: p,
-  spacing: u,
-  noBackground: b,
-  variant: n,
-  noTruncate: h,
-  align: f
-}) => (n || (n = "primary"), r ? l(re, t) : l(
+  focusMode: o,
+  disabled: i,
+  fullWidth: g,
+  size: l,
+  noBorder: u,
+  labelRight: m,
+  labelLeft: b,
+  noBackground: h,
+  variant: c,
+  noTruncate: n,
+  align: p,
+  radius: f
+}) => (c || (c = "primary"), r ? d(re, t) : d(
   re,
-  t,
-  Ct(u),
-  Mt({ mode: a, variant: n, noBackground: b, noTruncate: h }),
-  Bt({ type: e, size: d, labelRight: g, labelLeft: p, align: f }),
-  Ot({ mode: a, variant: n, noBorder: m }),
-  Ut({ focusMode: i }),
-  At({ mode: a, variant: n, disabled: o }),
-  Lt({ mode: a, variant: n, disabled: o }),
+  Ct({
+    mode: a,
+    variant: c,
+    noBackground: h,
+    noTruncate: n,
+    radius: f
+  }),
+  Et({ type: e, size: l, labelRight: m, labelLeft: b, align: p }),
+  Bt({ mode: a, variant: c, noBorder: u }),
+  Mt({ focusMode: o }),
+  St({ mode: a, variant: c, disabled: i }),
+  Rt({ mode: a, variant: c, disabled: i }),
   {
-    "w-full": c,
-    "disabled:cursor-not-allowed disabled:opacity-50": o
-  }
-)), $t = (e, t, r) => {
+    "w-full": g,
+    "disabled:cursor-not-allowed disabled:opacity-50": i
+  },
+  t
+)), At = (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);
-}, K = E.forwardRef((e, t) => {
-  const { onClick: r, noInternalClick: a = !1, ...i } = e;
+}, K = C.forwardRef((e, t) => {
+  const { onClick: r, noInternalClick: a = !1, ...o } = e;
   return /* @__PURE__ */ s(
     "button",
     {
       ref: t,
-      onClick: (o) => {
-        $t(o, a, r);
+      onClick: (i) => {
+        At(i, a, r);
       },
-      ...i
+      ...o
     }
   );
 });
 K.displayName = "BaseButton";
-const xe = E.forwardRef(
+const Te = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: i = !1,
-    className: o,
-    size: c = "medium",
-    raw: d = !1,
-    noBorder: m = !1,
-    spacing: g,
-    variant: p = "primary",
-    noTruncate: u = !1,
-    ...b
+    fullWidth: o = !1,
+    className: i,
+    size: g = "medium",
+    raw: l = !1,
+    noBorder: u = !1,
+    variant: m = "primary",
+    noTruncate: b = !1,
+    radius: h = "large",
+    ...c
   }, n) => {
-    const h = _e({
+    const p = xe({
       type: ke,
       mode: r,
       focusMode: a,
-      fullWidth: i,
+      fullWidth: o,
       disabled: t,
-      raw: d,
-      className: o,
-      size: c,
-      noBorder: m,
-      spacing: g,
-      variant: p,
-      noTruncate: u
+      raw: l,
+      className: i,
+      size: g,
+      noBorder: u,
+      variant: m,
+      noTruncate: b,
+      radius: h
     });
     return /* @__PURE__ */ s(
       K,
       {
         ref: n,
-        className: h,
+        className: p,
         disabled: t,
-        ...b,
+        ...c,
         children: e
       }
     );
   }
 );
-xe.displayName = "Button";
+Te.displayName = "Button";
 /*!
-  @versini/ui-button v1.6.0
+  @versini/ui-button v2.0.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "1.6.0",
-    buildTime: "12/26/2024 06:05 PM EST",
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Vt = E.forwardRef(
+const Lt = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
     mode: r = "system",
     focusMode: a = "system",
-    fullWidth: i = !1,
-    className: o,
-    type: c = "button",
-    raw: d = !1,
-    noBorder: m = !1,
-    "aria-label": g,
-    label: p,
-    size: u = "medium",
-    labelRight: b,
+    fullWidth: o = !1,
+    className: i,
+    type: g = "button",
+    raw: l = !1,
+    noBorder: u = !1,
+    "aria-label": m,
+    label: b,
+    size: h = "medium",
+    labelRight: c,
     labelLeft: n,
-    spacing: h,
-    noBackground: f = !1,
-    align: I = "center",
+    noBackground: p = !1,
+    align: f = "center",
     active: N = !1,
+    radius: w = "large",
     ...k
-  }, _) => {
-    const w = _e({
+  }, x) => {
+    const I = xe({
       type: ve,
       mode: r,
       focusMode: a,
-      fullWidth: i,
+      fullWidth: o,
       disabled: t,
-      raw: d,
-      className: o,
-      noBorder: m,
-      size: u,
-      labelRight: b,
+      raw: l,
+      className: i,
+      noBorder: u,
+      size: h,
+      labelRight: c,
       labelLeft: n,
-      spacing: h,
-      noBackground: f,
-      align: I
-    }), x = l({
-      "text-copy-accent-dark": r === "light" && !d,
-      "text-copy-light": r === "dark" && !d,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !d,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !d
-    }), V = N ? l(
+      noBackground: p,
+      align: f,
+      radius: w
+    }), T = d({
+      "text-copy-accent-dark": r === "light" && !l,
+      "text-copy-light": r === "dark" && !l,
+      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !l,
+      "text-copy-light dark:text-copy-accent-dark": r === "system" && !l
+    }), V = N ? d(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -1258,25 +1261,25 @@ const Vt = E.forwardRef(
     return /* @__PURE__ */ s("div", { className: V, children: /* @__PURE__ */ v(
       K,
       {
-        ref: _,
-        className: w,
+        ref: x,
+        className: I,
         disabled: t,
-        type: c,
-        "aria-label": g || p,
+        type: g,
+        "aria-label": m || b,
         ...k,
         children: [
           n && /* @__PURE__ */ s("span", { className: "pr-2", children: n }),
-          /* @__PURE__ */ s("div", { className: x, children: e }),
-          b && /* @__PURE__ */ s("span", { className: "pl-2", children: b })
+          /* @__PURE__ */ s("div", { className: T, children: e }),
+          c && /* @__PURE__ */ s("span", { className: "pl-2", children: c })
         ]
       }
     ) });
   }
 );
-Vt.displayName = "ButtonSort";
-const zt = 200, Pt = ({
+Lt.displayName = "ButtonSort";
+const Ot = 200, Ut = ({
   string: e,
-  idealLength: t = zt
+  idealLength: t = Ot
 }) => {
   if (e.length <= t)
     return { string: e, isTruncated: !1 };
@@ -1287,44 +1290,44 @@ const zt = 200, Pt = ({
     string: e.slice(0, t + r),
     isTruncated: !0
   };
-}, Dt = ({
+}, zt = ({
   children: e,
   length: t = 200,
   mode: r = "system",
   focusMode: a = "system"
 }) => {
-  const [i, o] = M(!1);
+  const [o, i] = M(!1);
   if (typeof e != "string")
     return e;
-  const { string: c, isTruncated: d } = Pt({
+  const { string: g, isTruncated: l } = Ut({
     string: e,
     idealLength: t
   });
   return /* @__PURE__ */ v("span", { style: { wordBreak: "break-word" }, children: [
-    i ? e : c,
-    d && /* @__PURE__ */ s(
-      xe,
+    o ? e : g,
+    l && /* @__PURE__ */ s(
+      Te,
       {
         mode: r,
         focusMode: a,
-        spacing: { l: 2 },
+        className: "ml-2",
         size: "small",
-        onClick: (m) => {
-          m.preventDefault(), o(!i);
+        onClick: (u) => {
+          u.preventDefault(), i(!o);
         },
-        children: i ? "less..." : "more..."
+        children: o ? "less..." : "more..."
       }
     )
   ] });
 };
 /*!
-  @versini/ui-truncate v1.1.7
+  @versini/ui-truncate v2.0.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
-    version: "1.1.7",
-    buildTime: "12/26/2024 06:06 PM EST",
+    version: "2.0.0",
+    buildTime: "12/29/2024 04:16 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -1333,118 +1336,118 @@ try {
 const ae = Ke(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./LazyMessageAssistant.B3ooGdCs.js"
+    "./LazyMessageAssistant.DGf_pblI.js"
   ).then((e) => e.LazyMessageAssistant)
-), Gt = () => {
+), Vt = () => {
   const { state: e } = R(U);
   return /* @__PURE__ */ v(O, { children: [
     e && e.messages.length > 0 && e.messages.map((t, r) => {
-      const { role: a, content: i, name: o, processingTime: c } = t.message;
-      return (a === S || a === j) && i ? /* @__PURE__ */ s(Z, { fallback: /* @__PURE__ */ s("span", {}), children: /* @__PURE__ */ s(
+      const { role: a, content: o, name: i, processingTime: g } = t.message;
+      return (a === E || a === P) && o ? /* @__PURE__ */ s(Z, { fallback: /* @__PURE__ */ s("span", {}), children: /* @__PURE__ */ s(
         ae,
         {
-          name: o,
-          processingTime: c,
-          children: i
+          name: i,
+          processingTime: g,
+          children: o
         }
-      ) }, `${r}-${a}`) : a === D && i ? /* @__PURE__ */ s(
-        Et,
+      ) }, `${r}-${a}`) : a === G && o ? /* @__PURE__ */ s(
+        wt,
         {
           kind: "right",
-          copyToClipboard: i,
+          copyToClipboard: o,
           copyToClipboardFocusMode: "light",
-          children: /* @__PURE__ */ s(Dt, { mode: "light", focusMode: "light", children: i })
+          children: /* @__PURE__ */ s(zt, { mode: "light", focusMode: "light", children: o })
         },
         `${r}-${a}`
       ) : null;
     }),
-    me(D, e) && /* @__PURE__ */ s(Z, { fallback: /* @__PURE__ */ s("span", {}), children: /* @__PURE__ */ s(ae, { loading: !0 }) })
+    me(G, e) && /* @__PURE__ */ s(Z, { fallback: /* @__PURE__ */ s("span", {}), children: /* @__PURE__ */ s(ae, { loading: !0 }) })
   ] });
 }, L = (e, t) => {
   e({
-    type: de,
+    type: ne,
     payload: {
       streaming: t
     }
   });
 }, oe = (e) => {
   L(e, !1), e({
-    type: C,
+    type: S,
     payload: {
       message: {
-        role: j,
+        role: P,
         content: Oe
       }
     }
   });
-}, jt = () => {
-  const { state: e, dispatch: t } = R(U), { state: r, dispatch: a } = R(G), [i, o] = M(""), { getAccessToken: c, user: d } = $(), m = B(null), g = B(
+}, Dt = () => {
+  const { state: e, dispatch: t } = R(U), { state: r, dispatch: a } = R(H), [o, i] = M(""), { getAccessToken: g, user: l } = z(), u = B(null), m = B(
     null
   );
-  T(() => {
+  _(() => {
     (async () => {
-      var b;
+      var c;
       if (!e || e.messages.length === 0) {
-        (b = g == null ? void 0 : g.current) == null || b.cancel();
+        (c = m == null ? void 0 : m.current) == null || c.cancel();
         return;
       }
-      const u = e.messages[e.messages.length - 1];
-      if (!(e.messages.length === 0 || u.message.role === S || u.message.role === Be || u.message.role === j || u.message.role === Me))
+      const h = e.messages[e.messages.length - 1];
+      if (!(e.messages.length === 0 || h.message.role === E || h.message.role === Be || h.message.role === P || h.message.role === Me))
         try {
-          const n = await He({
-            accessToken: await c(),
+          const n = await je({
+            accessToken: await g(),
             name: "generate",
             data: {
               messages: e.messages,
               model: e.engine || A,
-              user: (d == null ? void 0 : d.username) || "",
+              user: (l == null ? void 0 : l.username) || "",
               id: e.id,
               usage: e.usage
             }
           });
           if (n && n.ok) {
-            const h = H();
-            g.current = n.body.getReader();
+            const p = j();
+            m.current = n.body.getReader();
             const f = new TextDecoder();
             for (; ; ) {
               L(t, !0);
-              const { done: I, value: N } = await g.current.read();
-              if (I) {
+              const { done: N, value: w } = await m.current.read();
+              if (N) {
                 L(t, !1);
                 break;
               }
-              const k = f.decode(N, { stream: !0 }), _ = k.indexOf(q);
-              if (_ !== -1) {
-                const w = k.substring(0, _), x = JSON.parse(
-                  k.substring(_ + q.length)
+              const k = f.decode(w, { stream: !0 }), x = k.indexOf(q);
+              if (x !== -1) {
+                const I = k.substring(0, x), T = JSON.parse(
+                  k.substring(x + q.length)
                 );
                 t({
-                  type: ne,
+                  type: de,
                   payload: {
-                    model: x.model,
-                    usage: x.usage
+                    model: T.model,
+                    usage: T.usage
                   }
                 }), t({
-                  type: C,
+                  type: S,
                   payload: {
                     message: {
-                      content: w,
-                      role: S,
-                      messageId: h,
-                      processingTime: x.processingTime,
-                      name: x.name
+                      content: I,
+                      role: E,
+                      messageId: p,
+                      processingTime: T.processingTime,
+                      name: T.name
                     }
                   }
                 }), L(t, !1);
                 break;
               } else
                 t({
-                  type: C,
+                  type: S,
                   payload: {
                     message: {
                       content: k,
-                      role: S,
-                      messageId: h
+                      role: E,
+                      messageId: p
                     }
                   }
                 });
@@ -1456,42 +1459,42 @@ const ae = Ke(
         }
     })();
   }, [e == null ? void 0 : e.messages]);
-  const p = async (u) => {
-    u.preventDefault(), t({
-      type: C,
+  const b = async (h) => {
+    h.preventDefault(), t({
+      type: S,
       payload: {
         message: {
-          role: D,
-          content: i
+          role: G,
+          content: o
         }
       }
-    }), o("");
+    }), i("");
   };
-  return T(() => {
+  return _(() => {
     if (r.tag !== "") {
-      const u = r.tag.endsWith(":") && !r.tag.endsWith(": ") ? r.tag + " " : r.tag;
-      u.indexOf(X) !== -1 ? navigator.clipboard.readText().then((n) => {
-        o(u.replace(X, n));
-      }) : o(u), m.current && m.current.focus(), a({
+      const h = r.tag.endsWith(":") && !r.tag.endsWith(": ") ? r.tag + " " : r.tag;
+      h.indexOf(X) !== -1 ? navigator.clipboard.readText().then((n) => {
+        i(h.replace(X, n));
+      }) : i(h), u.current && u.current.focus(), a({
         type: ce
       });
     }
-  }, [r, a]), T(() => {
-    e && e.usage === 0 && e.messages.length === 0 && m.current && m.current.focus();
-  }, [e]), /* @__PURE__ */ s("form", { className: "mt-2", onSubmit: p, children: /* @__PURE__ */ s(
+  }, [r, a]), _(() => {
+    e && e.usage === 0 && e.messages.length === 0 && u.current && u.current.focus();
+  }, [e]), /* @__PURE__ */ s("form", { className: "mt-2", onSubmit: b, children: /* @__PURE__ */ s(
     We,
     {
       mode: "dark",
       focusMode: "light",
-      ref: m,
+      ref: u,
       name: "chat-input",
       label: Ae,
       helperText: "Press ENTER to add a new line",
       helperTextOnFocus: !0,
       required: !0,
-      value: i,
-      onChange: (u) => o(u.target.value),
-      onKeyDown: Qe([["mod+Enter", p]]),
+      value: o,
+      onChange: (h) => i(h.target.value),
+      onKeyDown: Qe([["mod+Enter", b]]),
       rightElement: /* @__PURE__ */ s(
         ue,
         {
@@ -1505,95 +1508,95 @@ const ae = Ke(
       )
     }
   ) });
-}, Ht = () => {
-  const { isAuthenticated: e } = $(), t = Ue(e);
+}, $t = () => {
+  const { isAuthenticated: e } = z(), t = Ue(e);
   return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ v("div", { className: t, children: [
-      /* @__PURE__ */ s($e, {}),
-      /* @__PURE__ */ s(Gt, {})
+      /* @__PURE__ */ s(ze, {}),
+      /* @__PURE__ */ s(Vt, {})
     ] }),
-    /* @__PURE__ */ s(nt, {}),
-    /* @__PURE__ */ s(jt, {})
+    /* @__PURE__ */ s(dt, {}),
+    /* @__PURE__ */ s(Dt, {})
   ] });
 };
-function Te({ isComponent: e = !1 }) {
-  const t = B(!1), { getAccessToken: r, user: a } = $(), [i] = Q({
-    key: J + De,
-    initialValue: ""
-  }), [o] = Q({
+function _e({ isComponent: e = !1 }) {
+  const t = B(!1), { getAccessToken: r, user: a } = z(), [o] = Q({
     key: J + Ge,
+    initialValue: ""
+  }), [i] = Q({
+    key: J + He,
     initialValue: Fe.ASC
-  }), [c, d] = z(at, {
-    id: H(),
+  }), [g, l] = D(at, {
+    id: j(),
     model: A,
     engine: A,
     usage: 0,
     messages: [],
     tags: [],
     isComponent: e
-  }), [m, g] = z(ot, {
-    searchString: i,
+  }), [u, m] = D(ot, {
+    searchString: o,
     sortedCell: "timestamp",
-    sortDirection: o
-  }), [p, u] = z(it, {
+    sortDirection: i
+  }), [b, h] = D(it, {
     tag: "",
     tags: []
-  }), [b, n] = M({
+  }), [c, n] = M({
     version: "",
     models: [],
     plugins: [],
     engine: A,
     engines: []
   });
-  return T(() => {
-    b.version !== "" || t.current || (async () => {
+  return _(() => {
+    c.version !== "" || t.current || (async () => {
       try {
         t.current = !0;
-        const h = await he({
+        const p = await he({
           accessToken: await r(),
-          type: pe.ABOUT,
+          type: be.ABOUT,
           params: {
             user: a == null ? void 0 : a.username
           }
         });
-        t.current = !1, h.status === 200 && (n(h.data), d({
+        t.current = !1, p.status === 200 && (n(p.data), l({
           type: se,
           payload: {
-            engine: h.data.engine
+            engine: p.data.engine
           }
         }));
       } catch {
       }
     })();
-  }, [b, r, a]), T(() => {
-    var h;
-    (h = document.getElementById("logo")) == null || h.classList.add("fadeOut"), setTimeout(() => {
+  }, [c, r, a]), _(() => {
+    var p;
+    (p = document.getElementById("logo")) == null || p.classList.add("fadeOut"), setTimeout(() => {
       var f;
       (f = document.getElementById("root")) == null || f.classList.replace("app-hidden", "fadeIn");
     }, 500);
-  }), /* @__PURE__ */ s(U.Provider, { value: { state: c, dispatch: d, serverStats: b }, children: /* @__PURE__ */ s(
+  }), /* @__PURE__ */ s(U.Provider, { value: { state: g, dispatch: l, serverStats: c }, children: /* @__PURE__ */ s(
     Ve.Provider,
     {
       value: {
-        state: m,
-        dispatch: g
+        state: u,
+        dispatch: m
       },
       children: /* @__PURE__ */ v(
-        G.Provider,
+        H.Provider,
         {
-          value: { state: p, dispatch: u },
+          value: { state: b, dispatch: h },
           children: [
-            /* @__PURE__ */ s(ze, { children: /* @__PURE__ */ s(Ht, {}) }),
-            /* @__PURE__ */ s(Pe, { serverStats: b })
+            /* @__PURE__ */ s(De, { children: /* @__PURE__ */ s($t, {}) }),
+            /* @__PURE__ */ s($e, { serverStats: c })
           ]
         }
       )
     }
   ) });
 }
-Te.displayName = "App";
-const Xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: Te }, Symbol.toStringTag, { value: "Module" }));
+_e.displayName = "App";
+const Ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: _e }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Xt as LazyApp,
-  Et as le
+  Ft as LazyApp,
+  wt as ae
 };