teodor-new-chat-ui 3.0.70 → 3.0.72

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as f from "react";
-import K, { useState as fe, useRef as at, useCallback as We, useEffect as Ve, useReducer as Dp, useMemo as wn, createContext as vc, useContext as bc, createElement as ro, useLayoutEffect as Lp } from "react";
+import K, { useState as de, useRef as at, useCallback as We, useEffect as Ge, useReducer as Dp, useMemo as wn, createContext as vc, useContext as bc, createElement as ro, useLayoutEffect as Lp } from "react";
 import * as Ho from "react-dom";
 import wc from "react-dom";
 import { Square as Fp, Send as Bp, X as Vn, ExternalLink as Hp, Download as $p, Image as yc, FileText as Ua, Loader as zp, ChevronUp as pr, ChevronDown as Wn, Copy as Wa, Edit as Va, RotateCcw as Zs, Bot as Ga, Wrench as Up, User as Wp, ChevronRight as Vp, Check as Di, Circle as Gp, Edit3 as Sc, Paperclip as Ka, Loader2 as Kp, Plus as Yp, FileSpreadsheet as qp, MessageSquarePlus as Xp, MessageSquare as Jp, Calendar as Zp, Trash2 as Qp, PanelLeft as em, Settings as tm, Server as nm, EyeOff as rm, Eye as om, Layout as sm, MessageCircle as im, Save as am } from "lucide-react";
