@versini/sassysaint 5.5.19 → 5.5.21

package/dist/chunks/{App.CN26Vdes.js → App.DhOL7eGv.js}

@@ -1,7 +1,7 @@
 import { jsxs as v, jsx as l, Fragment as Y } from "react/jsx-runtime";
-import { g as ue, ACTION_RESTORE as At, ACTION_MESSAGE as q, ROLE_ASSISTANT as K, ACTION_RESET as qe, ACTION_MODEL as Ke, ACTION_ENGINE as Je, ACTION_STREAMING as Qe, ACTION_SORT as Lt, ACTION_SEARCH as zt, ACTION_SET_TAGS as Xe, ACTION_RESET_TAGS as Ye, ACTION_TOGGLE_TAG as Ze, DEFAULT_AI_ENGINE as U, P as et, un as Z, ROLE_SYSTEM as Mt, ROLE_INTERNAL as he, ROLE_HIDDEN as Ot, STATS_SEPARATOR as Be, CLIPBOARD_TAG as Ae, TYPE_QUESTION as Ut, C as tt, SEND as Dt, ERROR_MESSAGE as Vt, ROLE_USER as le, L as Pt, j as Ht, isLastMessageFromRole as Gt, getMessageContaintWrapperClass as Ft, Logo as Wt, getMainPaddingClass as Le, r as jt, LOCAL_STORAGE_PREFIX as ze, LOCAL_STORAGE_SEARCH as qt, LOCAL_STORAGE_SORT as Kt } from "./index.DaKlCgCU.js";
+import { g as ge, ACTION_RESTORE as At, ACTION_MESSAGE as q, ROLE_ASSISTANT as K, ACTION_RESET as qe, ACTION_MODEL as Ke, ACTION_ENGINE as Je, ACTION_STREAMING as Qe, ACTION_SORT as Lt, ACTION_SEARCH as Mt, ACTION_SET_PROMPTS as Xe, ACTION_RESET_PROMPTS as Ye, ACTION_TOGGLE_PROMPT as Ze, DEFAULT_AI_ENGINE as U, P as et, un as Z, ROLE_SYSTEM as zt, ROLE_INTERNAL as he, ROLE_HIDDEN as Ot, STATS_SEPARATOR as Be, CLIPBOARD_PROMPT as Ae, TYPE_QUESTION as Ut, C as tt, SEND as Pt, ERROR_MESSAGE as Dt, ROLE_USER as le, L as Vt, j as Ht, isLastMessageFromRole as Ft, getMessageContaintWrapperClass as Gt, Logo as Wt, getMainPaddingClass as Le, r as jt, LOCAL_STORAGE_PREFIX as Me, LOCAL_STORAGE_SEARCH as qt, LOCAL_STORAGE_SORT as Kt } from "./index.CEwE7VpW.js";
 import s from "clsx";
