@versini/sassysaint 5.3.12 → 5.3.14

package/dist/chunks/{App.B363ojr3.js → LazyApp.BiKOKU9f.js}

@@ -1,6 +1,6 @@
 import { jsx as i, jsxs as v, Fragment as O } from "react/jsx-runtime";
-import { g as _e, AppContext as $, TagsContext as j, rn as U, ACTION_SET_TAGS as oe, b as Ne, j as we, R as ne, isLastMessageFromRole as ie, O as Ee, TOOLBOX as Y, ACTION_RESET as se, ACTION_TOGGLE_TAG as de, ROLE_ASSISTANT as I, ROLE_INTERNAL as G, ROLE_USER as H, ROLE_SYSTEM as Ie, ROLE_HIDDEN as Ce, DEFAULT_AI_ENGINE as M, STATS_SEPARATOR as q, ACTION_MODEL as le, ACTION_MESSAGE as S, ACTION_RESET_TAGS as ce, TYPE_QUESTION as Se, SEND as Re, ACTION_STREAMING as ge, ERROR_MESSAGE as Be, getMessageContaintWrapperClass as Ae, MessagesContainerHeader as Me, ACTION_SEARCH as Le, ACTION_SORT as Oe, ACTION_RESTORE as $e, ACTION_ENGINE as ue, HistoryContext as Ue, d as ze, AppFooter as Ve, LOCAL_STORAGE_PREFIX as X, LOCAL_STORAGE_SEARCH as De, LOCAL_STORAGE_SORT as He } from "./index.BuI_vLZB.js";
-import { serviceCall as me, SERVICE_TYPES as he, n as je, restCall as Ge, we as Pe, E as J, f as We } from "./index.CXA5Oh8b.js";
+import { g as _e, ACTION_RESTORE as Ne, ACTION_MESSAGE as S, ROLE_ASSISTANT as I, ACTION_RESET as oe, ACTION_MODEL as ne, ACTION_ENGINE as ie, ACTION_STREAMING as se, ACTION_SORT as we, ACTION_SEARCH as Ee, ACTION_SET_TAGS as de, ACTION_RESET_TAGS as le, ACTION_TOGGLE_TAG as ce, AppContext as $, TagsContext as j, rn as U, b as Ie, j as Ce, R as ge, isLastMessageFromRole as ue, O as Se, TOOLBOX as Y, ROLE_INTERNAL as G, ROLE_USER as H, ROLE_SYSTEM as Re, ROLE_HIDDEN as Be, DEFAULT_AI_ENGINE as M, STATS_SEPARATOR as q, TYPE_QUESTION as Ae, SEND as Me, ERROR_MESSAGE as Le, getMessageContaintWrapperClass as Oe, MessagesContainerHeader as $e, HistoryContext as Ue, d as ze, AppFooter as Ve, LOCAL_STORAGE_PREFIX as X, LOCAL_STORAGE_SEARCH as De, LOCAL_STORAGE_SORT as He } from "./index.BQnOdwWT.js";
+import { serviceCall as me, SERVICE_TYPES as he, n as je, restCall as Ge, we as Pe, E as J, f as We } from "./index.C37kbuLu.js";
 import C, { useContext as R, useState as A, useRef as B, useEffect as _, lazy as Fe, Suspense as Q, useReducer as V } from "react";
 import l from "clsx";
 const Ke = ({
@@ -82,12 +82,142 @@ function P(e, t, r) {
   const a = e.random || (e.rng || et)();
   return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Qe(a);
 }
-const rt = () => {
+const rt = (e, t) => {
+  if ((t == null ? void 0 : t.type) === Ne) {
+    const r = t.payload.messages.map((a) => ({
+      message: {
+        role: a.role,
+        content: a.content,
+        name: a.name,
+        processingTime: a.processingTime
+      }
+    }));
+    return {
+      id: t.payload.id,
+      model: t.payload.model,
+      usage: t.payload.usage,
+      isComponent: e.isComponent,
+      messages: r,
+      engine: e.engine,
+      tags: e.tags
+    };
+  }
+  if ((t == null ? void 0 : t.type) === S) {
+    const r = t.payload.message.role, a = t.payload.message.content, n = t.payload.message.name, o = t.payload.message.processingTime, c = t.payload.message.messageId;
+    if (r !== "") {
+      const d = {
+        role: r,
+        content: a,
+        name: n,
+        processingTime: o,
+        messageId: c
+      };
+      if (r === I) {
+        const m = e.messages.findIndex(
+          (g) => g.message.messageId === c
+        );
+        if (m !== -1) {
+          const g = e.messages.map((p, u) => u === m ? {
+            message: {
+              ...p.message,
+              content: `${p.message.content}${a}`,
+              processingTime: o,
+              name: n
+            }
+          } : p);
+          return {
+            id: e.id,
+            model: e.model,
+            usage: e.usage,
+            isComponent: e.isComponent,
+            messages: g,
+            engine: e.engine,
+            tags: e.tags
+          };
+        }
+      }
+      return {
+        id: e.id,
+        model: e.model,
+        engine: e.engine,
+        tags: e.tags,
+        usage: e.usage,
+        isComponent: e.isComponent,
+        messages: [
+          ...e.messages,
+          {
+            message: d
+          }
+        ]
+      };
+    }
+  }
+  return (t == null ? void 0 : t.type) === oe ? {
+    id: P(),
+    model: e.model,
+    engine: e.engine,
+    usage: 0,
+    messages: [],
+    isComponent: e.isComponent,
+    tags: e.tags
+  } : (t == null ? void 0 : t.type) === ne ? {
+    id: e.id,
+    model: t.payload.model,
+    engine: e.engine,
+    tags: e.tags,
+    usage: t.payload.usage,
+    messages: e.messages,
+    isComponent: e.isComponent
+  } : (t == null ? void 0 : t.type) === ie ? {
+    ...e,
+    engine: t.payload.engine
+  } : (t == null ? void 0 : t.type) === se ? {
+    ...e,
+    streaming: t.payload.streaming
+  } : e;
+}, at = (e, t) => {
+  switch (t == null ? void 0 : t.type) {
+    case Ee:
+      return {
+        searchString: t.payload.searchString,
+        sortedCell: e.sortedCell,
+        sortDirection: e.sortDirection
+      };
+    case we:
+      return {
+        searchString: e.searchString,
+        sortedCell: t.payload.sortedCell,
+        sortDirection: t.payload.sortDirection
+      };
+    default:
+      return e;
+  }
+}, ot = (e, t) => {
+  switch (t == null ? void 0 : t.type) {
+    case ce:
+      return {
+        tags: e.tags,
+        tag: t.payload.tag
+      };
+    case le:
+      return {
+        tags: e.tags,
+        tag: ""
+      };
+    case de:
+      return {
+        tags: t.payload.tags,
+        tag: ""
+      };
+    default:
+      return e;
+  }
+}, nt = () => {
   const { dispatch: e, state: t } = R($), { dispatch: r, state: a } = R(j), { getAccessToken: n, user: o } = U(), [c, d] = A({
     loaded: !1
   }), m = "mt-2 flex justify-center rounded-md", g = B(null), p = B(!1), u = (s) => {
     s.preventDefault(), e({
-      type: se
+      type: oe
     });
   };
   _(() => {
@@ -96,7 +226,7 @@ const rt = () => {
   }, [t]);
   const b = (s, h) => {
     s.preventDefault(), r({
-      type: de,
+      type: ce,
       payload: {
         tag: h
       }
@@ -119,7 +249,7 @@ const rt = () => {
           }
         });
         s.status === 200 && (r({
-          type: oe,
+          type: de,
           payload: {
             tags: s.data.tags || []
           }
@@ -130,8 +260,8 @@ const rt = () => {
       }
     })();
   }, [o]), /* @__PURE__ */ v(O, { children: [
-    /* @__PURE__ */ i(Ne, { alignHorizontal: "center", columnGap: 2, children: c && c.loaded && a.tags && a.tags.map((s) => s.enabled && s.label && s.content && /* @__PURE__ */ i(we, { children: /* @__PURE__ */ i("div", { className: m, children: /* @__PURE__ */ i(
-      ne,
+    /* @__PURE__ */ i(Ie, { alignHorizontal: "center", columnGap: 2, children: c && c.loaded && a.tags && a.tags.map((s) => s.enabled && s.label && s.content && /* @__PURE__ */ i(Ce, { children: /* @__PURE__ */ i("div", { className: m, children: /* @__PURE__ */ i(
+      ge,
       {
         noBorder: !0,
         mode: "dark",
@@ -141,8 +271,8 @@ const rt = () => {
         children: s.label
       }
     ) }) }, `tag-button-${s.slot}`)) }),
-    ie(I, t) && /* @__PURE__ */ i("div", { className: m, children: /* @__PURE__ */ i(
-      Ee,
+    ue(I, t) && /* @__PURE__ */ i("div", { className: m, children: /* @__PURE__ */ i(
+      Se,
       {
         noBorder: !0,
         mode: "dark",
@@ -168,7 +298,7 @@ try {
   });
 } catch {
 }
-const at = "av-bubble", ee = "av-button", ot = (e) => {
+const it = "av-bubble", ee = "av-button", st = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -177,7 +307,7 @@ const at = "av-bubble", ee = "av-button", ot = (e) => {
     (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", nt = "button", it = "link", st = ({
+}, W = "icon", dt = "button", lt = "link", ct = ({
   type: e,
   size: t,
   labelRight: r,
@@ -186,13 +316,13 @@ const at = "av-bubble", ee = "av-button", ot = (e) => {
 }) => {
   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";
   switch (e) {
-    case nt:
+    case dt:
       return l("px-4", {
         [o]: t === "small",
         [c]: t === "medium",
         [d]: t === "large"
       });
-    case it:
+    case lt:
       return l("px-4 text-center", {
         [o]: t === "small",
         [c]: t === "medium",
@@ -211,7 +341,7 @@ const at = "av-bubble", ee = "av-button", ot = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, dt = ({
+}, gt = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -243,7 +373,7 @@ const at = "av-bubble", ee = "av-button", ot = (e) => {
       "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"
     });
-}, lt = ({
+}, ut = ({
   mode: e,
   disabled: t,
   variant: r
@@ -271,7 +401,7 @@ const at = "av-bubble", ee = "av-button", ot = (e) => {
       "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"
     });
-}, ct = ({
+}, mt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -299,7 +429,7 @@ const at = "av-bubble", ee = "av-button", ot = (e) => {
       "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"
     });
-}, gt = ({
+}, ht = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -327,7 +457,7 @@ const at = "av-bubble", ee = "av-button", ot = (e) => {
       "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", {
+}, pt = ({ focusMode: e }) => l("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",
@@ -352,18 +482,18 @@ const at = "av-bubble", ee = "av-button", ot = (e) => {
 }) => (s || (s = "primary"), r ? l(ee, t) : l(
   ee,
   t,
-  ot(u),
-  dt({ mode: a, variant: s, noBackground: b, noTruncate: h }),
-  st({ type: e, size: d, labelRight: g, labelLeft: p, align: y }),
-  gt({ mode: a, variant: s, noBorder: m }),
-  ut({ focusMode: n }),
-  lt({ mode: a, variant: s, disabled: o }),
-  ct({ mode: a, variant: s, disabled: o }),
+  st(u),
+  gt({ mode: a, variant: s, noBackground: b, noTruncate: h }),
+  ct({ type: e, size: d, labelRight: g, labelLeft: p, align: y }),
+  ht({ mode: a, variant: s, noBorder: m }),
+  pt({ focusMode: n }),
+  ut({ mode: a, variant: s, disabled: o }),
+  mt({ mode: a, variant: s, disabled: o }),
   {
     "w-full": c,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   }
-)), mt = (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);
 }, F = C.forwardRef((e, t) => {
@@ -373,7 +503,7 @@ const at = "av-bubble", ee = "av-button", ot = (e) => {
     {
       ref: t,
       onClick: (o) => {
-        mt(o, a, r);
+        bt(o, a, r);
       },
       ...n
     }
@@ -454,7 +584,7 @@ try {
   });
 } catch {
 }
-const ht = C.forwardRef(
+const ft = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -531,8 +661,8 @@ const ht = C.forwardRef(
     ) });
   }
 );
-ht.displayName = "ButtonSort";
-const pt = (e) => {
+ft.displayName = "ButtonSort";
+const yt = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -553,7 +683,7 @@ const pt = (e) => {
   semantic: m = !1,
   ...g
 }) => {
-  const p = pt(c), u = l(
+  const p = yt(c), u = l(
     p,
     a || o
   );
@@ -588,7 +718,7 @@ try {
   });
 } catch {
 }
-const bt = ({
+const vt = ({
   className: e,
   viewBox: t,
   spacing: r,
@@ -616,7 +746,7 @@ const bt = ({
       /* @__PURE__ */ i("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" })
     ]
   }
-), ft = ({
+), kt = ({
   className: e,
   viewBox: t,
   spacing: r,
@@ -649,7 +779,7 @@ try {
   });
 } catch {
 }
-const yt = (e) => {
+const xt = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -658,36 +788,36 @@ const yt = (e) => {
     (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;
-}, vt = () => "p-4 sm:max-w-md md:max-w-2xl", kt = ({ kind: e }) => l({
+}, Tt = () => "p-4 sm:max-w-md md:max-w-2xl", _t = ({ kind: e }) => l({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
-}), xt = ({ kind: e }) => l(
+}), Nt = ({ kind: e }) => l(
   "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"
   }
-), Tt = ({ kind: e }) => l("rounded-b-xl", {
+), wt = ({ kind: e }) => l("rounded-b-xl", {
   "rounded-tr-xl": e === "left",
   "rounded-tl-xl": e === "right"
-}), _t = ({
+}), Et = ({
   kind: e,
   className: t,
   spacing: r
 }) => {
   const a = l(
     t,
-    at,
+    it,
     "flex items-start",
-    yt(r),
+    xt(r),
     {
       "flex-row-reverse": e === "right"
     }
   ), n = l(
     "flex flex-col empty:hidden",
-    vt(),
-    xt({ kind: e }),
-    kt({ kind: e }),
-    Tt({ kind: e })
+    Tt(),
+    Nt({ kind: e }),
+    _t({ 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", {
     "ml-2": e === "left",
     "mr-2": e === "right"
@@ -698,7 +828,7 @@ const yt = (e) => {
     footer: o,
     copyButton: c
   };
-}, Nt = ({
+}, It = ({
   children: e,
   kind: t = "left",
   className: r,
@@ -709,7 +839,7 @@ const yt = (e) => {
   copyToClipboardMode: d = "system",
   spacing: m
 }) => {
-  const [g, p] = A(!1), u = _t({ kind: t, className: r, spacing: m }), b = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), s = () => {
+  const [g, p] = A(!1), u = Et({ kind: t, className: r, spacing: m }), b = !!o && (typeof o == "function" || typeof o == "string" || typeof e == "string"), s = () => {
     p(!0), typeof o == "function" ? o(e) : typeof o == "string" ? navigator.clipboard.writeText(o) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
   return _(() => {
@@ -740,11 +870,11 @@ const yt = (e) => {
         label: g ? "Copied to clipboard" : "Copy to clipboard",
         onClick: s,
         disabled: g,
-        children: g ? /* @__PURE__ */ i(bt, { className: "size-3" }) : /* @__PURE__ */ i(ft, { className: "size-3" })
+        children: g ? /* @__PURE__ */ i(vt, { className: "size-3" }) : /* @__PURE__ */ i(kt, { className: "size-3" })
       }
     ) })
   ] });
-}, te = "av-button", wt = (e) => {
+}, te = "av-button", Ct = (e) => {
   let t = "";
   if (typeof e == "number" || typeof e == "string")
     t = "m-" + e;
@@ -753,7 +883,7 @@ const yt = (e) => {
     (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;
-}, ye = "icon", ve = "button", Et = "link", It = ({
+}, ye = "icon", ve = "button", St = "link", Rt = ({
   type: e,
   size: t,
   labelRight: r,
@@ -768,7 +898,7 @@ const yt = (e) => {
         [c]: t === "medium",
         [d]: t === "large"
       });
-    case Et:
+    case St:
       return l("px-4 text-center", {
         [o]: t === "small",
         [c]: t === "medium",
@@ -787,7 +917,7 @@ const yt = (e) => {
         "h-12 px-4 text-lg font-medium": t === "large" && (r || a)
       });
   }
-}, Ct = ({
+}, Bt = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -819,7 +949,7 @@ const yt = (e) => {
       "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"
     });
-}, St = ({
+}, At = ({
   mode: e,
   disabled: t,
   variant: r
@@ -847,7 +977,7 @@ const yt = (e) => {
       "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"
     });
-}, Rt = ({
+}, Mt = ({
   mode: e,
   disabled: t,
   variant: r
@@ -875,7 +1005,7 @@ const yt = (e) => {
       "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"
     });
-}, Bt = ({
+}, Lt = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -903,7 +1033,7 @@ const yt = (e) => {
       "border-border-danger-dark dark:border-border-danger-medium": e === "system",
       "border-border-danger-medium dark:border-border-danger-dark": e === "alt-system"
     });
-}, At = ({ focusMode: e }) => l("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
+}, Ot = ({ focusMode: e }) => l("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",
@@ -928,18 +1058,18 @@ const yt = (e) => {
 }) => (s || (s = "primary"), r ? l(te, t) : l(
   te,
   t,
-  wt(u),
-  Ct({ mode: a, variant: s, noBackground: b, noTruncate: h }),
-  It({ type: e, size: d, labelRight: g, labelLeft: p, align: y }),
-  Bt({ mode: a, variant: s, noBorder: m }),
-  At({ focusMode: n }),
-  St({ mode: a, variant: s, disabled: o }),
-  Rt({ mode: a, variant: s, disabled: o }),
+  Ct(u),
+  Bt({ mode: a, variant: s, noBackground: b, noTruncate: h }),
+  Rt({ type: e, size: d, labelRight: g, labelLeft: p, align: y }),
+  Lt({ mode: a, variant: s, noBorder: m }),
+  Ot({ focusMode: n }),
+  At({ mode: a, variant: s, disabled: o }),
+  Mt({ mode: a, variant: s, disabled: o }),
   {
     "w-full": c,
     "disabled:cursor-not-allowed disabled:opacity-50": o
   }
-)), Mt = (e, t, r) => {
+)), $t = (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) => {
@@ -949,7 +1079,7 @@ const yt = (e) => {
     {
       ref: t,
       onClick: (o) => {
-        Mt(o, a, r);
+        $t(o, a, r);
       },
       ...n
     }
@@ -1012,7 +1142,7 @@ try {
   });
 } catch {
 }
-const Lt = C.forwardRef(
+const Ut = C.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -1089,10 +1219,10 @@ const Lt = C.forwardRef(
     ) });
   }
 );
-Lt.displayName = "ButtonSort";
-const Ot = 200, $t = ({
+Ut.displayName = "ButtonSort";
+const zt = 200, Vt = ({
   string: e,
-  idealLength: t = Ot
+  idealLength: t = zt
 }) => {
   if (e.length <= t)
     return { string: e, isTruncated: !1 };
@@ -1103,7 +1233,7 @@ const Ot = 200, $t = ({
     string: e.slice(0, t + r),
     isTruncated: !0
   };
-}, Ut = ({
+}, Dt = ({
   children: e,
   length: t = 200,
   mode: r = "system",
@@ -1112,7 +1242,7 @@ const Ot = 200, $t = ({
   const [n, o] = A(!1);
   if (typeof e != "string")
     return e;
-  const { string: c, isTruncated: d } = $t({
+  const { string: c, isTruncated: d } = Vt({
     string: e,
     idealLength: t
   });
@@ -1149,9 +1279,9 @@ try {
 const re = Fe(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./LazyMessageAssistant.CfAnbm1d.js"
+    "./LazyMessageAssistant.BRbekCmk.js"
   ).then((e) => e.LazyMessageAssistant)
-), zt = () => {
+), Ht = () => {
   const { state: e } = R($);
   return /* @__PURE__ */ v(O, { children: [
     e && e.messages.length > 0 && e.messages.map((t, r) => {
@@ -1164,21 +1294,21 @@ const re = Fe(
           children: n
         }
       ) }, `${r}-${a}`) : a === H && n ? /* @__PURE__ */ i(
-        Nt,
+        It,
         {
           kind: "right",
           copyToClipboard: n,
           copyToClipboardFocusMode: "light",
-          children: /* @__PURE__ */ i(Ut, { mode: "light", focusMode: "light", children: n })
+          children: /* @__PURE__ */ i(Dt, { mode: "light", focusMode: "light", children: n })
         },
         `${r}-${a}`
       ) : null;
     }),
-    ie(H, e) && /* @__PURE__ */ i(Q, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(re, { loading: !0 }) })
+    ue(H, e) && /* @__PURE__ */ i(Q, { fallback: /* @__PURE__ */ i("span", {}), children: /* @__PURE__ */ i(re, { loading: !0 }) })
   ] });
 }, L = (e, t) => {
   e({
-    type: ge,
+    type: se,
     payload: {
       streaming: t
     }
@@ -1189,11 +1319,11 @@ const re = Fe(
     payload: {
       message: {
         role: G,
-        content: Be
+        content: Le
       }
     }
   });
-}, Vt = () => {
+}, jt = () => {
   const { state: e, dispatch: t } = R($), { state: r, dispatch: a } = R(j), [n, o] = A(""), { getAccessToken: c, user: d } = U(), m = B(null), g = B(
     null
   );
@@ -1205,7 +1335,7 @@ const re = Fe(
         return;
       }
       const u = e.messages[e.messages.length - 1];
-      if (!(e.messages.length === 0 || u.message.role === I || u.message.role === Ie || u.message.role === G || u.message.role === Ce))
+      if (!(e.messages.length === 0 || u.message.role === I || u.message.role === Re || u.message.role === G || u.message.role === Be))
         try {
           const s = await Ge({
             accessToken: await c(),
@@ -1235,7 +1365,7 @@ const re = Fe(
                   k.substring(x + q.length)
                 );
                 t({
-                  type: le,
+                  type: ne,
                   payload: {
                     model: T.model,
                     usage: T.usage
@@ -1284,9 +1414,12 @@ const re = Fe(
     }), o("");
   };
   return _(() => {
-    r.tag !== "" && (o(r.tag), m.current && m.current.focus(), a({
-      type: ce
-    }));
+    if (r.tag !== "") {
+      const u = r.tag.endsWith(":") && !r.tag.endsWith(": ") ? r.tag + " " : r.tag;
+      o(u), m.current && m.current.focus(), a({
+        type: le
+      });
+    }
   }, [r, a]), _(() => {
     e && e.usage === 0 && e.messages.length === 0 && m.current && m.current.focus();
   }, [e]), /* @__PURE__ */ i("form", { className: "mt-2", onSubmit: p, children: /* @__PURE__ */ i(
@@ -1296,7 +1429,7 @@ const re = Fe(
       focusMode: "light",
       ref: m,
       name: "chat-input",
-      label: Se,
+      label: Ae,
       helperText: "Press ENTER to add a new line",
       helperTextOnFocus: !0,
       required: !0,
@@ -1304,138 +1437,28 @@ const re = Fe(
       onChange: (u) => o(u.target.value),
       onKeyDown: Je([["mod+Enter", p]]),
       rightElement: /* @__PURE__ */ i(
-        ne,
+        ge,
         {
           disabled: e == null ? void 0 : e.streaming,
           noBorder: !0,
           type: "submit",
           mode: "light",
           focusMode: "light",
-          children: Re
+          children: Me
         }
       )
     }
   ) });
-}, Dt = () => {
-  const { isAuthenticated: e } = U(), t = Ae(e);
+}, Gt = () => {
+  const { isAuthenticated: e } = U(), t = Oe(e);
   return /* @__PURE__ */ v(O, { children: [
     /* @__PURE__ */ v("div", { className: t, children: [
-      /* @__PURE__ */ i(Me, {}),
-      /* @__PURE__ */ i(zt, {})
+      /* @__PURE__ */ i($e, {}),
+      /* @__PURE__ */ i(Ht, {})
     ] }),
-    /* @__PURE__ */ i(rt, {}),
-    /* @__PURE__ */ i(Vt, {})
+    /* @__PURE__ */ i(nt, {}),
+    /* @__PURE__ */ i(jt, {})
   ] });
-}, Ht = (e, t) => (t == null ? void 0 : t.type) === de ? {
-  tags: e.tags,
-  tag: t.payload.tag
-} : (t == null ? void 0 : t.type) === ce ? {
-  tags: e.tags,
-  tag: ""
-} : (t == null ? void 0 : t.type) === oe ? {
-  tags: t.payload.tags,
-  tag: ""
-} : e, jt = (e, t) => (t == null ? void 0 : t.type) === Le ? {
-  searchString: t.payload.searchString,
-  sortedCell: e.sortedCell,
-  sortDirection: e.sortDirection
-} : (t == null ? void 0 : t.type) === Oe ? {
-  searchString: e.searchString,
-  sortedCell: t.payload.sortedCell,
-  sortDirection: t.payload.sortDirection
-} : e, Gt = (e, t) => {
-  if ((t == null ? void 0 : t.type) === $e) {
-    const r = t.payload.messages.map((a) => ({
-      message: {
-        role: a.role,
-        content: a.content,
-        name: a.name,
-        processingTime: a.processingTime
-      }
-    }));
-    return {
-      id: t.payload.id,
-      model: t.payload.model,
-      usage: t.payload.usage,
-      isComponent: e.isComponent,
-      messages: r,
-      engine: e.engine,
-      tags: e.tags
-    };
-  }
-  if ((t == null ? void 0 : t.type) === S) {
-    const r = t.payload.message.role, a = t.payload.message.content, n = t.payload.message.name, o = t.payload.message.processingTime, c = t.payload.message.messageId;
-    if (r !== "") {
-      const d = {
-        role: r,
-        content: a,
-        name: n,
-        processingTime: o,
-        messageId: c
-      };
-      if (r === I) {
-        const m = e.messages.findIndex(
-          (g) => g.message.messageId === c
-        );
-        if (m !== -1) {
-          const g = e.messages.map((p, u) => u === m ? {
-            message: {
-              ...p.message,
-              content: `${p.message.content}${a}`,
-              processingTime: o,
-              name: n
-            }
-          } : p);
-          return {
-            id: e.id,
-            model: e.model,
-            usage: e.usage,
-            isComponent: e.isComponent,
-            messages: g,
-            engine: e.engine,
-            tags: e.tags
-          };
-        }
-      }
-      return {
-        id: e.id,
-        model: e.model,
-        engine: e.engine,
-        tags: e.tags,
-        usage: e.usage,
-        isComponent: e.isComponent,
-        messages: [
-          ...e.messages,
-          {
-            message: d
-          }
-        ]
-      };
-    }
-  }
-  return (t == null ? void 0 : t.type) === se ? {
-    id: P(),
-    model: e.model,
-    engine: e.engine,
-    usage: 0,
-    messages: [],
-    isComponent: e.isComponent,
-    tags: e.tags
-  } : (t == null ? void 0 : t.type) === le ? {
-    id: e.id,
-    model: t.payload.model,
-    engine: e.engine,
-    tags: e.tags,
-    usage: t.payload.usage,
-    messages: e.messages,
-    isComponent: e.isComponent
-  } : (t == null ? void 0 : t.type) === ue ? {
-    ...e,
-    engine: t.payload.engine
-  } : (t == null ? void 0 : t.type) === ge ? {
-    ...e,
-    streaming: t.payload.streaming
-  } : e;
 };
 function Te({ isComponent: e = !1 }) {
   const t = B(!1), { getAccessToken: r, user: a } = U(), [n] = J({
@@ -1444,7 +1467,7 @@ function Te({ isComponent: e = !1 }) {
   }), [o] = J({
     key: X + He,
     initialValue: We.ASC
-  }), [c, d] = V(Gt, {
+  }), [c, d] = V(rt, {
     id: P(),
     model: M,
     engine: M,
@@ -1452,12 +1475,13 @@ function Te({ isComponent: e = !1 }) {
     messages: [],
     tags: [],
     isComponent: e
-  }), [m, g] = V(jt, {
+  }), [m, g] = V(at, {
     searchString: n,
     sortedCell: "timestamp",
     sortDirection: o
-  }), [p, u] = V(Ht, {
-    tag: ""
+  }), [p, u] = V(ot, {
+    tag: "",
+    tags: []
   }), [b, s] = A({
     version: "",
     models: [],
@@ -1477,7 +1501,7 @@ function Te({ isComponent: e = !1 }) {
           }
         });
         t.current = !1, h.status === 200 && (s(h.data), d({
-          type: ue,
+          type: ie,
           payload: {
             engine: h.data.engine
           }
@@ -1503,7 +1527,7 @@ function Te({ isComponent: e = !1 }) {
         {
           value: { state: p, dispatch: u },
           children: [
-            /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ i(Dt, {}) }),
+            /* @__PURE__ */ i(ze, { children: /* @__PURE__ */ i(Gt, {}) }),
             /* @__PURE__ */ i(Ve, { serverStats: b })
           ]
         }
@@ -1514,6 +1538,6 @@ function Te({ isComponent: e = !1 }) {
 Te.displayName = "App";
 const qt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: Te }, Symbol.toStringTag, { value: "Module" }));
 export {
-  qt as App,
-  Nt as le
+  qt as LazyApp,
+  It as le
 };