@@ -137,7 +137,7 @@ function fm() {
     function F() {
     }
     F.__reactDisabledLog = !0;
-    function Q() {
+    function ee() {
       {
         if ($ === 0) {
           L = console.log, q = console.info, O = console.warn, _ = console.error, z = console.group, X = console.groupCollapsed, oe = console.groupEnd;
@@ -160,7 +160,7 @@ function fm() {
         $++;
       }
     }
-    function de() {
+    function he() {
       {
         if ($--, $ === 0) {
           var T = {
@@ -214,7 +214,7 @@ function fm() {
       var le = typeof WeakMap == "function" ? WeakMap : Map;
       ne = new le();
     }
-    function se(T, U) {
+    function ie(T, U) {
       if (!T || Z)
         return "";
       {
@@ -227,7 +227,7 @@ function fm() {
       var _e = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var Me;
-      Me = be.current, be.current = null, Q();
+      Me = be.current, be.current = null, ee();
       try {
         if (U) {
           var Ie = function() {
@@ -280,13 +280,13 @@ function fm() {
             }
         }
       } finally {
-        Z = !1, be.current = Me, de(), Error.prepareStackTrace = _e;
+        Z = !1, be.current = Me, he(), Error.prepareStackTrace = _e;
       }
       var Fn = T ? T.displayName || T.name : "", za = Fn ? P(Fn) : "";
       return typeof T == "function" && ne.set(T, za), za;
     }
     function ke(T, U, te) {
-      return se(T, !1);
+      return ie(T, !1);
     }
     function Fe(T) {
       var U = T.prototype;
@@ -296,7 +296,7 @@ function fm() {
       if (T == null)
         return "";
       if (typeof T == "function")
-        return se(T, Fe(T));
+        return ie(T, Fe(T));
       if (typeof T == "string")
         return P(T);
       switch (T) {
@@ -321,7 +321,7 @@ function fm() {
         }
       return "";
     }
-    var ce = Object.prototype.hasOwnProperty, je = {}, xe = b.ReactDebugCurrentFrame;
+    var ue = Object.prototype.hasOwnProperty, je = {}, xe = b.ReactDebugCurrentFrame;
     function H(T) {
       if (T) {
         var U = T._owner, te = Le(T.type, T._source, U ? U.type : null);
@@ -331,7 +331,7 @@ function fm() {
     }
     function ae(T, U, te, ge, _e) {
       {
-        var Me = Function.call.bind(ce);
+        var Me = Function.call.bind(ue);
         for (var Ie in T)
           if (Me(T, Ie)) {
             var Te = void 0;
@@ -372,14 +372,14 @@ function fm() {
       if (rt(T))
         return w("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", dt(T)), Qe(T);
     }
-    var Ge = b.ReactCurrentOwner, st = {
+    var Ve = b.ReactCurrentOwner, st = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, Ke, it;
     function Pt(T) {
-      if (ce.call(T, "ref")) {
+      if (ue.call(T, "ref")) {
         var U = Object.getOwnPropertyDescriptor(T, "ref").get;
         if (U && U.isReactWarning)
           return !1;
@@ -387,7 +387,7 @@ function fm() {
       return T.ref !== void 0;
     }
     function vn(T) {
-      if (ce.call(T, "key")) {
+      if (ue.call(T, "key")) {
         var U = Object.getOwnPropertyDescriptor(T, "key").get;
         if (U && U.isReactWarning)
           return !1;
@@ -395,7 +395,7 @@ function fm() {
       return T.key !== void 0;
     }
     function Dn(T, U) {
-      typeof T.ref == "string" && Ge.current;
+      typeof T.ref == "string" && Ve.current;
     }
     function Ue(T, U) {
       {
@@ -453,7 +453,7 @@ function fm() {
         var Me, Ie = {}, Te = null, ft = null;
         te !== void 0 && (Ct(te), Te = "" + te), vn(U) && (Ct(U.key), Te = "" + U.key), Pt(U) && (ft = U.ref, Dn(U, _e));
         for (Me in U)
-          ce.call(U, Me) && !st.hasOwnProperty(Me) && (Ie[Me] = U[Me]);
+          ue.call(U, Me) && !st.hasOwnProperty(Me) && (Ie[Me] = U[Me]);
         if (T && T.defaultProps) {
           var Ye = T.defaultProps;
           for (Me in Ye)
@@ -463,16 +463,16 @@ function fm() {
           var Je = typeof T == "function" ? T.displayName || T.name || "Unknown" : T;
           Te && Ue(Ie, Je), ft && ur(Ie, Je);
         }
-        return Rs(T, Te, ft, _e, ge, Ge.current, Ie);
+        return Rs(T, Te, ft, _e, ge, Ve.current, Ie);
       }
     }
-    var J = b.ReactCurrentOwner, ie = b.ReactDebugCurrentFrame;
+    var J = b.ReactCurrentOwner, se = b.ReactDebugCurrentFrame;
     function Re(T) {
       if (T) {
         var U = T._owner, te = Le(T.type, T._source, U ? U.type : null);
-        ie.setExtraStackFrame(te);
+        se.setExtraStackFrame(te);
       } else
-        ie.setExtraStackFrame(null);
+        se.setExtraStackFrame(null);
     }
     var Pe;
     Pe = !1;
@@ -1864,11 +1864,11 @@ const $c = (e) => {
           duplex: "half"
         }), oe;
         if (j.isFormData(b) && (oe = X.headers.get("content-type")) && I.setContentType(oe), X.body) {
-          const [F, Q] = tl(
+          const [F, ee] = tl(
             $,
             Co(nl(C))
           );
-          b = ol(X.body, sl, F, Q);
+          b = ol(X.body, sl, F, ee);
         }
       }
       j.isString(A) || (A = A ? "include" : "omit");
@@ -1886,16 +1886,16 @@ const $c = (e) => {
       const _ = d && (R === "stream" || R === "response");
       if (d && (S || _ && N)) {
         const X = {};
-        ["status", "statusText", "headers"].forEach((de) => {
-          X[de] = O[de];
+        ["status", "statusText", "headers"].forEach((he) => {
+          X[he] = O[he];
         });
-        const oe = j.toFiniteNumber(O.headers.get("content-length")), [F, Q] = S && tl(
+        const oe = j.toFiniteNumber(O.headers.get("content-length")), [F, ee] = S && tl(
           oe,
           Co(nl(S), !0)
         ) || [];
         O = new r(
           ol(O.body, sl, F, () => {
-            Q && Q(), N && N();
+            ee && ee(), N && N();
           }),
           X
         );
@@ -2504,7 +2504,7 @@ class Gg {
 }
 const En = new Gg();
 function Kg(e = {}) {
-  const t = e.baseUrl ?? "/api/chat", n = e.streamPath ?? "/runs/stream", [r, o] = fe(e.token ?? null), s = at(e.headers ?? {}), [i, a] = fe(!1), [c, u] = fe(null), [d, h] = fe(""), [p, v] = fe(null), g = at(null), x = We((y) => {
+  const t = e.baseUrl ?? "/api/chat", n = e.streamPath ?? "/runs/stream", [r, o] = de(e.token ?? null), s = at(e.headers ?? {}), [i, a] = de(!1), [c, u] = de(null), [d, h] = de(""), [p, v] = de(null), g = at(null), x = We((y) => {
     o(y);
   }, []), m = We(() => {
     var y;
@@ -2545,8 +2545,8 @@ function Kg(e = {}) {
               const z = window.__AUTH_TOKEN__, X = ((A = window.localStorage) == null ? void 0 : A.getItem("authToken")) || null;
               let oe = null;
               try {
-                const Q = (k = window.localStorage) == null ? void 0 : k.getItem("chat-settings");
-                Q && (oe = ((M = JSON.parse(Q)) == null ? void 0 : M.apiKey) || null);
+                const ee = (k = window.localStorage) == null ? void 0 : k.getItem("chat-settings");
+                ee && (oe = ((M = JSON.parse(ee)) == null ? void 0 : M.apiKey) || null);
               } catch {
               }
               const F = z || X || oe || null;
@@ -2594,20 +2594,20 @@ function Kg(e = {}) {
               O = O.slice(X + 2);
               const F = qg(oe);
               if (!F) continue;
-              let Q;
+              let ee;
               try {
-                Q = JSON.parse(F);
+                ee = JSON.parse(F);
               } catch {
                 R && console.debug("[use-chat] skip malformed SSE data:", F == null ? void 0 : F.slice(0, 200));
                 continue;
               }
-              const de = Yg(Q) ? Q.data : Q;
-              if (R && console.debug("[use-chat] event:", de == null ? void 0 : de.type, de), E == null || E(de), de.type === "token")
-                e.autoAppendAssistant !== !1 && h((be) => be + de.content);
-              else if (de.type === "message_delta") {
-                const be = de.delta.filter((Y) => Y.type === "text").map((Y) => Y.text).join("");
+              const he = Yg(ee) ? ee.data : ee;
+              if (R && console.debug("[use-chat] event:", he == null ? void 0 : he.type, he), E == null || E(he), he.type === "token")
+                e.autoAppendAssistant !== !1 && h((be) => be + he.content);
+              else if (he.type === "message_delta") {
+                const be = he.delta.filter((Y) => Y.type === "text").map((Y) => Y.text).join("");
                 be && e.autoAppendAssistant !== !1 && h((Y) => Y + be);
-              } else de.type === "checkpoint" ? v(de.checkpointId) : de.type === "error" && u(de.message);
+              } else he.type === "checkpoint" ? v(he.checkpointId) : he.type === "error" && u(he.message);
             }
           }
         } catch (N) {
@@ -2621,7 +2621,7 @@ function Kg(e = {}) {
     },
     [t, r, e.autoAppendAssistant]
   );
-  return Ve(() => () => {
+  return Ge(() => () => {
     var y;
     return (y = g.current) == null ? void 0 : y.abort();
   }, []), {
@@ -2705,7 +2705,7 @@ function Zg(e = []) {
   }, [i]), c = We((d) => {
     r.current.push(d), a();
   }, [a]);
-  Ve(() => () => {
+  Ge(() => () => {
     o.current !== null && typeof window < "u" && window.cancelAnimationFrame(o.current), s.current !== null && clearTimeout(s.current), r.current = [];
   }, []);
   const u = wn(() => ({
@@ -2923,7 +2923,7 @@ async function ix(e, t = [], n, r, o, s) {
 const Kc = vc(null);
 function ao({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialThreadId: o = null, historyPageSize: s, autoLoadInitial: i = !0, enableFileAgentRouting: a = !1, fileAgentId: c = "invoice_reader" }) {
   const u = En;
-  Ve(() => {
+  Ge(() => {
     t && u.updateConfig({
       baseUrl: t.baseUrl,
       authToken: t.apiKey
@@ -2937,8 +2937,8 @@ function ao({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     // any extra headers caller wants
     // Ensure the path matches the chat endpoint
     streamPath: "/chat/runs/stream"
-  }), [x, m] = fe(() => typeof u.getAuthToken == "function" ? u.getAuthToken() : null);
-  Ve(() => {
+  }), [x, m] = de(() => typeof u.getAuthToken == "function" ? u.getAuthToken() : null);
+  Ge(() => {
     g(typeof u.getAuthToken == "function" ? u.getAuthToken() : null);
     const H = u.onTokenChange((ae) => {
       m(ae), g(ae);
@@ -2949,16 +2949,16 @@ function ao({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }, [u, g]);
   const b = We((H) => {
     u.setAuthToken(H);
-  }, [u]), { state: w, seed: y, prepend: E, pushUser: S, onEvent: C, reset: R } = Zg(), I = s && s > 0 ? s : 6, [A, k] = fe(!1), [M, W] = fe(!1), [G, N] = fe(null), [$, L] = fe(void 0), q = We(
+  }, [u]), { state: w, seed: y, prepend: E, pushUser: S, onEvent: C, reset: R } = Zg(), I = s && s > 0 ? s : 6, [A, k] = de(!1), [M, W] = de(!1), [G, N] = de(null), [$, L] = de(void 0), q = We(
     (H, ae) => {
       const Be = Array.isArray(H == null ? void 0 : H.messages) ? H.messages : [];
       ae === "replace" ? y(Be) : ae === "prepend" && Be.length && E(Be), N((H == null ? void 0 : H.nextCursor) ?? null), k(!!(H != null && H.hasMore)), L((nt) => (H == null ? void 0 : H.checkpointId) ?? nt ?? void 0);
     },
     [y, E]
-  ), [O, _] = fe([]), [z, X] = fe(null), oe = We(async () => {
+  ), [O, _] = de([]), [z, X] = de(null), oe = We(async () => {
     const H = await u.listThreads();
     _(H);
-  }, [u]), [F, Q] = fe(!1), de = We(
+  }, [u]), [F, ee] = de(!1), he = We(
     async (H) => {
       const ae = (H == null ? void 0 : H.maxAttempts) ?? 5, Be = (H == null ? void 0 : H.baseDelayMs) ?? 500, nt = (H == null ? void 0 : H.timeoutMs) ?? 2e3;
       if (!u.baseUrl) return !1;
@@ -2969,38 +2969,38 @@ function ao({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
         // root
         "/api/v2/health",
         "/api/v2/chat/health"
-      ], Qe = async (Ge) => {
+      ], Qe = async (Ve) => {
         try {
-          const st = new AbortController(), Ke = setTimeout(() => st.abort(), nt), it = await fetch(Ge, { method: "GET", signal: st.signal });
+          const st = new AbortController(), Ke = setTimeout(() => st.abort(), nt), it = await fetch(Ve, { method: "GET", signal: st.signal });
           return clearTimeout(Ke), it.ok;
         } catch {
           return !1;
         }
-      }, Ct = async (Ge) => {
+      }, Ct = async (Ve) => {
         try {
-          const st = new AbortController(), Ke = setTimeout(() => st.abort(), nt), it = await fetch(Ge, { method: "HEAD", signal: st.signal });
+          const st = new AbortController(), Ke = setTimeout(() => st.abort(), nt), it = await fetch(Ve, { method: "HEAD", signal: st.signal });
           return clearTimeout(Ke), it.ok;
         } catch {
           return !1;
         }
       };
-      for (let Ge = 0; Ge < ae; Ge++) {
-        console.debug(`[ChatProvider] health-check attempt ${Ge + 1}/${ae}`);
+      for (let Ve = 0; Ve < ae; Ve++) {
+        console.debug(`[ChatProvider] health-check attempt ${Ve + 1}/${ae}`);
         for (const Ke of rt) {
           let it = Ke;
           dt.endsWith("/api") && Ke.startsWith("/api") && (it = Ke.replace(/^\/api/, "") || "/");
           const Pt = it === "/" ? dt + "/" : dt + it;
           if (console.debug(`[ChatProvider] checking ${Pt}`), await Qe(Pt) || Ke === "/" && await Ct(dt + "/"))
-            return Q(!0), !0;
+            return ee(!0), !0;
         }
-        const st = Be * Math.pow(2, Ge);
+        const st = Be * Math.pow(2, Ve);
         await new Promise((Ke) => setTimeout(Ke, st));
       }
-      return Q(!1), !1;
+      return ee(!1), !1;
     },
     [u.baseUrl]
   );
-  Ve(() => {
+  Ge(() => {
     let H = !0;
     if (!u.baseUrl) {
       console.debug("[ChatProvider] skipping initial refreshThreads: api.baseUrl not configured");
@@ -3008,7 +3008,7 @@ function ao({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     }
     return (async () => {
       try {
-        const ae = await de();
+        const ae = await he();
         if (!H) return;
         ae ? oe().catch(() => {
         }) : console.warn("[ChatProvider] backend health-check failed — skipping initial loads");
@@ -3017,11 +3017,11 @@ function ao({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     })(), () => {
       H = !1;
     };
-  }, [oe, u.baseUrl, de]), Ve(() => {
+  }, [oe, u.baseUrl, he]), Ge(() => {
     r == null || r(z);
   }, [z, r]);
   const be = at(null);
-  Ve(() => {
+  Ge(() => {
     if (o && i) {
       if (!u.baseUrl) {
         console.debug("[ChatProvider] skipping initial load: api.baseUrl not configured");
@@ -3073,10 +3073,10 @@ function ao({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }, [u, z, q, I]), le = We(async () => {
     if (!z) throw new Error("No active thread");
     await P(z);
-  }, [z, P]), se = at(!1);
-  Ve(() => {
-    const H = se.current;
-    if (se.current = d, H && !d && z) {
+  }, [z, P]), ie = at(!1);
+  Ge(() => {
+    const H = ie.current;
+    if (ie.current = d, H && !d && z) {
       const ae = w.lastCheckpointId ?? void 0;
       (async () => {
         try {
@@ -3102,7 +3102,7 @@ function ao({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     await u.deleteThread(H), await oe(), z === H && (X(null), R([]), k(!1), N(null), L(void 0));
   }, [u, oe, z, R]), Le = We(async (H, ae) => {
     await u.updateThread(H, ae), await oe();
-  }, [u, oe]), ce = We(async (H, ae) => {
+  }, [u, oe]), ue = We(async (H, ae) => {
     var Dn;
     const Be = (ae == null ? void 0 : ae.attachments) || [], { contentParts: nt, filesInfo: dt } = await ix(
       u,
@@ -3125,14 +3125,14 @@ function ao({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     const Ct = {
       ...Qe,
       content: Qe.content.filter((Ue) => Ue.type === "text" || Ue.type === "image_url" || Ue.type === "file")
-    }, Ge = { ...(ae == null ? void 0 : ae.payloadExtras) ?? {} }, st = !!Ge.edit, Ke = Ge.originalMessageId, it = typeof Ke == "string" ? Ke : void 0, Pt = Be && Be.length > 0, vn = {
+    }, Ve = { ...(ae == null ? void 0 : ae.payloadExtras) ?? {} }, st = !!Ve.edit, Ke = Ve.originalMessageId, it = typeof Ke == "string" ? Ke : void 0, Pt = Be && Be.length > 0, vn = {
       ...z ? { threadId: z } : {},
       payload: {
         messages: [Ct],
         attachments: Qe.content.filter((Ue) => Ue.type === "file").map((Ue) => ({ type: "file", url: Ue.url, mimeType: Ue.mimeType, name: Ue.name, size: Ue.size })),
         files_info: dt,
         ...a && Pt && c ? { active_agent: c } : {},
-        ...Ge
+        ...Ve
       },
       checkpointId: (ae == null ? void 0 : ae.checkpointId) ?? w.lastCheckpointId ?? void 0,
       checkpointNs: ae == null ? void 0 : ae.checkpointNs,
@@ -3198,7 +3198,7 @@ function ao({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     deleteThread: Fe,
     renameThread: Le,
     loadThread: P,
-    send: ce,
+    send: ue,
     stop: v
   };
   return /* @__PURE__ */ l.jsx(Kc.Provider, { value: xe, children: e });
@@ -3255,7 +3255,7 @@ function zi(e) {
 function qe(e) {
   return e(Yc);
 }
-function ue(e, t) {
+function ce(e, t) {
   return Oe(e, lx(t, Go));
 }
 function Mt(e, t) {
@@ -3376,7 +3376,7 @@ function V(e) {
   };
 }
 function ut(e, t) {
-  return Ko(V(t), (n) => ue(e, n));
+  return Ko(V(t), (n) => ce(e, n));
 }
 function Ee() {
   const e = [];
@@ -3399,7 +3399,7 @@ function Ee() {
   };
 }
 function yt(e) {
-  return Ko(Ee(), (t) => ue(e, t));
+  return Ko(Ee(), (t) => ce(e, t));
 }
 function Ne(e, t = [], { singleton: n } = { singleton: !0 }) {
   return {
@@ -3439,7 +3439,7 @@ function Ze(...e) {
     }
   };
 }
-function he(e, t = Xc) {
+function fe(e, t = Xc) {
   return B(e, He(t));
 }
 function li(...e) {
@@ -3589,19 +3589,19 @@ function Jc(e, t, n) {
 const ht = Ne(
   () => {
     const e = Ee(), t = Ee(), n = V(0), r = Ee(), o = V(0), s = Ee(), i = Ee(), a = V(0), c = V(0), u = V(0), d = V(0), h = Ee(), p = Ee(), v = V(!1), g = V(!1), x = V(!1);
-    return ue(
+    return ce(
       B(
         e,
         re(({ scrollTop: m }) => m)
       ),
       t
-    ), ue(
+    ), ce(
       B(
         e,
         re(({ scrollHeight: m }) => m)
       ),
       i
-    ), ue(t, o), {
+    ), ce(t, o), {
       deviation: n,
       fixedFooterHeight: u,
       fixedHeaderHeight: c,
@@ -3951,7 +3951,7 @@ const Ax = {
       ),
       []
     );
-    ue(
+    ce(
       B(
         c,
         pe((S) => S.length > 0),
@@ -3966,7 +3966,7 @@ const Ax = {
         })
       ),
       x
-    ), ue(
+    ), ce(
       B(
         r,
         Se(x),
@@ -3980,7 +3980,7 @@ const Ax = {
         ])
       ),
       n
-    ), ue(u, d);
+    ), ce(u, d);
     const b = ut(
       B(
         u,
@@ -3988,7 +3988,7 @@ const Ax = {
       ),
       !0
     );
-    ue(
+    ce(
       B(
         d,
         pe((S) => S !== void 0 && De(qe(x).sizeTree)),
@@ -4036,7 +4036,7 @@ const Ax = {
       );
     });
     const y = yt(s);
-    ue(
+    ce(
       B(
         s,
         Se(x),
@@ -4107,7 +4107,7 @@ const Ax = {
         })
       )
     );
-    return ue(
+    return ce(
       B(
         i,
         Se(x, v),
@@ -4182,19 +4182,19 @@ function kx(e) {
 const au = Ne(
   ([{ groupIndices: e, sizes: t, totalCount: n }, { headerHeight: r, scrollTop: o }]) => {
     const s = Ee(), i = Ee(), a = yt(B(s, re(kx)));
-    return ue(
+    return ce(
       B(
         a,
         re((c) => c.totalCount)
       ),
       n
-    ), ue(
+    ), ce(
       B(
         a,
         re((c) => c.groupIndices)
       ),
       e
-    ), ue(
+    ), ce(
       B(
         Ze(o, t, r),
         pe(([c, u]) => qo(u)),
@@ -4246,7 +4246,7 @@ const Fr = Ne(
     function y() {
       m && (m(), m = null), w && (w(), w = null), b && (clearTimeout(b), b = null), ye(c, !1);
     }
-    return ue(
+    return ce(
       B(
         v,
         Se(n, h, r, x, a, i, p),
@@ -4266,8 +4266,8 @@ const Fr = Ne(
             };
             if (y(), q === "smooth") {
               let F = !1;
-              w = Oe(t, (Q) => {
-                F = F || Q;
+              w = Oe(t, (ee) => {
+                F = F || ee;
               }), m = Mt(d, () => {
                 oe(F);
               });
@@ -4311,7 +4311,7 @@ function Ki(e, t) {
 const Br = Ne(
   ([{ defaultItemSize: e, listRefresh: t, sizes: n }, { scrollTop: r }, { scrollTargetReached: o, scrollToIndex: s }, { didMount: i }]) => {
     const a = V(!0), c = V(0), u = V(!0);
-    return ue(
+    return ce(
       B(
         i,
         Se(c),
@@ -4319,7 +4319,7 @@ const Br = Ne(
         Wt(!1)
       ),
       a
-    ), ue(
+    ), ce(
       B(
         i,
         Se(c),
@@ -4367,7 +4367,7 @@ const Er = "up", xr = "down", Ox = "none", Mx = {
 }, Dx = 0, Hr = Ne(([{ footerHeight: e, headerHeight: t, scrollBy: n, scrollContainerState: r, scrollTop: o, viewportHeight: s }]) => {
   const i = V(!1), a = V(!0), c = Ee(), u = Ee(), d = V(4), h = V(Dx), p = ut(
     B(
-      li(B(he(o), In(1), Wt(!0)), B(he(o), In(1), Wt(!1), vl(100))),
+      li(B(fe(o), In(1), Wt(!0)), B(fe(o), In(1), Wt(!1), vl(100))),
       He()
     ),
     !1
@@ -4375,17 +4375,17 @@ const Er = "up", xr = "down", Ox = "none", Mx = {
     B(li(B(n, Wt(!0)), B(n, Wt(!1), vl(200))), He()),
     !1
   );
-  ue(
+  ce(
     B(
-      Ze(he(o), he(h)),
+      Ze(fe(o), fe(h)),
       re(([w, y]) => w <= y),
       He()
     ),
     a
-  ), ue(B(a, tn(50)), u);
+  ), ce(B(a, tn(50)), u);
   const g = yt(
     B(
-      Ze(r, he(s), he(t), he(e), he(d)),
+      Ze(r, fe(s), fe(t), fe(e), fe(d)),
       Gt((w, [{ scrollHeight: y, scrollTop: E }, S, C, R, I]) => {
         const A = E + S - y > -I, k = {
           scrollHeight: y,
@@ -4444,15 +4444,15 @@ const Er = "up", xr = "down", Ox = "none", Mx = {
     ),
     0
   );
-  ue(
+  ce(
     B(
       g,
       re((w) => w.atBottom)
     ),
     i
-  ), ue(B(i, tn(50)), c);
+  ), ce(B(i, tn(50)), c);
   const m = V(xr);
-  ue(
+  ce(
     B(
       r,
       re(({ scrollTop: w }) => w),
@@ -4464,16 +4464,16 @@ const Er = "up", xr = "down", Ox = "none", Mx = {
       re((w) => w.direction)
     ),
     m
-  ), ue(B(r, tn(50), Wt(Ox)), m);
+  ), ce(B(r, tn(50), Wt(Ox)), m);
   const b = V(0);
-  return ue(
+  return ce(
     B(
       p,
       pe((w) => !w),
       Wt(0)
     ),
     b
-  ), ue(
+  ), ce(
     B(
       o,
       tn(100),
@@ -4509,15 +4509,15 @@ const Yi = Ne(
     const s = Ee(), i = V(0), a = V(0), c = V(0), u = ut(
       B(
         Ze(
-          he(r),
-          he(o),
-          he(n),
-          he(s, Tr),
-          he(c),
-          he(i),
-          he(t),
-          he(e),
-          he(a)
+          fe(r),
+          fe(o),
+          fe(n),
+          fe(s, Tr),
+          fe(c),
+          fe(i),
+          fe(t),
+          fe(e),
+          fe(a)
         ),
         re(
           ([
@@ -4654,20 +4654,20 @@ const _n = Ne(
     { recalcInProgress: g }
   ]) => {
     const x = V([]), m = V(0), b = Ee();
-    ue(s.topItemsIndexes, x);
+    ce(s.topItemsIndexes, x);
     const w = ut(
       B(
         Ze(
           v,
           g,
-          he(c, Tr),
-          he(o),
-          he(r),
-          he(u),
+          fe(c, Tr),
+          fe(o),
+          fe(r),
+          fe(u),
           d,
-          he(x),
-          he(t),
-          he(n),
+          fe(x),
+          fe(t),
+          fe(n),
           e
         ),
         pe(([C, R, , I, , , , , , , A]) => {
@@ -4704,12 +4704,12 @@ const _n = Ne(
               );
             const z = [];
             if (W.length > 0) {
-              const de = W[0], be = W[W.length - 1];
+              const he = W[0], be = W[W.length - 1];
               let Y = 0;
-              for (const P of Yo(O, de, be)) {
-                const Z = P.value, ne = Math.max(P.start, de), le = Math.min(P.end, be);
-                for (let se = ne; se <= le; se++)
-                  z.push({ data: $ == null ? void 0 : $[se], index: se, offset: Y, size: Z }), Y += Z;
+              for (const P of Yo(O, he, be)) {
+                const Z = P.value, ne = Math.max(P.start, he), le = Math.min(P.end, be);
+                for (let ie = ne; ie <= le; ie++)
+                  z.push({ data: $ == null ? void 0 : $[ie], index: ie, offset: Y, size: Z }), Y += Z;
               }
             }
             if (!M)
@@ -4717,23 +4717,23 @@ const _n = Ne(
             const X = W.length > 0 ? W[W.length - 1] + 1 : 0, oe = Rx(q, C, R, X);
             if (oe.length === 0)
               return null;
-            const F = I - 1, Q = Ko([], (de) => {
+            const F = I - 1, ee = Ko([], (he) => {
               for (const be of oe) {
                 const Y = be.value;
                 let P = Y.offset, Z = be.start;
                 const ne = Y.size;
                 if (Y.offset < C) {
                   Z += Math.floor((C - Y.offset + N) / (ne + N));
-                  const se = Z - be.start;
-                  P += se * ne + se * N;
+                  const ie = Z - be.start;
+                  P += ie * ne + ie * N;
                 }
                 Z < X && (P += (X - Z) * ne, Z = X);
                 const le = Math.min(be.end, F);
-                for (let se = Z; se <= le && !(P >= R); se++)
-                  de.push({ data: $ == null ? void 0 : $[se], index: se, offset: P, size: ne }), P += ne + N;
+                for (let ie = Z; ie <= le && !(P >= R); ie++)
+                  he.push({ data: $ == null ? void 0 : $[ie], index: ie, offset: P, size: ne }), P += ne + N;
               }
             });
-            return co(Q, z, I, N, L, G);
+            return co(ee, z, I, N, L, G);
           }
         ),
         //@ts-expect-error filter needs to be fixed
@@ -4742,26 +4742,26 @@ const _n = Ne(
       ),
       _s
     );
-    ue(
+    ce(
       B(
         e,
         pe($i),
         re((C) => C == null ? void 0 : C.length)
       ),
       o
-    ), ue(
+    ), ce(
       B(
         w,
         re((C) => C.topListHeight)
       ),
       h
-    ), ue(h, a), ue(
+    ), ce(h, a), ce(
       B(
         w,
         re((C) => [C.top, C.bottom])
       ),
       i
-    ), ue(
+    ), ce(
       B(
         w,
         re((C) => C.items)
@@ -4826,7 +4826,7 @@ const _n = Ne(
       ),
       0
     );
-    return ue(he(i), s), { totalListHeight: i, totalListHeightChanged: s };
+    return ce(fe(i), s), { totalListHeight: i, totalListHeightChanged: s };
   },
   $e(ht, _n),
   { singleton: !0 }
@@ -4861,7 +4861,7 @@ const _n = Ne(
     { scrollToIndex: u }
   ]) => {
     const d = Ee();
-    return ue(
+    return ce(
       B(
         d,
         Se(t, c, n, s, o, r, a),
@@ -4921,8 +4921,8 @@ const Hx = (e, t) => typeof e == "function" ? El(e(t)) : t && El(e), $x = Ne(
     }
     Oe(
       B(
-        Ze(B(he(t), In(1)), c),
-        Se(he(g), s, a, h),
+        Ze(B(fe(t), In(1)), c),
+        Se(fe(g), s, a, h),
         re(([[S, C], R, I, A, k]) => {
           let M = C && A, W = "auto";
           return M && (W = Hx(R, I || k), M = M && !!W), { followOutputBehavior: W, shouldFollow: M, totalCount: S };
@@ -4945,7 +4945,7 @@ const Hx = (e, t) => typeof e == "function" ? El(e(t)) : t && El(e), $x = Ne(
     }
     Oe(
       B(
-        Ze(he(g), t, u),
+        Ze(fe(g), t, u),
         pe(([S, , C]) => S && C),
         Gt(
           ({ value: S }, [, C]) => ({ refreshed: S === C, value: C }),
@@ -4959,26 +4959,26 @@ const Hx = (e, t) => typeof e == "function" ? El(e(t)) : t && El(e), $x = Ne(
       }
     ), Oe(x, () => {
       w(qe(g) !== !1);
-    }), Oe(Ze(he(g), o), ([S, C]) => {
+    }), Oe(Ze(fe(g), o), ([S, C]) => {
       S && !C.atBottom && C.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING" && b("auto");
     });
     const y = V(null), E = Ee();
-    return ue(
+    return ce(
       li(
         B(
-          he(r),
+          fe(r),
           re((S) => {
             var C;
             return (C = S == null ? void 0 : S.length) != null ? C : 0;
           })
         ),
-        B(he(t))
+        B(fe(t))
       ),
       E
     ), Oe(
       B(
         Ze(B(E, In(1)), c),
-        Se(he(y), a, h, p),
+        Se(fe(y), a, h, p),
         re(([[S, C], R, I, A, k]) => C && I && (R == null ? void 0 : R({ context: k, totalCount: S, scrollingInProgress: A }))),
         pe((S) => !!S),
         tn(0)
@@ -5004,7 +5004,7 @@ const Hx = (e, t) => typeof e == "function" ? El(e(t)) : t && El(e), $x = Ne(
     hu
   )
 ), zx = Ne(
-  ([{ data: e, firstItemIndex: t, gap: n, sizes: r }, { initialTopMostItemIndex: o }, { initialItemCount: s, listState: i }, { didMount: a }]) => (ue(
+  ([{ data: e, firstItemIndex: t, gap: n, sizes: r }, { initialTopMostItemIndex: o }, { initialItemCount: s, listState: i }, { didMount: a }]) => (ce(
     B(
       a,
       Se(s),
@@ -5049,7 +5049,7 @@ const Hx = (e, t) => typeof e == "function" ? El(e(t)) : t && El(e), $x = Ne(
 ), pu = Ne(
   ([{ scrollVelocity: e }]) => {
     const t = V(!1), n = Ee(), r = V(!1);
-    return ue(
+    return ce(
       B(
         e,
         Se(r, t, n),
@@ -5077,7 +5077,7 @@ const Hx = (e, t) => typeof e == "function" ? El(e(t)) : t && El(e), $x = Ne(
   { singleton: !0 }
 ), qi = Ne(([{ scrollContainerState: e, scrollTo: t }]) => {
   const n = Ee(), r = Ee(), o = Ee(), s = V(!1), i = V(void 0);
-  return ue(
+  return ce(
     B(
       Ze(n, r),
       re(([{ scrollHeight: a, scrollTop: c, viewportHeight: u }, { offsetTop: d }]) => ({
@@ -5087,7 +5087,7 @@ const Hx = (e, t) => typeof e == "function" ? El(e(t)) : t && El(e), $x = Ne(
       }))
     ),
     e
-  ), ue(
+  ), ce(
     B(
       t,
       Se(r),
@@ -5116,7 +5116,7 @@ const Hx = (e, t) => typeof e == "function" ? El(e(t)) : t && El(e), $x = Ne(
     { useWindowScroll: i, windowScrollContainerState: a, windowViewportRect: c }
   ]) => {
     const u = Ee(), d = V(void 0), h = V(null), p = V(null);
-    return ue(a, h), ue(c, p), Oe(
+    return ce(a, h), ce(c, p), Oe(
       B(
         u,
         Se(t, r, i, h, p, n)
@@ -5125,7 +5125,7 @@ const Hx = (e, t) => typeof e == "function" ? El(e(t)) : t && El(e), $x = Ne(
         const E = Ix(g.sizeTree);
         m && b !== null && w !== null && (x = b.scrollTop - w.offsetTop), x -= y, v({ ranges: E, scrollTop: x });
       }
-    ), ue(B(d, pe($i), re(Vx)), o), ue(
+    ), ce(B(d, pe($i), re(Vx)), o), ce(
       B(
         s,
         Se(d),
@@ -5146,7 +5146,7 @@ function Vx(e) {
 }
 const Gx = Ne(([{ topItemsIndexes: e }]) => {
   const t = V(0);
-  return ue(
+  return ce(
     B(
       t,
       pe((n) => n >= 0),
@@ -5199,7 +5199,7 @@ const Kx = mu(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
         tn(1)
       ),
       m
-    ), ue(
+    ), ce(
       B(
         h,
         re((b) => ({ top: -b }))
@@ -5303,7 +5303,7 @@ const Kx = mu(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     { topItemCount: R },
     { groupCounts: I },
     A
-  ]) => (ue(E.rangeChanged, A.scrollSeekRangeChanged), ue(
+  ]) => (ce(E.rangeChanged, A.scrollSeekRangeChanged), ce(
     B(
       A.windowViewportRect,
       re((k) => k.visibleHeight)
@@ -5908,7 +5908,7 @@ const yv = /* @__PURE__ */ Ne(
     ), Oe(
       B(
         Ze(g, z, k, A, _, X),
-        pe(([P, Z, ne, le, , se]) => P && !Z && ne.height !== 0 && le.height !== 0 && !se)
+        pe(([P, Z, ne, le, , ie]) => P && !Z && ne.height !== 0 && le.height !== 0 && !ie)
       ),
       ([, , , , P]) => {
         ye(X, !0), Gi(1, () => {
@@ -5917,7 +5917,7 @@ const yv = /* @__PURE__ */ Ne(
           ye(t, [0, 0]), ye(z, !0);
         });
       }
-    ), ue(
+    ), ce(
       B(
         q,
         pe((P) => P != null && P.scrollTop > 0),
@@ -5935,19 +5935,19 @@ const yv = /* @__PURE__ */ Ne(
           ye(O, !1);
         }), ye(c, { top: P.scrollTop })));
       }
-    ), ue(
+    ), ce(
       B(
         A,
         re(({ height: P }) => P)
       ),
       h
-    ), ue(
+    ), ce(
       B(
         Ze(
-          he(A, Yr),
-          he(k, Yr),
-          he($, (P, Z) => P && P.column === Z.column && P.row === Z.row),
-          he(u)
+          fe(A, Yr),
+          fe(k, Yr),
+          fe($, (P, Z) => P && P.column === Z.column && P.row === Z.row),
+          fe(u)
         ),
         re(([P, Z, ne, le]) => ({
           gap: ne,
@@ -5957,19 +5957,19 @@ const yv = /* @__PURE__ */ Ne(
         }))
       ),
       L
-    ), ue(
+    ), ce(
       B(
         Ze(
-          he(C),
+          fe(C),
           r,
-          he($, wv),
-          he(k, Yr),
-          he(A, Yr),
-          he(N),
-          he(R),
-          he(O),
-          he(z),
-          he(_)
+          fe($, wv),
+          fe(k, Yr),
+          fe(A, Yr),
+          fe(N),
+          fe(R),
+          fe(O),
+          fe(z),
+          fe(_)
         ),
         pe(([, , , , , , , P]) => !P),
         re(
@@ -5977,15 +5977,15 @@ const yv = /* @__PURE__ */ Ne(
             P,
             [Z, ne],
             le,
-            se,
+            ie,
             ke,
             Fe,
             Le,
             ,
-            ce,
+            ue,
             je
           ]) => {
-            const { column: xe, row: H } = le, { height: ae, width: Be } = se, { width: nt } = ke;
+            const { column: xe, row: H } = le, { height: ae, width: Be } = ie, { width: nt } = ke;
             if (Le === 0 && (P === 0 || nt === 0))
               return jl;
             if (Be === 0) {
@@ -5994,34 +5994,34 @@ const yv = /* @__PURE__ */ Ne(
             }
             const dt = Ru(nt, Be, xe);
             let rt, Qe;
-            ce ? Z === 0 && ne === 0 && Le > 0 ? (rt = 0, Qe = Le - 1) : (rt = dt * No((Z + H) / (ae + H)), Qe = dt * Al((ne + H) / (ae + H)) - 1, Qe = Ds(P - 1, vr(Qe, dt - 1)), rt = Ds(Qe, vr(0, rt))) : (rt = 0, Qe = -1);
-            const Ct = Pl(rt, Qe, Fe), { bottom: Ge, top: st } = _l(ke, le, se, Ct), Ke = Al(P / dt), it = Ke * ae + (Ke - 1) * H - Ge;
-            return { bottom: Ge, itemHeight: ae, items: Ct, itemWidth: Be, offsetBottom: it, offsetTop: st, top: st };
+            ue ? Z === 0 && ne === 0 && Le > 0 ? (rt = 0, Qe = Le - 1) : (rt = dt * No((Z + H) / (ae + H)), Qe = dt * Al((ne + H) / (ae + H)) - 1, Qe = Ds(P - 1, vr(Qe, dt - 1)), rt = Ds(Qe, vr(0, rt))) : (rt = 0, Qe = -1);
+            const Ct = Pl(rt, Qe, Fe), { bottom: Ve, top: st } = _l(ke, le, ie, Ct), Ke = Al(P / dt), it = Ke * ae + (Ke - 1) * H - Ve;
+            return { bottom: Ve, itemHeight: ae, items: Ct, itemWidth: Be, offsetBottom: it, offsetTop: st, top: st };
           }
         )
       ),
       I
-    ), ue(
+    ), ce(
       B(
         N,
         pe((P) => P !== null),
         re((P) => P.length)
       ),
       C
-    ), ue(
+    ), ce(
       B(
         Ze(A, k, I, $),
         pe(([P, Z, { items: ne }]) => ne.length > 0 && Z.height !== 0 && P.height !== 0),
         re(([P, Z, { items: ne }, le]) => {
-          const { bottom: se, top: ke } = _l(P, le, Z, ne);
-          return [ke, se];
+          const { bottom: ie, top: ke } = _l(P, le, Z, ne);
+          return [ke, ie];
         }),
         He(Tr)
       ),
       t
     );
     const F = V(!1);
-    ue(
+    ce(
       B(
         u,
         Se(F),
@@ -6029,7 +6029,7 @@ const yv = /* @__PURE__ */ Ne(
       ),
       F
     );
-    const Q = yt(
+    const ee = yt(
       B(
         Ze(I, C),
         pe(([{ items: P }]) => P.length > 0),
@@ -6041,16 +6041,16 @@ const yv = /* @__PURE__ */ Ne(
         re(([[, P]]) => P - 1),
         He()
       )
-    ), de = yt(
+    ), he = yt(
       B(
-        he(I),
+        fe(I),
         pe(({ items: P }) => P.length > 0 && P[0].index === 0),
         Wt(0),
         He()
       )
     ), be = yt(
       B(
-        he(I),
+        fe(I),
         Se(O),
         pe(([{ items: P }, Z]) => P.length > 0 && !Z),
         re(([{ items: P }]) => ({
@@ -6061,16 +6061,16 @@ const yv = /* @__PURE__ */ Ne(
         tn(0)
       )
     );
-    ue(be, v.scrollSeekRangeChanged), ue(
+    ce(be, v.scrollSeekRangeChanged), ce(
       B(
         M,
         Se(A, k, C, $),
-        re(([P, Z, ne, le, se]) => {
-          const ke = lu(P), { align: Fe, behavior: Le, offset: ce } = ke;
+        re(([P, Z, ne, le, ie]) => {
+          const ke = lu(P), { align: Fe, behavior: Le, offset: ue } = ke;
           let je = ke.index;
           je === "LAST" && (je = le - 1), je = vr(0, je, Ds(le - 1, je));
-          let xe = hi(Z, se, ne, je);
-          return Fe === "end" ? xe = kl(xe - Z.height + ne.height) : Fe === "center" && (xe = kl(xe - Z.height / 2 + ne.height / 2)), ce && (xe += ce), { behavior: Le, top: xe };
+          let xe = hi(Z, ie, ne, je);
+          return Fe === "end" ? xe = kl(xe - Z.height + ne.height) : Fe === "center" && (xe = kl(xe - Z.height / 2 + ne.height / 2)), ue && (xe += ue), { behavior: Le, top: xe };
         })
       ),
       c
@@ -6082,7 +6082,7 @@ const yv = /* @__PURE__ */ Ne(
       ),
       0
     );
-    return ue(
+    return ce(
       B(
         E,
         re((P) => ({ height: P.visibleHeight, width: P.visibleWidth }))
@@ -6121,10 +6121,10 @@ const yv = /* @__PURE__ */ Ne(
       initialTopMostItemIndex: _,
       totalListHeight: Y,
       ...p,
-      endReached: Q,
+      endReached: ee,
       propsReady: x,
       rangeChanged: be,
-      startReached: de,
+      startReached: he,
       stateChanged: L,
       stateRestoreInProgress: O,
       ...S
@@ -6155,7 +6155,7 @@ const Sv = /* @__PURE__ */ Ne(() => {
     ),
     p
   ), u = V(!1), d = V(!1);
-  return ue(he(d), u), {
+  return ce(fe(d), u), {
     components: t,
     computeItemKey: s,
     context: n,
@@ -6497,7 +6497,7 @@ const Ov = K.memo(_v), Mv = _r(
 function Nu({ className: e, variant: t, ...n }) {
   return /* @__PURE__ */ l.jsx("div", { className: D(Mv({ variant: t }), e), ...n });
 }
-function ee(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+function Q(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(o) {
     if (e == null || e(o), n === !1 || !o.defaultPrevented)
       return t == null ? void 0 : t(o);
@@ -6793,7 +6793,7 @@ var ku = "CollapsibleTrigger", Pu = f.forwardRef(
         disabled: o.disabled,
         ...r,
         ref: t,
-        onClick: ee(e.onClick, o.onOpenToggle)
+        onClick: Q(e.onClick, o.onOpenToggle)
       }
     );
   }
@@ -6981,8 +6981,8 @@ function sb(e) {
   return `${e.length}:${t}:${n}`;
 }
 function Jr({ content: e, className: t = "", fallback: n = /* @__PURE__ */ l.jsx("div", { "aria-busy": !0, children: "Rendering…" }) }) {
-  const r = sb(e), [o, s] = fe(() => Bn.get(r) ?? null);
-  Ve(() => {
+  const r = sb(e), [o, s] = de(() => Bn.get(r) ?? null);
+  Ge(() => {
     if (Bn.has(r)) {
       const g = Bn.get(r) ?? null;
       s(g);
@@ -7251,9 +7251,9 @@ var hb = "DismissableLayer", xi = "dismissableLayer.update", pb = "dismissableLa
           pointerEvents: y ? E ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: ee(e.onFocusCapture, C.onFocusCapture),
-        onBlurCapture: ee(e.onBlurCapture, C.onBlurCapture),
-        onPointerDownCapture: ee(
+        onFocusCapture: Q(e.onFocusCapture, C.onFocusCapture),
+        onBlurCapture: Q(e.onBlurCapture, C.onBlurCapture),
+        onPointerDownCapture: Q(
           e.onPointerDownCapture,
           S.onPointerDownCapture
         )
@@ -7502,7 +7502,7 @@ function Us(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function kb(e, t) {
-  var n = fe(function() {
+  var n = de(function() {
     return {
       // value
       value: e,
@@ -8040,7 +8040,7 @@ var qu = "DialogTrigger", Xu = f.forwardRef(
         "data-state": ca(o.open),
         ...r,
         ref: s,
-        onClick: ee(e.onClick, o.onOpenToggle)
+        onClick: Q(e.onClick, o.onOpenToggle)
       }
     );
   }
@@ -8097,15 +8097,15 @@ var xw = f.forwardRef(
         ref: o,
         trapFocus: n.open,
         disableOutsidePointerEvents: !0,
-        onCloseAutoFocus: ee(e.onCloseAutoFocus, (s) => {
+        onCloseAutoFocus: Q(e.onCloseAutoFocus, (s) => {
           var i;
           s.preventDefault(), (i = n.triggerRef.current) == null || i.focus();
         }),
-        onPointerDownOutside: ee(e.onPointerDownOutside, (s) => {
+        onPointerDownOutside: Q(e.onPointerDownOutside, (s) => {
           const i = s.detail.originalEvent, a = i.button === 0 && i.ctrlKey === !0;
           (i.button === 2 || a) && s.preventDefault();
         }),
-        onFocusOutside: ee(
+        onFocusOutside: Q(
           e.onFocusOutside,
           (s) => s.preventDefault()
         )
@@ -8191,7 +8191,7 @@ var sd = "DialogClose", id = f.forwardRef(
         type: "button",
         ...r,
         ref: t,
-        onClick: ee(e.onClick, () => o.onOpenChange(!1))
+        onClick: Q(e.onClick, () => o.onOpenChange(!1))
       }
     );
   }
@@ -8309,8 +8309,8 @@ const Rw = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
 ));
 Rw.displayName = is.displayName;
 function Ew({ isOpen: e, onClose: t, fileId: n, fileName: r, mimeType: o }) {
-  const [s, i] = fe(!1), [a, c] = fe(null), [u, d] = fe(null), { toast: h } = oa();
-  Ve(() => {
+  const [s, i] = de(!1), [a, c] = de(null), [u, d] = de(null), { toast: h } = oa();
+  Ge(() => {
     e && n && p();
   }, [e, n]);
   const p = async () => {
@@ -8418,8 +8418,8 @@ function Ew({ isOpen: e, onClose: t, fileId: n, fileName: r, mimeType: o }) {
 }
 const mo = "prose prose-sm max-w-none break-words dark:prose-invert prose-headings:break-words prose-p:break-words prose-li:break-words prose-td:break-words prose-th:break-words prose-a:break-all prose-code:break-words prose-blockquote:break-words";
 function Iw({ className: e }) {
-  const [t, n] = fe(0);
-  return Ve(() => {
+  const [t, n] = de(0);
+  return Ge(() => {
     const r = setInterval(() => n((o) => (o + 1) % 4), 500);
     return () => clearInterval(r);
   }, []), /* @__PURE__ */ l.jsxs(
@@ -8438,7 +8438,7 @@ const Nw = K.memo(function({
   message: t,
   messageIndex: n,
   isStreamingMessage: r = !1,
-  streamingDebounceMs: o = 40,
+  streamingDebounceMs: o = 120,
   isEditing: s = !1,
   showActions: i = !0,
   showTimestamp: a = !0,
@@ -8454,9 +8454,9 @@ const Nw = K.memo(function({
   onCancelEdit: b,
   onCopy: w
 }) {
-  const [y, E] = fe(!1), [S, C] = fe(!1), [R, I] = fe(!1), [A, k] = fe(!1), { currentThreadId: M } = Hi();
+  const [y, E] = de(!1), [S, C] = de(!1), [R, I] = de(!1), [A, k] = de(!1), { currentThreadId: M } = Hi();
   oa();
-  const [W, G] = fe({}), [N, $] = fe(!1), [L, q] = fe(null), O = u === "phone" || u === "half-screen", _ = t.role, z = _ === "tool", X = K.useMemo(() => {
+  const [W, G] = de({}), [N, $] = de(!1), [L, q] = de(null), O = u === "phone" || u === "half-screen", _ = t.role, z = _ === "tool", X = K.useMemo(() => {
     switch (_) {
       case "user":
         return "text-[hsl(var(--chat-bubble-user-text))]";
@@ -8469,28 +8469,17 @@ const Nw = K.memo(function({
       default:
         return "text-[hsl(var(--chat-bubble-ai-text))]";
     }
-  }, [_]), oe = wn(() => jw(t.content), [t.content]), F = wn(() => Ow(t.content), [t.content]), Q = wn(() => t.content.filter((ce) => ce.type === "image_url"), [t.content]), de = wn(() => t.content.filter((ce) => ce.type === "file"), [t.content]);
-  Ve(() => {
-    console.log("[DEBUG] MessageComponent render:", {
-      messageId: t.id,
-      role: t.role,
-      contentLength: t.content.length,
-      filePartsCount: de.length,
-      imagePartsCount: Q.length,
-      fileParts: de.map((ce) => ({ type: ce.type, name: ce.name, url: ce.url }))
-    });
-  }, [t.id, t.content, de, Q]);
-  const be = Dw(oe, r ? o : 0), Y = async () => {
+  }, [_]), oe = wn(() => jw(t.content), [t.content]), F = wn(() => Ow(t.content), [t.content]), ee = wn(() => t.content.filter((ue) => ue.type === "image_url"), [t.content]), he = wn(() => t.content.filter((ue) => ue.type === "file"), [t.content]), be = Dw(oe, r ? o : 0), Y = async () => {
     try {
-      const ce = z ? Un(t.content) : oe;
-      await navigator.clipboard.writeText(ce), E(!0), setTimeout(() => E(!1), 2e3), w == null || w(ce);
-    } catch (ce) {
-      console.error("Failed to copy:", ce);
+      const ue = z ? Un(t.content) : oe;
+      await navigator.clipboard.writeText(ue), E(!0), setTimeout(() => E(!1), 2e3), w == null || w(ue);
+    } catch (ue) {
+      console.error("Failed to copy:", ue);
     }
   }, P = () => {
     if (!x) return;
-    const ce = z ? Un(t.content) : oe;
-    x(t.id, ce);
+    const ue = z ? Un(t.content) : oe;
+    x(t.id, ue);
   }, Z = () => m == null ? void 0 : m(n), ne = () => {
     const je = D(O ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0", X);
     switch (_) {
@@ -8504,53 +8493,53 @@ const Nw = K.memo(function({
         return /* @__PURE__ */ l.jsx(Ga, { className: je });
     }
   }, le = () => {
-    const ce = "group relative mb-4 flex w-full";
+    const ue = "group relative mb-4 flex w-full";
     switch (_) {
       case "user":
-        return D(ce, "justify-end");
+        return D(ue, "justify-end");
       case "assistant":
       case "tool":
       case "system":
-        return D(ce, "justify-start");
+        return D(ue, "justify-start");
       default:
-        return ce;
+        return ue;
     }
-  }, se = () => {
-    const ce = D(
+  }, ie = () => {
+    const ue = D(
       "rounded-lg px-4 py-3 relative transition-all duration-200 min-w-0 max-w-full break-words",
       O && "px-3 py-2 text-sm"
     );
     switch (_) {
       case "user":
         return D(
-          ce,
+          ue,
           "w-full md:max-w-[95%]",
           "bg-[hsl(var(--chat-bubble-user))] text-[hsl(var(--chat-bubble-user-text))]",
           "border border-transparent"
         );
       case "assistant":
         return D(
-          ce,
+          ue,
           "w-full md:max-w-[95%]",
           "bg-[hsl(var(--chat-bubble-ai))] text-[hsl(var(--chat-bubble-ai-text))]",
           "border border-border/60 dark:border-border/40"
         );
       case "tool":
-        return D(ce, "w-full md:max-w-[95%] bg-secondary/50 text-secondary-foreground border border-dashed");
+        return D(ue, "w-full md:max-w-[95%] bg-secondary/50 text-secondary-foreground border border-dashed");
       case "system":
-        return D(ce, "w-full md:max-w-[85%] bg-accent/40 text-muted-foreground border");
+        return D(ue, "w-full md:max-w-[85%] bg-accent/40 text-muted-foreground border");
       default:
         return D(
-          ce,
+          ue,
           "w-full md:max-w-[95%]",
           "bg-[hsl(var(--chat-bubble-ai))] text-[hsl(var(--chat-bubble-ai-text))]",
           "border border-border/60 dark:border-border/40"
         );
     }
-  }, ke = (ce) => {
-    if (!ce) return "";
+  }, ke = (ue) => {
+    if (!ue) return "";
     try {
-      return new Date(ce).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+      return new Date(ue).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
     } catch {
       return "";
     }
@@ -8593,7 +8582,7 @@ const Nw = K.memo(function({
       const H = Un(t.content);
       return /* @__PURE__ */ l.jsx("div", { className: "font-mono text-sm text-current", children: /* @__PURE__ */ l.jsx("pre", { className: D("whitespace-pre-wrap break-words text-current", O && "text-xs"), children: H }) });
     }
-    const ce = Q.length > 0 && _ !== "tool", je = de.length > 0 && _ !== "tool" && !1;
+    const ue = ee.length > 0 && _ !== "tool", je = he.length > 0 && _ !== "tool" && !1;
     return /* @__PURE__ */ l.jsxs("div", { children: [
       r ? /* @__PURE__ */ l.jsxs("div", { className: "relative", children: [
         (() => {
@@ -8633,7 +8622,7 @@ const Nw = K.memo(function({
         }
         return /* @__PURE__ */ l.jsx(Jr, { content: oe.trim() });
       })(),
-      ce && /* @__PURE__ */ l.jsx("div", { className: "mt-2 grid grid-cols-2 gap-2", children: Q.map((xe, H) => /* @__PURE__ */ l.jsxs("div", { className: "relative border rounded overflow-hidden", children: [
+      ue && /* @__PURE__ */ l.jsx("div", { className: "mt-2 grid grid-cols-2 gap-2", children: ee.map((xe, H) => /* @__PURE__ */ l.jsxs("div", { className: "relative border rounded overflow-hidden", children: [
         /* @__PURE__ */ l.jsx("img", { src: xe.url, alt: xe.alt ?? "image", className: "w-full h-auto" }),
         /* @__PURE__ */ l.jsxs("div", { className: "absolute top-1 right-1 bg-background/70 rounded px-1 py-0.5 text-[10px] flex items-center gap-1", children: [
           /* @__PURE__ */ l.jsx(yc, { className: "h-3 w-3" }),
@@ -8644,7 +8633,7 @@ const Nw = K.memo(function({
     ] });
   }, Le = wn(() => Mw(t), [t]);
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsx("div", { className: D(le(), g.container), children: /* @__PURE__ */ l.jsxs("div", { className: D(se(), g.content), children: [
+    /* @__PURE__ */ l.jsx("div", { className: D(le(), g.container), children: /* @__PURE__ */ l.jsxs("div", { className: D(ie(), g.content), children: [
       (a || c || z) && /* @__PURE__ */ l.jsxs(
         "div",
         {
@@ -8668,7 +8657,7 @@ const Nw = K.memo(function({
                     "border border-current/40",
                     O && "text-xs h-4"
                   ),
-                  onClick: () => I((ce) => !ce),
+                  onClick: () => I((ue) => !ue),
                   children: [
                     /* @__PURE__ */ l.jsx("span", { children: F.name }),
                     /* @__PURE__ */ l.jsx("span", { className: "inline-flex items-center", children: R ? /* @__PURE__ */ l.jsx(pr, { className: "h-3 w-3" }) : /* @__PURE__ */ l.jsx(Wn, { className: "h-3 w-3" }) })
@@ -8681,7 +8670,7 @@ const Nw = K.memo(function({
                   variant: "ghost",
                   size: "sm",
                   className: D("h-6 px-1", X, "hover:bg-foreground/10"),
-                  onClick: () => I((ce) => !ce),
+                  onClick: () => I((ue) => !ue),
                   children: /* @__PURE__ */ l.jsxs("span", { className: "text-xs flex items-center gap-1", children: [
                     "Tool Output ",
                     R ? /* @__PURE__ */ l.jsx(pr, { className: "h-3 w-3" }) : /* @__PURE__ */ l.jsx(Wn, { className: "h-3 w-3" })
@@ -8939,8 +8928,8 @@ function Mw(e) {
   return e.name && e.name.trim() ? e.name : e.model && e.model.includes("/") ? e.model.split("/").pop() || null : e.model || null;
 }
 function Dw(e, t) {
-  const [n, r] = fe(e);
-  return Ve(() => {
+  const [n, r] = de(e);
+  return Ge(() => {
     if (!t) {
       r(e);
       return;
@@ -10490,7 +10479,7 @@ var Od = "PopperAnchor", Md = f.forwardRef(
 Md.displayName = Od;
 var va = "PopperContent", [rS, oS] = kd(va), Dd = f.forwardRef(
   (e, t) => {
-    var Y, P, Z, ne, le, se;
+    var Y, P, Z, ne, le, ie;
     const {
       __scopePopper: n,
       side: r = "bottom",
@@ -10532,9 +10521,9 @@ var va = "PopperContent", [rS, oS] = kd(va), Dd = f.forwardRef(
         c && Xy({ ...G }),
         Jy({
           ...G,
-          apply: ({ elements: ke, rects: Fe, availableWidth: Le, availableHeight: ce }) => {
+          apply: ({ elements: ke, rects: Fe, availableWidth: Le, availableHeight: ue }) => {
             const { width: je, height: xe } = Fe.reference, H = ke.floating.style;
-            H.setProperty("--radix-popper-available-width", `${Le}px`), H.setProperty("--radix-popper-available-height", `${ce}px`), H.setProperty("--radix-popper-anchor-width", `${je}px`), H.setProperty("--radix-popper-anchor-height", `${xe}px`);
+            H.setProperty("--radix-popper-available-width", `${Le}px`), H.setProperty("--radix-popper-available-height", `${ue}px`), H.setProperty("--radix-popper-anchor-width", `${je}px`), H.setProperty("--radix-popper-anchor-height", `${xe}px`);
           }
         }),
         E && Qy({ element: E, padding: a }),
@@ -10545,7 +10534,7 @@ var va = "PopperContent", [rS, oS] = kd(va), Dd = f.forwardRef(
     tt(() => {
       q && (X == null || X());
     }, [q, X]);
-    const oe = (Y = O.arrow) == null ? void 0 : Y.x, F = (P = O.arrow) == null ? void 0 : P.y, Q = ((Z = O.arrow) == null ? void 0 : Z.centerOffset) !== 0, [de, be] = f.useState();
+    const oe = (Y = O.arrow) == null ? void 0 : Y.x, F = (P = O.arrow) == null ? void 0 : P.y, ee = ((Z = O.arrow) == null ? void 0 : Z.centerOffset) !== 0, [he, be] = f.useState();
     return tt(() => {
       b && be(window.getComputedStyle(b).zIndex);
     }, [b]), /* @__PURE__ */ l.jsx(
@@ -10558,7 +10547,7 @@ var va = "PopperContent", [rS, oS] = kd(va), Dd = f.forwardRef(
           transform: q ? $.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
-          zIndex: de,
+          zIndex: he,
           "--radix-popper-transform-origin": [
             (ne = O.transformOrigin) == null ? void 0 : ne.x,
             (le = O.transformOrigin) == null ? void 0 : le.y
@@ -10566,7 +10555,7 @@ var va = "PopperContent", [rS, oS] = kd(va), Dd = f.forwardRef(
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
           // as if the PopperContent isn't there at all
-          ...((se = O.hide) == null ? void 0 : se.referenceHidden) && {
+          ...((ie = O.hide) == null ? void 0 : ie.referenceHidden) && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -10580,7 +10569,7 @@ var va = "PopperContent", [rS, oS] = kd(va), Dd = f.forwardRef(
             onArrowChange: S,
             arrowX: oe,
             arrowY: F,
-            shouldHideArrow: Q,
+            shouldHideArrow: ee,
             children: /* @__PURE__ */ l.jsx(
               me.div,
               {
@@ -10729,10 +10718,10 @@ var hS = f.forwardRef((e, t) => {
           ...h,
           ref: v,
           style: { outline: "none", ...e.style },
-          onMouseDown: ee(e.onMouseDown, () => {
+          onMouseDown: Q(e.onMouseDown, () => {
             S.current = !0;
           }),
-          onFocus: ee(e.onFocus, (I) => {
+          onFocus: Q(e.onFocus, (I) => {
             const A = !S.current;
             if (I.target === I.currentTarget && A && !b) {
               const k = new CustomEvent(Xs, lS);
@@ -10745,7 +10734,7 @@ var hS = f.forwardRef((e, t) => {
             }
             S.current = !1;
           }),
-          onBlur: ee(e.onBlur, () => w(!1))
+          onBlur: Q(e.onBlur, () => w(!1))
         }
       )
     }
@@ -10777,11 +10766,11 @@ var hS = f.forwardRef((e, t) => {
             "data-orientation": d.orientation,
             ...a,
             ref: t,
-            onMouseDown: ee(e.onMouseDown, (m) => {
+            onMouseDown: Q(e.onMouseDown, (m) => {
               r ? d.onItemFocus(u) : m.preventDefault();
             }),
-            onFocus: ee(e.onFocus, () => d.onItemFocus(u)),
-            onKeyDown: ee(e.onKeyDown, (m) => {
+            onFocus: Q(e.onFocus, () => d.onItemFocus(u)),
+            onKeyDown: Q(e.onKeyDown, (m) => {
               if (m.key === "Tab" && m.shiftKey) {
                 d.onItemShiftTab();
                 return;
@@ -10910,7 +10899,7 @@ var jt = "MenuContent", [AS, Ra] = On(jt), Zd = f.forwardRef(
         trapFocus: n.open,
         disableOutsidePointerEvents: n.open,
         disableOutsideScroll: !0,
-        onFocusOutside: ee(
+        onFocusOutside: Q(
           e.onFocusOutside,
           (s) => s.preventDefault(),
           { checkForDefaultPrevented: !1 }
@@ -10951,7 +10940,7 @@ var jt = "MenuContent", [AS, Ra] = On(jt), Zd = f.forwardRef(
       ...x
     } = e, m = Mn(jt, n), b = Vr(jt, n), w = fs(n), y = Yd(n), E = TS(n), [S, C] = f.useState(null), R = f.useRef(null), I = Ce(t, R, m.onContentChange), A = f.useRef(0), k = f.useRef(""), M = f.useRef(0), W = f.useRef(null), G = f.useRef("right"), N = f.useRef(0), $ = g ? ns : f.Fragment, L = g ? { as: _S, allowPinchZoom: !0 } : void 0, q = (_) => {
       var Y, P;
-      const z = k.current + _, X = E().filter((Z) => !Z.disabled), oe = document.activeElement, F = (Y = X.find((Z) => Z.ref.current === oe)) == null ? void 0 : Y.textValue, Q = X.map((Z) => Z.textValue), de = VS(Q, z, F), be = (P = X.find((Z) => Z.textValue === de)) == null ? void 0 : P.ref.current;
+      const z = k.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 = VS(ee, z, F), be = (P = X.find((Z) => Z.textValue === he)) == null ? void 0 : P.ref.current;
       (function Z(ne) {
         k.current = ne, window.clearTimeout(A.current), ne !== "" && (A.current = window.setTimeout(() => Z(""), 1e3));
       })(z), be && setTimeout(() => be.focus());
@@ -10994,7 +10983,7 @@ var jt = "MenuContent", [AS, Ra] = On(jt), Zd = f.forwardRef(
           {
             asChild: !0,
             trapped: o,
-            onMountAutoFocus: ee(s, (_) => {
+            onMountAutoFocus: Q(s, (_) => {
               var z;
               _.preventDefault(), (z = R.current) == null || z.focus({ preventScroll: !0 });
             }),
@@ -11019,7 +11008,7 @@ var jt = "MenuContent", [AS, Ra] = On(jt), Zd = f.forwardRef(
                     loop: r,
                     currentTabStopId: S,
                     onCurrentTabStopIdChange: C,
-                    onEntryFocus: ee(c, (_) => {
+                    onEntryFocus: Q(c, (_) => {
                       b.isUsingKeyboardRef.current || _.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
@@ -11035,19 +11024,19 @@ var jt = "MenuContent", [AS, Ra] = On(jt), Zd = f.forwardRef(
                         ...x,
                         ref: I,
                         style: { outline: "none", ...x.style },
-                        onKeyDown: ee(x.onKeyDown, (_) => {
+                        onKeyDown: Q(x.onKeyDown, (_) => {
                           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 Q = R.current;
-                          if (_.target !== Q || !yS.includes(_.key)) return;
+                          const ee = R.current;
+                          if (_.target !== ee || !yS.includes(_.key)) return;
                           _.preventDefault();
                           const be = E().filter((Y) => !Y.disabled).map((Y) => Y.ref.current);
                           Gd.includes(_.key) && be.reverse(), US(be);
                         }),
-                        onBlur: ee(e.onBlur, (_) => {
+                        onBlur: Q(e.onBlur, (_) => {
                           _.currentTarget.contains(_.target) || (window.clearTimeout(A.current), k.current = "");
                         }),
-                        onPointerMove: ee(
+                        onPointerMove: Q(
                           e.onPointerMove,
                           Ar((_) => {
                             const z = _.target, X = N.current !== _.clientX;
@@ -11099,16 +11088,16 @@ var Mo = "MenuItem", fc = "menu.itemSelect", hs = f.forwardRef(
         ...o,
         ref: c,
         disabled: n,
-        onClick: ee(e.onClick, d),
+        onClick: Q(e.onClick, d),
         onPointerDown: (h) => {
           var p;
           (p = e.onPointerDown) == null || p.call(e, h), u.current = !0;
         },
-        onPointerUp: ee(e.onPointerUp, (h) => {
+        onPointerUp: Q(e.onPointerUp, (h) => {
           var p;
           u.current || (p = h.currentTarget) == null || p.click();
         }),
-        onKeyDown: ee(e.onKeyDown, (h) => {
+        onKeyDown: Q(e.onKeyDown, (h) => {
           const p = a.searchRef.current !== "";
           n || p && h.key === " " || Ci.includes(h.key) && (h.currentTarget.click(), h.preventDefault());
         })
@@ -11138,18 +11127,18 @@ var ef = f.forwardRef(
             "data-disabled": r ? "" : void 0,
             ...s,
             ref: u,
-            onPointerMove: ee(
+            onPointerMove: Q(
               e.onPointerMove,
               Ar((g) => {
                 r ? i.onItemLeave(g) : (i.onItemEnter(g), g.defaultPrevented || g.currentTarget.focus({ preventScroll: !0 }));
               })
             ),
-            onPointerLeave: ee(
+            onPointerLeave: Q(
               e.onPointerLeave,
               Ar((g) => i.onItemLeave(g))
             ),
-            onFocus: ee(e.onFocus, () => h(!0)),
-            onBlur: ee(e.onBlur, () => h(!1))
+            onFocus: Q(e.onFocus, () => h(!0)),
+            onBlur: Q(e.onBlur, () => h(!1))
           }
         ) })
       }
@@ -11166,7 +11155,7 @@ var ef = f.forwardRef(
         ...o,
         ref: t,
         "data-state": ja(n),
-        onSelect: ee(
+        onSelect: Q(
           o.onSelect,
           () => r == null ? void 0 : r(Do(n) ? !0 : !n),
           { checkForDefaultPrevented: !1 }
@@ -11198,7 +11187,7 @@ var of = "MenuRadioItem", sf = f.forwardRef(
         ...r,
         ref: t,
         "data-state": ja(s),
-        onSelect: ee(
+        onSelect: Q(
           r.onSelect,
           () => {
             var i;
@@ -11280,7 +11269,7 @@ var zS = "MenuSub", [uR, df] = On(zS), mr = "MenuSubTrigger", ff = f.forwardRef(
           var p;
           (p = e.onClick) == null || p.call(e, h), !(e.disabled || h.defaultPrevented) && (h.currentTarget.focus(), n.open || n.onOpenChange(!0));
         },
-        onPointerMove: ee(
+        onPointerMove: Q(
           e.onPointerMove,
           Ar((h) => {
             s.onItemEnter(h), !h.defaultPrevented && !e.disabled && !n.open && !i.current && (s.onPointerGraceIntentChange(null), i.current = window.setTimeout(() => {
@@ -11288,7 +11277,7 @@ var zS = "MenuSub", [uR, df] = On(zS), mr = "MenuSubTrigger", ff = f.forwardRef(
             }, 100));
           })
         ),
-        onPointerLeave: ee(
+        onPointerLeave: Q(
           e.onPointerLeave,
           Ar((h) => {
             var v, g;
@@ -11317,7 +11306,7 @@ var zS = "MenuSub", [uR, df] = On(zS), mr = "MenuSubTrigger", ff = f.forwardRef(
             }
           })
         ),
-        onKeyDown: ee(e.onKeyDown, (h) => {
+        onKeyDown: Q(e.onKeyDown, (h) => {
           var v;
           const p = s.searchRef.current !== "";
           e.disabled || p && h.key === " " || SS[r.dir].includes(h.key) && (n.onOpenChange(!0), (v = n.content) == null || v.focus(), h.preventDefault());
@@ -11347,13 +11336,13 @@ var hf = "MenuSubContent", pf = f.forwardRef(
           i.isUsingKeyboardRef.current && ((h = c.current) == null || h.focus()), d.preventDefault();
         },
         onCloseAutoFocus: (d) => d.preventDefault(),
-        onFocusOutside: ee(e.onFocusOutside, (d) => {
+        onFocusOutside: Q(e.onFocusOutside, (d) => {
           d.target !== a.trigger && s.onOpenChange(!1);
         }),
-        onEscapeKeyDown: ee(e.onEscapeKeyDown, (d) => {
+        onEscapeKeyDown: Q(e.onEscapeKeyDown, (d) => {
           i.onClose(), d.preventDefault();
         }),
-        onKeyDown: ee(e.onKeyDown, (d) => {
+        onKeyDown: Q(e.onKeyDown, (d) => {
           var v;
           const h = d.currentTarget.contains(d.target), p = CS[i.dir].includes(d.key);
           h && p && (s.onOpenChange(!1), (v = a.trigger) == null || v.focus(), d.preventDefault());
@@ -11456,10 +11445,10 @@ var vf = "DropdownMenuTrigger", bf = f.forwardRef(
         disabled: r,
         ...o,
         ref: Qi(t, s.triggerRef),
-        onPointerDown: ee(e.onPointerDown, (a) => {
+        onPointerDown: Q(e.onPointerDown, (a) => {
           !r && a.button === 0 && a.ctrlKey === !1 && (s.onOpenToggle(), s.open || a.preventDefault());
         }),
-        onKeyDown: ee(e.onKeyDown, (a) => {
+        onKeyDown: Q(e.onKeyDown, (a) => {
           r || (["Enter", " "].includes(a.key) && s.onOpenToggle(), a.key === "ArrowDown" && s.onOpenChange(!0), ["Enter", " ", "ArrowDown"].includes(a.key) && a.preventDefault());
         })
       }
@@ -11483,11 +11472,11 @@ var yf = "DropdownMenuContent", Sf = f.forwardRef(
         ...s,
         ...r,
         ref: t,
-        onCloseAutoFocus: ee(e.onCloseAutoFocus, (a) => {
+        onCloseAutoFocus: Q(e.onCloseAutoFocus, (a) => {
           var c;
           i.current || (c = o.triggerRef.current) == null || c.focus(), i.current = !1, a.preventDefault();
         }),
-        onInteractOutside: ee(e.onInteractOutside, (a) => {
+        onInteractOutside: Q(e.onInteractOutside, (a) => {
           const c = a.detail.originalEvent, u = c.button === 0 && c.ctrlKey === !0, d = c.button === 2 || u;
           (!o.modal || d) && (i.current = !0);
         }),
@@ -11698,7 +11687,7 @@ function vo({
   placeholder: t = "Type your message...",
   autoFocus: n = !0,
   maxHeight: r = void 0,
-  streamingDebounceMs: o = 40,
+  streamingDebounceMs: o = 120,
   enableFileUpload: s = !0,
   enableExcelUpload: i = !1,
   enableMessageEditing: a = !0,
@@ -11723,47 +11712,47 @@ function vo({
     isLoadingHistory: I,
     loadOlderMessages: A,
     api: k
-  } = Hi(), [M, W] = fe(null), [G, N] = fe(""), [$, L] = fe(null), [q, O] = fe([]), [_, z] = fe(!1), [X, oe] = fe(null), [F, Q] = fe(null), [de, be] = fe(!1), [Y, P] = fe(null), [Z, ne] = fe([]), [le, se] = fe(null);
+  } = Hi(), [M, W] = de(null), [G, N] = de(""), [$, L] = de(null), [q, O] = de([]), [_, z] = de(!1), [X, oe] = de(null), [F, ee] = de(null), [he, be] = de(!1), [Y, P] = de(null), [Z, ne] = de([]), [le, ie] = de(null);
   at(null);
-  const ke = at(null), Fe = at(null), Le = at(null), ce = at(!1), je = at(!0), xe = at(0), H = at(null), [ae, Be] = fe("desktop");
-  Ve(() => {
+  const ke = at(null), Fe = at(null), Le = at(null), ue = at(!1), je = at(!0), xe = at(0), H = at(null), [ae, Be] = de("desktop");
+  Ge(() => {
     const J = () => {
-      const ie = window.innerWidth;
-      Be(ie < 640 ? "phone" : ie < 1024 ? "tablet" : "desktop");
+      const se = window.innerWidth;
+      Be(se < 640 ? "phone" : se < 1024 ? "tablet" : "desktop");
     };
     return J(), window.addEventListener("resize", J), () => window.removeEventListener("resize", J);
-  }, []), Ve(() => {
+  }, []), Ge(() => {
     let J = !1;
     if (!p) {
-      ne([]), se(null), H.current = null;
+      ne([]), ie(null), H.current = null;
       return;
     }
-    const ie = {
+    const se = {
       threadId: p,
       checkpointId: y ?? null
     }, Re = H.current;
-    if (!(Re && Re.threadId === ie.threadId && Re.checkpointId === ie.checkpointId))
+    if (!(Re && Re.threadId === se.threadId && Re.checkpointId === se.checkpointId))
       return E(p).then((Pe) => {
         if (J) return;
         const Qt = ((Pe == null ? void 0 : Pe.checkpoints) ?? []).slice().sort((on, Ln) => new Date(Ln.createdAt).getTime() - new Date(on.createdAt).getTime());
-        ne(Qt), se((on) => {
+        ne(Qt), ie((on) => {
           var Ln;
           return on ?? ((Ln = Qt[0]) == null ? void 0 : Ln.checkpointId) ?? null;
-        }), H.current = ie;
+        }), H.current = se;
       }).catch((Pe) => {
         console.error("ChatInterface - listCheckpoints error:", Pe), J || (ne([]), H.current = null);
       }), () => {
         J = !0;
       };
-  }, [p, y, E]), Ve(() => {
-    y && se(y);
+  }, [p, y, E]), Ge(() => {
+    y && ie(y);
   }, [y]);
   const nt = We(async () => {
     if (!R || I) return;
     const J = Le.current;
     if (!J) return;
-    const ie = J.scrollHeight, Re = J.scrollTop;
-    ce.current = !0;
+    const se = J.scrollHeight, Re = J.scrollTop;
+    ue.current = !0;
     try {
       await A();
     } catch (Pe) {
@@ -11772,93 +11761,93 @@ function vo({
       requestAnimationFrame(() => {
         const Pe = Le.current;
         if (!Pe) {
-          ce.current = !1;
+          ue.current = !1;
           return;
         }
         const Qt = Pe.scrollHeight;
-        Pe.scrollTop = Re + (Qt - ie);
+        Pe.scrollTop = Re + (Qt - se);
         const on = Qt - Pe.scrollTop - Pe.clientHeight;
-        je.current = on <= 32, ce.current = !1;
+        je.current = on <= 32, ue.current = !1;
       });
     }
   }, [R, I, A]);
-  Ve(() => {
+  Ge(() => {
     v.length < xe.current && (je.current = !0), xe.current = v.length;
-  }, [v.length]), Ve(() => {
+  }, [v.length]), Ge(() => {
     const J = Le.current;
-    J && (ce.current || je.current && (J.scrollTop = J.scrollHeight, je.current = !0));
-  }, [v]), Ve(() => {
+    J && (ue.current || je.current && (J.scrollTop = J.scrollHeight, je.current = !0));
+  }, [v]), Ge(() => {
     (async () => {
       try {
-        const ie = await k.getAgent("default");
-        P(ie.uiDefaultMessage || null);
-      } catch (ie) {
-        console.warn("Failed to fetch default message:", ie), P(null);
+        const se = await k.getAgent("default");
+        P(se.uiDefaultMessage || null);
+      } catch (se) {
+        console.warn("Failed to fetch default message:", se), P(null);
       }
     })();
-  }, [k]), Ve(() => {
-    m && !de && (h == null || h(m));
-  }, [m, de, h]);
+  }, [k]), Ge(() => {
+    m && !he && (h == null || h(m));
+  }, [m, he, h]);
   const dt = (J) => {
     if (J.length > go)
       return `Message too long (${J.length}/${go} characters)`;
     try {
       return zw(J), null;
-    } catch (ie) {
-      return (ie == null ? void 0 : ie.message) || "Invalid message";
+    } catch (se) {
+      return (se == null ? void 0 : se.message) || "Invalid message";
     }
   }, rt = (J) => {
-    const ie = J.content || [], Re = ie.filter((Pe) => Pe.type === "text").map((Pe) => Pe.text).join("");
+    const se = J.content || [], Re = se.filter((Pe) => Pe.type === "text").map((Pe) => Pe.text).join("");
     if (Re) return Re;
     try {
-      return JSON.stringify(ie, null, 2);
+      return JSON.stringify(se, null, 2);
     } catch {
-      return String(ie);
+      return String(se);
     }
   }, Qe = async (J) => {
-    const ie = J.trim();
-    if (!(!ie && q.length === 0)) {
-      if (ie) {
-        const Re = dt(ie);
+    const se = J.trim();
+    if (!(!se && q.length === 0)) {
+      if (se) {
+        const Re = dt(se);
         if (Re) {
           L(Re);
           return;
         }
       }
       try {
-        await b(ie, { checkpointId: le || y || void 0, payloadExtras: M ? { edit: !0, originalMessageId: M } : void 0, attachments: q }), u == null || u(ie), L(null), O([]), W(null), N("");
+        await b(se, { checkpointId: le || y || void 0, payloadExtras: M ? { edit: !0, originalMessageId: M } : void 0, attachments: q }), u == null || u(se), L(null), O([]), W(null), N("");
       } catch (Re) {
         const Pe = (Re == null ? void 0 : Re.message) || "Failed to send message";
         L(Pe), h == null || h(Pe);
       }
     }
-  }, Ct = K.useCallback((J, ie) => {
-    a && (W(J), N(ie), L(null));
-  }, [a]), Ge = K.useCallback(() => {
+  }, Ct = K.useCallback((J, se) => {
+    a && (W(J), N(se), L(null));
+  }, [a]), Ve = K.useCallback(() => {
     W(null), N(""), L(null);
-  }, []), st = We((J, ie) => {
-    Ct(J, ie);
+  }, []), st = We((J, se) => {
+    Ct(J, se);
   }, [Ct]), Ke = We((J) => {
-    for (let ie = J - 1; ie >= 0; ie--)
-      if (v[ie].role === "user") {
-        const Re = rt(v[ie]);
+    for (let se = J - 1; se >= 0; se--)
+      if (v[se].role === "user") {
+        const Re = rt(v[se]);
         Re && b(Re, { checkpointId: le || y || void 0 });
         break;
       }
   }, [v, b, le, y, rt]), it = (J) => {
-    const ie = Array.from(J.target.files || []);
-    O((Re) => [...Re, ...ie]);
-  }, Pt = (J) => O((ie) => ie.filter((Re, Pe) => J !== Pe)), vn = async (J) => {
-    const ie = (J.target.files || [])[0];
-    if (ie) {
-      oe(null), Q(null), z(!0);
+    const se = Array.from(J.target.files || []);
+    O((Re) => [...Re, ...se]);
+  }, Pt = (J) => O((se) => se.filter((Re, Pe) => J !== Pe)), vn = async (J) => {
+    const se = (J.target.files || [])[0];
+    if (se) {
+      oe(null), ee(null), z(!0);
       try {
         await b("", {
           checkpointId: le || y || void 0,
-          attachments: [ie]
+          attachments: [se]
         });
-        const Re = `Uploaded ${ie.name} - processing through chat stream`;
-        Q(Re);
+        const Re = `Uploaded ${se.name} - processing through chat stream`;
+        ee(Re);
       } catch (Re) {
         const Pe = Re instanceof Error ? Re.message : "Failed to upload Excel file";
         console.error("Excel upload failed", Re), oe(Pe), h == null || h(Pe);
@@ -11868,19 +11857,19 @@ function vo({
     }
   }, Dn = (J) => {
     if (!J) return "Unknown";
-    const ie = Date.parse(J);
-    return Number.isNaN(ie) ? J : new Date(ie).toLocaleString();
+    const se = Date.parse(J);
+    return Number.isNaN(se) ? J : new Date(se).toLocaleString();
   }, Ue = async (J) => {
     if (p) {
       if (!J) {
-        await C(), se(null);
+        await C(), ie(null);
         return;
       }
-      await S(J), se(J);
+      await S(J), ie(J);
     }
   }, ur = `flex flex-1 w-full flex-col min-h-0 min-w-0 max-h-full overflow-hidden bg-transparent ${e} ${c.container || ""}`, Rs = `flex-1 min-h-0 min-w-0 max-h-full w-full overflow-y-auto overflow-x-auto overscroll-contain break-words break-anywhere p-4 space-y-4 bg-transparent ${c.messagesArea || ""}`, Es = `flex-shrink-0 w-full border-t p-4 bg-transparent ${c.inputArea || ""}`;
   return /* @__PURE__ */ l.jsxs("div", { className: ur, children: [
-    !!m && !de && /* @__PURE__ */ l.jsxs("div", { className: "flex-shrink-0 bg-red-50 border border-red-200 text-red-800 px-4 py-2 text-sm flex items-center justify-between", children: [
+    !!m && !he && /* @__PURE__ */ l.jsxs("div", { className: "flex-shrink-0 bg-red-50 border border-red-200 text-red-800 px-4 py-2 text-sm flex items-center justify-between", children: [
       /* @__PURE__ */ l.jsx("span", { children: m }),
       /* @__PURE__ */ l.jsx(
         Ae,
@@ -11902,8 +11891,8 @@ function vo({
           className: "border border-border rounded px-2 py-1 text-xs bg-card text-foreground focus:outline-none focus:ring-1 focus:ring-ring dark:bg-secondary",
           value: le ?? "",
           onChange: (J) => {
-            const ie = J.target.value || null;
-            Ue(ie);
+            const se = J.target.value || null;
+            Ue(se);
           },
           children: [
             /* @__PURE__ */ l.jsx("option", { value: "", children: "Latest" }),
@@ -11924,35 +11913,36 @@ function vo({
           gv,
           {
             data: v,
-            followOutput: "smooth",
+            followOutput: g ? "auto" : "smooth",
             overscan: 120,
             increaseViewportBy: { top: 200, bottom: 200 },
             startReached: () => {
               nt();
             },
             style: { height: "100%", overscrollBehavior: "contain" },
+            computeItemKey: (J, se) => se.id ?? `message-${J}`,
             components: {
-              Scroller: K.forwardRef((J, ie) => /* @__PURE__ */ l.jsx(
+              Scroller: K.forwardRef((J, se) => /* @__PURE__ */ l.jsx(
                 "div",
                 {
                   ...J,
-                  ref: ie,
+                  ref: se,
                   style: {
-                    overflowAnchor: "auto",
+                    overflowAnchor: "none",
                     willChange: "transform",
                     ...(J == null ? void 0 : J.style) ?? {}
                   }
                 }
               ))
             },
-            itemContent: (J, ie) => /* @__PURE__ */ l.jsx(
+            itemContent: (J, se) => /* @__PURE__ */ l.jsx(
               Nw,
               {
-                message: ie,
+                message: se,
                 messageIndex: J,
-                isStreamingMessage: g && x === ie.id,
+                isStreamingMessage: g && x === se.id,
                 streamingDebounceMs: o,
-                isEditing: M === ie.id,
+                isEditing: M === se.id,
                 showActions: a,
                 showTimestamp: !1,
                 showAgentName: !0,
@@ -11961,9 +11951,9 @@ function vo({
                 toolMessagePreviewLength: 200,
                 onEdit: st,
                 onRegenerate: () => Ke(J),
-                onCancelEdit: Ge
+                onCancelEdit: Ve
               },
-              ie.id ?? `msg-${ie.role}-${J}-${ie.createdAt ?? ""}`
+              se.id ?? `msg-${se.role}-${J}-${se.createdAt ?? ""}`
             )
           }
         )
@@ -11980,7 +11970,7 @@ function vo({
           {
             variant: "ghost",
             size: "sm",
-            onClick: Ge,
+            onClick: Ve,
             className: "text-blue-600 hover:bg-blue-100",
             children: /* @__PURE__ */ l.jsx(Vn, { size: 16 })
           }
@@ -11998,7 +11988,7 @@ function vo({
               className: "hidden"
             }
           ),
-          q.length > 0 && /* @__PURE__ */ l.jsx("div", { className: "flex flex-wrap gap-2", children: q.map((J, ie) => /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2 bg-gray-100 dark:bg-gray-800 rounded-lg px-3 py-2 text-sm text-gray-900 dark:text-gray-100", children: [
+          q.length > 0 && /* @__PURE__ */ l.jsx("div", { className: "flex flex-wrap gap-2", children: q.map((J, se) => /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2 bg-gray-100 dark:bg-gray-800 rounded-lg px-3 py-2 text-sm text-gray-900 dark:text-gray-100", children: [
             /* @__PURE__ */ l.jsx(Ka, { size: 14 }),
             /* @__PURE__ */ l.jsx("span", { className: "truncate max-w-[150px]", children: J.name }),
             /* @__PURE__ */ l.jsx(
@@ -12006,13 +11996,13 @@ function vo({
               {
                 variant: "ghost",
                 size: "sm",
-                onClick: () => Pt(ie),
+                onClick: () => Pt(se),
                 className: "h-4 w-4 p-0 text-gray-500 dark:text-gray-400 hover:text-red-500 dark:hover:text-red-400",
                 "aria-label": `Remove ${J.name}`,
                 children: /* @__PURE__ */ l.jsx(Vn, { size: 12 })
               }
             )
-          ] }, ie)) })
+          ] }, se)) })
         ] }),
         i && /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
           /* @__PURE__ */ l.jsx(
@@ -12082,7 +12072,7 @@ function vo({
             disabled: !1,
             maxLength: go,
             onSend: Qe,
-            onCancelEdit: Ge,
+            onCancelEdit: Ve,
             onStop: w,
             allowEmptySend: q.length > 0,
             textareaClassName: `resize-none min-h-[44px] max-h-[20rem] w-full transition-colors ${M ? "border-blue-400 bg-blue-50 text-blue-900 dark:border-blue-500 dark:bg-blue-950/60 dark:text-blue-50" : ""} ${$ ? "border-red-400" : ""} ${c.textarea || ""}`
@@ -12278,8 +12268,8 @@ var B0 = f.forwardRef((e, t) => {
       "data-state": a === "hidden" ? "hidden" : "visible",
       ...r,
       ref: t,
-      onPointerEnter: ee(e.onPointerEnter, () => c("POINTER_ENTER")),
-      onPointerLeave: ee(e.onPointerLeave, () => c("POINTER_LEAVE"))
+      onPointerEnter: Q(e.onPointerEnter, () => c("POINTER_ENTER")),
+      onPointerLeave: Q(e.onPointerLeave, () => c("POINTER_LEAVE"))
     }
   ) });
 }), Vf = f.forwardRef((e, t) => {
@@ -12472,11 +12462,11 @@ var B0 = f.forwardRef((e, t) => {
           ...p,
           ref: m,
           style: { position: "absolute", ...p.style },
-          onPointerDown: ee(e.onPointerDown, (A) => {
+          onPointerDown: Q(e.onPointerDown, (A) => {
             A.button === 0 && (A.target.setPointerCapture(A.pointerId), b.current = g.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", v.viewport && (v.viewport.style.scrollBehavior = "auto"), I(A));
           }),
-          onPointerMove: ee(e.onPointerMove, I),
-          onPointerUp: ee(e.onPointerUp, (A) => {
+          onPointerMove: Q(e.onPointerMove, I),
+          onPointerUp: Q(e.onPointerUp, (A) => {
             const k = A.target;
             k.hasPointerCapture(A.pointerId) && k.releasePointerCapture(A.pointerId), document.body.style.webkitUserSelect = w.current, v.viewport && (v.viewport.style.scrollBehavior = ""), b.current = null;
           })
@@ -12519,11 +12509,11 @@ var B0 = f.forwardRef((e, t) => {
           height: "var(--radix-scroll-area-thumb-height)",
           ...r
         },
-        onPointerDownCapture: ee(e.onPointerDownCapture, (h) => {
+        onPointerDownCapture: Q(e.onPointerDownCapture, (h) => {
           const v = h.target.getBoundingClientRect(), g = h.clientX - v.left, x = h.clientY - v.top;
           i.onThumbPointerDown({ x: g, y: x });
         }),
-        onPointerUp: ee(e.onPointerUp, i.onThumbPointerUp)
+        onPointerUp: Q(e.onPointerUp, i.onThumbPointerUp)
       }
     );
   }
@@ -12672,15 +12662,15 @@ function Ei({
     createThread: x,
     deleteThread: m,
     renameThread: b
-  } = Hi(), [w, y] = fe(p ?? []), [E, S] = fe(!1), [C, R] = fe(null), [I, A] = fe(null), [k, M] = fe(""), [W, G] = fe(!1);
-  Ve(() => {
+  } = Hi(), [w, y] = de(p ?? []), [E, S] = de(!1), [C, R] = de(null), [I, A] = de(null), [k, M] = de(""), [W, G] = de(!1);
+  Ge(() => {
     y(p ?? []);
   }, [p]);
   const N = async (F) => {
     try {
       await h(F), a == null || a(F), c == null || c(F);
-    } catch (Q) {
-      console.error("Failed to select thread:", Q);
+    } catch (ee) {
+      console.error("Failed to select thread:", ee);
     }
   }, $ = async () => {
     try {
@@ -12692,31 +12682,31 @@ function Ei({
     } finally {
       G(!1);
     }
-  }, L = async (F, Q) => {
-    if (Q.stopPropagation(), !!confirm("Delete this thread?"))
+  }, L = async (F, ee) => {
+    if (ee.stopPropagation(), !!confirm("Delete this thread?"))
       try {
         await m(F), d == null || d(F);
-      } catch (de) {
-        console.error("Failed to delete thread:", de);
+      } catch (he) {
+        console.error("Failed to delete thread:", he);
       }
-  }, q = (F, Q) => {
-    Q.stopPropagation(), A(F.threadId), M(F.title || `Thread ${F.threadId.slice(0, 8)}`);
+  }, q = (F, ee) => {
+    ee.stopPropagation(), A(F.threadId), M(F.title || `Thread ${F.threadId.slice(0, 8)}`);
   }, O = async (F) => {
     if (k.trim())
       try {
         await b(F, k.trim()), A(null), M("");
-      } catch (Q) {
-        console.error("Failed to update title:", Q);
+      } catch (ee) {
+        console.error("Failed to update title:", ee);
       }
   }, _ = () => {
     A(null), M("");
-  }, z = (F, Q) => {
-    F.key === "Enter" ? O(Q) : F.key === "Escape" && _();
+  }, z = (F, ee) => {
+    F.key === "Enter" ? O(ee) : F.key === "Escape" && _();
   }, X = (F) => {
     if (!F) return "";
     try {
-      const Q = new Date(F), be = (/* @__PURE__ */ new Date()).getTime() - Q.getTime(), Y = Math.floor(be / (1e3 * 60 * 60 * 24));
-      return Y === 0 ? Q.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : Y === 1 ? "Yesterday" : Y < 7 ? `${Y} days ago` : Q.toLocaleDateString();
+      const ee = new Date(F), be = (/* @__PURE__ */ new Date()).getTime() - ee.getTime(), Y = Math.floor(be / (1e3 * 60 * 60 * 24));
+      return Y === 0 ? ee.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : Y === 1 ? "Yesterday" : Y < 7 ? `${Y} days ago` : ee.toLocaleDateString();
     } catch {
       return "";
     }
@@ -12742,15 +12732,15 @@ function Ei({
         children: /* @__PURE__ */ l.jsx("div", { className: "p-2 space-y-1 pb-4", children: E ? /* @__PURE__ */ l.jsx("div", { className: "text-center py-8 text-slate-400", children: "Loading…" }) : w.length === 0 ? /* @__PURE__ */ l.jsxs("div", { className: "text-center py-8 text-slate-400", children: [
           /* @__PURE__ */ l.jsx(Jp, { className: "w-8 h-8 mx-auto mb-2 opacity-40 text-slate-500" }),
           /* @__PURE__ */ l.jsx("p", { className: "text-sm text-slate-500", children: "No conversations yet" })
-        ] }) : w.slice().sort((F, Q) => new Date(Q.updatedAt || Q.createdAt || "").getTime() - new Date(F.updatedAt || F.createdAt || "").getTime()).map((F) => /* @__PURE__ */ l.jsxs(
+        ] }) : w.slice().sort((F, ee) => new Date(ee.updatedAt || ee.createdAt || "").getTime() - new Date(F.updatedAt || F.createdAt || "").getTime()).map((F) => /* @__PURE__ */ l.jsxs(
           "div",
           {
             onClick: () => N(F.threadId),
             className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${(i ?? g) === F.threadId ? `${s.activeThread || "bg-slate-600 border-slate-500"} ` : `${s.threadItem || "bg-slate-700 border-slate-600 hover:bg-slate-600 text-gray-900 dark:text-slate-100"}`} ${s.threadItem || ""} text-gray-900 dark:text-slate-100`,
             children: [
               /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ l.jsx("div", { className: "flex-1 min-w-0", children: I === F.threadId ? /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", onClick: (Q) => Q.stopPropagation(), children: [
-                  /* @__PURE__ */ l.jsx(kr, { value: k, onChange: (Q) => M(Q.target.value), onKeyDown: (Q) => z(Q, F.threadId), className: "h-6 text-sm", autoFocus: !0 }),
+                /* @__PURE__ */ l.jsx("div", { className: "flex-1 min-w-0", children: I === F.threadId ? /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", onClick: (ee) => ee.stopPropagation(), children: [
+                  /* @__PURE__ */ l.jsx(kr, { value: k, onChange: (ee) => M(ee.target.value), onKeyDown: (ee) => z(ee, F.threadId), className: "h-6 text-sm", autoFocus: !0 }),
                   /* @__PURE__ */ l.jsx(Ae, { variant: "ghost", size: "sm", onClick: () => O(F.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ l.jsx(Di, { size: 12 }) }),
                   /* @__PURE__ */ l.jsx(Ae, { variant: "ghost", size: "sm", onClick: _, className: "h-6 w-6 p-0", children: /* @__PURE__ */ l.jsx(Vn, { size: 12 }) })
                 ] }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
@@ -12761,13 +12751,13 @@ function Ei({
                   ] })
                 ] }) }),
                 /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity ml-2", children: [
-                  r && I !== F.threadId && /* @__PURE__ */ l.jsx(Ae, { variant: "ghost", size: "sm", onClick: (Q) => q(F, Q), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ l.jsx(Sc, { size: 12 }) }),
+                  r && I !== F.threadId && /* @__PURE__ */ l.jsx(Ae, { variant: "ghost", size: "sm", onClick: (ee) => q(F, ee), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ l.jsx(Sc, { size: 12 }) }),
                   n && /* @__PURE__ */ l.jsx(
                     Ae,
                     {
                       variant: "ghost",
                       size: "sm",
-                      onClick: (Q) => L(F.threadId, Q),
+                      onClick: (ee) => L(F.threadId, ee),
                       className: "h-6 w-6 p-0 text-red-400 hover:text-red-300 hover:bg-red-900/20",
                       title: "Delete thread",
                       children: /* @__PURE__ */ l.jsx(Qp, { size: 12 })
@@ -13139,20 +13129,20 @@ var Ni = "TooltipTrigger", vh = f.forwardRef(
         "data-state": o.stateAttribute,
         ...r,
         ref: c,
-        onPointerMove: ee(e.onPointerMove, (p) => {
+        onPointerMove: Q(e.onPointerMove, (p) => {
           p.pointerType !== "touch" && !d.current && !s.isPointerInTransitRef.current && (o.onTriggerEnter(), d.current = !0);
         }),
-        onPointerLeave: ee(e.onPointerLeave, () => {
+        onPointerLeave: Q(e.onPointerLeave, () => {
           o.onTriggerLeave(), d.current = !1;
         }),
-        onPointerDown: ee(e.onPointerDown, () => {
+        onPointerDown: Q(e.onPointerDown, () => {
           o.open && o.onClose(), u.current = !0, document.addEventListener("pointerup", h, { once: !0 });
         }),
-        onFocus: ee(e.onFocus, () => {
+        onFocus: Q(e.onFocus, () => {
           u.current || o.onOpen();
         }),
-        onBlur: ee(e.onBlur, o.onClose),
-        onClick: ee(e.onClick, o.onClose)
+        onBlur: Q(e.onBlur, o.onClose),
+        onClick: Q(e.onClick, o.onClose)
       }
     ) });
   }
@@ -13959,7 +13949,7 @@ var ys = "Switch", [ZC, wR] = $t(ys), [QC, eT] = ZC(ys), Hh = f.forwardRef(
           value: c,
           ...h,
           ref: g,
-          onClick: ee(e.onClick, (y) => {
+          onClick: Q(e.onClick, (y) => {
             w((E) => !E), m && (x.current = y.isPropagationStopped(), x.current || y.stopPropagation());
           })
         }
@@ -14180,15 +14170,15 @@ var Kh = "SelectTrigger", Yh = f.forwardRef(
         "data-placeholder": xp(i.value) ? "" : void 0,
         ...o,
         ref: c,
-        onClick: ee(o.onClick, (x) => {
+        onClick: Q(o.onClick, (x) => {
           x.currentTarget.focus(), d.current !== "mouse" && g(x);
         }),
-        onPointerDown: ee(o.onPointerDown, (x) => {
+        onPointerDown: Q(o.onPointerDown, (x) => {
           d.current = x.pointerType;
           const m = x.target;
           m.hasPointerCapture(x.pointerId) && m.releasePointerCapture(x.pointerId), x.button === 0 && x.ctrlKey === !1 && x.pointerType === "mouse" && (g(x), x.preventDefault());
         }),
-        onKeyDown: ee(o.onKeyDown, (x) => {
+        onKeyDown: Q(o.onKeyDown, (x) => {
           const m = h.current !== "";
           !(x.ctrlKey || x.altKey || x.metaKey) && x.key.length === 1 && p(x.key), !(m && x.key === " ") && rT.includes(x.key) && (g(), x.preventDefault());
         })
@@ -14269,9 +14259,9 @@ var Ot = 10, [ep, xn] = cr(kn), dT = "SelectContentImpl", fT = Xn("SelectContent
     }, [y]), sa();
     const L = f.useCallback(
       (Y) => {
-        const [P, ...Z] = W().map((se) => se.ref.current), [ne] = Z.slice(-1), le = document.activeElement;
-        for (const se of Y)
-          if (se === le || (se == null || se.scrollIntoView({ block: "nearest" }), se === P && S && (S.scrollTop = 0), se === ne && S && (S.scrollTop = S.scrollHeight), se == null || se.focus(), document.activeElement !== le)) return;
+        const [P, ...Z] = W().map((ie) => ie.ref.current), [ne] = Z.slice(-1), le = document.activeElement;
+        for (const ie of Y)
+          if (ie === le || (ie == null || ie.scrollIntoView({ block: "nearest" }), ie === P && S && (S.scrollTop = 0), ie === ne && S && (S.scrollTop = S.scrollHeight), ie == null || ie.focus(), document.activeElement !== le)) return;
       },
       [W, S]
     ), q = f.useCallback(
@@ -14286,10 +14276,10 @@ var Ot = 10, [ep, xn] = cr(kn), dT = "SelectContentImpl", fT = Xn("SelectContent
       if (y) {
         let Y = { x: 0, y: 0 };
         const P = (ne) => {
-          var le, se;
+          var le, ie;
           Y = {
             x: Math.abs(Math.round(ne.pageX) - (((le = _.current) == null ? void 0 : le.x) ?? 0)),
-            y: Math.abs(Math.round(ne.pageY) - (((se = _.current) == null ? void 0 : se.y) ?? 0))
+            y: Math.abs(Math.round(ne.pageY) - (((ie = _.current) == null ? void 0 : ie.y) ?? 0))
           };
         }, Z = (ne) => {
           Y.x <= 10 && Y.y <= 10 ? ne.preventDefault() : y.contains(ne.target) || O(!1), document.removeEventListener("pointermove", P), _.current = null;
@@ -14313,13 +14303,13 @@ var Ot = 10, [ep, xn] = cr(kn), dT = "SelectContentImpl", fT = Xn("SelectContent
         (w.value !== void 0 && w.value === P || ne) && (A(Y), ne && ($.current = !0));
       },
       [w.value]
-    ), F = f.useCallback(() => y == null ? void 0 : y.focus(), [y]), Q = f.useCallback(
+    ), F = f.useCallback(() => y == null ? void 0 : y.focus(), [y]), ee = f.useCallback(
       (Y, P, Z) => {
         const ne = !$.current && !Z;
         (w.value !== void 0 && w.value === P || ne) && M(Y);
       },
       [w.value]
-    ), de = r === "popper" ? ji : np, be = de === ji ? {
+    ), he = r === "popper" ? ji : np, be = he === ji ? {
       side: a,
       sideOffset: c,
       align: u,
@@ -14341,7 +14331,7 @@ var Ot = 10, [ep, xn] = cr(kn), dT = "SelectContentImpl", fT = Xn("SelectContent
         itemRefCallback: oe,
         selectedItem: I,
         onItemLeave: F,
-        itemTextRefCallback: Q,
+        itemTextRefCallback: ee,
         focusSelectedItem: q,
         selectedItemText: k,
         position: r,
@@ -14355,7 +14345,7 @@ var Ot = 10, [ep, xn] = cr(kn), dT = "SelectContentImpl", fT = Xn("SelectContent
             onMountAutoFocus: (Y) => {
               Y.preventDefault();
             },
-            onUnmountAutoFocus: ee(o, (Y) => {
+            onUnmountAutoFocus: Q(o, (Y) => {
               var P;
               (P = w.trigger) == null || P.focus({ preventScroll: !0 }), Y.preventDefault();
             }),
@@ -14369,7 +14359,7 @@ var Ot = 10, [ep, xn] = cr(kn), dT = "SelectContentImpl", fT = Xn("SelectContent
                 onFocusOutside: (Y) => Y.preventDefault(),
                 onDismiss: () => w.onOpenChange(!1),
                 children: /* @__PURE__ */ l.jsx(
-                  de,
+                  he,
                   {
                     role: "listbox",
                     id: w.contentId,
@@ -14388,13 +14378,13 @@ var Ot = 10, [ep, xn] = cr(kn), dT = "SelectContentImpl", fT = Xn("SelectContent
                       outline: "none",
                       ...b.style
                     },
-                    onKeyDown: ee(b.onKeyDown, (Y) => {
+                    onKeyDown: Q(b.onKeyDown, (Y) => {
                       const P = Y.ctrlKey || Y.altKey || Y.metaKey;
                       if (Y.key === "Tab" && Y.preventDefault(), !P && Y.key.length === 1 && X(Y.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(Y.key)) {
                         let ne = W().filter((le) => !le.disabled).map((le) => le.ref.current);
                         if (["ArrowUp", "End"].includes(Y.key) && (ne = ne.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(Y.key)) {
-                          const le = Y.target, se = ne.indexOf(le);
-                          ne = ne.slice(se + 1);
+                          const le = Y.target, ie = ne.indexOf(le);
+                          ne = ne.slice(ie + 1);
                         }
                         setTimeout(() => L(ne)), Y.preventDefault();
                       }
@@ -14415,42 +14405,42 @@ var hT = "SelectItemAlignedPosition", np = f.forwardRef((e, t) => {
     if (s.trigger && s.valueNode && a && u && x && m && b) {
       const R = s.trigger.getBoundingClientRect(), I = u.getBoundingClientRect(), A = s.valueNode.getBoundingClientRect(), k = b.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const le = k.left - I.left, se = A.left - le, ke = R.left - se, Fe = R.width + ke, Le = Math.max(Fe, I.width), ce = window.innerWidth - Ot, je = Ri(se, [
+        const le = k.left - I.left, ie = A.left - le, ke = R.left - ie, Fe = R.width + ke, Le = Math.max(Fe, I.width), ue = window.innerWidth - Ot, je = Ri(ie, [
           Ot,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
           // controlled by the user since they may want to manage overflow in a
           // specific way.
           // https://github.com/radix-ui/primitives/issues/2049
-          Math.max(Ot, ce - Le)
+          Math.max(Ot, ue - Le)
         ]);
         a.style.minWidth = Fe + "px", a.style.left = je + "px";
       } else {
-        const le = I.right - k.right, se = window.innerWidth - A.right - le, ke = window.innerWidth - R.right - se, Fe = R.width + ke, Le = Math.max(Fe, I.width), ce = window.innerWidth - Ot, je = Ri(se, [
+        const le = I.right - k.right, ie = window.innerWidth - A.right - le, ke = window.innerWidth - R.right - ie, Fe = R.width + ke, Le = Math.max(Fe, I.width), ue = window.innerWidth - Ot, je = Ri(ie, [
           Ot,
-          Math.max(Ot, ce - Le)
+          Math.max(Ot, ue - Le)
         ]);
         a.style.minWidth = Fe + "px", a.style.right = je + "px";
       }
-      const M = p(), W = window.innerHeight - Ot * 2, G = x.scrollHeight, N = window.getComputedStyle(u), $ = parseInt(N.borderTopWidth, 10), L = parseInt(N.paddingTop, 10), q = parseInt(N.borderBottomWidth, 10), O = parseInt(N.paddingBottom, 10), _ = $ + L + G + O + q, z = Math.min(m.offsetHeight * 5, _), X = window.getComputedStyle(x), oe = parseInt(X.paddingTop, 10), F = parseInt(X.paddingBottom, 10), Q = R.top + R.height / 2 - Ot, de = W - Q, be = m.offsetHeight / 2, Y = m.offsetTop + be, P = $ + L + Y, Z = _ - P;
-      if (P <= Q) {
+      const M = p(), W = window.innerHeight - Ot * 2, G = x.scrollHeight, N = window.getComputedStyle(u), $ = parseInt(N.borderTopWidth, 10), L = parseInt(N.paddingTop, 10), q = parseInt(N.borderBottomWidth, 10), O = parseInt(N.paddingBottom, 10), _ = $ + L + G + O + q, z = Math.min(m.offsetHeight * 5, _), X = window.getComputedStyle(x), oe = parseInt(X.paddingTop, 10), F = parseInt(X.paddingBottom, 10), ee = R.top + R.height / 2 - Ot, he = W - ee, be = m.offsetHeight / 2, Y = m.offsetTop + be, P = $ + L + Y, Z = _ - P;
+      if (P <= ee) {
         const le = M.length > 0 && m === M[M.length - 1].ref.current;
         a.style.bottom = "0px";
-        const se = u.clientHeight - x.offsetTop - x.offsetHeight, ke = Math.max(
-          de,
+        const ie = u.clientHeight - x.offsetTop - x.offsetHeight, ke = Math.max(
+          he,
           be + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (le ? F : 0) + se + q
+          (le ? F : 0) + ie + q
         ), Fe = P + ke;
         a.style.height = Fe + "px";
       } else {
         const le = M.length > 0 && m === M[0].ref.current;
         a.style.top = "0px";
         const ke = Math.max(
-          Q,
+          ee,
           $ + x.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (le ? oe : 0) + be
         ) + Z;
-        a.style.height = ke + "px", x.scrollTop = P - Q + x.offsetTop;
+        a.style.height = ke + "px", x.scrollTop = P - ee + x.offsetTop;
       }
       a.style.margin = `${Ot}px 0`, a.style.minHeight = z + "px", a.style.maxHeight = W + "px", r == null || r(), requestAnimationFrame(() => v.current = !0);
     }
@@ -14577,7 +14567,7 @@ var [mT, La] = cr(kn, {}), Ai = "SelectViewport", rp = f.forwardRef(
             overflow: "hidden auto",
             ...o.style
           },
-          onScroll: ee(o.onScroll, (u) => {
+          onScroll: Q(o.onScroll, (u) => {
             const d = u.currentTarget, { contentWrapper: h, shouldExpandOnScrollRef: p } = i;
             if (p != null && p.current && h) {
               const v = Math.abs(c.current - d.scrollTop);
@@ -14663,26 +14653,26 @@ var Bo = "SelectItem", [bT, ap] = cr(Bo), lp = f.forwardRef(
                 tabIndex: o ? void 0 : -1,
                 ...i,
                 ref: g,
-                onFocus: ee(i.onFocus, () => v(!0)),
-                onBlur: ee(i.onBlur, () => v(!1)),
-                onClick: ee(i.onClick, () => {
+                onFocus: Q(i.onFocus, () => v(!0)),
+                onBlur: Q(i.onBlur, () => v(!1)),
+                onClick: Q(i.onClick, () => {
                   m.current !== "mouse" && b();
                 }),
-                onPointerUp: ee(i.onPointerUp, () => {
+                onPointerUp: Q(i.onPointerUp, () => {
                   m.current === "mouse" && b();
                 }),
-                onPointerDown: ee(i.onPointerDown, (w) => {
+                onPointerDown: Q(i.onPointerDown, (w) => {
                   m.current = w.pointerType;
                 }),
-                onPointerMove: ee(i.onPointerMove, (w) => {
+                onPointerMove: Q(i.onPointerMove, (w) => {
                   var y;
                   m.current = w.pointerType, o ? (y = c.onItemLeave) == null || y.call(c) : m.current === "mouse" && w.currentTarget.focus({ preventScroll: !0 });
                 }),
-                onPointerLeave: ee(i.onPointerLeave, (w) => {
+                onPointerLeave: Q(i.onPointerLeave, (w) => {
                   var y;
                   w.currentTarget === document.activeElement && ((y = c.onItemLeave) == null || y.call(c));
                 }),
-                onKeyDown: ee(i.onKeyDown, (w) => {
+                onKeyDown: Q(i.onKeyDown, (w) => {
                   var E;
                   ((E = c.searchRef) == null ? void 0 : E.current) !== "" && w.key === " " || (oT.includes(w.key) && b(), w.key === " " && w.preventDefault());
                 })
@@ -14786,14 +14776,14 @@ var pp = f.forwardRef((e, t) => {
       ...o,
       ref: t,
       style: { flexShrink: 0, ...o.style },
-      onPointerDown: ee(o.onPointerDown, () => {
+      onPointerDown: Q(o.onPointerDown, () => {
         i.current === null && (i.current = window.setInterval(r, 50));
       }),
-      onPointerMove: ee(o.onPointerMove, () => {
+      onPointerMove: Q(o.onPointerMove, () => {
         var u;
         (u = s.onItemLeave) == null || u.call(s), i.current === null && (i.current = window.setInterval(r, 50));
       }),
-      onPointerLeave: ee(o.onPointerLeave, () => {
+      onPointerLeave: Q(o.onPointerLeave, () => {
         c();
       })
     }
@@ -15045,11 +15035,11 @@ const MT = {
   }
 };
 function SR({ settings: e, onSettingsChange: t, className: n = "" }) {
-  const [r, o] = fe(!1), [s, i] = fe(!1), [a, c] = fe(e), [u, d] = fe(!1), { toast: h } = oa();
-  Ve(() => {
+  const [r, o] = de(!1), [s, i] = de(!1), [a, c] = de(e), [u, d] = de(!1), { toast: h } = oa();
+  Ge(() => {
     const m = JSON.stringify(a) !== JSON.stringify(e);
     d(m);
-  }, [a, e]), Ve(() => {
+  }, [a, e]), Ge(() => {
     c(e);
   }, [e]);
   const p = () => {