-import I, { useRef as k, useEffect as x, useCallback as D, useSyncExternalStore as Jt, useState as S, useMemo as pe, useContext as $, useLayoutEffect as P, useId as Qt, useReducer as Q, lazy as rt, Suspense as ce } from "react";
+import I, { useRef as k, useEffect as x, useCallback as P, useSyncExternalStore as Jt, useState as S, useMemo as pe, useContext as $, useLayoutEffect as V, useId as Qt, useReducer as Q, lazy as rt, Suspense as ce } from "react";
 const Xt = ({
   className: e,
   viewBox: t,
@@ -9,7 +9,7 @@ const Xt = ({
   monotone: a,
   ...o
 }) => /* @__PURE__ */ v(
-  ue,
+  ge,
   {
     defaultViewBox: "0 0 448 512",
     size: "size-5",
@@ -35,7 +35,7 @@ const Xt = ({
   monotone: a,
   ...o
 }) => /* @__PURE__ */ l(
-  ue,
+  ge,
   {
     defaultViewBox: "0 0 384 512",
     size: "size-5",
@@ -52,7 +52,7 @@ const Xt = ({
   monotone: a,
   ...o
 }) => /* @__PURE__ */ l(
-  ue,
+  ge,
   {
     defaultViewBox: "0 0 384 512",
     size: "size-5",
@@ -87,7 +87,7 @@ const er = "av-header", tr = ({
   noMargin: c = !1,
   noPadding: d = !1
 }) => {
-  const g = s(
+  const m = s(
     er,
     {
       "border-border-accent": a === "dark" && !r && !o && !i,
@@ -103,12 +103,12 @@ const er = "av-header", tr = ({
       "sticky top-0 z-50": n
     },
     t
-  ), m = s({
+  ), u = s({
     "mt-0": !c,
     "p-2": !d,
     "flex flex-col w-full md:mx-auto md:max-w-4xl": !r
   });
-  return /* @__PURE__ */ l("header", { className: g, children: /* @__PURE__ */ l("div", { className: m, children: e }) });
+  return /* @__PURE__ */ l("header", { className: m, children: /* @__PURE__ */ l("div", { className: u, children: e }) });
 };
 function rr(e) {
   const t = e.toLowerCase().split("+").map((n) => n.trim()), r = {
@@ -124,15 +124,15 @@ function rr(e) {
   };
 }
 function ar(e, t) {
-  const { alt: r, ctrl: a, meta: o, mod: n, shift: i, key: c } = e, { altKey: d, ctrlKey: g, metaKey: m, shiftKey: h, key: u } = t;
+  const { alt: r, ctrl: a, meta: o, mod: n, shift: i, key: c } = e, { altKey: d, ctrlKey: m, metaKey: u, shiftKey: h, key: g } = t;
   if (r !== d)
     return !1;
   if (n) {
-    if (!g && !m)
+    if (!m && !u)
       return !1;
-  } else if (a !== g || o !== m)
+  } else if (a !== m || o !== u)
     return !1;
-  return i !== h ? !1 : !!(c && (u.toLowerCase() === c.toLowerCase() || t.code.replace("Key", "").toLowerCase() === c.toLowerCase()));
+  return i !== h ? !1 : !!(c && (g.toLowerCase() === c.toLowerCase() || t.code.replace("Key", "").toLowerCase() === c.toLowerCase()));
 }
 function or(e) {
   return (t) => ar(rr(e), t);
@@ -149,12 +149,12 @@ function sr() {
   const e = k(!1);
   return x(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), D(() => e.current, []);
+  }), []), P(() => e.current, []);
 }
 function at(e, t) {
   window.dispatchEvent(new StorageEvent("storage", { key: e, newValue: t }));
 }
-const Me = (e, t) => {
+const ze = (e, t) => {
   const r = JSON.stringify(
     typeof t == "function" ? t() : t
   );
@@ -166,24 +166,24 @@ function Ue({
   key: e,
   initialValue: t
 }) {
-  const r = Jt(lr, () => Oe(e)), a = D(
+  const r = Jt(lr, () => Oe(e)), a = P(
     (i) => {
       try {
         const c = typeof i == "function" ? i(JSON.parse(r)) : i;
-        c == null ? ir(e) : Me(e, c);
+        c == null ? ir(e) : ze(e, c);
       } catch (c) {
         console.warn(c);
       }
     },
     [e, r]
-  ), o = D(() => {
+  ), o = P(() => {
     a(t);
-  }, [t, a]), n = D(() => {
+  }, [t, a]), n = P(() => {
     a(null);
   }, [a]);
   return x(() => {
     try {
-      Oe(e) === null && typeof t < "u" && Me(e, t);
+      Oe(e) === null && typeof t < "u" && ze(e, t);
     } catch (i) {
       console.warn(i);
     }
@@ -226,7 +226,7 @@ try {
 const ee = "thead", be = "tfoot", H = "tbody", j = {
   ASC: "asc",
   DESC: "desc"
-}, gr = ({
+}, mr = ({
   mode: e,
   className: t,
   wrapperClassName: r,
@@ -261,7 +261,7 @@ const ee = "thead", be = "tfoot", H = "tbody", j = {
     "text-copy-light dark:text-copy-dark": e === "system",
     "text-copy-dark dark:text-copy-light": e === "alt-system"
   })
-}), mr = ({
+}), ur = ({
   className: e,
   stickyHeader: t,
   mode: r
@@ -274,7 +274,7 @@ const ee = "thead", be = "tfoot", H = "tbody", j = {
     "shadow-[rgb(65_65_65_/30%)_0_0.5rem_1rem] dark:shadow-[rgb(190_190_190_/20%)_0_0.5rem_1rem]": t && r === "alt-system"
   },
   e
-), ur = ({
+), gr = ({
   className: e,
   stickyFooter: t,
   mode: r
@@ -338,7 +338,7 @@ const ee = "thead", be = "tfoot", H = "tbody", j = {
   )
 }), br = ({
   buttonClassName: e
-}) => s("rounded-none text-sm", e), De = "av-button", ye = "icon", ot = "button", de = "link", yr = ({
+}) => s("rounded-none text-sm", e), Pe = "av-button", ye = "icon", ot = "button", de = "link", yr = ({
   type: e,
   size: t,
   labelRight: r,
@@ -569,35 +569,35 @@ const ee = "thead", be = "tfoot", H = "tbody", j = {
   fullWidth: i,
   size: c,
   noBorder: d,
-  labelRight: g,
-  labelLeft: m,
+  labelRight: m,
+  labelLeft: u,
   noBackground: h,
-  variant: u,
+  variant: g,
   noTruncate: p,
   align: b,
   radius: f
-}) => (u || (u = "primary"), r ? s(De, t) : s(
-  De,
+}) => (g || (g = "primary"), r ? s(Pe, t) : s(
+  Pe,
   kr({
     mode: a,
-    variant: u,
+    variant: g,
     noBackground: h,
     noTruncate: p
   }),
-  vr({ mode: a, noBackground: h, variant: u }),
+  vr({ mode: a, noBackground: h, variant: g }),
   xr({ radius: f }),
   yr({
     type: e,
     size: c,
-    labelRight: g,
-    labelLeft: m,
+    labelRight: m,
+    labelLeft: u,
     align: b
   }),
-  fr({ type: e, size: c, labelRight: g, labelLeft: m }),
-  Nr({ mode: a, variant: u, noBorder: d }),
+  fr({ type: e, size: c, labelRight: m, labelLeft: u }),
+  Nr({ mode: a, variant: g, noBorder: d }),
   Tr({ focusMode: o }),
-  _r({ mode: a, variant: u, disabled: n }),
-  wr({ mode: a, variant: u, disabled: n }),
+  _r({ mode: a, variant: g, disabled: n }),
+  wr({ mode: a, variant: g, disabled: n }),
   {
     "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": n
@@ -644,10 +644,10 @@ const st = I.forwardRef(
     type: i = "button",
     raw: c = !1,
     noBorder: d = !1,
-    "aria-label": g,
-    label: m,
+    "aria-label": m,
+    label: u,
     size: h = "medium",
-    labelRight: u,
+    labelRight: g,
     labelLeft: p,
     noBackground: b = !1,
     align: f = "center",
@@ -665,7 +665,7 @@ const st = I.forwardRef(
       className: n,
       noBorder: d,
       size: h,
-      labelRight: u,
+      labelRight: g,
       labelLeft: p,
       noBackground: b,
       align: f,
@@ -675,7 +675,7 @@ const st = I.forwardRef(
       "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
-    }), z = y ? s(
+    }), M = y ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -692,19 +692,19 @@ const st = I.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: z, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ v(
       nt,
       {
         ref: T,
         className: R,
         disabled: t,
         type: i,
-        "aria-label": g || m,
+        "aria-label": m || u,
         ...N,
         children: [
           p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
           /* @__PURE__ */ l("div", { className: E, children: e }),
-          u && /* @__PURE__ */ l("span", { className: "pl-2", children: u })
+          g && /* @__PURE__ */ l("span", { className: "pl-2", children: g })
         ]
       }
     ) });
@@ -722,13 +722,13 @@ const fe = ({
   semantic: c = !1,
   ...d
 }) => {
-  const g = s(n, a);
+  const m = s(n, a);
   return /* @__PURE__ */ v(Y, { children: [
     /* @__PURE__ */ l(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: g,
+        className: m,
         viewBox: r || o,
         fill: t || "currentColor",
         role: "img",
@@ -867,7 +867,7 @@ try {
   });
 } catch {
 }
-const G = I.createContext({
+const F = I.createContext({
   mode: "light",
   cellWrapper: "thead",
   stickyHeader: !1,
@@ -883,20 +883,20 @@ const G = I.createContext({
   wrapperClassName: i,
   maxHeight: c,
   stickyHeader: d,
-  stickyFooter: g,
-  ...m
+  stickyFooter: m,
+  ...u
 }) => {
-  const h = gr({
+  const h = mr({
     mode: t,
     className: n,
     wrapperClassName: i,
     stickyHeader: d,
-    stickyFooter: g
+    stickyFooter: m
   });
   return /* @__PURE__ */ l(
-    G.Provider,
+    F.Provider,
     {
-      value: { mode: t, stickyHeader: d, stickyFooter: g, compact: a },
+      value: { mode: t, stickyHeader: d, stickyFooter: m, compact: a },
       children: /* @__PURE__ */ l(
         "div",
         {
@@ -904,7 +904,7 @@ const G = I.createContext({
           ...c && {
             style: { maxHeight: c }
           },
-          children: /* @__PURE__ */ v("table", { className: h.table, summary: o, ...m, children: [
+          children: /* @__PURE__ */ v("table", { className: h.table, summary: o, ...u, children: [
             r && /* @__PURE__ */ l("caption", { className: h.caption, children: r }),
             e
           ] })
@@ -917,9 +917,9 @@ const G = I.createContext({
   className: t,
   ...r
 }) => {
-  const a = $(G);
+  const a = $(F);
   a.cellWrapper = ee;
-  const o = mr({
+  const o = ur({
     className: t,
     mode: a.mode,
     stickyHeader: a.stickyHeader
@@ -930,23 +930,23 @@ const G = I.createContext({
   className: t,
   ...r
 }) => {
-  const a = $(G);
+  const a = $(F);
   a.cellWrapper = be;
-  const o = ur({
+  const o = gr({
     className: t,
     mode: a.mode,
     stickyFooter: a.stickyFooter
   });
   return /* @__PURE__ */ l("tfoot", { className: o, ...r, children: e });
 }, ao = ({ children: e, ...t }) => {
-  const r = $(G);
+  const r = $(F);
   return r.cellWrapper = H, /* @__PURE__ */ l("tbody", { ...t, children: e });
 }, oo = ({
   children: e,
   className: t,
   ...r
 }) => {
-  const a = $(G), o = hr({
+  const a = $(F), o = hr({
     mode: a.mode,
     cellWrapper: a.cellWrapper,
     className: t
@@ -959,7 +959,7 @@ const G = I.createContext({
   align: a,
   ...o
 }) => {
-  const n = $(G), i = t || (n.cellWrapper === ee ? "th" : "td"), { mainClasses: c, alignClasses: d } = pr({
+  const n = $(F), i = t || (n.cellWrapper === ee ? "th" : "td"), { mainClasses: c, alignClasses: d } = pr({
     cellWrapper: n.cellWrapper,
     className: r,
     mode: n.mode,
@@ -977,24 +977,24 @@ const G = I.createContext({
   mode: i = "alt-system",
   onClick: c,
   sortDirection: d,
-  sortedCell: g,
-  cellId: m,
+  sortedCell: m,
+  cellId: u,
   ...h
 }) => {
-  const u = br({ buttonClassName: r });
+  const g = br({ buttonClassName: r });
   return /* @__PURE__ */ l(
     $r,
     {
       component: o,
       className: a,
       role: "columnheader",
-      "aria-sort": d === j.ASC && g === m ? "ascending" : d === j.DESC && g === m ? "descending" : "other",
+      "aria-sort": d === j.ASC && m === u ? "ascending" : d === j.DESC && m === u ? "descending" : "other",
       ...h,
       children: /* @__PURE__ */ l(
         st,
         {
-          active: g === m,
-          className: u,
+          active: m === u,
+          className: g,
           onClick: c,
           align: e,
           noBorder: !0,
@@ -1002,7 +1002,7 @@ const G = I.createContext({
           mode: i,
           fullWidth: !0,
           labelRight: t,
-          children: d === j.ASC && g === m ? /* @__PURE__ */ l(Rr, { className: "size-4", monotone: !0 }) : d === j.DESC && g === m ? /* @__PURE__ */ l(Ir, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(Cr, { className: "size-4", monotone: !0 })
+          children: d === j.ASC && m === u ? /* @__PURE__ */ l(Rr, { className: "size-4", monotone: !0 }) : d === j.DESC && m === u ? /* @__PURE__ */ l(Ir, { className: "size-4", monotone: !0 }) : /* @__PURE__ */ l(Cr, { className: "size-4", monotone: !0 })
         }
       )
     }
@@ -1023,15 +1023,15 @@ function Lr() {
   }
   return se(Ar);
 }
-const zr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), Ve = { randomUUID: zr };
+const Mr = typeof crypto < "u" && crypto.randomUUID && crypto.randomUUID.bind(crypto), De = { randomUUID: Mr };
 function ke(e, t, r) {
-  if (Ve.randomUUID && !t && !e)
-    return Ve.randomUUID();
+  if (De.randomUUID && !t && !e)
+    return De.randomUUID();
   e = e || {};
   const a = e.random || (e.rng || Lr)();
   return a[6] = a[6] & 15 | 64, a[8] = a[8] & 63 | 128, Br(a);
 }
-const Mr = (e, t) => {
+const zr = (e, t) => {
   if ((t == null ? void 0 : t.type) === At) {
     const r = t.payload.messages.map((a) => ({
       message: {
@@ -1048,7 +1048,7 @@ const Mr = (e, t) => {
       isComponent: e.isComponent,
       messages: r,
       engine: e.engine,
-      tags: e.tags
+      prompts: e.prompts
     };
   }
   if ((t == null ? void 0 : t.type) === q) {
@@ -1063,25 +1063,25 @@ const Mr = (e, t) => {
       };
       if (r === K) {
         const d = e.messages.findIndex(
-          (g) => g.message.messageId === i
+          (m) => m.message.messageId === i
         );
         if (d !== -1) {
-          const g = e.messages.map((m, h) => h === d ? {
+          const m = e.messages.map((u, h) => h === d ? {
             message: {
-              ...m.message,
-              content: `${m.message.content}${a}`,
+              ...u.message,
+              content: `${u.message.content}${a}`,
               processingTime: n,
               name: o
             }
-          } : m);
+          } : u);
           return {
             id: e.id,
             model: e.model,
             usage: e.usage,
             isComponent: e.isComponent,
-            messages: g,
+            messages: m,
             engine: e.engine,
-            tags: e.tags
+            prompts: e.prompts
           };
         }
       }
@@ -1089,7 +1089,7 @@ const Mr = (e, t) => {
         id: e.id,
         model: e.model,
         engine: e.engine,
-        tags: e.tags,
+        prompts: e.prompts,
         usage: e.usage,
         isComponent: e.isComponent,
         messages: [
@@ -1108,12 +1108,12 @@ const Mr = (e, t) => {
     usage: 0,
     messages: [],
     isComponent: e.isComponent,
-    tags: e.tags
+    prompts: e.prompts
   } : (t == null ? void 0 : t.type) === Ke ? {
     id: e.id,
     model: t.payload.model,
     engine: e.engine,
-    tags: e.tags,
+    prompts: e.prompts,
     usage: t.payload.usage,
     messages: e.messages,
     isComponent: e.isComponent
@@ -1126,7 +1126,7 @@ const Mr = (e, t) => {
   } : e;
 }, Or = (e, t) => {
   switch (t == null ? void 0 : t.type) {
-    case zt:
+    case Mt:
       return {
         searchString: t.payload.searchString,
         sortedCell: e.sortedCell,
@@ -1145,18 +1145,18 @@ const Mr = (e, t) => {
   switch (t == null ? void 0 : t.type) {
     case Ze:
       return {
-        tags: e.tags,
-        tag: t.payload.tag
+        prompts: e.prompts,
+        prompt: t.payload.prompt
       };
     case Ye:
       return {
-        tags: e.tags,
-        tag: ""
+        prompts: e.prompts,
+        prompt: ""
       };
     case Xe:
       return {
-        tags: t.payload.tags,
-        tag: ""
+        prompts: t.payload.prompts,
+        prompt: ""
       };
     default:
       return e;
@@ -1298,7 +1298,7 @@ const Mr = (e, t) => {
     schema: L.SET_USER_PREFERENCES,
     method: "setUserPreferences"
   }
-}, lt = process.env.PUBLIC_SASSY_API_SERVER_URL, Dr = async ({
+}, lt = process.env.PUBLIC_SASSY_API_SERVER_URL, Pr = async ({
   query: e,
   data: t,
   headers: r = {}
@@ -1321,7 +1321,7 @@ const Mr = (e, t) => {
 }) => {
   const a = t != null && t.data ? t.data(r) : r;
   try {
-    const o = `Bearer ${e}`, n = await Dr({
+    const o = `Bearer ${e}`, n = await Pr({
       headers: {
         authorization: o
       },
@@ -1339,7 +1339,7 @@ const Mr = (e, t) => {
   } catch (o) {
     return console.error(o), { status: 500, data: [] };
   }
-}, Vr = async ({
+}, Dr = async ({
   accessToken: e,
   name: t,
   data: r,
@@ -1355,7 +1355,7 @@ const Mr = (e, t) => {
     },
     body: JSON.stringify(r)
   });
-}, F = I.createContext({
+}, G = I.createContext({
   state: {
     id: "",
     model: U,
@@ -1363,7 +1363,7 @@ const Mr = (e, t) => {
     usage: 0,
     messages: [],
     isComponent: !1,
-    tags: []
+    prompts: []
   },
   dispatch: () => {
   },
@@ -1374,12 +1374,12 @@ const Mr = (e, t) => {
     engine: U,
     engines: []
   }
-}), Pr = I.createContext({
+}), Vr = I.createContext({
   state: { searchString: "", sortedCell: "", sortDirection: "" },
   dispatch: () => {
   }
 }), ve = I.createContext({
-  state: { tag: "" },
+  state: { prompt: "" },
   dispatch: () => {
   }
 });
@@ -1396,12 +1396,12 @@ try {
   });
 } catch {
 }
-const dt = "av-text-area", Hr = "av-text-area-wrapper", ie = "av-text-area-helper-text", Gr = "av-text-area__control--right", Fr = "av-text-area__control--left";
+const dt = "av-text-area", Hr = "av-text-area-wrapper", ie = "av-text-area-helper-text", Fr = "av-text-area__control--right", Gr = "av-text-area__control--left";
 function Wr() {
   const e = k(!1);
   return x(() => (e.current = !0, () => {
     e.current = !1;
-  }), []), D(() => e.current, []);
+  }), []), P(() => e.current, []);
 }
 function jr(e) {
   return pe(() => e.every((t) => t == null) ? () => {
@@ -1421,7 +1421,7 @@ const qr = {
   bottom: 0,
   right: 0
 };
-function Pe(e) {
+function Ve(e) {
   const t = Wr(), r = k(0), a = k(null), [o, n] = S(qr), i = pe(() => typeof ResizeObserver > "u" ? null : new ResizeObserver((c) => {
     const d = c[0];
     d && (cancelAnimationFrame(r.current), r.current = requestAnimationFrame(() => {
@@ -1442,14 +1442,14 @@ function Kr({
 }) {
   const [n, i] = S(!1), [c, d] = S(
     t !== void 0 ? t : r
-  ), g = (m) => {
-    d(m), a == null || a(m);
+  ), m = (u) => {
+    d(u), a == null || a(u);
   };
   return x(() => {
     (async () => e !== void 0 && !n && o > 0 && (await new Promise(
-      (m) => setTimeout(m, o)
+      (u) => setTimeout(u, o)
     ), i(!0)))();
-  }, [e, o, n]), e !== void 0 ? !n && o > 0 ? ["", a, !0] : [e, a, !0] : [c, g, !1];
+  }, [e, o, n]), e !== void 0 ? !n && o > 0 ? ["", a, !0] : [e, a, !0] : [c, m, !1];
 }
 function Jr(e) {
   const t = Qt();
@@ -1462,7 +1462,7 @@ function Jr(e) {
     return typeof r == "number" || typeof r == "string" ? `${a}${r}` : `${a}${t}`;
   }
 }
-const gt = "SET_ANNOUNCEMENT", mt = "CLEAR_ANNOUNCEMENT", Qr = {
+const mt = "SET_ANNOUNCEMENT", ut = "CLEAR_ANNOUNCEMENT", Qr = {
   alert: null,
   alertdialog: null,
   log: "polite",
@@ -1472,12 +1472,12 @@ const gt = "SET_ANNOUNCEMENT", mt = "CLEAR_ANNOUNCEMENT", Qr = {
   timer: "assertive"
 }, Xr = (e, t) => {
   switch (t == null ? void 0 : t.type) {
-    case gt:
+    case mt:
       return {
         ...e,
         announcement: t.payload
       };
-    case mt:
+    case ut:
       return {
         ...e,
         announcement: null
@@ -1490,7 +1490,7 @@ const gt = "SET_ANNOUNCEMENT", mt = "CLEAR_ANNOUNCEMENT", Qr = {
   dispatch: t
 }) => {
   t({
-    type: mt
+    type: ut
   }), typeof e == "function" && e();
 }, He = ({
   children: e,
@@ -1500,7 +1500,7 @@ const gt = "SET_ANNOUNCEMENT", mt = "CLEAR_ANNOUNCEMENT", Qr = {
   dispatch: o
 }) => {
   clearTimeout(r.current), e !== null && o({
-    type: gt,
+    type: mt,
     payload: e
   }), t && (r.current = setTimeout(
     () => Yr({
@@ -1543,19 +1543,19 @@ function ea({
   visible: c,
   ...d
 }) {
-  const g = k(null), m = k(null), [h, u] = Q(Xr, {
+  const m = k(null), u = k(null), [h, g] = Q(Xr, {
     announcement: null
   });
   let p = r;
   typeof p > "u" && (p = a ? Qr[a] : "assertive"), x(() => {
     Zr({
-      announcementTimeoutRef: g,
+      announcementTimeoutRef: m,
       announcementDelay: o,
       children: e,
       clearAnnouncementDelay: n,
-      clearAnnouncementTimeoutRef: m,
+      clearAnnouncementTimeoutRef: u,
       onAnnouncementClear: i,
-      dispatch: u
+      dispatch: g
     });
   }, [
     e,
@@ -1686,9 +1686,9 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
   error: i,
   mode: c,
   leftElement: d,
-  rightElement: g
+  rightElement: m
 }) => {
-  const m = r ? e : s(
+  const u = r ? e : s(
     "relative flex w-full flex-col justify-center",
     Hr,
     e
@@ -1705,23 +1705,23 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     {
       "disabled:cursor-not-allowed disabled:opacity-50": o
     }
-  ), u = r ? void 0 : "sr-only", p = na({
+  ), g = r ? void 0 : "sr-only", p = na({
     disabled: o,
     raw: r,
     error: i,
     mode: c,
-    rightElement: g,
+    rightElement: m,
     leftElement: d
   }), b = sa({
     error: i,
     raw: r,
     mode: c,
     disabled: o
-  }), f = r ? void 0 : s(Gr, "absolute"), y = r ? void 0 : s(Fr, "absolute");
+  }), f = r ? void 0 : s(Fr, "absolute"), y = r ? void 0 : s(Gr, "absolute");
   return {
-    wrapper: m,
+    wrapper: u,
     textArea: h,
-    accessibleLabel: u,
+    accessibleLabel: g,
     visibleLabel: p,
     helperText: b,
     rightElement: f,
@@ -1743,7 +1743,7 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     helperTextOffset: n,
     scrollHeight: e
   };
-}, ut = I.forwardRef(
+}, gt = I.forwardRef(
   ({
     id: e,
     name: t,
@@ -1754,10 +1754,10 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     textAreaClassName: i,
     mode: c = "system",
     focusMode: d = "system",
-    value: g,
-    defaultValue: m,
+    value: m,
+    defaultValue: u,
     disabled: h = !1,
-    noBorder: u = !1,
+    noBorder: g = !1,
     labelId: p,
     helperText: b = "",
     helperTextOnFocus: f = !1,
@@ -1767,9 +1767,9 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     onFocus: T,
     onBlur: R,
     ...E
-  }, z) => {
+  }, M) => {
     var Te;
-    const B = k(null), xt = jr([z, B]), [_t, J] = Pe(), [wt, V] = Pe(), re = k(80), Ee = k(-25), M = k(null), Se = k(30), ae = k(null), W = Jr({ id: e, prefix: `${dt}-` }), [Ce, Nt] = S(0), [Ie, Tt] = S(0), [Et, Re] = S(
+    const B = k(null), xt = jr([M, B]), [_t, J] = Ve(), [wt, D] = Ve(), re = k(80), Ee = k(-25), z = k(null), Se = k(30), ae = k(null), W = Jr({ id: e, prefix: `${dt}-` }), [Ce, Nt] = S(0), [Ie, Tt] = S(0), [Et, Re] = S(
       !!(!f && b)
     ), St = `${t} error, ${b}`, O = ia({
       className: n,
@@ -1778,14 +1778,14 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       raw: o,
       focusMode: d,
       disabled: h,
-      noBorder: u,
+      noBorder: g,
       mode: c,
       rightElement: !!y,
       leftElement: !!_
     }), [A, Ct] = Kr({
-      value: g,
+      value: m,
       initialControlledDelay: 20,
-      defaultValue: m,
+      defaultValue: u,
       onChange: (C) => {
         N && N({
           target: {
@@ -1800,21 +1800,21 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     }, $t = (C) => {
       f && b && !A && Re(!1), R && R(C);
     };
-    return P(() => {
+    return V(() => {
       J && J.width && Nt(J.width + 18 + 10);
-    }, [J]), P(() => {
-      V && V.width && Tt(V.width + 18 + 10);
-    }, [V]), P(() => {
+    }, [J]), V(() => {
+      D && D.width && Tt(D.width + 18 + 10);
+    }, [D]), V(() => {
       o || B && B.current && A !== void 0 && (B.current.style.height = "inherit", B.current.style.height = B.current.scrollHeight + "px");
-    }, [A, o]), P(() => {
+    }, [A, o]), V(() => {
       o || setTimeout(() => {
         var C;
-        (C = M == null ? void 0 : M.current) == null || C.style.setProperty(
+        (C = z == null ? void 0 : z.current) == null || C.style.setProperty(
           "--av-text-area-wrapper-transition",
           A ? "none" : "all 0.2s ease-out"
         );
       }, 0);
-    }, [A, o]), P(() => {
+    }, [A, o]), V(() => {
       var C, $e;
       if (!o && B && B.current && A !== void 0) {
         const { labelOffset: oe, helperTextOffset: ne, scrollHeight: Bt } = la({
@@ -1823,7 +1823,7 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           currentLabelOffset: Ee.current,
           currentHelperTextOffset: Se.current
         });
-        oe && (Ee.current = oe, (C = M == null ? void 0 : M.current) == null || C.style.setProperty(
+        oe && (Ee.current = oe, (C = z == null ? void 0 : z.current) == null || C.style.setProperty(
           "--av-text-area-label",
           `${oe}px`
         )), ne && (Se.current = ne, ($e = ae == null ? void 0 : ae.current) == null || $e.style.setProperty(
@@ -1831,9 +1831,9 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
           `${ne}px`
         )), re.current = Bt || re.current;
       }
-    }, [A, o]), V.width > 0 && ((Te = M == null ? void 0 : M.current) == null || Te.style.setProperty(
+    }, [A, o]), D.width > 0 && ((Te = z == null ? void 0 : z.current) == null || Te.style.setProperty(
       "--tw-translate-x",
-      `${12 + V.width + 5}px`
+      `${12 + D.width + 5}px`
     )), /* @__PURE__ */ v("div", { className: O.wrapper, children: [
       /* @__PURE__ */ l(
         "label",
@@ -1882,7 +1882,7 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
       !o && /* @__PURE__ */ l(
         "label",
         {
-          ref: M,
+          ref: z,
           "aria-hidden": !0,
           htmlFor: W,
           className: `${O.visibleLabel}`,
@@ -1910,13 +1910,13 @@ const ta = () => "rounded-md text-base h-20 min-h-[80px] resize-none overflow-hi
     ] });
   }
 );
-ut.displayName = "TextArea";
+gt.displayName = "TextArea";
 const ca = ({
   mode: e = "light",
   focusMode: t = "light",
   radius: r = "small"
 }) => {
-  const { state: a, dispatch: o } = $(F), n = k(null), i = k(!1), c = (d) => {
+  const { state: a, dispatch: o } = $(G), n = k(null), i = k(!1), c = (d) => {
     d.preventDefault(), o({
       type: qe
     });
@@ -1943,31 +1943,31 @@ const ca = ({
       streaming: t
     }
   });
-}, Ge = (e) => {
+}, Fe = (e) => {
   X(e, !1), e({
     type: q,
     payload: {
       message: {
         role: he,
-        content: Vt
+        content: Dt
       }
     }
   });
 }, da = () => {
-  const { state: e, dispatch: t } = $(F), { state: r, dispatch: a } = $(ve), [o, n] = S(""), { getAccessToken: i, user: c } = Z(), d = k(null), g = k(
+  const { state: e, dispatch: t } = $(G), { state: r, dispatch: a } = $(ve), [o, n] = S(""), { getAccessToken: i, user: c } = Z(), d = k(null), m = k(
     null
   );
   x(() => {
     (async () => {
-      var u;
+      var g;
       if (!e || e.messages.length === 0) {
-        (u = g == null ? void 0 : g.current) == null || u.cancel();
+        (g = m == null ? void 0 : m.current) == null || g.cancel();
         return;
       }
       const h = e.messages[e.messages.length - 1];
-      if (!(e.messages.length === 0 || h.message.role === K || h.message.role === Mt || h.message.role === he || h.message.role === Ot))
+      if (!(e.messages.length === 0 || h.message.role === K || h.message.role === zt || h.message.role === he || h.message.role === Ot))
         try {
-          const p = await Vr({
+          const p = await Dr({
             accessToken: await i(),
             name: "generate",
             data: {
@@ -1980,11 +1980,11 @@ const ca = ({
           });
           if (p && p.ok) {
             const b = ke();
-            g.current = p.body.getReader();
+            m.current = p.body.getReader();
             const f = new TextDecoder();
             for (; ; ) {
               X(t, !0);
-              const { done: y, value: _ } = await g.current.read();
+              const { done: y, value: _ } = await m.current.read();
               if (y) {
                 X(t, !1);
                 break;
@@ -2026,13 +2026,13 @@ const ca = ({
                 });
             }
           } else
-            Ge(t);
+            Fe(t);
         } catch (p) {
-          console.error(p), Ge(t);
+          console.error(p), Fe(t);
         }
     })();
   }, [e == null ? void 0 : e.messages]);
-  const m = async (h) => {
+  const u = async (h) => {
     h.preventDefault(), t({
       type: q,
       payload: {
@@ -2044,8 +2044,8 @@ const ca = ({
     }), n("");
   };
   return x(() => {
-    if (r.tag !== "") {
-      const h = r.tag.endsWith(":") && !r.tag.endsWith(": ") ? r.tag + " " : r.tag;
+    if (r.prompt !== "") {
+      const h = r.prompt.endsWith(":") && !r.prompt.endsWith(": ") ? r.prompt + " " : r.prompt;
       h.indexOf(Ae) !== -1 ? navigator.clipboard.readText().then((p) => {
         n(h.replace(Ae, p));
       }) : n(h), d.current && d.current.focus(), a({
@@ -2054,8 +2054,8 @@ const ca = ({
     }
   }, [r, a]), x(() => {
     e && e.usage === 0 && e.messages.length === 0 && d.current && d.current.focus();
-  }, [e]), /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l("form", { className: "mt-2", onSubmit: m, children: /* @__PURE__ */ l(
-    ut,
+  }, [e]), /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l("form", { className: "mt-2", onSubmit: u, children: /* @__PURE__ */ l(
+    gt,
     {
       mode: "dark",
       focusMode: "light",
@@ -2067,7 +2067,7 @@ const ca = ({
       required: !0,
       value: o,
       onChange: (h) => n(h.target.value),
-      onKeyDown: nr([["mod+Enter", m]]),
+      onKeyDown: nr([["mod+Enter", u]]),
       leftElement: /* @__PURE__ */ l(ca, {}),
       rightElement: /* @__PURE__ */ l(
         tt,
@@ -2077,19 +2077,19 @@ const ca = ({
           type: "submit",
           mode: "light",
           focusMode: "light",
-          children: Dt
+          children: Pt
         }
       )
     }
   ) }) });
-}, ga = () => {
+}, ma = () => {
   const { dispatch: e, state: t } = $(ve), { getAccessToken: r, user: a } = Z(), [o, n] = S({
     loaded: !1
-  }), i = "mt-2 flex justify-center rounded-md", c = (d, g) => {
+  }), i = "mt-2 flex justify-center rounded-md", c = (d, m) => {
     d.preventDefault(), e({
       type: Ze,
       payload: {
-        tag: g
+        prompt: m
       }
     });
   };
@@ -2112,7 +2112,7 @@ const ca = ({
         d.status === 200 && (e({
           type: Xe,
           payload: {
-            tags: d.data.tags || []
+            prompts: d.data.tags || []
           }
         }), n({
           loaded: !0
@@ -2120,19 +2120,19 @@ const ca = ({
       } catch {
       }
     })();
-  }, [a]), /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l(Pt, { alignHorizontal: "center", columnGap: 2, children: o && o.loaded && t.tags && t.tags.map((d) => d.enabled && d.label && d.content && /* @__PURE__ */ l(Ht, { children: /* @__PURE__ */ l("div", { className: i, children: /* @__PURE__ */ l(
+  }, [a]), /* @__PURE__ */ l(Y, { children: /* @__PURE__ */ l(Vt, { alignHorizontal: "center", columnGap: 2, children: o && o.loaded && t.prompts && t.prompts.map((d) => d.enabled && d.label && d.content && /* @__PURE__ */ l(Ht, { children: /* @__PURE__ */ l("div", { className: i, children: /* @__PURE__ */ l(
     tt,
     {
       noBorder: !0,
       mode: "dark",
       focusMode: "light",
       size: "small",
-      onClick: (g) => c(g, d.content),
+      onClick: (m) => c(m, d.content),
       children: d.label
     }
-  ) }) }, `tag-button-${d.slot}`)) }) });
-}, ma = () => {
-  const { state: e } = $(F), t = k(!1), r = window.innerWidth < 403, [a, o] = S(
+  ) }) }, `prompt-button-${d.slot}`)) }) });
+}, ua = () => {
+  const { state: e } = $(G), t = k(!1), r = window.innerWidth < 403, [a, o] = S(
     r ? "bottom-10" : "top-[245px]"
   );
   return x(() => {
@@ -2147,26 +2147,26 @@ const ca = ({
         a
       ),
       children: [
-        /* @__PURE__ */ l(ga, {}),
+        /* @__PURE__ */ l(ma, {}),
         /* @__PURE__ */ l(da, {})
       ]
     }
   );
 };
 /*!
-  @versini/ui-bubble v3.0.3
+  @versini/ui-bubble v3.0.4
   © 2025 gizmette.com
 */
 try {
   window.__VERSINI_UI_BUBBLE__ || (window.__VERSINI_UI_BUBBLE__ = {
-    version: "3.0.3",
-    buildTime: "01/04/2025 04:09 PM EST",
+    version: "3.0.4",
+    buildTime: "01/04/2025 07:31 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const ua = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link", ha = ({
+const ga = "av-bubble", Ge = "av-button", te = "icon", ht = "button", me = "link", ha = ({
   type: e,
   size: t,
   labelRight: r,
@@ -2176,7 +2176,7 @@ const ua = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   const n = "max-h-8 py-0 px-2", i = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
     case ht:
-    case ge:
+    case me:
       return s({
         [n]: t === "small",
         [i]: t === "medium",
@@ -2204,9 +2204,9 @@ const ua = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   const o = "text-sm font-medium", n = "text-base font-medium", i = "text-lg font-medium";
   switch (e) {
     case ht:
-    case ge:
+    case me:
       return s({
-        "text-center": e === ge,
+        "text-center": e === me,
         [o]: t === "small",
         [n]: t === "medium",
         [i]: t === "large"
@@ -2397,35 +2397,35 @@ const ua = "av-bubble", Fe = "av-button", te = "icon", ht = "button", ge = "link
   fullWidth: i,
   size: c,
   noBorder: d,
-  labelRight: g,
-  labelLeft: m,
+  labelRight: m,
+  labelLeft: u,
   noBackground: h,
-  variant: u,
+  variant: g,
   noTruncate: p,
   align: b,
   radius: f
-}) => (u || (u = "primary"), r ? s(Fe, t) : s(
-  Fe,
+}) => (g || (g = "primary"), r ? s(Ge, t) : s(
+  Ge,
   ba({
     mode: a,
-    variant: u,
+    variant: g,
     noBackground: h,
     noTruncate: p
   }),
-  ya({ mode: a, noBackground: h, variant: u }),
+  ya({ mode: a, noBackground: h, variant: g }),
   fa({ radius: f }),
   ha({
     type: e,
     size: c,
-    labelRight: g,
-    labelLeft: m,
+    labelRight: m,
+    labelLeft: u,
     align: b
   }),
-  pa({ type: e, size: c, labelRight: g, labelLeft: m }),
-  xa({ mode: a, variant: u, noBorder: d }),
+  pa({ type: e, size: c, labelRight: m, labelLeft: u }),
+  xa({ mode: a, variant: g, noBorder: d }),
   _a({ focusMode: o }),
-  ka({ mode: a, variant: u, disabled: n }),
-  va({ mode: a, variant: u, disabled: n }),
+  ka({ mode: a, variant: g, disabled: n }),
+  va({ mode: a, variant: g, disabled: n }),
   {
     "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": n
@@ -2459,10 +2459,10 @@ const bt = I.forwardRef(
     type: i = "button",
     raw: c = !1,
     noBorder: d = !1,
-    "aria-label": g,
-    label: m,
+    "aria-label": m,
+    label: u,
     size: h = "medium",
-    labelRight: u,
+    labelRight: g,
     labelLeft: p,
     noBackground: b = !1,
     align: f = "center",
@@ -2480,7 +2480,7 @@ const bt = I.forwardRef(
       className: n,
       noBorder: d,
       size: h,
-      labelRight: u,
+      labelRight: g,
       labelLeft: p,
       noBackground: b,
       align: f,
@@ -2499,12 +2499,12 @@ const bt = I.forwardRef(
         className: R,
         disabled: t,
         type: i,
-        "aria-label": g || m,
+        "aria-label": m || u,
         ...N,
         children: [
           p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
           /* @__PURE__ */ l("div", { className: E, children: e }),
-          u && /* @__PURE__ */ l("span", { className: "pl-2", children: u })
+          g && /* @__PURE__ */ l("span", { className: "pl-2", children: g })
         ]
       }
     );
@@ -2518,7 +2518,7 @@ bt.displayName = "ButtonIcon";
 try {
   window.__VERSINI_UI_BUTTON__ || (window.__VERSINI_UI_BUTTON__ = {
     version: "4.0.3",
-    buildTime: "01/04/2025 04:09 PM EST",
+    buildTime: "01/04/2025 07:31 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -2535,10 +2535,10 @@ const Na = I.forwardRef(
     type: i = "button",
     raw: c = !1,
     noBorder: d = !1,
-    "aria-label": g,
-    label: m,
+    "aria-label": m,
+    label: u,
     size: h = "medium",
-    labelRight: u,
+    labelRight: g,
     labelLeft: p,
     noBackground: b = !1,
     align: f = "center",
@@ -2556,7 +2556,7 @@ const Na = I.forwardRef(
       className: n,
       noBorder: d,
       size: h,
-      labelRight: u,
+      labelRight: g,
       labelLeft: p,
       noBackground: b,
       align: f,
@@ -2566,7 +2566,7 @@ const Na = I.forwardRef(
       "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
-    }), z = y ? s(
+    }), M = y ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -2583,19 +2583,19 @@ const Na = I.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: z, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ v(
       xe,
       {
         ref: T,
         className: R,
         disabled: t,
         type: i,
-        "aria-label": g || m,
+        "aria-label": m || u,
         ...N,
         children: [
           p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
           /* @__PURE__ */ l("div", { className: E, children: e }),
-          u && /* @__PURE__ */ l("span", { className: "pl-2", children: u })
+          g && /* @__PURE__ */ l("span", { className: "pl-2", children: g })
         ]
       }
     ) });
@@ -2613,13 +2613,13 @@ const yt = ({
   semantic: c = !1,
   ...d
 }) => {
-  const g = s(n, a);
+  const m = s(n, a);
   return /* @__PURE__ */ v(Y, { children: [
     /* @__PURE__ */ l(
       "svg",
       {
         xmlns: "http://www.w3.org/2000/svg",
-        className: g,
+        className: m,
         viewBox: r || o,
         fill: t || "currentColor",
         role: "img",
@@ -2639,7 +2639,7 @@ const yt = ({
 try {
   window.__VERSINI_UI_SVGICON__ || (window.__VERSINI_UI_SVGICON__ = {
     version: "4.0.0",
-    buildTime: "01/04/2025 04:09 PM EST",
+    buildTime: "01/04/2025 07:31 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
@@ -2703,13 +2703,15 @@ const Ta = ({
 try {
   window.__VERSINI_UI_ICONS__ || (window.__VERSINI_UI_ICONS__ = {
     version: "4.2.0",
-    buildTime: "01/04/2025 04:09 PM EST",
+    buildTime: "01/04/2025 07:31 PM EST",
     homepage: "https://github.com/aversini/ui-components",
     license: "MIT"
   });
 } catch {
 }
-const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) => s({
+const Sa = ({ kind: e }) => s("p-4 max-w-xs sm:max-w-md md:max-w-2xl", {
+  "lg:max-w-3xl": e === "left"
+}), Ca = ({ kind: e }) => s({
   "bg-surface-lighter dark:bg-surface-dark": e === "left",
   "bg-surface-accent": e === "right"
 }), Ia = ({ kind: e }) => s(
@@ -2725,7 +2727,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   className: t
 }) => {
   const r = s(
-    ua,
+    ga,
     "flex items-start",
     {
       "flex-row-reverse": e === "right"
@@ -2733,7 +2735,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
     t
   ), a = s(
     "flex flex-col empty:hidden",
-    Sa(),
+    Sa({ kind: e }),
     Ia({ kind: e }),
     Ca({ kind: e }),
     Ra({ kind: e })
@@ -2757,27 +2759,27 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   copyToClipboardFocusMode: i = "system",
   copyToClipboardMode: c = "system"
 }) => {
-  const [d, g] = S(!1), m = $a({ kind: t, className: r }), h = !!n && (typeof n == "function" || typeof n == "string" || typeof e == "string"), u = () => {
-    g(!0), typeof n == "function" ? n(e) : typeof n == "string" ? navigator.clipboard.writeText(n) : typeof e == "string" && navigator.clipboard.writeText(e);
+  const [d, m] = S(!1), u = $a({ kind: t, className: r }), h = !!n && (typeof n == "function" || typeof n == "string" || typeof e == "string"), g = () => {
+    m(!0), typeof n == "function" ? n(e) : typeof n == "string" ? navigator.clipboard.writeText(n) : typeof e == "string" && navigator.clipboard.writeText(e);
   };
   return x(() => {
     let p;
     return d && (p = window.setTimeout(() => {
-      g(!1);
+      m(!1);
     }, 3e3)), () => {
       clearTimeout(p);
     };
-  }, [d]), /* @__PURE__ */ v("div", { className: m.wrapper, children: [
+  }, [d]), /* @__PURE__ */ v("div", { className: u.wrapper, children: [
     /* @__PURE__ */ v("div", { children: [
-      /* @__PURE__ */ l("div", { className: m.main, children: e }),
-      a && Object.keys(a).map((p) => a[p] ? /* @__PURE__ */ l("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: m.footer, children: [
+      /* @__PURE__ */ l("div", { className: u.main, children: e }),
+      a && Object.keys(a).map((p) => a[p] ? /* @__PURE__ */ l("div", { className: "prose-p:m-0", children: /* @__PURE__ */ v("p", { className: u.footer, children: [
         p,
         ": ",
         a[p]
       ] }) }, `-${p}`) : null),
       o && o
     ] }),
-    h && /* @__PURE__ */ l("div", { className: m.copyButton, children: /* @__PURE__ */ l(
+    h && /* @__PURE__ */ l("div", { className: u.copyButton, children: /* @__PURE__ */ l(
       bt,
       {
         noBorder: !0,
@@ -2786,13 +2788,13 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
         mode: c,
         focusMode: i,
         label: d ? "Copied to clipboard" : "Copy to clipboard",
-        onClick: u,
+        onClick: g,
         disabled: d,
         children: d ? /* @__PURE__ */ l(Ta, { size: "size-3" }) : /* @__PURE__ */ l(Ea, { size: "size-3" })
       }
     ) })
   ] });
-}, We = "av-button", _e = "icon", we = "button", me = "link", Aa = ({
+}, We = "av-button", _e = "icon", we = "button", ue = "link", Aa = ({
   type: e,
   size: t,
   labelRight: r,
@@ -2802,7 +2804,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   const n = "max-h-8 py-0 px-2", i = "max-h-9 py-1 px-3", c = "max-h-12 py-2 px-4";
   switch (e) {
     case we:
-    case me:
+    case ue:
       return s({
         [n]: t === "small",
         [i]: t === "medium",
@@ -2830,9 +2832,9 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   const o = "text-sm font-medium", n = "text-base font-medium", i = "text-lg font-medium";
   switch (e) {
     case we:
-    case me:
+    case ue:
       return s({
-        "text-center": e === me,
+        "text-center": e === ue,
         [o]: t === "small",
         [n]: t === "medium",
         [i]: t === "large"
@@ -2844,7 +2846,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
         [i]: t === "large" && (r || a)
       });
   }
-}, za = ({
+}, Ma = ({
   mode: e,
   noBackground: t,
   noTruncate: r,
@@ -2880,7 +2882,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
     return s("not-prose text-copy-lighter", {
       truncate: !r
     });
-}, Ma = ({
+}, za = ({
   mode: e,
   noBackground: t,
   variant: r
@@ -2946,7 +2948,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
     });
   if (r === "selected")
     return "hover:text-copy-light-hover hover:bg-action-selected-dark-hover";
-}, Da = ({
+}, Pa = ({
   mode: e,
   disabled: t,
   variant: r
@@ -2976,7 +2978,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
     });
   if (r === "selected")
     return "active:text-copy-lighter-active active:bg-action-selected-dark-active";
-}, Va = ({
+}, Da = ({
   mode: e,
   noBorder: t,
   variant: r
@@ -3006,7 +3008,7 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
     });
   if (r === "selected")
     return "border border-border-selected-dark";
-}, Pa = ({
+}, Va = ({
   focusMode: e
 }) => s("focus:outline", "focus:outline-2", "focus:outline-offset-2", {
   "focus:outline-focus-dark": e === "dark",
@@ -3023,35 +3025,35 @@ const Sa = () => "p-4 max-w-xs sm:max-w-md md:max-w-2xl", Ca = ({ kind: e }) =>
   fullWidth: i,
   size: c,
   noBorder: d,
-  labelRight: g,
-  labelLeft: m,
+  labelRight: m,
+  labelLeft: u,
   noBackground: h,
-  variant: u,
+  variant: g,
   noTruncate: p,
   align: b,
   radius: f
-}) => (u || (u = "primary"), r ? s(We, t) : s(
+}) => (g || (g = "primary"), r ? s(We, t) : s(
   We,
-  za({
+  Ma({
     mode: a,
-    variant: u,
+    variant: g,
     noBackground: h,
     noTruncate: p
   }),
-  Ma({ mode: a, noBackground: h, variant: u }),
+  za({ mode: a, noBackground: h, variant: g }),
   Oa({ radius: f }),
   Aa({
     type: e,
     size: c,
-    labelRight: g,
-    labelLeft: m,
+    labelRight: m,
+    labelLeft: u,
     align: b
   }),
-  La({ type: e, size: c, labelRight: g, labelLeft: m }),
-  Va({ mode: a, variant: u, noBorder: d }),
-  Pa({ focusMode: o }),
-  Ua({ mode: a, variant: u, disabled: n }),
-  Da({ mode: a, variant: u, disabled: n }),
+  La({ type: e, size: c, labelRight: m, labelLeft: u }),
+  Da({ mode: a, variant: g, noBorder: d }),
+  Va({ focusMode: o }),
+  Ua({ mode: a, variant: g, disabled: n }),
+  Pa({ mode: a, variant: g, disabled: n }),
   {
     "w-full": i,
     "disabled:cursor-not-allowed disabled:opacity-50": n
@@ -3085,10 +3087,10 @@ const kt = I.forwardRef(
     size: i = "medium",
     raw: c = !1,
     noBorder: d = !1,
-    variant: g = "primary",
-    noTruncate: m = !1,
+    variant: m = "primary",
+    noTruncate: u = !1,
     radius: h = "large",
-    ...u
+    ...g
   }, p) => {
     const b = ft({
       type: we,
@@ -3100,8 +3102,8 @@ const kt = I.forwardRef(
       className: n,
       size: i,
       noBorder: d,
-      variant: g,
-      noTruncate: m,
+      variant: m,
+      noTruncate: u,
       radius: h
     });
     return /* @__PURE__ */ l(
@@ -3110,7 +3112,7 @@ const kt = I.forwardRef(
         ref: p,
         className: b,
         disabled: t,
-        ...u,
+        ...g,
         children: e
       }
     );
@@ -3130,7 +3132,7 @@ try {
   });
 } catch {
 }
-const Ga = I.forwardRef(
+const Fa = I.forwardRef(
   ({
     children: e,
     disabled: t = !1,
@@ -3141,10 +3143,10 @@ const Ga = I.forwardRef(
     type: i = "button",
     raw: c = !1,
     noBorder: d = !1,
-    "aria-label": g,
-    label: m,
+    "aria-label": m,
+    label: u,
     size: h = "medium",
-    labelRight: u,
+    labelRight: g,
     labelLeft: p,
     noBackground: b = !1,
     align: f = "center",
@@ -3162,7 +3164,7 @@ const Ga = I.forwardRef(
       className: n,
       noBorder: d,
       size: h,
-      labelRight: u,
+      labelRight: g,
       labelLeft: p,
       noBackground: b,
       align: f,
@@ -3172,7 +3174,7 @@ const Ga = I.forwardRef(
       "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
-    }), z = y ? s(
+    }), M = y ? s(
       "relative",
       "focus-within:static",
       "focus-within:after:border-transparent",
@@ -3189,28 +3191,28 @@ const Ga = I.forwardRef(
         "after:border-table-light dark:after:border-table-dark": r === "alt-system"
       }
     ) : "";
-    return /* @__PURE__ */ l("div", { className: z, children: /* @__PURE__ */ v(
+    return /* @__PURE__ */ l("div", { className: M, children: /* @__PURE__ */ v(
       Ne,
       {
         ref: T,
         className: R,
         disabled: t,
         type: i,
-        "aria-label": g || m,
+        "aria-label": m || u,
         ...N,
         children: [
           p && /* @__PURE__ */ l("span", { className: "pr-2", children: p }),
           /* @__PURE__ */ l("div", { className: E, children: e }),
-          u && /* @__PURE__ */ l("span", { className: "pl-2", children: u })
+          g && /* @__PURE__ */ l("span", { className: "pl-2", children: g })
         ]
       }
     ) });
   }
 );
-Ga.displayName = "ButtonSort";
-const Fa = 200, Wa = ({
+Fa.displayName = "ButtonSort";
+const Ga = 200, Wa = ({
   string: e,
-  idealLength: t = Fa
+  idealLength: t = Ga
 }) => {
   if (e.length <= t)
     return { string: e, isTruncated: !1 };
@@ -3267,10 +3269,10 @@ try {
 const je = rt(
   () => import(
     /* webpackChunkName: "LazyMessageAssistant" */
-    "./MessageAssistant.DpLJVr9t.js"
+    "./MessageAssistant.Dv5-gw8Q.js"
   ).then((e) => e.MessageAssistant)
 ), qa = () => {
-  const { state: e } = $(F);
+  const { state: e } = $(G);
   return /* @__PURE__ */ v("div", { className: "space-y-6 mt-2", children: [
     e && e.messages.length > 0 && e.messages.map((t, r) => {
       const { role: a, content: o, name: n, processingTime: i } = t.message;
@@ -3285,37 +3287,37 @@ const je = rt(
         `${r}-${a}`
       ) : null;
     }),
-    Gt(le, e) && /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(je, { loading: !0 }) })
+    Ft(le, e) && /* @__PURE__ */ l(ce, { fallback: /* @__PURE__ */ l("span", {}), children: /* @__PURE__ */ l(je, { loading: !0 }) })
   ] });
 }, Ka = () => {
-  const { isAuthenticated: e } = Z(), { state: t } = $(F), [r, a] = S(!1), [o, n] = dr(), i = Ft({
+  const { isAuthenticated: e } = Z(), { state: t } = $(G), [r, a] = S(!1), [o, n] = dr(), i = Gt({
     isAuthenticated: e,
     extraClass: "rounded-b-md"
-  }), c = k(!1), d = D(() => {
-    const m = o.current;
-    if (m) {
-      const { scrollHeight: h, clientHeight: u, scrollTop: p } = m, b = h - u - p;
-      m.scrollBy({
+  }), c = k(!1), d = P(() => {
+    const u = o.current;
+    if (u) {
+      const { scrollHeight: h, clientHeight: g, scrollTop: p } = u, b = h - g - p;
+      u.scrollBy({
         top: b,
         behavior: "smooth"
       });
     }
-  }, [o]), g = D(() => {
-    const m = o.current;
-    if (m) {
-      const { scrollTop: h, scrollHeight: u, clientHeight: p } = m, b = u > p, f = h + p >= u - 1;
+  }, [o]), m = P(() => {
+    const u = o.current;
+    if (u) {
+      const { scrollTop: h, scrollHeight: g, clientHeight: p } = u, b = g > p, f = h + p >= g - 1;
       a(b && !f);
     }
   }, [o]);
-  return P(() => {
-    n && n.width && t && !t.streaming && g();
-  }, [n, t, g]), x(() => {
-    const m = o.current;
-    if (m)
-      return m.addEventListener("scroll", g), () => m.removeEventListener("scroll", g);
-  }, [g, o]), x(() => {
-    t && t.streaming && g();
-  }, [t, g]), x(() => {
+  return V(() => {
+    n && n.width && t && !t.streaming && m();
+  }, [n, t, m]), x(() => {
+    const u = o.current;
+    if (u)
+      return u.addEventListener("scroll", m), () => u.removeEventListener("scroll", m);
+  }, [m, o]), x(() => {
+    t && t.streaming && m();
+  }, [t, m]), x(() => {
     t && (!c.current && t.streaming && d(), c.current = !!t.streaming);
   }, [t, d]), /* @__PURE__ */ v("div", { className: i, ref: o, children: [
     r && /* @__PURE__ */ l("div", { className: "bottom-44 z-40 fixed left-1/2 transform -translate-x-1/2", children: /* @__PURE__ */ l(
@@ -3345,31 +3347,31 @@ const je = rt(
 }, Ja = rt(
   () => import(
     /* webpackChunkName: "LazyHeader" */
-    "./HeaderToolbar.RG5VcCoN.js"
+    "./HeaderToolbar.B4yR6iL0.js"
   )
 );
 function vt({ isComponent: e = !1 }) {
   const t = k(!1), { getAccessToken: r, user: a, isAuthenticated: o } = Z(), [n] = Ue({
-    key: ze + qt,
+    key: Me + qt,
     initialValue: ""
   }), [i] = Ue({
-    key: ze + Kt,
+    key: Me + Kt,
     initialValue: j.ASC
-  }), [c, d] = Q(Mr, {
+  }), [c, d] = Q(zr, {
     id: ke(),
     model: U,
     engine: U,
     usage: 0,
     messages: [],
-    tags: [],
+    prompts: [],
     isComponent: e
-  }), [g, m] = Q(Or, {
+  }), [m, u] = Q(Or, {
     searchString: n,
     sortedCell: "timestamp",
     sortDirection: i
-  }), [h, u] = Q(Ur, {
-    tag: "",
-    tags: []
+  }), [h, g] = Q(Ur, {
+    prompt: "",
+    prompts: []
   }), [p, b] = S({
     version: "",
     models: [],
@@ -3403,17 +3405,17 @@ function vt({ isComponent: e = !1 }) {
       var _;
       (_ = document.getElementById("root")) == null || _.classList.replace("app-hidden", "fadeIn");
     }, 500);
-  }), /* @__PURE__ */ l(F.Provider, { value: { state: c, dispatch: d, serverStats: p }, children: /* @__PURE__ */ l(
-    Pr.Provider,
+  }), /* @__PURE__ */ l(G.Provider, { value: { state: c, dispatch: d, serverStats: p }, children: /* @__PURE__ */ l(
+    Vr.Provider,
     {
       value: {
-        state: g,
-        dispatch: m
+        state: m,
+        dispatch: u
       },
       children: /* @__PURE__ */ v(
         ve.Provider,
         {
-          value: { state: h, dispatch: u },
+          value: { state: h, dispatch: g },
           children: [
             /* @__PURE__ */ l(
               tr,
@@ -3439,7 +3441,7 @@ function vt({ isComponent: e = !1 }) {
                 children: /* @__PURE__ */ l(Ka, {})
               }
             ),
-            /* @__PURE__ */ l(ma, {})
+            /* @__PURE__ */ l(ua, {})
           ]
         }
       )
@@ -3450,13 +3452,13 @@ vt.displayName = "App";
 const so = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({ __proto__: null, default: vt }, Symbol.toStringTag, { value: "Module" }));
 export {
   so as App,
-  F as AppContext,
+  G as AppContext,
   Ue as E,
-  Pr as HistoryContext,
+  Vr as HistoryContext,
   ca as NewChatButton,
-  ut as Pe,
+  gt as Pe,
+  ve as PromptsContext,
   it as SERVICE_TYPES,
-  ve as TagsContext,
   ro as be,
   j as f,
   eo as ge,