teodor-new-chat-ui 3.0.76 → 3.0.77

package/dist/index.esm.js

@@ -8438,7 +8438,7 @@ const Nw = K.memo(function({
   message: t,
   messageIndex: n,
   isStreamingMessage: r = !1,
-  streamingDebounceMs: o = 500,
+  streamingDebounceMs: o = 800,
   isEditing: s = !1,
   showActions: i = !0,
   showTimestamp: a = !0,
@@ -9070,7 +9070,7 @@ function Hw({
     var C;
     if (!m.current && v.current) {
       if (t) {
-        if (Date.now() - E.current < 100) return;
+        if (Date.now() - E.current < 200) return;
         y.current && cancelAnimationFrame(y.current), y.current = requestAnimationFrame(() => {
           var j;
           (j = x.current) == null || j.scrollToIndex({
@@ -9082,7 +9082,7 @@ function Hw({
       } else
         (C = x.current) == null || C.scrollToIndex({
           index: Math.max(0, e.length - 1),
-          behavior: "auto",
+          behavior: "smooth",
           align: "end"
         });
       return () => {
@@ -9127,17 +9127,23 @@ function Hw({
         x.current = C;
       },
       data: e,
-      followOutput: t ? !1 : "smooth",
-      overscan: { main: 300, reverse: 300 },
-      increaseViewportBy: { top: 600, bottom: 600 },
-      defaultItemHeight: 100,
+      followOutput: !1,
+      alignToBottom: !t,
+      overscan: { main: 400, reverse: 400 },
+      increaseViewportBy: { top: 800, bottom: 800 },
+      defaultItemHeight: 150,
+      fixedItemHeight: t ? 150 : void 0,
       startReached: () => {
         S && S();
       },
       atBottomStateChange: (C) => {
         v.current = C;
       },
-      style: { height: "100%", overscrollBehavior: "contain" },
+      style: {
+        height: "100%",
+        overscrollBehavior: "contain",
+        scrollBehavior: t ? "auto" : "smooth"
+      },
       computeItemKey: (C, I) => I.id ?? `message-${C}`,
       components: {
         Scroller: K.forwardRef((C, I) => /* @__PURE__ */ l.jsx(
@@ -9147,8 +9153,9 @@ function Hw({
             ref: (N) => T(N, I),
             style: {
               overflowAnchor: "none",
-              willChange: t ? "scroll-position" : "transform",
-              contain: "layout style paint",
+              willChange: t ? "contents" : "transform",
+              contain: t ? "strict" : "layout style paint",
+              contentVisibility: t ? "auto" : "visible",
               ...(C == null ? void 0 : C.style) ?? {}
             }
           }
@@ -9160,9 +9167,12 @@ function Hw({
           className: "mb-4 last:mb-0",
           style: {
             contentVisibility: "auto",
-            containIntrinsicSize: "auto 150px",
+            containIntrinsicSize: t ? "1px 200px" : "auto 150px",
+            contain: t ? "size layout style paint" : "layout style paint",
             transform: "translateZ(0)",
-            isolation: "isolate"
+            isolation: "isolate",
+            minHeight: t && n === I.id ? "200px" : void 0,
+            maxHeight: t && n === I.id ? "none" : void 0
           },
           children: /* @__PURE__ */ l.jsx(
             Nw,
@@ -10579,11 +10589,11 @@ const Ky = (e) => {
 }), Qy = (e, t) => ({
   ...$y(e),
   options: [e, t]
-}), eS = (e, t) => ({
+}), e0 = (e, t) => ({
   ...Ky(e),
   options: [e, t]
 });
-var tS = "Arrow", Nd = f.forwardRef((e, t) => {
+var t0 = "Arrow", Nd = f.forwardRef((e, t) => {
   const { children: n, width: r = 10, height: o = 5, ...s } = e;
   return /* @__PURE__ */ l.jsx(
     me.svg,
@@ -10598,8 +10608,8 @@ var tS = "Arrow", Nd = f.forwardRef((e, t) => {
     }
   );
 });
-Nd.displayName = tS;
-var nS = Nd;
+Nd.displayName = t0;
+var n0 = Nd;
 function jd(e) {
   const [t, n] = f.useState(void 0);
   return nt(() => {
@@ -10622,9 +10632,9 @@ function jd(e) {
       n(void 0);
   }, [e]), t;
 }
-var ma = "Popper", [Ad, ar] = $t(ma), [rS, kd] = Ad(ma), Pd = (e) => {
+var ma = "Popper", [Ad, ar] = $t(ma), [r0, kd] = Ad(ma), Pd = (e) => {
   const { __scopePopper: t, children: n } = e, [r, o] = f.useState(null);
-  return /* @__PURE__ */ l.jsx(rS, { scope: t, anchor: r, onAnchorChange: o, children: n });
+  return /* @__PURE__ */ l.jsx(r0, { scope: t, anchor: r, onAnchorChange: o, children: n });
 };
 Pd.displayName = ma;
 var _d = "PopperAnchor", Od = f.forwardRef(
@@ -10637,7 +10647,7 @@ var _d = "PopperAnchor", Od = f.forwardRef(
   }
 );
 Od.displayName = _d;
-var ga = "PopperContent", [oS, sS] = Ad(ga), Md = f.forwardRef(
+var ga = "PopperContent", [o0, s0] = Ad(ga), Md = f.forwardRef(
   (e, t) => {
     var Y, P, Z, ne, ae, se;
     const {
@@ -10657,7 +10667,7 @@ var ga = "PopperContent", [oS, sS] = Ad(ga), Md = f.forwardRef(
       ...x
     } = e, m = kd(ga, n), [v, w] = f.useState(null), y = Ce(t, (je) => w(je)), [E, S] = f.useState(null), T = jd(E), C = (T == null ? void 0 : T.width) ?? 0, I = (T == null ? void 0 : T.height) ?? 0, N = r + (s !== "center" ? "-" + s : ""), j = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, M = Array.isArray(u) ? u : [u], W = M.length > 0, G = {
       padding: j,
-      boundary: M.filter(aS),
+      boundary: M.filter(a0),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: W
     }, { refs: A, floatingStyles: H, placement: L, isPositioned: q, middlewareData: O } = Gy({
@@ -10686,8 +10696,8 @@ var ga = "PopperContent", [oS, sS] = Ad(ga), Md = f.forwardRef(
             $.setProperty("--radix-popper-available-width", `${Oe}px`), $.setProperty("--radix-popper-available-height", `${ue}px`), $.setProperty("--radix-popper-anchor-width", `${Pe}px`), $.setProperty("--radix-popper-anchor-height", `${xe}px`);
           }
         }),
-        E && eS({ element: E, padding: a }),
-        lS({ arrowWidth: C, arrowHeight: I }),
+        E && e0({ element: E, padding: a }),
+        l0({ arrowWidth: C, arrowHeight: I }),
         p && Qy({ strategy: "referenceHidden", ...G })
       ]
     }), [_, z] = Fd(L), X = ot(g);
@@ -10722,7 +10732,7 @@ var ga = "PopperContent", [oS, sS] = Ad(ga), Md = f.forwardRef(
         },
         dir: e.dir,
         children: /* @__PURE__ */ l.jsx(
-          oS,
+          o0,
           {
             scope: n,
             placedSide: _,
@@ -10752,13 +10762,13 @@ var ga = "PopperContent", [oS, sS] = Ad(ga), Md = f.forwardRef(
   }
 );
 Md.displayName = ga;
-var Dd = "PopperArrow", iS = {
+var Dd = "PopperArrow", i0 = {
   top: "bottom",
   right: "left",
   bottom: "top",
   left: "right"
 }, Ld = f.forwardRef(function(t, n) {
-  const { __scopePopper: r, ...o } = t, s = sS(Dd, r), i = iS[s.placedSide];
+  const { __scopePopper: r, ...o } = t, s = s0(Dd, r), i = i0[s.placedSide];
   return (
     // we have to use an extra wrapper because `ResizeObserver` (used by `useSize`)
     // doesn't report size as we'd expect on SVG elements.
@@ -10787,7 +10797,7 @@ var Dd = "PopperArrow", iS = {
           visibility: s.shouldHideArrow ? "hidden" : void 0
         },
         children: /* @__PURE__ */ l.jsx(
-          nS,
+          n0,
           {
             ...o,
             ref: n,
@@ -10803,10 +10813,10 @@ var Dd = "PopperArrow", iS = {
   );
 });
 Ld.displayName = Dd;
-function aS(e) {
+function a0(e) {
   return e !== null;
 }
-var lS = (e) => ({
+var l0 = (e) => ({
   name: "transformOrigin",
   options: e,
   fn(t) {
@@ -10820,14 +10830,14 @@ function Fd(e) {
   const [t, n = "center"] = e.split("-");
   return [t, n];
 }
-var xa = Pd, va = Od, ba = Md, wa = Ld, Ys = "rovingFocusGroup.onEntryFocus", cS = { bubbles: !1, cancelable: !0 }, $r = "RovingFocusGroup", [wi, Bd, uS] = la($r), [dS, Hd] = $t(
+var xa = Pd, va = Od, ba = Md, wa = Ld, Ys = "rovingFocusGroup.onEntryFocus", c0 = { bubbles: !1, cancelable: !0 }, $r = "RovingFocusGroup", [wi, Bd, u0] = la($r), [d0, Hd] = $t(
   $r,
-  [uS]
-), [fS, hS] = dS($r), $d = f.forwardRef(
-  (e, t) => /* @__PURE__ */ l.jsx(wi.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l.jsx(wi.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l.jsx(pS, { ...e, ref: t }) }) })
+  [u0]
+), [f0, h0] = d0($r), $d = f.forwardRef(
+  (e, t) => /* @__PURE__ */ l.jsx(wi.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l.jsx(wi.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ l.jsx(p0, { ...e, ref: t }) }) })
 );
 $d.displayName = $r;
-var pS = f.forwardRef((e, t) => {
+var p0 = f.forwardRef((e, t) => {
   const {
     __scopeRovingFocusGroup: n,
     orientation: r,
@@ -10850,7 +10860,7 @@ var pS = f.forwardRef((e, t) => {
     if (I)
       return I.addEventListener(Ys, y), () => I.removeEventListener(Ys, y);
   }, [y]), /* @__PURE__ */ l.jsx(
-    fS,
+    f0,
     {
       scope: n,
       orientation: r,
@@ -10884,7 +10894,7 @@ var pS = f.forwardRef((e, t) => {
           onFocus: Q(e.onFocus, (I) => {
             const N = !S.current;
             if (I.target === I.currentTarget && N && !v) {
-              const j = new CustomEvent(Ys, cS);
+              const j = new CustomEvent(Ys, c0);
               if (I.currentTarget.dispatchEvent(j), !j.defaultPrevented) {
                 const M = E().filter((L) => L.focusable), W = M.find((L) => L.active), G = M.find((L) => L.id === x), H = [W, G, ...M].filter(
                   Boolean
@@ -10908,7 +10918,7 @@ var pS = f.forwardRef((e, t) => {
       tabStopId: s,
       children: i,
       ...a
-    } = e, c = Dt(), u = s || c, d = hS(zd, n), h = d.currentTabStopId === u, p = Bd(n), { onFocusableItemAdd: b, onFocusableItemRemove: g, currentTabStopId: x } = d;
+    } = e, c = Dt(), u = s || c, d = h0(zd, n), h = d.currentTabStopId === u, p = Bd(n), { onFocusableItemAdd: b, onFocusableItemRemove: g, currentTabStopId: x } = d;
     return f.useEffect(() => {
       if (r)
         return b(), () => g();
@@ -10936,7 +10946,7 @@ var pS = f.forwardRef((e, t) => {
                 return;
               }
               if (m.target !== m.currentTarget) return;
-              const v = xS(m, d.orientation, d.dir);
+              const v = x0(m, d.orientation, d.dir);
               if (v !== void 0) {
                 if (m.metaKey || m.ctrlKey || m.altKey || m.shiftKey) return;
                 m.preventDefault();
@@ -10945,7 +10955,7 @@ var pS = f.forwardRef((e, t) => {
                 else if (v === "prev" || v === "next") {
                   v === "prev" && y.reverse();
                   const E = y.indexOf(m.currentTarget);
-                  y = d.loop ? vS(y, E + 1) : y.slice(E + 1);
+                  y = d.loop ? v0(y, E + 1) : y.slice(E + 1);
                 }
                 setTimeout(() => Wd(y));
               }
@@ -10958,7 +10968,7 @@ var pS = f.forwardRef((e, t) => {
   }
 );
 Ud.displayName = zd;
-var mS = {
+var m0 = {
   ArrowLeft: "prev",
   ArrowUp: "prev",
   ArrowRight: "next",
@@ -10968,33 +10978,33 @@ var mS = {
   PageDown: "last",
   End: "last"
 };
-function gS(e, t) {
+function g0(e, t) {
   return t !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
 }
-function xS(e, t, n) {
-  const r = gS(e.key, n);
+function x0(e, t, n) {
+  const r = g0(e.key, n);
   if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(r)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(r)))
-    return mS[r];
+    return m0[r];
 }
 function Wd(e, t = !1) {
   const n = document.activeElement;
   for (const r of e)
     if (r === n || (r.focus({ preventScroll: t }), document.activeElement !== n)) return;
 }
-function vS(e, t) {
+function v0(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
-var bS = $d, wS = Ud, yi = ["Enter", " "], yS = ["ArrowDown", "PageUp", "Home"], Vd = ["ArrowUp", "PageDown", "End"], SS = [...yS, ...Vd], CS = {
+var b0 = $d, w0 = Ud, yi = ["Enter", " "], y0 = ["ArrowDown", "PageUp", "Home"], Vd = ["ArrowUp", "PageDown", "End"], S0 = [...y0, ...Vd], C0 = {
   ltr: [...yi, "ArrowRight"],
   rtl: [...yi, "ArrowLeft"]
-}, TS = {
+}, T0 = {
   ltr: ["ArrowLeft"],
   rtl: ["ArrowRight"]
-}, zr = "Menu", [Ir, RS, ES] = la(zr), [Pn, Gd] = $t(zr, [
-  ES,
+}, zr = "Menu", [Ir, R0, E0] = la(zr), [Pn, Gd] = $t(zr, [
+  E0,
   ar,
   Hd
-]), us = ar(), Kd = Hd(), [IS, _n] = Pn(zr), [NS, Ur] = Pn(zr), Yd = (e) => {
+]), us = ar(), Kd = Hd(), [I0, _n] = Pn(zr), [N0, Ur] = Pn(zr), Yd = (e) => {
   const { __scopeMenu: t, open: n = !1, children: r, dir: o, onOpenChange: s, modal: i = !0 } = e, a = us(t), [c, u] = f.useState(null), d = f.useRef(!1), h = ot(s), p = ss(o);
   return f.useEffect(() => {
     const b = () => {
@@ -11004,7 +11014,7 @@ var bS = $d, wS = Ud, yi = ["Enter", " "], yS = ["ArrowDown", "PageUp", "Home"],
       document.removeEventListener("keydown", b, { capture: !0 }), document.removeEventListener("pointerdown", g, { capture: !0 }), document.removeEventListener("pointermove", g, { capture: !0 });
     };
   }, []), /* @__PURE__ */ l.jsx(xa, { ...a, children: /* @__PURE__ */ l.jsx(
-    IS,
+    I0,
     {
       scope: t,
       open: n,
@@ -11012,7 +11022,7 @@ var bS = $d, wS = Ud, yi = ["Enter", " "], yS = ["ArrowDown", "PageUp", "Home"],
       content: c,
       onContentChange: u,
       children: /* @__PURE__ */ l.jsx(
-        NS,
+        N0,
         {
           scope: t,
           onClose: f.useCallback(() => h(!1), [h]),
@@ -11026,26 +11036,26 @@ var bS = $d, wS = Ud, yi = ["Enter", " "], yS = ["ArrowDown", "PageUp", "Home"],
   ) });
 };
 Yd.displayName = zr;
-var jS = "MenuAnchor", ya = f.forwardRef(
+var j0 = "MenuAnchor", ya = f.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e, o = us(n);
     return /* @__PURE__ */ l.jsx(va, { ...o, ...r, ref: t });
   }
 );
-ya.displayName = jS;
-var Sa = "MenuPortal", [AS, qd] = Pn(Sa, {
+ya.displayName = j0;
+var Sa = "MenuPortal", [A0, qd] = Pn(Sa, {
   forceMount: void 0
 }), Xd = (e) => {
   const { __scopeMenu: t, forceMount: n, children: r, container: o } = e, s = _n(Sa, t);
-  return /* @__PURE__ */ l.jsx(AS, { scope: t, forceMount: n, children: /* @__PURE__ */ l.jsx(xt, { present: n || s.open, children: /* @__PURE__ */ l.jsx(Zo, { asChild: !0, container: o, children: r }) }) });
+  return /* @__PURE__ */ l.jsx(A0, { scope: t, forceMount: n, children: /* @__PURE__ */ l.jsx(xt, { present: n || s.open, children: /* @__PURE__ */ l.jsx(Zo, { asChild: !0, container: o, children: r }) }) });
 };
 Xd.displayName = Sa;
-var It = "MenuContent", [kS, Ca] = Pn(It), Jd = f.forwardRef(
+var It = "MenuContent", [k0, Ca] = Pn(It), Jd = f.forwardRef(
   (e, t) => {
     const n = qd(It, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, s = _n(It, e.__scopeMenu), i = Ur(It, e.__scopeMenu);
-    return /* @__PURE__ */ l.jsx(Ir.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ l.jsx(xt, { present: r || s.open, children: /* @__PURE__ */ l.jsx(Ir.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ l.jsx(PS, { ...o, ref: t }) : /* @__PURE__ */ l.jsx(_S, { ...o, ref: t }) }) }) });
+    return /* @__PURE__ */ l.jsx(Ir.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ l.jsx(xt, { present: r || s.open, children: /* @__PURE__ */ l.jsx(Ir.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ l.jsx(P0, { ...o, ref: t }) : /* @__PURE__ */ l.jsx(_0, { ...o, ref: t }) }) }) });
   }
-), PS = f.forwardRef(
+), P0 = f.forwardRef(
   (e, t) => {
     const n = _n(It, e.__scopeMenu), r = f.useRef(null), o = Ce(t, r);
     return f.useEffect(() => {
@@ -11068,7 +11078,7 @@ var It = "MenuContent", [kS, Ca] = Pn(It), Jd = f.forwardRef(
       }
     );
   }
-), _S = f.forwardRef((e, t) => {
+), _0 = f.forwardRef((e, t) => {
   const n = _n(It, e.__scopeMenu);
   return /* @__PURE__ */ l.jsx(
     Ta,
@@ -11081,7 +11091,7 @@ var It = "MenuContent", [kS, Ca] = Pn(It), Jd = f.forwardRef(
       onDismiss: () => n.onOpenChange(!1)
     }
   );
-}), OS = qn("MenuContent.ScrollLock"), Ta = f.forwardRef(
+}), O0 = qn("MenuContent.ScrollLock"), Ta = f.forwardRef(
   (e, t) => {
     const {
       __scopeMenu: n,
@@ -11098,9 +11108,9 @@ var It = "MenuContent", [kS, Ca] = Pn(It), Jd = f.forwardRef(
       onDismiss: b,
       disableOutsideScroll: g,
       ...x
-    } = e, m = _n(It, n), v = Ur(It, n), w = us(n), y = Kd(n), E = RS(n), [S, T] = f.useState(null), C = f.useRef(null), I = Ce(t, C, m.onContentChange), N = f.useRef(0), j = f.useRef(""), M = f.useRef(0), W = f.useRef(null), G = f.useRef("right"), A = f.useRef(0), H = g ? es : f.Fragment, L = g ? { as: OS, allowPinchZoom: !0 } : void 0, q = (_) => {
+    } = e, m = _n(It, n), v = Ur(It, n), w = us(n), y = Kd(n), E = R0(n), [S, T] = f.useState(null), C = f.useRef(null), I = Ce(t, C, m.onContentChange), N = f.useRef(0), j = f.useRef(""), M = f.useRef(0), W = f.useRef(null), G = f.useRef("right"), A = f.useRef(0), H = g ? es : f.Fragment, L = g ? { as: O0, allowPinchZoom: !0 } : void 0, q = (_) => {
       var Y, P;
-      const z = j.current + _, X = E().filter((Z) => !Z.disabled), oe = document.activeElement, F = (Y = X.find((Z) => Z.ref.current === oe)) == null ? void 0 : Y.textValue, ee = X.map((Z) => Z.textValue), he = GS(ee, z, F), be = (P = X.find((Z) => Z.textValue === he)) == null ? void 0 : P.ref.current;
+      const z = j.current + _, X = E().filter((Z) => !Z.disabled), oe = document.activeElement, F = (Y = X.find((Z) => Z.ref.current === oe)) == null ? void 0 : Y.textValue, ee = X.map((Z) => Z.textValue), he = G0(ee, z, F), be = (P = X.find((Z) => Z.textValue === he)) == null ? void 0 : P.ref.current;
       (function Z(ne) {
         j.current = ne, window.clearTimeout(N.current), ne !== "" && (N.current = window.setTimeout(() => Z(""), 1e3));
       })(z), be && setTimeout(() => be.focus());
@@ -11108,10 +11118,10 @@ var It = "MenuContent", [kS, Ca] = Pn(It), Jd = f.forwardRef(
     f.useEffect(() => () => window.clearTimeout(N.current), []), ra();
     const O = f.useCallback((_) => {
       var X, oe;
-      return G.current === ((X = W.current) == null ? void 0 : X.side) && YS(_, (oe = W.current) == null ? void 0 : oe.area);
+      return G.current === ((X = W.current) == null ? void 0 : X.side) && Y0(_, (oe = W.current) == null ? void 0 : oe.area);
     }, []);
     return /* @__PURE__ */ l.jsx(
-      kS,
+      k0,
       {
         scope: n,
         searchRef: j,
@@ -11159,7 +11169,7 @@ var It = "MenuContent", [kS, Ca] = Pn(It), Jd = f.forwardRef(
                 onInteractOutside: p,
                 onDismiss: b,
                 children: /* @__PURE__ */ l.jsx(
-                  bS,
+                  b0,
                   {
                     asChild: !0,
                     ...y,
@@ -11188,10 +11198,10 @@ var It = "MenuContent", [kS, Ca] = Pn(It), Jd = f.forwardRef(
                           const X = _.target.closest("[data-radix-menu-content]") === _.currentTarget, oe = _.ctrlKey || _.altKey || _.metaKey, F = _.key.length === 1;
                           X && (_.key === "Tab" && _.preventDefault(), !oe && F && q(_.key));
                           const ee = C.current;
-                          if (_.target !== ee || !SS.includes(_.key)) return;
+                          if (_.target !== ee || !S0.includes(_.key)) return;
                           _.preventDefault();
                           const be = E().filter((Y) => !Y.disabled).map((Y) => Y.ref.current);
-                          Vd.includes(_.key) && be.reverse(), WS(be);
+                          Vd.includes(_.key) && be.reverse(), W0(be);
                         }),
                         onBlur: Q(e.onBlur, (_) => {
                           _.currentTarget.contains(_.target) || (window.clearTimeout(N.current), j.current = "");
@@ -11219,20 +11229,20 @@ var It = "MenuContent", [kS, Ca] = Pn(It), Jd = f.forwardRef(
   }
 );
 Jd.displayName = It;
-var MS = "MenuGroup", Ra = f.forwardRef(
+var M0 = "MenuGroup", Ra = f.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e;
     return /* @__PURE__ */ l.jsx(me.div, { role: "group", ...r, ref: t });
   }
 );
-Ra.displayName = MS;
-var DS = "MenuLabel", Zd = f.forwardRef(
+Ra.displayName = M0;
+var D0 = "MenuLabel", Zd = f.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e;
     return /* @__PURE__ */ l.jsx(me.div, { ...r, ref: t });
   }
 );
-Zd.displayName = DS;
+Zd.displayName = D0;
 var _o = "MenuItem", dc = "menu.itemSelect", ds = f.forwardRef(
   (e, t) => {
     const { disabled: n = !1, onSelect: r, ...o } = e, s = f.useRef(null), i = Ur(_o, e.__scopeMenu), a = Ca(_o, e.__scopeMenu), c = Ce(t, s), u = f.useRef(!1), d = () => {
@@ -11278,7 +11288,7 @@ var Qd = f.forwardRef(
         scope: n,
         disabled: r,
         textValue: o ?? p,
-        children: /* @__PURE__ */ l.jsx(wS, { asChild: !0, ...a, focusable: !r, children: /* @__PURE__ */ l.jsx(
+        children: /* @__PURE__ */ l.jsx(w0, { asChild: !0, ...a, focusable: !r, children: /* @__PURE__ */ l.jsx(
           me.div,
           {
             role: "menuitem",
@@ -11304,7 +11314,7 @@ var Qd = f.forwardRef(
       }
     );
   }
-), LS = "MenuCheckboxItem", ef = f.forwardRef(
+), L0 = "MenuCheckboxItem", ef = f.forwardRef(
   (e, t) => {
     const { checked: n = !1, onCheckedChange: r, ...o } = e;
     return /* @__PURE__ */ l.jsx(sf, { scope: e.__scopeMenu, checked: n, children: /* @__PURE__ */ l.jsx(
@@ -11324,21 +11334,21 @@ var Qd = f.forwardRef(
     ) });
   }
 );
-ef.displayName = LS;
-var tf = "MenuRadioGroup", [FS, BS] = Pn(
+ef.displayName = L0;
+var tf = "MenuRadioGroup", [F0, B0] = Pn(
   tf,
   { value: void 0, onValueChange: () => {
   } }
 ), nf = f.forwardRef(
   (e, t) => {
     const { value: n, onValueChange: r, ...o } = e, s = ot(r);
-    return /* @__PURE__ */ l.jsx(FS, { scope: e.__scopeMenu, value: n, onValueChange: s, children: /* @__PURE__ */ l.jsx(Ra, { ...o, ref: t }) });
+    return /* @__PURE__ */ l.jsx(F0, { scope: e.__scopeMenu, value: n, onValueChange: s, children: /* @__PURE__ */ l.jsx(Ra, { ...o, ref: t }) });
   }
 );
 nf.displayName = tf;
 var rf = "MenuRadioItem", of = f.forwardRef(
   (e, t) => {
-    const { value: n, ...r } = e, o = BS(rf, e.__scopeMenu), s = n === o.value;
+    const { value: n, ...r } = e, o = B0(rf, e.__scopeMenu), s = n === o.value;
     return /* @__PURE__ */ l.jsx(sf, { scope: e.__scopeMenu, checked: s, children: /* @__PURE__ */ l.jsx(
       ds,
       {
@@ -11360,12 +11370,12 @@ var rf = "MenuRadioItem", of = f.forwardRef(
   }
 );
 of.displayName = rf;
-var Ea = "MenuItemIndicator", [sf, HS] = Pn(
+var Ea = "MenuItemIndicator", [sf, H0] = Pn(
   Ea,
   { checked: !1 }
 ), af = f.forwardRef(
   (e, t) => {
-    const { __scopeMenu: n, forceMount: r, ...o } = e, s = HS(Ea, n);
+    const { __scopeMenu: n, forceMount: r, ...o } = e, s = H0(Ea, n);
     return /* @__PURE__ */ l.jsx(
       xt,
       {
@@ -11383,7 +11393,7 @@ var Ea = "MenuItemIndicator", [sf, HS] = Pn(
   }
 );
 af.displayName = Ea;
-var $S = "MenuSeparator", lf = f.forwardRef(
+var $0 = "MenuSeparator", lf = f.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e;
     return /* @__PURE__ */ l.jsx(
@@ -11397,15 +11407,15 @@ var $S = "MenuSeparator", lf = f.forwardRef(
     );
   }
 );
-lf.displayName = $S;
-var zS = "MenuArrow", cf = f.forwardRef(
+lf.displayName = $0;
+var z0 = "MenuArrow", cf = f.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e, o = us(n);
     return /* @__PURE__ */ l.jsx(wa, { ...o, ...r, ref: t });
   }
 );
-cf.displayName = zS;
-var US = "MenuSub", [dR, uf] = Pn(US), hr = "MenuSubTrigger", df = f.forwardRef(
+cf.displayName = z0;
+var U0 = "MenuSub", [dR, uf] = Pn(U0), hr = "MenuSubTrigger", df = f.forwardRef(
   (e, t) => {
     const n = _n(hr, e.__scopeMenu), r = Ur(hr, e.__scopeMenu), o = uf(hr, e.__scopeMenu), s = Ca(hr, e.__scopeMenu), i = f.useRef(null), { pointerGraceTimerRef: a, onPointerGraceIntentChange: c } = s, u = { __scopeMenu: e.__scopeMenu }, d = f.useCallback(() => {
       i.current && window.clearTimeout(i.current), i.current = null;
@@ -11469,7 +11479,7 @@ var US = "MenuSub", [dR, uf] = Pn(US), hr = "MenuSubTrigger", df = f.forwardRef(
         onKeyDown: Q(e.onKeyDown, (h) => {
           var b;
           const p = s.searchRef.current !== "";
-          e.disabled || p && h.key === " " || CS[r.dir].includes(h.key) && (n.onOpenChange(!0), (b = n.content) == null || b.focus(), h.preventDefault());
+          e.disabled || p && h.key === " " || C0[r.dir].includes(h.key) && (n.onOpenChange(!0), (b = n.content) == null || b.focus(), h.preventDefault());
         })
       }
     ) });
@@ -11504,7 +11514,7 @@ var ff = "MenuSubContent", hf = f.forwardRef(
         }),
         onKeyDown: Q(e.onKeyDown, (d) => {
           var b;
-          const h = d.currentTarget.contains(d.target), p = TS[i.dir].includes(d.key);
+          const h = d.currentTarget.contains(d.target), p = T0[i.dir].includes(d.key);
           h && p && (s.onOpenChange(!1), (b = a.trigger) == null || b.focus(), d.preventDefault());
         })
       }
@@ -11521,24 +11531,24 @@ function Oo(e) {
 function Ia(e) {
   return Oo(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-function WS(e) {
+function W0(e) {
   const t = document.activeElement;
   for (const n of e)
     if (n === t || (n.focus(), document.activeElement !== t)) return;
 }
-function VS(e, t) {
+function V0(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
-function GS(e, t, n) {
+function G0(e, t, n) {
   const o = t.length > 1 && Array.from(t).every((u) => u === t[0]) ? t[0] : t, s = n ? e.indexOf(n) : -1;
-  let i = VS(e, Math.max(s, 0));
+  let i = V0(e, Math.max(s, 0));
   o.length === 1 && (i = i.filter((u) => u !== n));
   const c = i.find(
     (u) => u.toLowerCase().startsWith(o.toLowerCase())
   );
   return c !== n ? c : void 0;
 }
-function KS(e, t) {
+function K0(e, t) {
   const { x: n, y: r } = e;
   let o = !1;
   for (let s = 0, i = t.length - 1; s < t.length; i = s++) {
@@ -11547,18 +11557,18 @@ function KS(e, t) {
   }
   return o;
 }
-function YS(e, t) {
+function Y0(e, t) {
   if (!t) return !1;
   const n = { x: e.clientX, y: e.clientY };
-  return KS(n, t);
+  return K0(n, t);
 }
 function Nr(e) {
   return (t) => t.pointerType === "mouse" ? e(t) : void 0;
 }
-var qS = Yd, XS = ya, JS = Xd, ZS = Jd, QS = Ra, e0 = Zd, t0 = ds, n0 = ef, r0 = nf, o0 = of, s0 = af, i0 = lf, a0 = cf, l0 = df, c0 = hf, fs = "DropdownMenu", [u0, fR] = $t(
+var q0 = Yd, X0 = ya, J0 = Xd, Z0 = Jd, Q0 = Ra, eS = Zd, tS = ds, nS = ef, rS = nf, oS = of, sS = af, iS = lf, aS = cf, lS = df, cS = hf, fs = "DropdownMenu", [uS, fR] = $t(
   fs,
   [Gd]
-), ht = Gd(), [d0, mf] = u0(fs), gf = (e) => {
+), ht = Gd(), [dS, mf] = uS(fs), gf = (e) => {
   const {
     __scopeDropdownMenu: t,
     children: n,
@@ -11574,7 +11584,7 @@ var qS = Yd, XS = ya, JS = Xd, ZS = Jd, QS = Ra, e0 = Zd, t0 = ds, n0 = ef, r0 =
     caller: fs
   });
   return /* @__PURE__ */ l.jsx(
-    d0,
+    dS,
     {
       scope: t,
       triggerId: Dt(),
@@ -11584,7 +11594,7 @@ var qS = Yd, XS = ya, JS = Xd, ZS = Jd, QS = Ra, e0 = Zd, t0 = ds, n0 = ef, r0 =
       onOpenChange: h,
       onOpenToggle: f.useCallback(() => h((p) => !p), [h]),
       modal: a,
-      children: /* @__PURE__ */ l.jsx(qS, { ...c, open: d, onOpenChange: h, dir: r, modal: a, children: n })
+      children: /* @__PURE__ */ l.jsx(q0, { ...c, open: d, onOpenChange: h, dir: r, modal: a, children: n })
     }
   );
 };
@@ -11592,7 +11602,7 @@ gf.displayName = fs;
 var xf = "DropdownMenuTrigger", vf = f.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, disabled: r = !1, ...o } = e, s = mf(xf, n), i = ht(n);
-    return /* @__PURE__ */ l.jsx(XS, { asChild: !0, ...i, children: /* @__PURE__ */ l.jsx(
+    return /* @__PURE__ */ l.jsx(X0, { asChild: !0, ...i, children: /* @__PURE__ */ l.jsx(
       me.button,
       {
         type: "button",
@@ -11616,16 +11626,16 @@ var xf = "DropdownMenuTrigger", vf = f.forwardRef(
   }
 );
 vf.displayName = xf;
-var f0 = "DropdownMenuPortal", bf = (e) => {
+var fS = "DropdownMenuPortal", bf = (e) => {
   const { __scopeDropdownMenu: t, ...n } = e, r = ht(t);
-  return /* @__PURE__ */ l.jsx(JS, { ...r, ...n });
+  return /* @__PURE__ */ l.jsx(J0, { ...r, ...n });
 };
-bf.displayName = f0;
+bf.displayName = fS;
 var wf = "DropdownMenuContent", yf = f.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = mf(wf, n), s = ht(n), i = f.useRef(!1);
     return /* @__PURE__ */ l.jsx(
-      ZS,
+      Z0,
       {
         id: o.contentId,
         "aria-labelledby": o.triggerId,
@@ -11653,68 +11663,68 @@ var wf = "DropdownMenuContent", yf = f.forwardRef(
   }
 );
 yf.displayName = wf;
-var h0 = "DropdownMenuGroup", p0 = f.forwardRef(
+var hS = "DropdownMenuGroup", pS = f.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = ht(n);
-    return /* @__PURE__ */ l.jsx(QS, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ l.jsx(Q0, { ...o, ...r, ref: t });
   }
 );
-p0.displayName = h0;
-var m0 = "DropdownMenuLabel", Sf = f.forwardRef(
+pS.displayName = hS;
+var mS = "DropdownMenuLabel", Sf = f.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = ht(n);
-    return /* @__PURE__ */ l.jsx(e0, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ l.jsx(eS, { ...o, ...r, ref: t });
   }
 );
-Sf.displayName = m0;
-var g0 = "DropdownMenuItem", Cf = f.forwardRef(
+Sf.displayName = mS;
+var gS = "DropdownMenuItem", Cf = f.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = ht(n);
-    return /* @__PURE__ */ l.jsx(t0, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ l.jsx(tS, { ...o, ...r, ref: t });
   }
 );
-Cf.displayName = g0;
-var x0 = "DropdownMenuCheckboxItem", Tf = f.forwardRef((e, t) => {
+Cf.displayName = gS;
+var xS = "DropdownMenuCheckboxItem", Tf = f.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = ht(n);
-  return /* @__PURE__ */ l.jsx(n0, { ...o, ...r, ref: t });
+  return /* @__PURE__ */ l.jsx(nS, { ...o, ...r, ref: t });
 });
-Tf.displayName = x0;
-var v0 = "DropdownMenuRadioGroup", b0 = f.forwardRef((e, t) => {
+Tf.displayName = xS;
+var vS = "DropdownMenuRadioGroup", bS = f.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = ht(n);
-  return /* @__PURE__ */ l.jsx(r0, { ...o, ...r, ref: t });
+  return /* @__PURE__ */ l.jsx(rS, { ...o, ...r, ref: t });
 });
-b0.displayName = v0;
-var w0 = "DropdownMenuRadioItem", Rf = f.forwardRef((e, t) => {
+bS.displayName = vS;
+var wS = "DropdownMenuRadioItem", Rf = f.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = ht(n);
-  return /* @__PURE__ */ l.jsx(o0, { ...o, ...r, ref: t });
+  return /* @__PURE__ */ l.jsx(oS, { ...o, ...r, ref: t });
 });
-Rf.displayName = w0;
-var y0 = "DropdownMenuItemIndicator", Ef = f.forwardRef((e, t) => {
+Rf.displayName = wS;
+var yS = "DropdownMenuItemIndicator", Ef = f.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = ht(n);
-  return /* @__PURE__ */ l.jsx(s0, { ...o, ...r, ref: t });
+  return /* @__PURE__ */ l.jsx(sS, { ...o, ...r, ref: t });
 });
-Ef.displayName = y0;
-var S0 = "DropdownMenuSeparator", If = f.forwardRef((e, t) => {
+Ef.displayName = yS;
+var SS = "DropdownMenuSeparator", If = f.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = ht(n);
-  return /* @__PURE__ */ l.jsx(i0, { ...o, ...r, ref: t });
+  return /* @__PURE__ */ l.jsx(iS, { ...o, ...r, ref: t });
 });
-If.displayName = S0;
-var C0 = "DropdownMenuArrow", T0 = f.forwardRef(
+If.displayName = SS;
+var CS = "DropdownMenuArrow", TS = f.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = ht(n);
-    return /* @__PURE__ */ l.jsx(a0, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ l.jsx(aS, { ...o, ...r, ref: t });
   }
 );
-T0.displayName = C0;
-var R0 = "DropdownMenuSubTrigger", Nf = f.forwardRef((e, t) => {
+TS.displayName = CS;
+var RS = "DropdownMenuSubTrigger", Nf = f.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = ht(n);
-  return /* @__PURE__ */ l.jsx(l0, { ...o, ...r, ref: t });
+  return /* @__PURE__ */ l.jsx(lS, { ...o, ...r, ref: t });
 });
-Nf.displayName = R0;
-var E0 = "DropdownMenuSubContent", jf = f.forwardRef((e, t) => {
+Nf.displayName = RS;
+var ES = "DropdownMenuSubContent", jf = f.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = ht(n);
   return /* @__PURE__ */ l.jsx(
-    c0,
+    cS,
     {
       ...o,
       ...r,
@@ -11730,9 +11740,9 @@ var E0 = "DropdownMenuSubContent", jf = f.forwardRef((e, t) => {
     }
   );
 });
-jf.displayName = E0;
-var I0 = gf, N0 = vf, j0 = bf, Af = yf, kf = Sf, Pf = Cf, _f = Tf, Of = Rf, Mf = Ef, Df = If, Lf = Nf, Ff = jf;
-const A0 = I0, k0 = N0, P0 = f.forwardRef(({ className: e, inset: t, children: n, ...r }, o) => /* @__PURE__ */ l.jsxs(
+jf.displayName = ES;
+var IS = gf, NS = vf, jS = bf, Af = yf, kf = Sf, Pf = Cf, _f = Tf, Of = Rf, Mf = Ef, Df = If, Lf = Nf, Ff = jf;
+const AS = IS, kS = NS, PS = f.forwardRef(({ className: e, inset: t, children: n, ...r }, o) => /* @__PURE__ */ l.jsxs(
   Lf,
   {
     ref: o,
@@ -11748,8 +11758,8 @@ const A0 = I0, k0 = N0, P0 = f.forwardRef(({ className: e, inset: t, children: n
     ]
   }
 ));
-P0.displayName = Lf.displayName;
-const _0 = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
+PS.displayName = Lf.displayName;
+const _S = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   Ff,
   {
     ref: n,
@@ -11760,8 +11770,8 @@ const _0 = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
     ...t
   }
 ));
-_0.displayName = Ff.displayName;
-const Bf = f.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ l.jsx(j0, { children: /* @__PURE__ */ l.jsx(
+_S.displayName = Ff.displayName;
+const Bf = f.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ l.jsx(jS, { children: /* @__PURE__ */ l.jsx(
   Af,
   {
     ref: r,
@@ -11787,7 +11797,7 @@ const Si = f.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */
   }
 ));
 Si.displayName = Pf.displayName;
-const O0 = f.forwardRef(({ className: e, children: t, checked: n, ...r }, o) => /* @__PURE__ */ l.jsxs(
+const OS = f.forwardRef(({ className: e, children: t, checked: n, ...r }, o) => /* @__PURE__ */ l.jsxs(
   _f,
   {
     ref: o,
@@ -11803,8 +11813,8 @@ const O0 = f.forwardRef(({ className: e, children: t, checked: n, ...r }, o) =>
     ]
   }
 ));
-O0.displayName = _f.displayName;
-const M0 = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ l.jsxs(
+OS.displayName = _f.displayName;
+const MS = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ l.jsxs(
   Of,
   {
     ref: r,
@@ -11819,8 +11829,8 @@ const M0 = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
     ]
   }
 ));
-M0.displayName = Of.displayName;
-const D0 = f.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ l.jsx(
+MS.displayName = Of.displayName;
+const DS = f.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */ l.jsx(
   kf,
   {
     ref: r,
@@ -11832,8 +11842,8 @@ const D0 = f.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */
     ...n
   }
 ));
-D0.displayName = kf.displayName;
-const L0 = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
+DS.displayName = kf.displayName;
+const LS = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   Df,
   {
     ref: n,
@@ -11841,13 +11851,13 @@ const L0 = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
     ...t
   }
 ));
-L0.displayName = Df.displayName;
+LS.displayName = Df.displayName;
 function go({
   className: e = "",
   placeholder: t = "Type your message...",
   autoFocus: n = !0,
   maxHeight: r = void 0,
-  streamingDebounceMs: o = 500,
+  streamingDebounceMs: o = 800,
   enableFileUpload: s = !0,
   enableExcelUpload: i = !1,
   enableMessageEditing: a = !0,
@@ -12128,8 +12138,8 @@ function go({
       ] }),
       H && /* @__PURE__ */ l.jsx("div", { className: "mb-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded px-3 py-2", children: H }),
       /* @__PURE__ */ l.jsxs("div", { className: "flex items-end gap-2", children: [
-        (s || i) && /* @__PURE__ */ l.jsxs(A0, { children: [
-          /* @__PURE__ */ l.jsx(k0, { asChild: !0, children: /* @__PURE__ */ l.jsx(
+        (s || i) && /* @__PURE__ */ l.jsxs(AS, { children: [
+          /* @__PURE__ */ l.jsx(kS, { asChild: !0, children: /* @__PURE__ */ l.jsx(
             Ne,
             {
               type: "button",
@@ -12203,10 +12213,10 @@ jr.displayName = "Input";
 function Ci(e, [t, n]) {
   return Math.min(n, Math.max(t, e));
 }
-function F0(e, t) {
+function FS(e, t) {
   return f.useReducer((n, r) => t[n][r] ?? n, e);
 }
-var Na = "ScrollArea", [Hf, hR] = $t(Na), [B0, jt] = Hf(Na), $f = f.forwardRef(
+var Na = "ScrollArea", [Hf, hR] = $t(Na), [BS, jt] = Hf(Na), $f = f.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: n,
@@ -12216,7 +12226,7 @@ var Na = "ScrollArea", [Hf, hR] = $t(Na), [B0, jt] = Hf(Na), $f = f.forwardRef(
       ...i
     } = e, [a, c] = f.useState(null), [u, d] = f.useState(null), [h, p] = f.useState(null), [b, g] = f.useState(null), [x, m] = f.useState(null), [v, w] = f.useState(0), [y, E] = f.useState(0), [S, T] = f.useState(!1), [C, I] = f.useState(!1), N = Ce(t, (M) => c(M)), j = ss(o);
     return /* @__PURE__ */ l.jsx(
-      B0,
+      BS,
       {
         scope: n,
         type: r,
@@ -12304,11 +12314,11 @@ var Zt = "ScrollAreaScrollbar", ja = f.forwardRef(
     const { forceMount: n, ...r } = e, o = jt(Zt, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: i } = o, a = e.orientation === "horizontal";
     return f.useEffect(() => (a ? s(!0) : i(!0), () => {
       a ? s(!1) : i(!1);
-    }), [a, s, i]), o.type === "hover" ? /* @__PURE__ */ l.jsx(H0, { ...r, ref: t, forceMount: n }) : o.type === "scroll" ? /* @__PURE__ */ l.jsx($0, { ...r, ref: t, forceMount: n }) : o.type === "auto" ? /* @__PURE__ */ l.jsx(Wf, { ...r, ref: t, forceMount: n }) : o.type === "always" ? /* @__PURE__ */ l.jsx(Aa, { ...r, ref: t }) : null;
+    }), [a, s, i]), o.type === "hover" ? /* @__PURE__ */ l.jsx(HS, { ...r, ref: t, forceMount: n }) : o.type === "scroll" ? /* @__PURE__ */ l.jsx($S, { ...r, ref: t, forceMount: n }) : o.type === "auto" ? /* @__PURE__ */ l.jsx(Wf, { ...r, ref: t, forceMount: n }) : o.type === "always" ? /* @__PURE__ */ l.jsx(Aa, { ...r, ref: t }) : null;
   }
 );
 ja.displayName = Zt;
-var H0 = f.forwardRef((e, t) => {
+var HS = f.forwardRef((e, t) => {
   const { forceMount: n, ...r } = e, o = jt(Zt, e.__scopeScrollArea), [s, i] = f.useState(!1);
   return f.useEffect(() => {
     const a = o.scrollArea;
@@ -12331,8 +12341,8 @@ var H0 = f.forwardRef((e, t) => {
       ref: t
     }
   ) });
-}), $0 = f.forwardRef((e, t) => {
-  const { forceMount: n, ...r } = e, o = jt(Zt, e.__scopeScrollArea), s = e.orientation === "horizontal", i = ps(() => c("SCROLL_END"), 100), [a, c] = F0("hidden", {
+}), $S = f.forwardRef((e, t) => {
+  const { forceMount: n, ...r } = e, o = jt(Zt, e.__scopeScrollArea), s = e.orientation === "horizontal", i = ps(() => c("SCROLL_END"), 100), [a, c] = FS("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -12405,10 +12415,10 @@ var H0 = f.forwardRef((e, t) => {
     onThumbPointerDown: (p) => i.current = p
   };
   function h(p, b) {
-    return K0(p, i.current, a, b);
+    return KS(p, i.current, a, b);
   }
   return n === "horizontal" ? /* @__PURE__ */ l.jsx(
-    z0,
+    zS,
     {
       ...d,
       ref: t,
@@ -12426,7 +12436,7 @@ var H0 = f.forwardRef((e, t) => {
       }
     }
   ) : n === "vertical" ? /* @__PURE__ */ l.jsx(
-    U0,
+    US,
     {
       ...d,
       ref: t,
@@ -12444,7 +12454,7 @@ var H0 = f.forwardRef((e, t) => {
       }
     }
   ) : null;
-}), z0 = f.forwardRef((e, t) => {
+}), zS = f.forwardRef((e, t) => {
   const { sizes: n, onSizesChange: r, ...o } = e, s = jt(Zt, e.__scopeScrollArea), [i, a] = f.useState(), c = f.useRef(null), u = Ce(t, c, s.onScrollbarXChange);
   return f.useEffect(() => {
     c.current && a(getComputedStyle(c.current));
@@ -12483,7 +12493,7 @@ var H0 = f.forwardRef((e, t) => {
       }
     }
   );
-}), U0 = f.forwardRef((e, t) => {
+}), US = f.forwardRef((e, t) => {
   const { sizes: n, onSizesChange: r, ...o } = e, s = jt(Zt, e.__scopeScrollArea), [i, a] = f.useState(), c = f.useRef(null), u = Ce(t, c, s.onScrollbarYChange);
   return f.useEffect(() => {
     c.current && a(getComputedStyle(c.current));
@@ -12523,7 +12533,7 @@ var H0 = f.forwardRef((e, t) => {
       }
     }
   );
-}), [W0, Vf] = Hf(Zt), Gf = f.forwardRef((e, t) => {
+}), [WS, Vf] = Hf(Zt), Gf = f.forwardRef((e, t) => {
   const {
     __scopeScrollArea: n,
     sizes: r,
@@ -12550,7 +12560,7 @@ var H0 = f.forwardRef((e, t) => {
     };
     return document.addEventListener("wheel", N, { passive: !1 }), () => document.removeEventListener("wheel", N, { passive: !1 });
   }, [y, g, E, S]), f.useEffect(T, [r, T]), Zn(g, C), Zn(b.content, C), /* @__PURE__ */ l.jsx(
-    W0,
+    WS,
     {
       scope: n,
       scrollbar: g,
@@ -12580,9 +12590,9 @@ var H0 = f.forwardRef((e, t) => {
 }), Mo = "ScrollAreaThumb", Kf = f.forwardRef(
   (e, t) => {
     const { forceMount: n, ...r } = e, o = Vf(Mo, e.__scopeScrollArea);
-    return /* @__PURE__ */ l.jsx(xt, { present: n || o.hasThumb, children: /* @__PURE__ */ l.jsx(V0, { ref: t, ...r }) });
+    return /* @__PURE__ */ l.jsx(xt, { present: n || o.hasThumb, children: /* @__PURE__ */ l.jsx(VS, { ref: t, ...r }) });
   }
-), V0 = f.forwardRef(
+), VS = f.forwardRef(
   (e, t) => {
     const { __scopeScrollArea: n, style: r, ...o } = e, s = jt(Mo, n), i = Vf(Mo, n), { onThumbPositionChange: a } = i, c = Ce(
       t,
@@ -12595,7 +12605,7 @@ var H0 = f.forwardRef((e, t) => {
       if (h) {
         const p = () => {
           if (d(), !u.current) {
-            const b = Y0(h, a);
+            const b = YS(h, a);
             u.current = b, a();
           }
         };
@@ -12625,11 +12635,11 @@ Kf.displayName = Mo;
 var ka = "ScrollAreaCorner", Yf = f.forwardRef(
   (e, t) => {
     const n = jt(ka, e.__scopeScrollArea), r = !!(n.scrollbarX && n.scrollbarY);
-    return n.type !== "scroll" && r ? /* @__PURE__ */ l.jsx(G0, { ...e, ref: t }) : null;
+    return n.type !== "scroll" && r ? /* @__PURE__ */ l.jsx(GS, { ...e, ref: t }) : null;
   }
 );
 Yf.displayName = ka;
-var G0 = f.forwardRef((e, t) => {
+var GS = f.forwardRef((e, t) => {
   const { __scopeScrollArea: n, ...r } = e, o = jt(ka, n), [s, i] = f.useState(0), [a, c] = f.useState(0), u = !!(s && a);
   return Zn(o.scrollbarX, () => {
     var h;
@@ -12667,7 +12677,7 @@ function hs(e) {
   const t = qf(e.viewport, e.content), n = e.scrollbar.paddingStart + e.scrollbar.paddingEnd, r = (e.scrollbar.size - n) * t;
   return Math.max(r, 18);
 }
-function K0(e, t, n, r = "ltr") {
+function KS(e, t, n, r = "ltr") {
   const o = hs(n), s = o / 2, i = t || s, a = o - i, c = n.scrollbar.paddingStart + i, u = n.scrollbar.size - n.scrollbar.paddingEnd - a, d = n.content - n.viewport, h = r === "ltr" ? [0, d] : [d * -1, 0];
   return Xf([c, u], h)(e);
 }
@@ -12685,7 +12695,7 @@ function Xf(e, t) {
 function Jf(e, t) {
   return e > 0 && e < t;
 }
-var Y0 = (e, t = () => {
+var YS = (e, t = () => {
 }) => {
   let n = { left: e.scrollLeft, top: e.scrollTop }, r = 0;
   return function o() {
@@ -12713,7 +12723,7 @@ function Zn(e, t) {
     }
   }, [e, n]);
 }
-var Zf = $f, q0 = Uf, X0 = Yf;
+var Zf = $f, qS = Uf, XS = Yf;
 const Qf = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ l.jsxs(
   Zf,
   {
@@ -12721,9 +12731,9 @@ const Qf = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
     className: D("relative overflow-hidden", e),
     ...n,
     children: [
-      /* @__PURE__ */ l.jsx(q0, { className: "h-full w-full rounded-[inherit] overflow-auto", children: t }),
+      /* @__PURE__ */ l.jsx(qS, { className: "h-full w-full rounded-[inherit] overflow-auto", children: t }),
       /* @__PURE__ */ l.jsx(eh, {}),
-      /* @__PURE__ */ l.jsx(X0, {})
+      /* @__PURE__ */ l.jsx(XS, {})
     ]
   }
 ));
@@ -12898,7 +12908,7 @@ function Yn(e) {
   if (!(typeof globalThis > "u"))
     return globalThis[e];
 }
-function J0(e) {
+function JS(e) {
   if (typeof e != "string") return;
   const t = e.trim();
   if (t)
@@ -12911,7 +12921,7 @@ function nh() {
     Yn("__CHAT_API_URL__")
   ];
   for (const t of e) {
-    const n = J0(t);
+    const n = JS(t);
     if (n) return n;
   }
 }
@@ -12925,12 +12935,12 @@ function rh() {
     if (typeof t == "string" && t.trim())
       return t.trim();
 }
-function Z0() {
+function ZS() {
   const e = {}, t = nh(), n = rh();
   return t && (e.baseUrl = t), n && (e.apiKey = n), e;
 }
-function Q0() {
-  const e = Z0(), t = Tn.getAuthToken(), n = nh();
+function QS() {
+  const e = ZS(), t = Tn.getAuthToken(), n = nh();
   return {
     apiBaseUrl: e.baseUrl || Tn.baseUrl || n || "http://localhost:8000",
     apiKey: t || e.apiKey || rh() || "",
@@ -12964,7 +12974,7 @@ function tC(e) {
   }
 }
 function gR() {
-  const e = Q0(), t = eC(), n = Tn.getAuthToken();
+  const e = QS(), t = eC(), n = Tn.getAuthToken();
   return {
     ...e,
     ...t,
@@ -15517,8 +15527,8 @@ export {
   _t as get,
   $g as getChatToken,
   gR as getCurrentSettings,
-  Z0 as getDefaultApiConfig,
-  Q0 as getDefaultChatSettings,
+  ZS as getDefaultApiConfig,
+  QS as getDefaultChatSettings,
   zg as onChatTokenChanged,
   Ug as post,
   Wg as put,