@versini/sassysaint 5.4.13 → 5.4.15

package/dist/chunks/{LazyApp.DNOGYuzJ.js → LazyApp.CmWxSgb_.js}

@@ -1,15 +1,15 @@
-import { jsx as n, jsxs as v, Fragment as O } from "react/jsx-runtime";
-import { g as we, ACTION_RESTORE as Ne, ACTION_MESSAGE as S, ROLE_ASSISTANT as E, ACTION_RESET as ie, ACTION_MODEL as de, ACTION_ENGINE as ne, ACTION_STREAMING as se, ACTION_SORT as Ie, ACTION_SEARCH as Ee, ACTION_SET_TAGS as ce, ACTION_RESET_TAGS as le, ACTION_TOGGLE_TAG as ge, AppContext as z, TagsContext as H, un as U, 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 ze, MessagesContainerHeader as Ue, 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.CxzLMGVa.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.Ck3nAtox.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 { jsx as s, jsxs as v, Fragment as O } from "react/jsx-runtime";
+import { g as we, ACTION_RESTORE as Ne, 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, ROLE_INTERNAL as H, ROLE_USER as G, isLastMessageFromRole as me, un as z, getMessageContaintWrapperClass as Ce, MessagesContainerHeader as Se, ROLE_SYSTEM as Re, ROLE_HIDDEN as Be, DEFAULT_AI_ENGINE as M, STATS_SEPARATOR as Y, CLIPBOARD_TAG as q, TYPE_QUESTION as Ae, C as ue, SEND as Me, ERROR_MESSAGE as Le, L as Oe, j as ze, O as Ue, TOOLBOX as X, _ as Ve, LOCAL_STORAGE_PREFIX as J, LOCAL_STORAGE_SEARCH as De, LOCAL_STORAGE_SORT as $e } from "./index.D8QVMbN9.js";
+import { AppContext as U, TagsContext as j, restCall as Ge, Le as He, serviceCall as he, SERVICE_TYPES as be, h as je, E as Q, HistoryContext as Pe, f as We } from "./index.Dn9p043U.js";
+import C, { useState as A, useEffect as _, lazy as Fe, useContext as R, Suspense as Z, useRef as B, useReducer as D } from "react";
 import d from "clsx";
-const Ye = ({
+const Ke = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ s(
   we,
   {
     defaultViewBox: "0 0 384 512",
@@ -18,10 +18,10 @@ const Ye = ({
     className: e,
     title: r || "Close",
     ...o,
-    children: /* @__PURE__ */ n("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" })
+    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) {
+function Ye(e) {
   const t = e.toLowerCase().split("+").map((i) => i.trim()), r = {
     alt: t.includes("alt"),
     ctrl: t.includes("ctrl"),
@@ -34,53 +34,53 @@ function qe(e) {
     key: o
   };
 }
-function Xe(e, t) {
-  const { alt: r, ctrl: a, meta: o, mod: i, shift: g, key: c } = e, { altKey: u, ctrlKey: m, metaKey: b, shiftKey: h, key: l } = t;
-  if (r !== u)
+function qe(e, t) {
+  const { alt: r, ctrl: a, meta: o, mod: i, shift: g, key: l } = e, { altKey: m, ctrlKey: u, metaKey: b, shiftKey: h, key: c } = t;
+  if (r !== m)
     return !1;
   if (i) {
-    if (!m && !b)
+    if (!u && !b)
       return !1;
-  } else if (a !== m || o !== b)
+  } else if (a !== u || o !== b)
     return !1;
-  return g !== h ? !1 : !!(c && (l.toLowerCase() === c.toLowerCase() || t.code.replace("Key", "").toLowerCase() === c.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);
+function Xe(e) {
+  return (t) => qe(Ye(e), t);
 }
-function Qe(e) {
+function Je(e) {
   return (t) => {
     const r = "nativeEvent" in t ? t.nativeEvent : t;
     e.forEach(([a, o, i = { preventDefault: !0 }]) => {
-      Je(a)(r) && (i.preventDefault && t.preventDefault(), o(r));
+      Xe(a)(r) && (i.preventDefault && t.preventDefault(), o(r));
     });
   };
 }
 const y = [];
 for (let e = 0; e < 256; ++e)
   y.push((e + 256).toString(16).slice(1));
-function Ze(e, t = 0) {
+function Qe(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 $;
-const et = new Uint8Array(16);
-function tt() {
+const Ze = new Uint8Array(16);
+function et() {
   if (!$) {
     if (typeof crypto > "u" || !crypto.getRandomValues)
       throw new Error("crypto.getRandomValues() not supported. See https://github.com/uuidjs/uuid#getrandomvalues-not-supported");
     $ = crypto.getRandomValues.bind(crypto);
   }
-  return $(et);
+  return $(Ze);
 }
-const rt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ee = { randomUUID: rt };
-function j(e, t, r) {
+const tt = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), ee = { randomUUID: tt };
+function P(e, t, r) {
   if (ee.randomUUID && !t && !e)
     return ee.randomUUID();
   e = e || {};
-  const a = e.random || (e.rng || tt)();
-  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Ze(a);
+  const a = e.random || (e.rng || et)();
+  return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Qe(a);
 }
-const at = (e, t) => {
+const rt = (e, t) => {
   if ((t == null ? void 0 : t.type) === Ne) {
     const r = t.payload.messages.map((a) => ({
       message: {
@@ -103,7 +103,7 @@ const at = (e, t) => {
   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 c = {
+      const l = {
         role: r,
         content: a,
         name: o,
@@ -111,11 +111,11 @@ const at = (e, t) => {
         messageId: g
       };
       if (r === E) {
-        const u = e.messages.findIndex(
-          (m) => m.message.messageId === g
+        const m = e.messages.findIndex(
+          (u) => u.message.messageId === g
         );
-        if (u !== -1) {
-          const m = e.messages.map((b, h) => h === u ? {
+        if (m !== -1) {
+          const u = e.messages.map((b, h) => h === m ? {
             message: {
               ...b.message,
               content: `${b.message.content}${a}`,
@@ -128,7 +128,7 @@ const at = (e, t) => {
             model: e.model,
             usage: e.usage,
             isComponent: e.isComponent,
-            messages: m,
+            messages: u,
             engine: e.engine,
             tags: e.tags
           };
@@ -144,14 +144,14 @@ const at = (e, t) => {
         messages: [
           ...e.messages,
           {
-            message: c
+            message: l
           }
         ]
       };
     }
   }
   return (t == null ? void 0 : t.type) === ie ? {
-    id: j(),
+    id: P(),
     model: e.model,
     engine: e.engine,
     usage: 0,
@@ -166,14 +166,14 @@ const at = (e, t) => {
     usage: t.payload.usage,
     messages: e.messages,
     isComponent: e.isComponent
-  } : (t == null ? void 0 : t.type) === ne ? {
+  } : (t == null ? void 0 : t.type) === se ? {
     ...e,
     engine: t.payload.engine
-  } : (t == null ? void 0 : t.type) === se ? {
+  } : (t == null ? void 0 : t.type) === ne ? {
     ...e,
     streaming: t.payload.streaming
   } : e;
-}, ot = (e, t) => {
+}, at = (e, t) => {
   switch (t == null ? void 0 : t.type) {
     case Ee:
       return {
@@ -190,19 +190,19 @@ const at = (e, t) => {
     default:
       return e;
   }
-}, it = (e, t) => {
+}, ot = (e, t) => {
   switch (t == null ? void 0 : t.type) {
     case ge:
       return {
         tags: e.tags,
         tag: t.payload.tag
       };
-    case le:
+    case ce:
       return {
         tags: e.tags,
         tag: ""
       };
-    case ce:
+    case le:
       return {
         tags: t.payload.tags,
         tag: ""
@@ -210,112 +210,40 @@ const at = (e, t) => {
     default:
       return e;
   }
-}, dt = () => {
-  const { dispatch: e, state: t } = R(z), { dispatch: r, state: a } = R(H), { getAccessToken: o, user: i } = U(), [g, c] = M({
-    loaded: !1
-  }), u = "mt-2 flex justify-center rounded-md", m = B(null), b = B(!1), h = (s) => {
-    s.preventDefault(), e({
-      type: ie
-    });
-  };
-  _(() => {
-    var s;
-    (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, (s = m.current) == null || s.blur());
-  }, [t]);
-  const l = (s, p) => {
-    s.preventDefault(), r({
-      type: ge,
-      payload: {
-        tag: p
-      }
-    });
-  };
-  return _(() => {
-    if (!i) {
-      c({
-        loaded: !1
-      });
-      return;
-    }
-    g.loaded || (async () => {
-      try {
-        const s = await he({
-          accessToken: await o(),
-          type: be.GET_USER_PREFERENCES,
-          params: {
-            user: i.username
-          }
-        });
-        s.status === 200 && (r({
-          type: ce,
-          payload: {
-            tags: s.data.tags || []
-          }
-        }), c({
-          loaded: !0
-        }));
-      } catch {
-      }
-    })();
-  }, [i]), /* @__PURE__ */ v(O, { children: [
-    /* @__PURE__ */ n(Ce, { alignHorizontal: "center", columnGap: 2, children: g && g.loaded && a.tags && a.tags.map((s) => s.enabled && s.label && s.content && /* @__PURE__ */ n(Se, { children: /* @__PURE__ */ n("div", { className: u, children: /* @__PURE__ */ n(
-      ue,
-      {
-        noBorder: !0,
-        mode: "dark",
-        focusMode: "light",
-        size: "small",
-        onClick: (p) => l(p, s.content),
-        children: s.label
-      }
-    ) }) }, `tag-button-${s.slot}`)) }),
-    me(E, t) && /* @__PURE__ */ n("div", { className: u, children: /* @__PURE__ */ n(
-      Re,
-      {
-        noBorder: !0,
-        mode: "dark",
-        focusMode: "light",
-        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__ */ n(Ye, { size: "size-4" }) : /* @__PURE__ */ n(Pe, { size: "size-4" })
-      }
-    ) })
-  ] });
 };
 /*!
-  @versini/ui-bubble v2.0.8
+  @versini/ui-bubble v2.0.11
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "2.0.8",
-    buildTime: "12/30/2024 07:01 PM EST",
+    version: "2.0.11",
+    buildTime: "12/31/2024 09:02 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const nt = "av-bubble", te = "av-button", W = "icon", st = "button", ct = "link", lt = ({
+const it = "av-bubble", te = "av-button", W = "icon", dt = "button", st = "link", nt = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: o
 }) => {
-  const i = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", c = "text-lg font-medium max-h-12 py-2";
+  const i = "text-sm font-medium max-h-8 py-0 px-2", g = "text-base font-medium max-h-9 py-1 px-3", l = "text-lg font-medium max-h-12 py-2 px-4";
   switch (e) {
-    case st:
-      return d("px-4", {
+    case dt:
+      return d({
         [i]: t === "small",
         [g]: t === "medium",
-        [c]: t === "large"
+        [l]: t === "large"
       });
-    case ct:
-      return d("px-4 text-center", {
+    case st:
+      return d("text-center", {
         [i]: t === "small",
         [g]: t === "medium",
-        [c]: t === "large"
+        [l]: t === "large"
       });
     case W:
       return d("inline-flex items-center", {
@@ -323,14 +251,14 @@ const nt = "av-bubble", te = "av-button", W = "icon", st = "button", ct = "link"
         "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-6 px-2 text-sm font-medium": t === "small" && (r || a),
         "h-8 w-8 p-1": t === "medium" && !(r || a),
-        "h-8 px-4 text-base font-medium": t === "medium" && (r || a),
+        "h-8 px-3 text-base font-medium": t === "medium" && (r || a),
         "h-12 w-12 p-2": t === "large" && !(r || a),
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, gt = ({
+}, lt = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -387,7 +315,7 @@ const nt = "av-bubble", te = "av-button", W = "icon", st = "button", ct = "link"
       "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 = ({
+}, ct = ({
   mode: e,
   disabled: t,
   variant: r
@@ -422,7 +350,7 @@ const nt = "av-bubble", te = "av-button", W = "icon", st = "button", ct = "link"
       "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 = ({
+}, gt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -457,7 +385,7 @@ const nt = "av-bubble", te = "av-button", W = "icon", st = "button", ct = "link"
       "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 = ({
+}, mt = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -492,7 +420,7 @@ const nt = "av-bubble", te = "av-button", W = "icon", st = "button", ct = "link"
       "border-border-selected-dark dark:border-border-selected-medium": e === "system",
       "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
     });
-}, bt = ({
+}, ut = ({
   focusMode: e
 }) => d("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
@@ -507,45 +435,51 @@ const nt = "av-bubble", te = "av-button", W = "icon", st = "button", ct = "link"
   focusMode: o,
   disabled: i,
   fullWidth: g,
-  size: c,
-  noBorder: u,
-  labelRight: m,
+  size: l,
+  noBorder: m,
+  labelRight: u,
   labelLeft: b,
   noBackground: h,
-  variant: l,
-  noTruncate: s,
+  variant: c,
+  noTruncate: n,
   align: p,
   radius: f
-}) => (l || (l = "primary"), r ? d(te, t) : d(
+}) => (c || (c = "primary"), r ? d(te, t) : d(
   te,
-  gt({
+  lt({
     mode: a,
-    variant: l,
+    variant: c,
     noBackground: h,
-    noTruncate: s,
+    noTruncate: n,
     radius: f
   }),
-  lt({ type: e, size: c, labelRight: m, labelLeft: b, align: p }),
-  ht({ mode: a, variant: l, noBorder: u }),
-  bt({ focusMode: o }),
-  ut({ mode: a, variant: l, disabled: i }),
-  mt({ mode: a, variant: l, disabled: i }),
+  nt({
+    type: e,
+    size: l,
+    labelRight: u,
+    labelLeft: b,
+    align: p
+  }),
+  mt({ mode: a, variant: c, noBorder: m }),
+  ut({ focusMode: o }),
+  ct({ mode: a, variant: c, disabled: i }),
+  gt({ mode: a, variant: c, disabled: i }),
   {
     "w-full": g,
     "disabled:cursor-not-allowed disabled:opacity-50": i
   },
   t
-)), pt = (e, t, r) => {
+)), ht = (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 = C.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...o } = e;
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ s(
     "button",
     {
       ref: t,
       onClick: (i) => {
-        pt(i, a, r);
+        ht(i, a, r);
       },
       ...o
     }
@@ -561,13 +495,13 @@ const ye = C.forwardRef(
     fullWidth: o = !1,
     className: i,
     type: g = "button",
-    raw: c = !1,
-    noBorder: u = !1,
-    "aria-label": m,
+    raw: l = !1,
+    noBorder: m = !1,
+    "aria-label": u,
     label: b,
     size: h = "medium",
-    labelRight: l,
-    labelLeft: s,
+    labelRight: c,
+    labelLeft: n,
     noBackground: p = !1,
     align: f = "center",
     radius: w = "large",
@@ -579,20 +513,20 @@ const ye = C.forwardRef(
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: c,
+      raw: l,
       className: i,
-      noBorder: u,
+      noBorder: m,
       size: h,
-      labelRight: l,
-      labelLeft: s,
+      labelRight: c,
+      labelLeft: n,
       noBackground: p,
       align: f,
       radius: w
     }), I = d({
-      "text-copy-accent-dark": r === "light" && !c,
-      "text-copy-light": r === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
+      "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,
@@ -601,12 +535,12 @@ const ye = C.forwardRef(
         className: x,
         disabled: t,
         type: g,
-        "aria-label": m || b,
+        "aria-label": u || b,
         ...N,
         children: [
-          s && /* @__PURE__ */ n("span", { className: "pr-2", children: s }),
-          /* @__PURE__ */ n("div", { className: I, children: e }),
-          l && /* @__PURE__ */ n("span", { className: "pl-2", children: l })
+          n && /* @__PURE__ */ s("span", { className: "pr-2", children: n }),
+          /* @__PURE__ */ s("div", { className: I, children: e }),
+          c && /* @__PURE__ */ s("span", { className: "pl-2", children: c })
         ]
       }
     );
@@ -614,19 +548,19 @@ const ye = C.forwardRef(
 );
 ye.displayName = "ButtonIcon";
 /*!
-  @versini/ui-button v3.0.1
+  @versini/ui-button v3.2.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "3.0.1",
-    buildTime: "12/30/2024 07:01 PM EST",
+    version: "3.2.0",
+    buildTime: "12/31/2024 09:01 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const yt = C.forwardRef(
+const bt = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -635,13 +569,13 @@ const yt = C.forwardRef(
     fullWidth: o = !1,
     className: i,
     type: g = "button",
-    raw: c = !1,
-    noBorder: u = !1,
-    "aria-label": m,
+    raw: l = !1,
+    noBorder: m = !1,
+    "aria-label": u,
     label: b,
     size: h = "medium",
-    labelRight: l,
-    labelLeft: s,
+    labelRight: c,
+    labelLeft: n,
     noBackground: p = !1,
     align: f = "center",
     active: w = !1,
@@ -654,20 +588,20 @@ const yt = C.forwardRef(
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: c,
+      raw: l,
       className: i,
-      noBorder: u,
+      noBorder: m,
       size: h,
-      labelRight: l,
-      labelLeft: s,
+      labelRight: c,
+      labelLeft: n,
       noBackground: p,
       align: f,
       radius: N
     }), T = d({
-      "text-copy-accent-dark": r === "light" && !c,
-      "text-copy-light": r === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
+      "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 = w ? d(
       "relative",
       "focus-within:static",
@@ -685,25 +619,25 @@ const yt = C.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ n("div", { className: V, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ s("div", { className: V, children: /* @__PURE__ */ v(
       F,
       {
         ref: x,
         className: I,
         disabled: t,
         type: g,
-        "aria-label": m || b,
+        "aria-label": u || b,
         ...k,
         children: [
-          s && /* @__PURE__ */ n("span", { className: "pr-2", children: s }),
-          /* @__PURE__ */ n("div", { className: T, children: e }),
-          l && /* @__PURE__ */ n("span", { className: "pl-2", children: l })
+          n && /* @__PURE__ */ s("span", { className: "pr-2", children: n }),
+          /* @__PURE__ */ s("div", { className: T, children: e }),
+          c && /* @__PURE__ */ s("span", { className: "pl-2", children: c })
         ]
       }
     ) });
   }
 );
-yt.displayName = "ButtonSort";
+bt.displayName = "ButtonSort";
 const fe = ({
   children: e,
   fill: t,
@@ -712,42 +646,42 @@ const fe = ({
   defaultViewBox: o,
   size: i,
   title: g,
-  semantic: c = !1,
-  ...u
+  semantic: l = !1,
+  ...m
 }) => {
-  const m = d(i, a);
+  const u = d(i, a);
   return /* @__PURE__ */ v(O, { children: [
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ s(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: m,
+        className: u,
         viewBox: r || o,
         fill: t || "currentColor",
         role: "img",
-        "aria-hidden": !c,
+        "aria-hidden": !l,
         focusable: !1,
-        ...u,
+        ...m,
         children: e
       }
     ),
-    g && c && /* @__PURE__ */ n("span", { className: "sr-only", children: g })
+    g && l && /* @__PURE__ */ s("span", { className: "sr-only", children: g })
   ] });
 };
 /*!
-  @versini/ui-svgicon v3.0.1
+  @versini/ui-svgicon v3.0.2
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
-    version: "3.0.1",
-    buildTime: "12/30/2024 07:01 PM EST",
+    version: "3.0.2",
+    buildTime: "12/31/2024 09:01 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ft = ({
+const pt = ({
   className: e,
   viewBox: t,
   title: r,
@@ -763,23 +697,23 @@ const ft = ({
     title: r || "Copied",
     ...o,
     children: [
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ s(
         "path",
         {
           opacity: "0.4",
           d: "M64 32C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64H384c35.3 0 64-28.7 64-64V96c0-35.3-28.7-64-64-64H64zM337 209L209 337c-9.4 9.4-24.6 9.4-33.9 0l-64-64c-9.4-9.4-9.4-24.6 0-33.9s24.6-9.4 33.9 0l47 47L303 175c9.4-9.4 24.6-9.4 33.9 0s9.4 24.6 0 33.9z"
         }
       ),
-      /* @__PURE__ */ n("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" })
+      /* @__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" })
     ]
   }
-), vt = ({
+), yt = ({
   className: e,
   viewBox: t,
   title: r,
   monotone: a,
   ...o
-}) => /* @__PURE__ */ n(
+}) => /* @__PURE__ */ s(
   fe,
   {
     defaultViewBox: "0 0 512 512",
@@ -788,39 +722,39 @@ const ft = ({
     className: e,
     title: r || "Copy",
     ...o,
-    children: /* @__PURE__ */ n("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" })
+    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 v3.0.1
+  @versini/ui-icons v3.0.2
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
-    version: "3.0.1",
-    buildTime: "12/30/2024 07:01 PM EST",
+    version: "3.0.2",
+    buildTime: "12/31/2024 09:01 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const kt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", xt = ({ kind: e }) => d({
+const ft = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", vt = ({ kind: e }) => d({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), Tt = ({ kind: e }) => d(
+}), kt = ({ 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"
   }
-), _t = ({ kind: e }) => d("rounded-b-xl", {
+), xt = ({ kind: e }) => d("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
-}), wt = ({
+}), Tt = ({
   kind: e,
   className: t
 }) => {
   const r = d(
-    nt,
+    it,
     "flex items-start",
     {
       "flex-row-reverse": e === "right"
@@ -828,10 +762,10 @@ const kt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", xt = ({ kind: e }) =>
     t
   ), a = d(
     "flex flex-col empty:hidden",
-    kt(),
-    Tt({ kind: e }),
-    xt({ kind: e }),
-    _t({ kind: e })
+    ft(),
+    kt({ kind: e }),
+    vt({ kind: e }),
+    xt({ 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"
@@ -842,7 +776,7 @@ const kt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", xt = ({ kind: e }) =>
     footer: o,
     copyButton: i
   };
-}, Nt = ({
+}, _t = ({
   children: e,
   kind: t = "left",
   className: r,
@@ -850,63 +784,63 @@ const kt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", xt = ({ kind: e }) =>
   rawFooter: o,
   copyToClipboard: i,
   copyToClipboardFocusMode: g = "system",
-  copyToClipboardMode: c = "system"
+  copyToClipboardMode: l = "system"
 }) => {
-  const [u, m] = M(!1), b = wt({ kind: t, className: r }), h = !!i && (typeof i == "function" || typeof i == "string" || typeof e == "string"), l = () => {
-    m(!0), typeof i == "function" ? i(e) : typeof i == "string" ? navigator.clipboard.writeText(i) : typeof e == "string" && navigator.clipboard.writeText(e);
+  const [m, u] = A(!1), b = Tt({ kind: t, className: r }), h = !!i && (typeof i == "function" || typeof i == "string" || typeof e == "string"), c = () => {
+    u(!0), typeof i == "function" ? i(e) : typeof i == "string" ? navigator.clipboard.writeText(i) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
   return _(() => {
-    let s;
-    return u && (s = window.setTimeout(() => {
-      m(!1);
+    let n;
+    return m && (n = window.setTimeout(() => {
+      u(!1);
     }, 3e3)), () => {
-      clearTimeout(s);
+      clearTimeout(n);
     };
-  }, [u]), /* @__PURE__ */ v("div", { className: b.wrapper, children: [
+  }, [m]), /* @__PURE__ */ v("div", { className: b.wrapper, children: [
     /* @__PURE__ */ v("div", { children: [
-      /* @__PURE__ */ n("div", { className: b.main, children: e }),
-      a && Object.keys(a).map((s) => a[s] ? /* @__PURE__ */ n("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: b.footer, children: [
-        s,
+      /* @__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[s]
-      ] }) }, `-${s}`) : null),
+        a[n]
+      ] }) }, `-${n}`) : null),
       o && o
     ] }),
-    h && /* @__PURE__ */ n("div", { className: b.copyButton, children: /* @__PURE__ */ n(
+    h && /* @__PURE__ */ s("div", { className: b.copyButton, children: /* @__PURE__ */ s(
       ye,
       {
         noBorder: !0,
         noBackground: !0,
         size: "small",
-        mode: c,
+        mode: l,
         focusMode: g,
-        label: u ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: l,
-        disabled: u,
-        children: u ? /* @__PURE__ */ n(ft, { size: "size-3" }) : /* @__PURE__ */ n(vt, { size: "size-3" })
+        label: m ? "Copied to clipboard" : "Copy to clipboard",
+        onClick: c,
+        disabled: m,
+        children: m ? /* @__PURE__ */ s(pt, { size: "size-3" }) : /* @__PURE__ */ s(yt, { size: "size-3" })
       }
     ) })
   ] });
-}, re = "av-button", ve = "icon", ke = "button", It = "link", Et = ({
+}, re = "av-button", ve = "icon", ke = "button", wt = "link", Nt = ({
   type: e,
   size: t,
   labelRight: r,
   labelLeft: a,
   align: o
 }) => {
-  const i = "text-sm font-medium max-h-8 py-0", g = "text-base font-medium max-h-9 py-1", c = "text-lg font-medium max-h-12 py-2";
+  const i = "text-sm font-medium max-h-8 py-0 px-2", g = "text-base font-medium max-h-9 py-1 px-3", l = "text-lg font-medium max-h-12 py-2 px-4";
   switch (e) {
     case ke:
-      return d("px-4", {
+      return d({
         [i]: t === "small",
         [g]: t === "medium",
-        [c]: t === "large"
+        [l]: t === "large"
       });
-    case It:
-      return d("px-4 text-center", {
+    case wt:
+      return d("text-center", {
         [i]: t === "small",
         [g]: t === "medium",
-        [c]: t === "large"
+        [l]: t === "large"
       });
     case ve:
       return d("inline-flex items-center", {
@@ -914,14 +848,14 @@ const kt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", xt = ({ kind: e }) =>
         "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-6 px-2 text-sm font-medium": t === "small" && (r || a),
         "h-8 w-8 p-1": t === "medium" && !(r || a),
-        "h-8 px-4 text-base font-medium": t === "medium" && (r || a),
+        "h-8 px-3 text-base font-medium": t === "medium" && (r || a),
         "h-12 w-12 p-2": t === "large" && !(r || a),
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, Ct = ({
+}, It = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -978,7 +912,7 @@ const kt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", xt = ({ kind: e }) =>
       "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 = ({
+}, Et = ({
   mode: e,
   disabled: t,
   variant: r
@@ -1013,7 +947,7 @@ const kt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", xt = ({ kind: e }) =>
       "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 = ({
+}, Ct = ({
   mode: e,
   disabled: t,
   variant: r
@@ -1048,7 +982,7 @@ const kt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", xt = ({ kind: e }) =>
       "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 = ({
+}, St = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -1083,7 +1017,7 @@ const kt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", xt = ({ kind: e }) =>
       "border-border-selected-dark dark:border-border-selected-medium": e === "system",
       "border-border-selected-medium dark:border-border-selected-dark": e === "alt-system"
     });
-}, Mt = ({
+}, Rt = ({
   focusMode: e
 }) => d("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
@@ -1098,45 +1032,51 @@ const kt = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", xt = ({ kind: e }) =>
   focusMode: o,
   disabled: i,
   fullWidth: g,
-  size: c,
-  noBorder: u,
-  labelRight: m,
+  size: l,
+  noBorder: m,
+  labelRight: u,
   labelLeft: b,
   noBackground: h,
-  variant: l,
-  noTruncate: s,
+  variant: c,
+  noTruncate: n,
   align: p,
   radius: f
-}) => (l || (l = "primary"), r ? d(re, t) : d(
+}) => (c || (c = "primary"), r ? d(re, t) : d(
   re,
-  Ct({
+  It({
     mode: a,
-    variant: l,
+    variant: c,
     noBackground: h,
-    noTruncate: s,
+    noTruncate: n,
     radius: f
   }),
-  Et({ type: e, size: c, labelRight: m, labelLeft: b, align: p }),
-  Bt({ mode: a, variant: l, noBorder: u }),
-  Mt({ focusMode: o }),
-  St({ mode: a, variant: l, disabled: i }),
-  Rt({ mode: a, variant: l, disabled: i }),
+  Nt({
+    type: e,
+    size: l,
+    labelRight: u,
+    labelLeft: b,
+    align: p
+  }),
+  St({ mode: a, variant: c, noBorder: m }),
+  Rt({ focusMode: o }),
+  Et({ mode: a, variant: c, disabled: i }),
+  Ct({ mode: a, variant: c, disabled: i }),
   {
     "w-full": g,
     "disabled:cursor-not-allowed disabled:opacity-50": i
   },
   t
-)), At = (e, t, r) => {
+)), Bt = (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 = C.forwardRef((e, t) => {
   const { onClick: r, noInternalClick: a = !1, ...o } = e;
-  return /* @__PURE__ */ n(
+  return /* @__PURE__ */ s(
     "button",
     {
       ref: t,
       onClick: (i) => {
-        At(i, a, r);
+        Bt(i, a, r);
       },
       ...o
     }
@@ -1152,34 +1092,34 @@ const Te = C.forwardRef(
     fullWidth: o = !1,
     className: i,
     size: g = "medium",
-    raw: c = !1,
-    noBorder: u = !1,
-    variant: m = "primary",
+    raw: l = !1,
+    noBorder: m = !1,
+    variant: u = "primary",
     noTruncate: b = !1,
     radius: h = "large",
-    ...l
-  }, s) => {
+    ...c
+  }, n) => {
     const p = xe({
       type: ke,
       mode: r,
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: c,
+      raw: l,
       className: i,
       size: g,
-      noBorder: u,
-      variant: m,
+      noBorder: m,
+      variant: u,
       noTruncate: b,
       radius: h
     });
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ s(
       K,
       {
-        ref: s,
+        ref: n,
         className: p,
         disabled: t,
-        ...l,
+        ...c,
         children: e
       }
     );
@@ -1187,19 +1127,19 @@ const Te = C.forwardRef(
 );
 Te.displayName = "Button";
 /*!
-  @versini/ui-button v3.0.1
+  @versini/ui-button v3.2.0
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
-    version: "3.0.1",
-    buildTime: "12/30/2024 05:27 PM EST",
+    version: "3.2.0",
+    buildTime: "12/31/2024 09:01 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Lt = C.forwardRef(
+const At = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -1208,13 +1148,13 @@ const Lt = C.forwardRef(
     fullWidth: o = !1,
     className: i,
     type: g = "button",
-    raw: c = !1,
-    noBorder: u = !1,
-    "aria-label": m,
+    raw: l = !1,
+    noBorder: m = !1,
+    "aria-label": u,
     label: b,
     size: h = "medium",
-    labelRight: l,
-    labelLeft: s,
+    labelRight: c,
+    labelLeft: n,
     noBackground: p = !1,
     align: f = "center",
     active: w = !1,
@@ -1227,20 +1167,20 @@ const Lt = C.forwardRef(
       focusMode: a,
       fullWidth: o,
       disabled: t,
-      raw: c,
+      raw: l,
       className: i,
-      noBorder: u,
+      noBorder: m,
       size: h,
-      labelRight: l,
-      labelLeft: s,
+      labelRight: c,
+      labelLeft: n,
       noBackground: p,
       align: f,
       radius: N
     }), T = d({
-      "text-copy-accent-dark": r === "light" && !c,
-      "text-copy-light": r === "dark" && !c,
-      "text-copy-accent-dark dark:text-copy-light": r === "alt-system" && !c,
-      "text-copy-light dark:text-copy-accent-dark": r === "system" && !c
+      "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 = w ? d(
       "relative",
       "focus-within:static",
@@ -1258,28 +1198,28 @@ const Lt = C.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ n("div", { className: V, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ s("div", { className: V, children: /* @__PURE__ */ v(
       K,
       {
         ref: x,
         className: I,
         disabled: t,
         type: g,
-        "aria-label": m || b,
+        "aria-label": u || b,
         ...k,
         children: [
-          s && /* @__PURE__ */ n("span", { className: "pr-2", children: s }),
-          /* @__PURE__ */ n("div", { className: T, children: e }),
-          l && /* @__PURE__ */ n("span", { className: "pl-2", children: l })
+          n && /* @__PURE__ */ s("span", { className: "pr-2", children: n }),
+          /* @__PURE__ */ s("div", { className: T, children: e }),
+          c && /* @__PURE__ */ s("span", { className: "pl-2", children: c })
         ]
       }
     ) });
   }
 );
-Lt.displayName = "ButtonSort";
-const Ot = 200, zt = ({
+At.displayName = "ButtonSort";
+const Mt = 200, Lt = ({
   string: e,
-  idealLength: t = Ot
+  idealLength: t = Mt
 }) => {
   if (e.length <= t)
     return { string: e, isTruncated: !1 };
@@ -1290,30 +1230,30 @@ const Ot = 200, zt = ({
     string: e.slice(0, t + r),
     isTruncated: !0
   };
-}, Ut = ({
+}, Ot = ({
   children: e,
   length: t = 200,
   mode: r = "system",
   focusMode: a = "system"
 }) => {
-  const [o, i] = M(!1);
+  const [o, i] = A(!1);
   if (typeof e != "string")
     return e;
-  const { string: g, isTruncated: c } = zt({
+  const { string: g, isTruncated: l } = Lt({
     string: e,
     idealLength: t
   });
   return /* @__PURE__ */ v("span", { style: { wordBreak: "break-word" }, children: [
     o ? e : g,
-    c && /* @__PURE__ */ n(
+    l && /* @__PURE__ */ s(
       Te,
       {
         mode: r,
         focusMode: a,
         className: "ml-2",
         size: "small",
-        onClick: (u) => {
-          u.preventDefault(), i(!o);
+        onClick: (m) => {
+          m.preventDefault(), i(!o);
         },
         children: o ? "less..." : "more..."
       }
@@ -1321,51 +1261,57 @@ const Ot = 200, zt = ({
   ] });
 };
 /*!
-  @versini/ui-truncate v2.0.5
+  @versini/ui-truncate v2.0.8
   © 2024 gizmette.com
 */
 try {
   window.__VERSINI_UI_TRUNCATE__ || (window.__VERSINI_UI_TRUNCATE__ = {
-    version: "2.0.5",
-    buildTime: "12/30/2024 05:27 PM EST",
+    version: "2.0.8",
+    buildTime: "12/31/2024 09:01 AM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ae = Ke(
+const ae = Fe(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./LazyMessageAssistant.L4L_m5nw.js"
+    "./LazyMessageAssistant.BkIqe55j.js"
   ).then((e) => e.LazyMessageAssistant)
-), Vt = () => {
-  const { state: e } = R(z);
+), zt = () => {
+  const { state: e } = R(U);
   return /* @__PURE__ */ v(O, { children: [
     e && e.messages.length > 0 && e.messages.map((t, r) => {
       const { role: a, content: o, name: i, processingTime: g } = t.message;
-      return (a === E || a === P) && o ? /* @__PURE__ */ n(Z, { fallback: /* @__PURE__ */ n("span", {}), children: /* @__PURE__ */ n(
+      return (a === E || a === H) && o ? /* @__PURE__ */ s(Z, { fallback: /* @__PURE__ */ s("span", {}), children: /* @__PURE__ */ s(
         ae,
         {
           name: i,
           processingTime: g,
           children: o
         }
-      ) }, `${r}-${a}`) : a === G && o ? /* @__PURE__ */ n(
-        Nt,
+      ) }, `${r}-${a}`) : a === G && o ? /* @__PURE__ */ s(
+        _t,
         {
           kind: "right",
           copyToClipboard: o,
           copyToClipboardFocusMode: "light",
-          children: /* @__PURE__ */ n(Ut, { mode: "light", focusMode: "light", children: o })
+          children: /* @__PURE__ */ s(Ot, { mode: "light", focusMode: "light", children: o })
         },
         `${r}-${a}`
       ) : null;
     }),
-    me(G, e) && /* @__PURE__ */ n(Z, { fallback: /* @__PURE__ */ n("span", {}), children: /* @__PURE__ */ n(ae, { loading: !0 }) })
+    me(G, e) && /* @__PURE__ */ s(Z, { fallback: /* @__PURE__ */ s("span", {}), children: /* @__PURE__ */ s(ae, { loading: !0 }) })
   ] });
+}, Ut = () => {
+  const { isAuthenticated: e } = z(), t = Ce(e);
+  return /* @__PURE__ */ s(O, { children: /* @__PURE__ */ v("div", { className: t, children: [
+    /* @__PURE__ */ s(Se, {}),
+    /* @__PURE__ */ s(zt, {})
+  ] }) });
 }, L = (e, t) => {
   e({
-    type: se,
+    type: ne,
     payload: {
       streaming: t
     }
@@ -1375,51 +1321,51 @@ const ae = Ke(
     type: S,
     payload: {
       message: {
-        role: P,
-        content: Oe
+        role: H,
+        content: Le
       }
     }
   });
-}, Dt = () => {
-  const { state: e, dispatch: t } = R(z), { state: r, dispatch: a } = R(H), [o, i] = M(""), { getAccessToken: g, user: c } = U(), u = B(null), m = B(
+}, Vt = () => {
+  const { state: e, dispatch: t } = R(U), { state: r, dispatch: a } = R(j), [o, i] = A(""), { getAccessToken: g, user: l } = z(), m = B(null), u = B(
     null
   );
   _(() => {
     (async () => {
-      var l;
+      var c;
       if (!e || e.messages.length === 0) {
-        (l = m == null ? void 0 : m.current) == null || l.cancel();
+        (c = u == null ? void 0 : u.current) == null || c.cancel();
         return;
       }
       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))
+      if (!(e.messages.length === 0 || h.message.role === E || h.message.role === Re || h.message.role === H || h.message.role === Be))
         try {
-          const s = await je({
+          const n = await Ge({
             accessToken: await g(),
             name: "generate",
             data: {
               messages: e.messages,
-              model: e.engine || A,
-              user: (c == null ? void 0 : c.username) || "",
+              model: e.engine || M,
+              user: (l == null ? void 0 : l.username) || "",
               id: e.id,
               usage: e.usage
             }
           });
-          if (s && s.ok) {
-            const p = j();
-            m.current = s.body.getReader();
+          if (n && n.ok) {
+            const p = P();
+            u.current = n.body.getReader();
             const f = new TextDecoder();
             for (; ; ) {
               L(t, !0);
-              const { done: w, value: N } = await m.current.read();
+              const { done: w, value: N } = await u.current.read();
               if (w) {
                 L(t, !1);
                 break;
               }
-              const k = f.decode(N, { stream: !0 }), x = k.indexOf(q);
+              const k = f.decode(N, { stream: !0 }), x = k.indexOf(Y);
               if (x !== -1) {
                 const I = k.substring(0, x), T = JSON.parse(
-                  k.substring(x + q.length)
+                  k.substring(x + Y.length)
                 );
                 t({
                   type: de,
@@ -1454,8 +1400,8 @@ const ae = Ke(
             }
           } else
             oe(t);
-        } catch (s) {
-          console.error(s), oe(t);
+        } catch (n) {
+          console.error(n), oe(t);
         }
     })();
   }, [e == null ? void 0 : e.messages]);
@@ -1473,20 +1419,20 @@ const ae = Ke(
   return _(() => {
     if (r.tag !== "") {
       const h = r.tag.endsWith(":") && !r.tag.endsWith(": ") ? r.tag + " " : r.tag;
-      h.indexOf(X) !== -1 ? navigator.clipboard.readText().then((s) => {
-        i(h.replace(X, s));
-      }) : i(h), u.current && u.current.focus(), a({
-        type: le
+      h.indexOf(q) !== -1 ? navigator.clipboard.readText().then((n) => {
+        i(h.replace(q, n));
+      }) : i(h), m.current && m.current.focus(), a({
+        type: ce
       });
     }
   }, [r, a]), _(() => {
-    e && e.usage === 0 && e.messages.length === 0 && u.current && u.current.focus();
-  }, [e]), /* @__PURE__ */ n("form", { className: "mt-2", onSubmit: b, children: /* @__PURE__ */ n(
-    We,
+    e && e.usage === 0 && e.messages.length === 0 && m.current && m.current.focus();
+  }, [e]), /* @__PURE__ */ s("form", { className: "mt-2", onSubmit: b, children: /* @__PURE__ */ s(
+    He,
     {
       mode: "dark",
       focusMode: "light",
-      ref: u,
+      ref: m,
       name: "chat-input",
       label: Ae,
       helperText: "Press ENTER to add a new line",
@@ -1494,8 +1440,8 @@ const ae = Ke(
       required: !0,
       value: o,
       onChange: (h) => i(h.target.value),
-      onKeyDown: Qe([["mod+Enter", b]]),
-      rightElement: /* @__PURE__ */ n(
+      onKeyDown: Je([["mod+Enter", b]]),
+      rightElement: /* @__PURE__ */ s(
         ue,
         {
           disabled: e == null ? void 0 : e.streaming,
@@ -1503,53 +1449,115 @@ const ae = Ke(
           type: "submit",
           mode: "light",
           focusMode: "light",
-          children: Le
+          children: Me
         }
       )
     }
   ) });
-}, $t = () => {
-  const { isAuthenticated: e } = U(), t = ze(e);
-  return /* @__PURE__ */ v(O, { children: [
-    /* @__PURE__ */ v("div", { className: t, children: [
-      /* @__PURE__ */ n(Ue, {}),
-      /* @__PURE__ */ n(Vt, {})
-    ] }),
-    /* @__PURE__ */ n(dt, {}),
-    /* @__PURE__ */ n(Dt, {})
+}, Dt = () => {
+  const { dispatch: e, state: t } = R(U), { dispatch: r, state: a } = R(j), { getAccessToken: o, user: i } = z(), [g, l] = A({
+    loaded: !1
+  }), m = "mt-2 flex justify-center rounded-md", u = B(null), b = B(!1), h = (n) => {
+    n.preventDefault(), e({
+      type: ie
+    });
+  };
+  _(() => {
+    var n;
+    (t == null ? void 0 : t.streaming) === !0 && !b.current && u.current && (b.current = !0, u.current.focus()), (t == null ? void 0 : t.streaming) === !1 && (b.current = !1, (n = u.current) == null || n.blur());
+  }, [t]);
+  const c = (n, p) => {
+    n.preventDefault(), r({
+      type: ge,
+      payload: {
+        tag: p
+      }
+    });
+  };
+  return _(() => {
+    if (!i) {
+      l({
+        loaded: !1
+      });
+      return;
+    }
+    g.loaded || (async () => {
+      try {
+        const n = await he({
+          accessToken: await o(),
+          type: be.GET_USER_PREFERENCES,
+          params: {
+            user: i.username
+          }
+        });
+        n.status === 200 && (r({
+          type: le,
+          payload: {
+            tags: n.data.tags || []
+          }
+        }), l({
+          loaded: !0
+        }));
+      } catch {
+      }
+    })();
+  }, [i]), /* @__PURE__ */ v(O, { children: [
+    /* @__PURE__ */ s(Oe, { alignHorizontal: "center", columnGap: 2, children: g && g.loaded && a.tags && a.tags.map((n) => n.enabled && n.label && n.content && /* @__PURE__ */ s(ze, { children: /* @__PURE__ */ s("div", { className: m, children: /* @__PURE__ */ s(
+      ue,
+      {
+        noBorder: !0,
+        mode: "dark",
+        focusMode: "light",
+        size: "small",
+        onClick: (p) => c(p, n.content),
+        children: n.label
+      }
+    ) }) }, `tag-button-${n.slot}`)) }),
+    me(E, t) && /* @__PURE__ */ s("div", { className: m, children: /* @__PURE__ */ s(
+      Ue,
+      {
+        noBorder: !0,
+        mode: "dark",
+        focusMode: "light",
+        ref: u,
+        onClick: h,
+        labelRight: t != null && t.streaming ? X.ACTION_WHILE_STREAMING.content : X.ACTION_WHILE_NOT_STREAMING.content,
+        children: t != null && t.streaming ? /* @__PURE__ */ s(Ke, { size: "size-4" }) : /* @__PURE__ */ s(je, { size: "size-4" })
+      }
+    ) })
   ] });
 };
 function _e({ isComponent: e = !1 }) {
-  const t = B(!1), { getAccessToken: r, user: a } = U(), [o] = Q({
-    key: J + Ge,
+  const t = B(!1), { getAccessToken: r, user: a } = z(), [o] = Q({
+    key: J + De,
     initialValue: ""
   }), [i] = Q({
-    key: J + He,
-    initialValue: Fe.ASC
-  }), [g, c] = D(at, {
-    id: j(),
-    model: A,
-    engine: A,
+    key: J + $e,
+    initialValue: We.ASC
+  }), [g, l] = D(rt, {
+    id: P(),
+    model: M,
+    engine: M,
     usage: 0,
     messages: [],
     tags: [],
     isComponent: e
-  }), [u, m] = D(ot, {
+  }), [m, u] = D(at, {
     searchString: o,
     sortedCell: "timestamp",
     sortDirection: i
-  }), [b, h] = D(it, {
+  }), [b, h] = D(ot, {
     tag: "",
     tags: []
-  }), [l, s] = M({
+  }), [c, n] = A({
     version: "",
     models: [],
     plugins: [],
-    engine: A,
+    engine: M,
     engines: []
   });
   return _(() => {
-    l.version !== "" || t.current || (async () => {
+    c.version !== "" || t.current || (async () => {
       try {
         t.current = !0;
         const p = await he({
@@ -1559,8 +1567,8 @@ function _e({ isComponent: e = !1 }) {
             user: a == null ? void 0 : a.username
           }
         });
-        t.current = !1, p.status === 200 && (s(p.data), c({
-          type: ne,
+        t.current = !1, p.status === 200 && (n(p.data), l({
+          type: se,
           payload: {
             engine: p.data.engine
           }
@@ -1568,26 +1576,29 @@ function _e({ isComponent: e = !1 }) {
       } catch {
       }
     })();
-  }, [l, r, a]), _(() => {
+  }, [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__ */ n(z.Provider, { value: { state: g, dispatch: c, serverStats: l }, children: /* @__PURE__ */ n(
-    Ve.Provider,
+  }), /* @__PURE__ */ s(U.Provider, { value: { state: g, dispatch: l, serverStats: c }, children: /* @__PURE__ */ s(
+    Pe.Provider,
     {
       value: {
-        state: u,
-        dispatch: m
+        state: m,
+        dispatch: u
       },
       children: /* @__PURE__ */ v(
-        H.Provider,
+        j.Provider,
         {
           value: { state: b, dispatch: h },
           children: [
-            /* @__PURE__ */ n(De, { children: /* @__PURE__ */ n($t, {}) }),
-            /* @__PURE__ */ n($e, { serverStats: l })
+            /* @__PURE__ */ s(Ve, { className: "max-h-[calc(100svh_-_203px)]", children: /* @__PURE__ */ s(Ut, {}) }),
+            /* @__PURE__ */ v("div", { className: "md:mx-auto md:max-w-4xl w-11/12 fixed bottom-10 left-1/2 transform -translate-x-1/2 z-1000", children: [
+              /* @__PURE__ */ s(Dt, {}),
+              /* @__PURE__ */ s(Vt, {})
+            ] })
           ]
         }
       )
@@ -1595,8 +1606,8 @@ function _e({ isComponent: e = !1 }) {
   ) });
 }
 _e.displayName = "App";
-const Ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: _e }, Symbol.toStringTag, { value: "Module" }));
+const Wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: _e }, Symbol.toStringTag, { value: "Module" }));
 export {
-  Ft as LazyApp,
-  Nt as ae
+  Wt as LazyApp,
+  _t as ae
 };