teodor-new-chat-ui 3.0.188 → 3.0.189

package/dist/index.esm.js

@@ -2,7 +2,7 @@ var vp = Object.defineProperty;
 var wp = (e, t, n) => t in e ? vp(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var Oa = (e, t, n) => wp(e, typeof t != "symbol" ? t + "" : t, n);
 import * as p from "react";
-import B, { useState as me, useRef as rt, useCallback as Ye, useEffect as ct, useReducer as bp, useMemo as Yt, createContext as yp, useContext as Sp, createElement as co, useLayoutEffect as Cp } from "react";
+import B, { useState as me, useRef as rt, useCallback as Ye, useEffect as pt, useReducer as bp, useMemo as Ut, createContext as yp, useContext as Sp, createElement as co, useLayoutEffect as Cp } from "react";
 import { Square as Tp, Send as Rp, X as rr, ExternalLink as kp, Download as Ep, Image as Ip, FileText as Ma, Loader as gc, Bot as Da, Wrench as Np, User as Ap, Paperclip as ni, ChevronUp as kr, ChevronDown as nr, Copy as La, Edit as $a, RotateCcw as ri, ChevronRight as _p, Check as Mi, Circle as jp, Edit3 as xc, Loader2 as Pp, Plus as Op, FileSpreadsheet as Mp, MessageSquarePlus as Dp, MessageSquare as Lp, Calendar as $p, Trash2 as Fp, Settings as zp, Server as Bp, EyeOff as Hp, Eye as Up, Layout as Wp, MessageCircle as Vp, Save as Kp } from "lucide-react";
 import { Slot as qp, createSlot as lr } from "@radix-ui/react-slot";
 import { cva as qo } from "class-variance-authority";
@@ -72,16 +72,16 @@ function Jp() {
         Ge.unshift("Warning: " + U), Function.prototype.apply.call(console[T], console, Ge);
       }
     }
-    var R = !1, S = !1, C = !1, k = !1, E = !1, N;
-    N = Symbol.for("react.module.reference");
+    var R = !1, S = !1, C = !1, k = !1, E = !1, I;
+    I = Symbol.for("react.module.reference");
     function _(T) {
       return !!(typeof T == "string" || typeof T == "function" || T === r || T === s || E || T === o || T === u || T === d || k || T === m || R || S || C || typeof T == "object" && T !== null && (T.$$typeof === h || T.$$typeof === f || T.$$typeof === i || T.$$typeof === a || T.$$typeof === c || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
-      T.$$typeof === N || T.getModuleId !== void 0));
+      T.$$typeof === I || T.getModuleId !== void 0));
     }
-    function I(T, U, ne) {
+    function N(T, U, ne) {
       var Se = T.displayName;
       if (Se)
         return Se;
@@ -121,7 +121,7 @@ function Jp() {
             var ne = T;
             return F(ne._context) + ".Provider";
           case c:
-            return I(T, T.render, "ForwardRef");
+            return N(T, T.render, "ForwardRef");
           case f:
             var Se = T.displayName || null;
             return Se !== null ? Se : V(T.type) || "Memo";
@@ -332,7 +332,7 @@ function Jp() {
       } else
         Ze.setExtraStackFrame(null);
     }
-    function dt(T, U, ne, Se, Ve) {
+    function ut(T, U, ne, Se, Ve) {
       {
         var Ge = Function.call.bind(ke);
         for (var ze in T)
@@ -351,9 +351,9 @@ function Jp() {
           }
       }
     }
-    var ft = Array.isArray;
+    var dt = Array.isArray;
     function ce(T) {
-      return ft(T);
+      return dt(T);
     }
     function ue(T) {
       {
@@ -469,7 +469,7 @@ function Jp() {
         return xt(T, Oe, St, Ve, Se, Ue.current, ze);
       }
     }
-    var ht = x.ReactCurrentOwner, Rt = x.ReactDebugCurrentFrame;
+    var ft = x.ReactCurrentOwner, Rt = x.ReactDebugCurrentFrame;
     function te(T) {
       if (T) {
         var U = T._owner, ne = ve(T.type, T._source, U ? U.type : null);
@@ -484,8 +484,8 @@ function Jp() {
     }
     function Fe() {
       {
-        if (ht.current) {
-          var T = V(ht.current.type);
+        if (ft.current) {
+          var T = V(ft.current.type);
           if (T)
             return `
 
@@ -520,7 +520,7 @@ Check the top-level render call using <` + ne + ">.");
           return;
         _t[ne] = !0;
         var Se = "";
-        T && T._owner && T._owner !== ht.current && (Se = " It was passed a child from " + V(T._owner.type) + "."), te(T), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', ne, Se), te(null);
+        T && T._owner && T._owner !== ft.current && (Se = " It was passed a child from " + V(T._owner.type) + "."), te(T), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', ne, Se), te(null);
       }
     }
     function yr(T, U) {
@@ -558,7 +558,7 @@ Check the top-level render call using <` + ne + ">.");
           return;
         if (ne) {
           var Se = V(U);
-          dt(ne, T.props, "prop", Se, T);
+          ut(ne, T.props, "prop", Se, T);
         } else if (U.PropTypes !== void 0 && !pe) {
           pe = !0;
           var Ve = V(U);
@@ -1865,9 +1865,9 @@ const Lc = (e) => {
       onUploadProgress: C,
       responseType: k,
       headers: E,
-      withCredentials: N = "same-origin",
+      withCredentials: I = "same-origin",
       fetchOptions: _
-    } = Lc(b), I = t || fetch;
+    } = Lc(b), N = t || fetch;
     k = k ? (k + "").toLowerCase() : "text";
     let F = pg([w, y && y.toAbortSignal()], R), V = null;
     const P = F && F.unsubscribe && (() => {
@@ -1889,7 +1889,7 @@ const Lc = (e) => {
           x = Ya(J.body, Xa, M, Z);
         }
       }
-      A.isString(N) || (N = N ? "include" : "omit");
+      A.isString(I) || (I = I ? "include" : "omit");
       const W = s && "credentials" in n.prototype, K = {
         ..._,
         signal: F,
@@ -1897,10 +1897,10 @@ const Lc = (e) => {
         headers: E.normalize().toJSON(),
         body: x,
         duplex: "half",
-        credentials: W ? N : void 0
+        credentials: W ? I : void 0
       };
       V = s && new n(v, K);
-      let D = await (s ? I(V, _) : I(v, K));
+      let D = await (s ? N(V, _) : N(v, K));
       const O = d && (k === "stream" || k === "response");
       if (d && (S || O && P)) {
         const J = {};
@@ -2398,29 +2398,29 @@ function sl(e) {
 function Eg(e) {
   return ui.add(e), () => ui.delete(e);
 }
-const Kt = it.create({
+const qt = it.create({
   // Only set baseURL when configured — do NOT fall back to localhost. Falling back causes
   // noisy network requests to the frontend Dev server when the backend isn't configured.
   ...ol ? { baseURL: ol } : {},
   timeout: 3e4,
   withCredentials: !0
 });
-Kt.interceptors.request.use((e) => (No && (e.headers.Authorization = `Bearer ${No}`), e));
-Kt.interceptors.response.use(
+qt.interceptors.request.use((e) => (No && (e.headers.Authorization = `Bearer ${No}`), e));
+qt.interceptors.response.use(
   (e) => e,
   (e) => Promise.reject(e)
 );
 async function Ht(e, t) {
-  return Kt.defaults.baseURL ? (await Kt.get(e, t)).data : Promise.reject(new Error("API base URL is not configured"));
+  return qt.defaults.baseURL ? (await qt.get(e, t)).data : Promise.reject(new Error("API base URL is not configured"));
 }
 async function Ig(e, t, n) {
-  return Kt.defaults.baseURL ? (await Kt.post(e, t, n)).data : Promise.reject(new Error("API base URL is not configured"));
+  return qt.defaults.baseURL ? (await qt.post(e, t, n)).data : Promise.reject(new Error("API base URL is not configured"));
 }
 async function Ng(e, t, n) {
-  return Kt.defaults.baseURL ? (await Kt.put(e, t, n)).data : Promise.reject(new Error("API base URL is not configured"));
+  return qt.defaults.baseURL ? (await qt.put(e, t, n)).data : Promise.reject(new Error("API base URL is not configured"));
 }
 async function Ag(e, t) {
-  return Kt.defaults.baseURL ? (await Kt.delete(e, t)).data : Promise.reject(new Error("API base URL is not configured"));
+  return qt.defaults.baseURL ? (await qt.delete(e, t)).data : Promise.reject(new Error("API base URL is not configured"));
 }
 function zt(e) {
   return e && typeof e == "object" && "data" in e ? e.data : e;
@@ -2428,11 +2428,11 @@ function zt(e) {
 class _g {
   // ---- Configuration ----
   get baseUrl() {
-    const t = Kt.defaults.baseURL || "";
+    const t = qt.defaults.baseURL || "";
     return String(t).replace(/\/+$|^\s+|\s+$/g, "");
   }
   updateConfig(t) {
-    t.baseUrl && (Kt.defaults.baseURL = String(t.baseUrl).replace(/\/+$/g, "")), t.authToken !== void 0 && sl(t.authToken);
+    t.baseUrl && (qt.defaults.baseURL = String(t.baseUrl).replace(/\/+$/g, "")), t.authToken !== void 0 && sl(t.authToken);
   }
   // ---- Token Management ----
   getAuthToken() {
@@ -2521,15 +2521,15 @@ class _g {
 }
 const zn = new _g();
 function jg(e = {}) {
-  const t = e.baseUrl ?? "/api/chat", n = e.streamPath ?? "/runs/stream", [r, o] = me(e.token ?? null), s = rt(e.headers ?? {}), [i, a] = me(!1), [c, u] = me(null), [d, f] = me(""), [h, m] = me(null), [b, v] = me(0), [g, x] = me(!1), w = rt(null), y = rt(!0), R = rt(0), S = Ye((N) => {
-    o(N);
+  const t = e.baseUrl ?? "/api/chat", n = e.streamPath ?? "/runs/stream", [r, o] = me(e.token ?? null), s = rt(e.headers ?? {}), [i, a] = me(!1), [c, u] = me(null), [d, f] = me(""), [h, m] = me(null), [b, v] = me(0), [g, x] = me(!1), w = rt(null), y = rt(!0), R = rt(0), S = Ye((I) => {
+    o(I);
   }, []), C = Ye(() => {
-    var N;
-    (N = w.current) == null || N.abort(), w.current = null, a(!1), x(!1);
+    var I;
+    (I = w.current) == null || I.abort(), w.current = null, a(!1), x(!1);
   }, []), k = Ye(() => {
     f(""), m(null), u(null);
   }, []), E = Ye(
-    (N, _, I) => {
+    (I, _, N) => {
       w.current && (w.current.abort(), w.current = null), a(!0), u(null), e.autoAppendAssistant !== !1 && f("");
       const F = new AbortController();
       return w.current = F, (async () => {
@@ -2555,8 +2555,8 @@ function jg(e = {}) {
               const ke = window.__AUTH_TOKEN__, Be = ((P = window.localStorage) == null ? void 0 : P.getItem("authToken")) || null;
               let Ze = null;
               try {
-                const dt = (G = window.localStorage) == null ? void 0 : G.getItem("chat-settings");
-                dt && (Ze = ((W = JSON.parse(dt)) == null ? void 0 : W.apiKey) || null);
+                const ut = (G = window.localStorage) == null ? void 0 : G.getItem("chat-settings");
+                ut && (Ze = ((W = JSON.parse(ut)) == null ? void 0 : W.apiKey) || null);
               } catch {
               }
               const qe = ke || Be || Ze || null;
@@ -2567,7 +2567,7 @@ function jg(e = {}) {
           console.debug(
             "[use-chat] POST",
             t + n,
-            V(N)
+            V(I)
           );
           const M = await fetch(t + n, {
             method: "POST",
@@ -2577,7 +2577,7 @@ function jg(e = {}) {
               ...ee,
               ...s.current
             },
-            body: JSON.stringify(N),
+            body: JSON.stringify(I),
             signal: F.signal
           });
           if (!M.ok || !M.body) {
@@ -2607,21 +2607,21 @@ function jg(e = {}) {
             var ve;
             if (Date.now() - oe > 2e4) {
               const ke = "Stream idle timeout";
-              u(ke), F.abort(), (ve = I == null ? void 0 : I.onError) == null || ve.call(I, ke);
+              u(ke), F.abort(), (ve = N == null ? void 0 : N.onError) == null || ve.call(N, ke);
             }
           }, 5e3), De = 1024 * 1024;
           try {
             const ve = M.headers.get("X-Thread-Id") || M.headers.get("x-thread-id"), ke = M.headers.get("X-Thread-Created") || M.headers.get("x-thread-created"), Be = ve ?? null, Ze = String(ke ?? "").toLowerCase() === "true";
-            for ((K = I == null ? void 0 : I.onOpen) == null || K.call(I, { threadId: Be, created: Ze }); ; ) {
-              const { value: qe, done: dt } = await Z.read();
-              if (dt) break;
+            for ((K = N == null ? void 0 : N.onOpen) == null || K.call(N, { threadId: Be, created: Ze }); ; ) {
+              const { value: qe, done: ut } = await Z.read();
+              if (ut) break;
               fe += Re.decode(qe, { stream: !0 }), fe.length > De && (fe = "", console.warn("Stream buffer reset: exceeded 1MB"));
-              let ft;
-              for (; (ft = fe.indexOf(`
+              let dt;
+              for (; (dt = fe.indexOf(`
 
 `)) >= 0; ) {
-                const ce = fe.slice(0, ft);
-                fe = fe.slice(ft + 2);
+                const ce = fe.slice(0, dt);
+                fe = fe.slice(dt + 2);
                 const ue = Og(ce);
                 if (!ue) continue;
                 let he;
@@ -2636,7 +2636,7 @@ function jg(e = {}) {
                 const Pe = ye.seq;
                 if (Pe !== void 0) {
                   if (Pe <= j) continue;
-                  j > 0 && Pe > j + 1 && ((D = I == null ? void 0 : I.onGap) == null || D.call(I, { from: j, to: Pe })), j = Pe, R.current = Pe, v(Pe);
+                  j > 0 && Pe > j + 1 && ((D = N == null ? void 0 : N.onGap) == null || D.call(N, { from: j, to: Pe })), j = Pe, R.current = Pe, v(Pe);
                 }
                 if (ye.type === "token" && e.autoAppendAssistant !== !1)
                   L.push(ye.content), le();
@@ -2651,7 +2651,7 @@ function jg(e = {}) {
           } catch (ve) {
             if (ve.name !== "AbortError") {
               const ke = ve.message || String(ve);
-              u(ke), (O = I == null ? void 0 : I.onError) == null || O.call(I, ke);
+              u(ke), (O = N == null ? void 0 : N.onError) == null || O.call(N, ke);
             }
           } finally {
             try {
@@ -2665,7 +2665,7 @@ function jg(e = {}) {
         } catch (ee) {
           if (ee.name !== "AbortError") {
             const M = ee.message || String(ee);
-            u(M), (J = I == null ? void 0 : I.onError) == null || J.call(I, M);
+            u(M), (J = N == null ? void 0 : N.onError) == null || J.call(N, M);
           }
         } finally {
           a(!1), x(!1), w.current = null;
@@ -2674,9 +2674,9 @@ function jg(e = {}) {
     },
     [t, n, r, e.autoAppendAssistant]
   );
-  return ct(() => () => {
-    var N;
-    y.current = !1, (N = w.current) == null || N.abort();
+  return pt(() => () => {
+    var I;
+    y.current = !1, (I = w.current) == null || I.abort();
   }, []), {
     isStreaming: i,
     error: c,
@@ -2780,10 +2780,10 @@ function Lg(e = []) {
   }, [i]), c = Ye((d) => {
     r.current.push(d), a();
   }, [a]);
-  ct(() => () => {
+  pt(() => () => {
     o.current !== null && typeof window < "u" && window.cancelAnimationFrame(o.current), s.current !== null && clearTimeout(s.current), r.current = [];
   }, []);
-  const u = Yt(() => ({
+  const u = Ut(() => ({
     reset: (d) => n({ type: "reset", payload: { messages: d } }),
     seed: (d, f) => n({ type: "seed", payload: { messages: d, ...f ?? {} } }),
     prepend: (d) => n({ type: "prepend", payload: { messages: d } }),
@@ -2975,7 +2975,7 @@ async function Vg(e, t = [], n, r, o, s) {
 const Wc = yp(null);
 function Ms({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialThreadId: o = null, autoLoadInitial: s = !0, disableAutoRestore: i = !1, enableFileAgentRouting: a = !1, fileAgentId: c = "invoice_reader" }) {
   const u = zn;
-  ct(() => {
+  pt(() => {
     t && u.updateConfig({
       baseUrl: t.baseUrl,
       authToken: t.apiKey
@@ -2990,7 +2990,7 @@ function Ms({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     // Ensure the path matches the chat endpoint
     streamPath: "/chat/runs/stream"
   }), [v, g] = me(() => typeof u.getAuthToken == "function" ? u.getAuthToken() : null);
-  ct(() => {
+  pt(() => {
     b(typeof u.getAuthToken == "function" ? u.getAuthToken() : null);
     const $ = u.onTokenChange((Y) => {
       g(Y), b(Y);
@@ -3001,7 +3001,7 @@ function Ms({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }, [u, b]);
   const x = Ye(($) => {
     u.setAuthToken($);
-  }, [u]), { state: w, seed: y, prepend: R, pushUser: S, onEvent: C, reset: k } = Lg(), E = 20, [N, _] = me(!1), [I, F] = me(!1), [V, P] = me(null), [G, W] = me(void 0), [K, D] = me(void 0), O = rt(!1), ie = rt([]), J = rt(null), ee = Ye(($) => {
+  }, [u]), { state: w, seed: y, prepend: R, pushUser: S, onEvent: C, reset: k } = Lg(), E = 20, [I, _] = me(!1), [N, F] = me(!1), [V, P] = me(null), [G, W] = me(void 0), [K, D] = me(void 0), O = rt(!1), ie = rt([]), J = rt(null), ee = Ye(($) => {
     $.cursor !== void 0 && P($.cursor), $.hasMore !== void 0 && _($.hasMore), $.checkpointId !== void 0 && W($.checkpointId), $.checkpointNs !== void 0 && D($.checkpointNs);
   }, []), M = Ye(($, Y) => new Promise((Ae, tt) => {
     const Ne = async () => {
@@ -3049,36 +3049,36 @@ function Ms({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
         "/api/v2/chat/health"
       ], Lt = async (xt) => {
         try {
-          const At = new AbortController(), ht = setTimeout(() => At.abort(), tt), Rt = await fetch(xt, { method: "GET", signal: At.signal });
-          return clearTimeout(ht), Rt.ok;
+          const At = new AbortController(), ft = setTimeout(() => At.abort(), tt), Rt = await fetch(xt, { method: "GET", signal: At.signal });
+          return clearTimeout(ft), Rt.ok;
         } catch {
           return !1;
         }
       }, _n = async (xt) => {
         try {
-          const At = new AbortController(), ht = setTimeout(() => At.abort(), tt), Rt = await fetch(xt, { method: "HEAD", signal: At.signal });
-          return clearTimeout(ht), Rt.ok;
+          const At = new AbortController(), ft = setTimeout(() => At.abort(), tt), Rt = await fetch(xt, { method: "HEAD", signal: At.signal });
+          return clearTimeout(ft), Rt.ok;
         } catch {
           return !1;
         }
       };
       for (let xt = 0; xt < Y; xt++) {
         console.debug(`[ChatProvider] health-check attempt ${xt + 1}/${Y}`);
-        for (const ht of at) {
-          let Rt = ht;
-          Ne.endsWith("/api") && ht.startsWith("/api") && (Rt = ht.replace(/^\/api/, "") || "/");
+        for (const ft of at) {
+          let Rt = ft;
+          Ne.endsWith("/api") && ft.startsWith("/api") && (Rt = ft.replace(/^\/api/, "") || "/");
           const te = Rt === "/" ? Ne + "/" : Ne + Rt;
-          if (console.debug(`[ChatProvider] checking ${te}`), await Lt(te) || ht === "/" && await _n(Ne + "/"))
+          if (console.debug(`[ChatProvider] checking ${te}`), await Lt(te) || ft === "/" && await _n(Ne + "/"))
             return le(!0), !0;
         }
         const At = Ae * Math.pow(2, xt);
-        await new Promise((ht) => setTimeout(ht, At));
+        await new Promise((ft) => setTimeout(ft, At));
       }
       return le(!1), !1;
     },
     [u.baseUrl]
   );
-  ct(() => {
+  pt(() => {
     let $ = !0;
     if (!u.baseUrl) {
       console.debug("[ChatProvider] skipping initial refreshThreads: api.baseUrl not configured");
@@ -3095,11 +3095,11 @@ function Ms({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     })(), () => {
       $ = !1;
     };
-  }, [H, u.baseUrl, oe]), ct(() => {
+  }, [H, u.baseUrl, oe]), pt(() => {
     r == null || r(L);
   }, [L, r]);
   const $e = rt(null);
-  ct(() => {
+  pt(() => {
     if (o && s) {
       if (!u.baseUrl) {
         console.debug("[ChatProvider] skipping initial load: api.baseUrl not configured");
@@ -3175,10 +3175,10 @@ function Ms({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }, [u, L, Z, M, ee]), qe = Ye(async () => {
     if (!L) throw new Error("No active thread");
     await ke(L);
-  }, [L, ke]), dt = rt(!1);
-  ct(() => {
-    const $ = dt.current;
-    dt.current = d, $ && !d && L && M(async () => {
+  }, [L, ke]), ut = rt(!1);
+  pt(() => {
+    const $ = ut.current;
+    ut.current = d, $ && !d && L && M(async () => {
       try {
         await H();
       } catch (Y) {
@@ -3186,7 +3186,7 @@ function Ms({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       }
     }, "postStreamingRefresh");
   }, [d, L, u, Z, H, M]);
-  const ft = Ye(async () => {
+  const dt = Ye(async () => {
     console.log("[ChatProvider] 🔄 clearCurrentThread called"), console.log("[ChatProvider] 📊 Before clear - currentThreadId:", L), console.log("[ChatProvider] 📊 Before clear - messages count:", w.messages.length), L && (J.current = L, console.log(`[ChatProvider] 🚫 Suppressing next auto-load for thread: ${L}`)), await M(() => (console.log("[ChatProvider] 🚀 Executing atomic clear operation"), j(null), k([]), ee({
       cursor: null,
       hasMore: !1,
@@ -3194,10 +3194,10 @@ function Ms({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       checkpointNs: void 0
     }), typeof window < "u" && localStorage.removeItem("currentThreadId"), console.log("[ChatProvider] ✅ Atomic clear operation completed"), Promise.resolve()), "clearCurrentThread"), console.log("[ChatProvider] 📊 After clear - currentThreadId should be null");
   }, [k, ee, L, w.messages.length, M]), ce = Ye(async ($) => {
-    ft();
+    dt();
     const Y = await u.createThread($);
     return await H(), await ke(Y.threadId), Y.threadId;
-  }, [u, H, ke, ft]), ue = Ye(async ($) => {
+  }, [u, H, ke, dt]), ue = Ye(async ($) => {
     await u.deleteThread($), await H(), L === $ && (j(null), k([]), _(!1), P(null), W(void 0), D(void 0));
   }, [u, H, L, k]), he = Ye(async ($, Y) => {
     await u.updateThread($, Y), await H();
@@ -3221,7 +3221,7 @@ function Ms({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     const _n = {
       ...Lt,
       content: at
-    }, xt = { ...(Y == null ? void 0 : Y.payloadExtras) ?? {} }, At = !!xt.edit, ht = xt.originalMessageId, Rt = typeof ht == "string" ? ht : void 0, te = Ae && Ae.length > 0, pe = {
+    }, xt = { ...(Y == null ? void 0 : Y.payloadExtras) ?? {} }, At = !!xt.edit, ft = xt.originalMessageId, Rt = typeof ft == "string" ? ft : void 0, te = Ae && Ae.length > 0, pe = {
       ...L ? { threadId: L } : {},
       payload: {
         messages: [_n],
@@ -3253,7 +3253,7 @@ function Ms({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }, [L, S, h, C, w.lastCheckpointId, w.lastCheckpointNs, u, t == null ? void 0 : t.uploadPath, H, j, a, c, w.messages.length]), Pe = Ye(
     async ($) => {
       if (!L) throw new Error("No active thread");
-      if (I || !N) return;
+      if (N || !I) return;
       const Y = V;
       if (Y) {
         F(!0);
@@ -3271,7 +3271,7 @@ function Ms({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
         }
       }
     },
-    [u, L, G, K, V, N, I, Z, E]
+    [u, L, G, K, V, I, N, Z, E]
   ), Ue = {
     baseUrl: u.baseUrl,
     token: v,
@@ -3286,8 +3286,8 @@ function Ms({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     lastCheckpointId: w.lastCheckpointId,
     lastCheckpointNs: w.lastCheckpointNs,
     streamingAssistantId: w.assemblingId,
-    hasMoreHistory: N,
-    isLoadingHistory: I,
+    hasMoreHistory: I,
+    isLoadingHistory: N,
     loadOlderMessages: Pe,
     historyPageSize: E,
     listCheckpoints: Be,
@@ -3298,7 +3298,7 @@ function Ms({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     deleteThread: ue,
     renameThread: he,
     loadThread: ke,
-    clearCurrentThread: ft,
+    clearCurrentThread: dt,
     send: ye,
     stop: m
   };
@@ -3392,10 +3392,10 @@ function qg({
   const w = B.useCallback(
     async (E) => {
       E && E.preventDefault();
-      const N = (h ?? "").trim();
-      !N && !f || v(() => {
+      const I = (h ?? "").trim();
+      !I && !f || v(() => {
         try {
-          const _ = i(N);
+          const _ = i(I);
           _ && typeof _.then == "function" ? _.then(() => {
             m(""), g.current && (g.current.style.height = "auto");
           }).catch(() => {
@@ -3668,7 +3668,7 @@ function nx(e) {
   };
   return n(e);
 }
-function ut(...e) {
+function ct(...e) {
   const t = Le(), n = new Array(e.length);
   let r = 0;
   const o = Math.pow(2, e.length) - 1;
@@ -3906,7 +3906,7 @@ function Jt(e, t, n = "k") {
   return Jt(e.l, t, n);
 }
 function Pt(e, t, n) {
-  return Xe(e) ? Qc(t, n, 1) : t === e.k ? pt(e, { k: t, v: n }) : t < e.k ? fl(pt(e, { l: Pt(e.l, t, n) })) : fl(pt(e, { r: Pt(e.r, t, n) }));
+  return Xe(e) ? Qc(t, n, 1) : t === e.k ? ht(e, { k: t, v: n }) : t < e.k ? fl(ht(e, { l: Pt(e.l, t, n) })) : fl(ht(e, { r: Pt(e.r, t, n) }));
 }
 function or() {
   return jr;
@@ -3927,9 +3927,9 @@ function fi(e, t) {
       return r;
     {
       const [s, i] = Zc(r);
-      return po(pt(e, { k: s, l: Jc(r), v: i }));
+      return po(ht(e, { k: s, l: Jc(r), v: i }));
     }
-  } else return t < n ? po(pt(e, { l: fi(r, t) })) : po(pt(e, { r: fi(o, t) }));
+  } else return t < n ? po(ht(e, { l: fi(r, t) })) : po(ht(e, { r: fi(o, t) }));
 }
 function Dn(e) {
   return Xe(e) ? [] : [...Dn(e.l), { k: e.k, v: e.v }, ...Dn(e.r)];
@@ -3947,12 +3947,12 @@ function po(e) {
     return e;
   if (n > r.lvl + 1) {
     if (Ds(t))
-      return eu(pt(e, { lvl: n - 1 }));
+      return eu(ht(e, { lvl: n - 1 }));
     if (!Xe(t) && !Xe(t.r))
-      return pt(t.r, {
-        l: pt(t, { r: t.r.l }),
+      return ht(t.r, {
+        l: ht(t, { r: t.r.l }),
         lvl: n,
-        r: pt(e, {
+        r: ht(e, {
           l: t.r.r,
           lvl: n - 1
         })
@@ -3960,22 +3960,22 @@ function po(e) {
     throw new Error("Unexpected empty nodes");
   } else {
     if (Ds(e))
-      return pi(pt(e, { lvl: n - 1 }));
+      return pi(ht(e, { lvl: n - 1 }));
     if (!Xe(r) && !Xe(r.l)) {
       const o = r.l, s = Ds(o) ? r.lvl - 1 : r.lvl;
-      return pt(o, {
-        l: pt(e, {
+      return ht(o, {
+        l: ht(e, {
           lvl: n - 1,
           r: o.l
         }),
         lvl: o.lvl + 1,
-        r: pi(pt(r, { l: o.r, lvl: s }))
+        r: pi(ht(r, { l: o.r, lvl: s }))
       });
     } else
       throw new Error("Unexpected empty nodes");
   }
 }
-function pt(e, t) {
+function ht(e, t) {
   return Qc(
     t.k !== void 0 ? t.k : e.k,
     t.v !== void 0 ? t.v : e.v,
@@ -3985,7 +3985,7 @@ function pt(e, t) {
   );
 }
 function Jc(e) {
-  return Xe(e.r) ? e.l : po(pt(e, { r: Jc(e.r) }));
+  return Xe(e.r) ? e.l : po(ht(e, { r: Jc(e.r) }));
 }
 function Ds(e) {
   return Xe(e) || e.lvl > e.r.lvl;
@@ -4001,11 +4001,11 @@ function fl(e) {
 }
 function eu(e) {
   const { l: t } = e;
-  return !Xe(t) && t.lvl === e.lvl ? pt(t, { r: pt(e, { l: t.r }) }) : e;
+  return !Xe(t) && t.lvl === e.lvl ? ht(t, { r: ht(e, { l: t.r }) }) : e;
 }
 function pi(e) {
   const { lvl: t, r: n } = e;
-  return !Xe(n) && !Xe(n.r) && n.lvl === t && n.r.lvl === t ? pt(n, { l: pt(e, { r: n.l }), lvl: t + 1 }) : e;
+  return !Xe(n) && !Xe(n.r) && n.lvl === t && n.r.lvl === t ? ht(n, { l: ht(e, { r: n.l }), lvl: t + 1 }) : e;
 }
 function ax(e) {
   return Xc(e, ({ k: t, v: n }) => ({ index: t, value: n }));
@@ -4206,7 +4206,7 @@ const vx = {
         be((S) => S.length > 0),
         _e(v, m),
         re(([S, C, k]) => {
-          const E = S.reduce((N, _, I) => Pt(N, _, Mr(_, C.offsetTree, k) || I), or());
+          const E = S.reduce((I, _, N) => Pt(I, _, Mr(_, C.offsetTree, k) || N), or());
           return {
             ...C,
             groupIndices: S,
@@ -4290,11 +4290,11 @@ const vx = {
         s,
         _e(v),
         re(([S, C]) => {
-          const k = C.groupIndices.length > 0, E = [], N = C.lastSize;
+          const k = C.groupIndices.length > 0, E = [], I = C.lastSize;
           if (k) {
             const _ = Pr(C.sizeTree, 0);
-            let I = 0, F = 0;
-            for (; I < S; ) {
+            let N = 0, F = 0;
+            for (; N < S; ) {
               const P = C.groupIndices[F], G = C.groupIndices.length === F + 1 ? 1 / 0 : C.groupIndices[F + 1] - P - 1;
               E.push({
                 endIndex: P,
@@ -4302,12 +4302,12 @@ const vx = {
                 startIndex: P
               }), E.push({
                 endIndex: P + 1 + G - 1,
-                size: N,
+                size: I,
                 startIndex: P + 1
-              }), F++, I += G + 1;
+              }), F++, N += G + 1;
             }
             const V = Dn(C.sizeTree);
-            return I !== S && V.shift(), V.reduce(
+            return N !== S && V.shift(), V.reduce(
               (P, { k: G, v: W }) => {
                 let K = P.ranges;
                 return P.prevSize !== 0 && (K = [
@@ -4331,14 +4331,14 @@ const vx = {
             ).ranges;
           }
           return Dn(C.sizeTree).reduce(
-            (_, { k: I, v: F }) => ({
-              prevIndex: I + S,
+            (_, { k: N, v: F }) => ({
+              prevIndex: N + S,
               prevSize: F,
-              ranges: [..._.ranges, { endIndex: I + S - 1, size: _.prevSize, startIndex: _.prevIndex }]
+              ranges: [..._.ranges, { endIndex: N + S - 1, size: _.prevSize, startIndex: _.prevIndex }]
             }),
             {
               prevIndex: 0,
-              prevSize: N,
+              prevSize: I,
               ranges: []
             }
           ).ranges;
@@ -4365,12 +4365,12 @@ const vx = {
             if (Xe(C.sizeTree))
               return C;
             let E = or();
-            const N = st(g);
-            let _ = 0, I = 0, F = 0;
+            const I = st(g);
+            let _ = 0, N = 0, F = 0;
             for (; _ < -S; ) {
-              F = N[I];
-              const V = N[I + 1] - F - 1;
-              I++, _ += V + 1;
+              F = I[N];
+              const V = I[N + 1] - F - 1;
+              N++, _ += V + 1;
             }
             if (E = Dn(C.sizeTree).reduce((V, { k: P, v: G }) => Pt(V, Math.max(0, P + S), G), E), _ !== -S) {
               const V = Pr(C.sizeTree, F);
@@ -4384,7 +4384,7 @@ const vx = {
               ...mi(C.offsetTree, 0, E, k)
             };
           } else {
-            const E = Dn(C.sizeTree).reduce((N, { k: _, v: I }) => Pt(N, Math.max(0, _ + S), I), or());
+            const E = Dn(C.sizeTree).reduce((I, { k: _, v: N }) => Pt(I, Math.max(0, _ + S), N), or());
             return {
               ...C,
               sizeTree: E,
@@ -4445,7 +4445,7 @@ const su = He(
       e
     ), de(
       z(
-        ut(o, t, r),
+        ct(o, t, r),
         be(([c, u]) => rs(u)),
         re(([c, u, d]) => Jt(u.groupOffsetTree, Math.max(c - d, 0), "v")[0]),
         Qe(),
@@ -4502,16 +4502,16 @@ const Kr = He(
         _e(e, s, o),
         re(
           ([
-            [R, S, C, k, E, N, _, I],
+            [R, S, C, k, E, I, _, N],
             F,
             V,
             P
           ]) => {
             const G = iu(R), { align: W, behavior: K, offset: D } = G, O = k - 1, ie = ou(G, S, O);
-            let J = Mr(ie, S.offsetTree, F) + N;
+            let J = Mr(ie, S.offsetTree, F) + I;
             W === "end" ? (J += V + Jt(S.sizeTree, ie)[1] - C + P, ie === O && (J += _)) : W === "center" ? J += (V + Jt(S.sizeTree, ie)[1] - C + P) / 2 : J -= E, D && (J += D);
             const ee = (M) => {
-              y(), M ? (I("retrying to scroll to", { location: R }, Nt.DEBUG), Ie(m, R)) : (Ie(b, !0), I("list did not change, scroll successful", {}, Nt.DEBUG));
+              y(), M ? (N("retrying to scroll to", { location: R }, Nt.DEBUG), Ie(m, R)) : (Ie(b, !0), N("list did not change, scroll successful", {}, Nt.DEBUG));
             };
             if (y(), K === "smooth") {
               let M = !1;
@@ -4524,7 +4524,7 @@ const Kr = He(
               g = Xt(z(t, yx(150)), ee);
             return x = setTimeout(() => {
               y();
-            }, 1200), Ie(c, !0), I("scrolling from index to", { behavior: K, index: ie, top: J }, Nt.DEBUG), { behavior: K, top: J };
+            }, 1200), Ie(c, !0), N("scrolling from index to", { behavior: K, index: ie, top: J }, Nt.DEBUG), { behavior: K, top: J };
           }
         )
       ),
@@ -4578,7 +4578,7 @@ const qr = He(
       u
     ), Ke(
       z(
-        ut(t, i),
+        ct(t, i),
         _e(a, n, e, u),
         be(([[, d], f, { sizeTree: h }, m, b]) => d && (!Xe(h) || zi(m)) && !f && !b),
         _e(c)
@@ -4626,7 +4626,7 @@ const Dr = "up", Nr = "down", Sx = "none", Cx = {
   );
   de(
     z(
-      ut(we(o), we(f)),
+      ct(we(o), we(f)),
       re(([w, y]) => w <= y),
       Qe()
     ),
@@ -4634,14 +4634,14 @@ const Dr = "up", Nr = "down", Sx = "none", Cx = {
   ), de(z(a, gn(50)), u);
   const b = Ot(
     z(
-      ut(r, we(s), we(t), we(e), we(d)),
+      ct(r, we(s), we(t), we(e), we(d)),
       sn((w, [{ scrollHeight: y, scrollTop: R }, S, C, k, E]) => {
-        const N = R + S - y > -E, _ = {
+        const I = R + S - y > -E, _ = {
           scrollHeight: y,
           scrollTop: R,
           viewportHeight: S
         };
-        if (N) {
+        if (I) {
           let F, V;
           return R > w.state.scrollTop ? (F = "SCROLLED_DOWN", V = w.state.scrollTop - R) : (F = "SIZE_DECREASED", V = w.state.scrollTop - R || w.scrollTopDelta), {
             atBottom: !0,
@@ -4650,10 +4650,10 @@ const Dr = "up", Nr = "down", Sx = "none", Cx = {
             state: _
           };
         }
-        let I;
-        return _.scrollHeight > w.state.scrollHeight ? I = "SIZE_INCREASED" : S < w.state.viewportHeight ? I = "VIEWPORT_HEIGHT_DECREASING" : R < w.state.scrollTop ? I = "SCROLLING_UPWARDS" : I = "NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM", {
+        let N;
+        return _.scrollHeight > w.state.scrollHeight ? N = "SIZE_INCREASED" : S < w.state.viewportHeight ? N = "VIEWPORT_HEIGHT_DECREASING" : R < w.state.scrollTop ? N = "SCROLLING_UPWARDS" : N = "NOT_FULLY_SCROLLED_TO_LAST_ITEM_BOTTOM", {
           atBottom: !1,
-          notAtBottomBecause: I,
+          notAtBottomBecause: N,
           state: _
         };
       }, Cx),
@@ -4757,7 +4757,7 @@ const qi = He(
   ([{ deviation: e, fixedHeaderHeight: t, headerHeight: n, scrollTop: r, viewportHeight: o }]) => {
     const s = Le(), i = q(0), a = q(0), c = q(0), u = yt(
       z(
-        ut(
+        ct(
           we(r),
           we(o),
           we(n),
@@ -4782,10 +4782,10 @@ const qi = He(
           ]) => {
             const R = d - w, S = g + x, C = Math.max(h - R, 0);
             let k = pl;
-            const E = gl(y, _o), N = gl(y, jo);
-            return m -= w, m += h + x, b += h + x, b -= w, m > d + S - E && (k = Dr), b < d - C + f + N && (k = Nr), k !== pl ? [
+            const E = gl(y, _o), I = gl(y, jo);
+            return m -= w, m += h + x, b += h + x, b -= w, m > d + S - E && (k = Dr), b < d - C + f + I && (k = Nr), k !== pl ? [
               Math.max(R - h - ml(v, _o, k) - E, 0),
-              R - C - x + f + ml(v, jo, k) + N
+              R - C - x + f + ml(v, jo, k) + I
             ] : null;
           }
         ),
@@ -4906,7 +4906,7 @@ const Gn = He(
     de(s.topItemsIndexes, v);
     const w = yt(
       z(
-        ut(
+        ct(
           m,
           b,
           we(c, Or),
@@ -4919,8 +4919,8 @@ const Gn = He(
           we(n),
           e
         ),
-        be(([C, k, , E, , , , , , , N]) => {
-          const _ = N && N.length !== E;
+        be(([C, k, , E, , , , , , , I]) => {
+          const _ = I && I.length !== E;
           return C && !k && !_;
         }),
         re(
@@ -4929,19 +4929,19 @@ const Gn = He(
             ,
             [C, k],
             E,
-            N,
-            _,
             I,
+            _,
+            N,
             F,
             V,
             P,
             G
           ]) => {
-            const W = N, { offsetTree: K, sizeTree: D } = W, O = st(g);
+            const W = I, { offsetTree: K, sizeTree: D } = W, O = st(g);
             if (E === 0)
               return { ...Ls, totalCount: E };
             if (C === 0 && k === 0)
-              return O === 0 ? { ...Ls, totalCount: E } : lu(O, _, N, V, P, G || []);
+              return O === 0 ? { ...Ls, totalCount: E } : lu(O, _, I, V, P, G || []);
             if (Xe(D))
               return O > 0 ? null : mo(
                 Rx(Ki(_, E), W, G),
@@ -4961,7 +4961,7 @@ const Gn = He(
                   ie.push({ data: G == null ? void 0 : G[oe], index: oe, offset: L, size: H }), L += H;
               }
             }
-            if (!I)
+            if (!N)
               return mo([], ie, E, P, W, V);
             const J = F.length > 0 ? F[F.length - 1] + 1 : 0, ee = hx(K, C, k, J);
             if (ee.length === 0)
@@ -5070,7 +5070,7 @@ const Gn = He(
   ([{ fixedFooterHeight: e, fixedHeaderHeight: t, footerHeight: n, headerHeight: r }, { listState: o }]) => {
     const s = Le(), i = yt(
       z(
-        ut(n, e, r, t, o),
+        ct(n, e, r, t, o),
         re(([a, c, u, d, f]) => a + c + u + d + f.offsetBottom + f.bottom)
       ),
       0
@@ -5083,7 +5083,7 @@ const Gn = He(
   ([{ viewportHeight: e }, { totalListHeight: t }]) => {
     const n = q(!1), r = yt(
       z(
-        ut(n, e, t),
+        ct(n, e, t),
         be(([o]) => o),
         re(([, o, s]) => Math.max(0, o - s)),
         gn(0),
@@ -5116,8 +5116,8 @@ const Gn = He(
         _e(t, c, n, s, o, r, a),
         _e(e),
         re(([[f, h, m, b, v, g, x, w], y]) => {
-          const { align: R, behavior: S, calculateViewLocation: C = Ex, done: k, ...E } = f, N = ou(f, h, b - 1), _ = Mr(N, h.offsetTree, y) + v + g, I = _ + Jt(h.sizeTree, N)[1], F = w + g, V = w + m - x, P = C({
-            itemBottom: I,
+          const { align: R, behavior: S, calculateViewLocation: C = Ex, done: k, ...E } = f, I = ou(f, h, b - 1), _ = Mr(I, h.offsetTree, y) + v + g, N = _ + Jt(h.sizeTree, I)[1], F = w + g, V = w + m - x, P = C({
+            itemBottom: N,
             itemTop: _,
             locationParams: { align: R, behavior: S, ...E },
             viewportBottom: V,
@@ -5170,11 +5170,11 @@ const Ix = (e, t) => typeof e == "function" ? vl(e(t)) : t && vl(e), Nx = He(
     }
     Ke(
       z(
-        ut(z(we(t), Bn(1)), c),
+        ct(z(we(t), Bn(1)), c),
         _e(we(b), s, a, f),
-        re(([[S, C], k, E, N, _]) => {
-          let I = C && N, F = "auto";
-          return I && (F = Ix(k, E || _), I = I && !!F), { followOutputBehavior: F, shouldFollow: I, totalCount: S };
+        re(([[S, C], k, E, I, _]) => {
+          let N = C && I, F = "auto";
+          return N && (F = Ix(k, E || _), N = N && !!F), { followOutputBehavior: F, shouldFollow: N, totalCount: S };
         }),
         be(({ shouldFollow: S }) => S)
       ),
@@ -5194,7 +5194,7 @@ const Ix = (e, t) => typeof e == "function" ? vl(e(t)) : t && vl(e), Nx = He(
     }
     Ke(
       z(
-        ut(we(b), t, u),
+        ct(we(b), t, u),
         be(([S, , C]) => S && C),
         sn(
           ({ value: S }, [, C]) => ({ refreshed: S === C, value: C }),
@@ -5208,7 +5208,7 @@ const Ix = (e, t) => typeof e == "function" ? vl(e(t)) : t && vl(e), Nx = He(
       }
     ), Ke(v, () => {
       w(st(b) !== !1);
-    }), Ke(ut(we(b), o), ([S, C]) => {
+    }), Ke(ct(we(b), o), ([S, C]) => {
       S && !C.atBottom && C.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING" && x("auto");
     });
     const y = q(null), R = Le();
@@ -5226,9 +5226,9 @@ const Ix = (e, t) => typeof e == "function" ? vl(e(t)) : t && vl(e), Nx = He(
       R
     ), Ke(
       z(
-        ut(z(R, Bn(1)), c),
+        ct(z(R, Bn(1)), c),
         _e(we(y), a, f, h),
-        re(([[S, C], k, E, N, _]) => C && E && (k == null ? void 0 : k({ context: _, totalCount: S, scrollingInProgress: N }))),
+        re(([[S, C], k, E, I, _]) => C && E && (k == null ? void 0 : k({ context: _, totalCount: S, scrollingInProgress: I }))),
         be((S) => !!S),
         gn(0)
       ),
@@ -5316,7 +5316,7 @@ const Ix = (e, t) => typeof e == "function" ? vl(e(t)) : t && vl(e), Nx = He(
       ),
       t
     ), Ke(
-      z(ut(t, e, n), _e(r)),
+      z(ct(t, e, n), _e(r)),
       ([[o, s, i], a]) => {
         o && a && a.change && a.change(s, i);
       }
@@ -5328,7 +5328,7 @@ const Ix = (e, t) => typeof e == "function" ? vl(e(t)) : t && vl(e), Nx = He(
   const n = Le(), r = Le(), o = Le(), s = q(!1), i = q(void 0);
   return de(
     z(
-      ut(n, r),
+      ct(n, r),
       re(([{ scrollHeight: a, scrollTop: c, viewportHeight: u }, { offsetTop: d }]) => ({
         scrollHeight: a,
         scrollTop: Math.max(0, c - d),
@@ -5423,9 +5423,9 @@ const Mx = hu(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
         _e(i),
         sn(
           ([, x, w, y], [{ bottom: R, items: S, offsetBottom: C, totalCount: k }, E]) => {
-            const N = R + C;
+            const I = R + C;
             let _ = 0;
-            return w === k && x.length > 0 && S.length > 0 && (S[0].originalIndex === 0 && x[0].originalIndex === 0 || (_ = N - y, _ !== 0 && (_ += E))), [_, S, k, N];
+            return w === k && x.length > 0 && S.length > 0 && (S[0].originalIndex === 0 && x[0].originalIndex === 0 || (_ = I - y, _ !== 0 && (_ += E))), [_, S, k, I];
           },
           [0, [], 0, 0]
         ),
@@ -5442,7 +5442,7 @@ const Mx = hu(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       y && Mx() ? Ie(e, w - x) : g(-x);
     }), Ke(
       z(
-        ut(yt(s, !1), e, b),
+        ct(yt(s, !1), e, b),
         be(([x, w, y]) => !x && !y && w !== 0),
         re(([x, w]) => w),
         gn(1)
@@ -5467,11 +5467,11 @@ const Mx = hu(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
           {
             let k = 0;
             const E = Pr(R, 0);
-            let N = 0, _ = 0;
-            for (; N < x; ) {
-              N++, k += E;
-              let I = w.length === _ + 1 ? 1 / 0 : w[_ + 1] - w[_] - 1;
-              N + I > x && (k -= E, I = x - N + 1), N += I, k += C(I), _++;
+            let I = 0, _ = 0;
+            for (; I < x; ) {
+              I++, k += E;
+              let N = w.length === _ + 1 ? 1 / 0 : w[_ + 1] - w[_] - 1;
+              I + N > x && (k -= E, N = x - I + 1), I += N, k += C(N), _++;
             }
             return k;
           }
@@ -5551,10 +5551,10 @@ const Mx = hu(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     C,
     { topItemCount: k },
     { groupCounts: E },
-    N
-  ]) => (de(R.rangeChanged, N.scrollSeekRangeChanged), de(
+    I
+  ]) => (de(R.rangeChanged, I.scrollSeekRangeChanged), de(
     z(
-      N.windowViewportRect,
+      I.windowViewportRect,
       re((_) => _.visibleHeight)
     ),
     v.viewportHeight
@@ -5584,7 +5584,7 @@ const Mx = hu(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     // exported from stateFlagsSystem
     ...R,
     // the bag of IO from featureGroup1System
-    ...N,
+    ...I,
     ...v,
     sizes: c,
     ...g
@@ -5787,7 +5787,7 @@ const zx = /* @__PURE__ */ He(() => {
   ([e, t]) => ({ ...e, ...t }),
   et(pu, zx)
 ), Hx = ({ height: e }) => /* @__PURE__ */ l.jsx("div", { style: { height: e } }), Ux = { overflowAnchor: "none", position: Yi(), zIndex: 1 }, bu = { overflowAnchor: "none" }, Wx = { ...bu, display: "inline-block", height: "100%" }, bl = /* @__PURE__ */ B.memo(function({ showTopList: e = !1 }) {
-  const t = Te("listState"), n = Ut("sizeRanges"), r = Te("useWindowScroll"), o = Te("customScrollParent"), s = Ut("windowScrollContainerState"), i = Ut("scrollContainerState"), a = o || r ? s : i, c = Te("itemContent"), u = Te("context"), d = Te("groupContent"), f = Te("trackItemSizes"), h = Te("itemSize"), m = Te("log"), b = Ut("gap"), v = Te("horizontalDirection"), { callbackRef: g } = sx(
+  const t = Te("listState"), n = Wt("sizeRanges"), r = Te("useWindowScroll"), o = Te("customScrollParent"), s = Wt("windowScrollContainerState"), i = Wt("scrollContainerState"), a = o || r ? s : i, c = Te("itemContent"), u = Te("context"), d = Te("groupContent"), f = Te("trackItemSizes"), h = Te("itemSize"), m = Te("log"), b = Wt("gap"), v = Te("horizontalDirection"), { callbackRef: g } = sx(
     n,
     h,
     f,
@@ -5801,17 +5801,17 @@ const zx = /* @__PURE__ */ He(() => {
   Ji("deviation", (P) => {
     x !== P && w(P);
   });
-  const y = Te("EmptyPlaceholder"), R = Te("ScrollSeekPlaceholder") || Hx, S = Te("ListComponent"), C = Te("ItemComponent"), k = Te("GroupComponent"), E = Te("computeItemKey"), N = Te("isSeeking"), _ = Te("groupIndices").length > 0, I = Te("alignToBottom"), F = Te("initialItemFinalLocationReached"), V = e ? {} : {
+  const y = Te("EmptyPlaceholder"), R = Te("ScrollSeekPlaceholder") || Hx, S = Te("ListComponent"), C = Te("ItemComponent"), k = Te("GroupComponent"), E = Te("computeItemKey"), I = Te("isSeeking"), _ = Te("groupIndices").length > 0, N = Te("alignToBottom"), F = Te("initialItemFinalLocationReached"), V = e ? {} : {
     boxSizing: "border-box",
     ...v ? {
       display: "inline-block",
       height: "100%",
-      marginLeft: x !== 0 ? x : I ? "auto" : 0,
+      marginLeft: x !== 0 ? x : N ? "auto" : 0,
       paddingLeft: t.offsetTop,
       paddingRight: t.offsetBottom,
       whiteSpace: "nowrap"
     } : {
-      marginTop: x !== 0 ? x : I ? "auto" : 0,
+      marginTop: x !== 0 ? x : N ? "auto" : 0,
       paddingBottom: t.offsetBottom,
       paddingTop: t.offsetTop
     },
@@ -5826,7 +5826,7 @@ const zx = /* @__PURE__ */ He(() => {
       style: V,
       children: (e ? t.topItems : t.items).map((P) => {
         const G = P.originalIndex, W = E(G + t.firstItemIndex, P.data, u);
-        return N ? /* @__PURE__ */ co(
+        return I ? /* @__PURE__ */ co(
           R,
           {
             ...bt(R, u),
@@ -5894,7 +5894,7 @@ function Gx(e, t) {
   return { item: typeof e == "string" ? void 0 : t };
 }
 const Yx = /* @__PURE__ */ B.memo(function() {
-  const e = Te("HeaderComponent"), t = Ut("headerHeight"), n = Te("HeaderFooterTag"), r = qn(
+  const e = Te("HeaderComponent"), t = Wt("headerHeight"), n = Te("HeaderFooterTag"), r = qn(
     B.useMemo(
       () => (s) => {
         t(yn(s, "height"));
@@ -5906,7 +5906,7 @@ const Yx = /* @__PURE__ */ B.memo(function() {
   ), o = Te("context");
   return e ? /* @__PURE__ */ l.jsx(n, { ref: r, children: /* @__PURE__ */ l.jsx(e, { ...bt(e, o) }) }) : null;
 }), Xx = /* @__PURE__ */ B.memo(function() {
-  const e = Te("FooterComponent"), t = Ut("footerHeight"), n = Te("HeaderFooterTag"), r = qn(
+  const e = Te("FooterComponent"), t = Wt("footerHeight"), n = Te("HeaderFooterTag"), r = qn(
     B.useMemo(
       () => (s) => {
         t(yn(s, "height"));
@@ -5971,7 +5971,7 @@ function Su({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   });
 }
 const Jx = ({ children: e }) => {
-  const t = B.useContext(gu), n = Ut("viewportHeight"), r = Ut("fixedItemHeight"), o = Te("alignToBottom"), s = Te("horizontalDirection"), i = B.useMemo(
+  const t = B.useContext(gu), n = Wt("viewportHeight"), r = Wt("fixedItemHeight"), o = Te("alignToBottom"), s = Te("horizontalDirection"), i = B.useMemo(
     () => qc(n, (c) => yn(c, s ? "width" : "height")),
     [n, s]
   ), a = qn(i, !0, Te("skipAnimationFrameInResizeObserver"));
@@ -5979,7 +5979,7 @@ const Jx = ({ children: e }) => {
     t && (n(t.viewportHeight), r(t.itemHeight));
   }, [t, n, r]), /* @__PURE__ */ l.jsx("div", { "data-viewport-type": "element", ref: a, style: os(o), children: e });
 }, Zx = ({ children: e }) => {
-  const t = B.useContext(gu), n = Ut("windowViewportRect"), r = Ut("fixedItemHeight"), o = Te("customScrollParent"), s = Yc(
+  const t = B.useContext(gu), n = Wt("windowViewportRect"), r = Wt("fixedItemHeight"), o = Te("customScrollParent"), s = Yc(
     n,
     o,
     Te("skipAnimationFrameInResizeObserver")
@@ -6004,7 +6004,7 @@ const Jx = ({ children: e }) => {
   Component: tv,
   useEmitter: Ji,
   useEmitterValue: Te,
-  usePublisher: Ut
+  usePublisher: Wt
 } = /* @__PURE__ */ mu(
   Bx,
   {
@@ -6064,7 +6064,7 @@ const Jx = ({ children: e }) => {
     }
   },
   ev
-), nv = /* @__PURE__ */ yu({ useEmitter: Ji, useEmitterValue: Te, usePublisher: Ut }), rv = /* @__PURE__ */ Su({ useEmitter: Ji, useEmitterValue: Te, usePublisher: Ut }), ov = tv, sv = /* @__PURE__ */ He(() => {
+), nv = /* @__PURE__ */ yu({ useEmitter: Ji, useEmitterValue: Te, usePublisher: Wt }), rv = /* @__PURE__ */ Su({ useEmitter: Ji, useEmitterValue: Te, usePublisher: Wt }), ov = tv, sv = /* @__PURE__ */ He(() => {
   const e = q((u) => /* @__PURE__ */ l.jsxs("td", { children: [
     "Item $",
     u
@@ -6144,7 +6144,7 @@ const cv = /* @__PURE__ */ He(
     { customScrollParent: g, useWindowScroll: x, windowScrollContainerState: w, windowScrollTo: y, windowViewportRect: R },
     S
   ]) => {
-    const C = q(0), k = q(0), E = q(yl), N = q({ height: 0, width: 0 }), _ = q({ height: 0, width: 0 }), I = Le(), F = Le(), V = q(0), P = q(null), G = q({ column: 0, row: 0 }), W = Le(), K = Le(), D = q(!1), O = q(0), ie = q(!0), J = q(!1), ee = q(!1);
+    const C = q(0), k = q(0), E = q(yl), I = q({ height: 0, width: 0 }), _ = q({ height: 0, width: 0 }), N = Le(), F = Le(), V = q(0), P = q(null), G = q({ column: 0, row: 0 }), W = Le(), K = Le(), D = q(!1), O = q(0), ie = q(!0), J = q(!1), ee = q(!1);
     Ke(
       z(
         b,
@@ -6156,12 +6156,12 @@ const cv = /* @__PURE__ */ He(
       }
     ), Ke(
       z(
-        ut(b, ie, _, N, O, J),
+        ct(b, ie, _, I, O, J),
         be(([j, H, Q, le, , oe]) => j && !H && Q.height !== 0 && le.height !== 0 && !oe)
       ),
       ([, , , , j]) => {
         Ie(J, !0), Vi(1, () => {
-          Ie(I, j);
+          Ie(N, j);
         }), Xt(z(u), () => {
           Ie(t, [0, 0]), Ie(ie, !0);
         });
@@ -6180,20 +6180,20 @@ const cv = /* @__PURE__ */ He(
         be(([, j]) => j != null)
       ),
       ([, j]) => {
-        j && (Ie(N, j.viewport), Ie(_, j.item), Ie(G, j.gap), j.scrollTop > 0 && (Ie(D, !0), Xt(z(u, Bn(1)), (H) => {
+        j && (Ie(I, j.viewport), Ie(_, j.item), Ie(G, j.gap), j.scrollTop > 0 && (Ie(D, !0), Xt(z(u, Bn(1)), (H) => {
           Ie(D, !1);
         }), Ie(c, { top: j.scrollTop })));
       }
     ), de(
       z(
-        N,
+        I,
         re(({ height: j }) => j)
       ),
       f
     ), de(
       z(
-        ut(
-          we(N, to),
+        ct(
+          we(I, to),
           we(_, to),
           we(G, (j, H) => j && j.column === H.column && j.row === H.row),
           we(u)
@@ -6208,12 +6208,12 @@ const cv = /* @__PURE__ */ He(
       W
     ), de(
       z(
-        ut(
+        ct(
           we(C),
           r,
           we(G, lv),
           we(_, to),
-          we(N, to),
+          we(I, to),
           we(P),
           we(k),
           we(D),
@@ -6234,18 +6234,18 @@ const cv = /* @__PURE__ */ He(
             ke,
             Be
           ]) => {
-            const { column: Ze, row: qe } = le, { height: dt, width: ft } = oe, { width: ce } = $e;
+            const { column: Ze, row: qe } = le, { height: ut, width: dt } = oe, { width: ce } = $e;
             if (ve === 0 && (j === 0 || ce === 0))
               return yl;
-            if (ft === 0) {
+            if (dt === 0) {
               const tt = Ki(Be, j), Ne = tt + Math.max(ve - 1, 0);
               return av(Tl(tt, Ne, De));
             }
-            const ue = Cu(ce, ft, Ze);
+            const ue = Cu(ce, dt, Ze);
             let he, ye;
-            ke ? H === 0 && Q === 0 && ve > 0 ? (he = 0, ye = ve - 1) : (he = ue * Po((H + qe) / (dt + qe)), ye = ue * Sl((Q + qe) / (dt + qe)) - 1, ye = zs(j - 1, Ar(ye, ue - 1)), he = zs(ye, Ar(0, he))) : (he = 0, ye = -1);
-            const Pe = Tl(he, ye, De), { bottom: Ue, top: $ } = Rl($e, le, oe, Pe), Y = Sl(j / ue), Ae = Y * dt + (Y - 1) * qe - Ue;
-            return { bottom: Ue, itemHeight: dt, items: Pe, itemWidth: ft, offsetBottom: Ae, offsetTop: $, top: $ };
+            ke ? H === 0 && Q === 0 && ve > 0 ? (he = 0, ye = ve - 1) : (he = ue * Po((H + qe) / (ut + qe)), ye = ue * Sl((Q + qe) / (ut + qe)) - 1, ye = zs(j - 1, Ar(ye, ue - 1)), he = zs(ye, Ar(0, he))) : (he = 0, ye = -1);
+            const Pe = Tl(he, ye, De), { bottom: Ue, top: $ } = Rl($e, le, oe, Pe), Y = Sl(j / ue), Ae = Y * ut + (Y - 1) * qe - Ue;
+            return { bottom: Ue, itemHeight: ut, items: Pe, itemWidth: dt, offsetBottom: Ae, offsetTop: $, top: $ };
           }
         )
       ),
@@ -6259,7 +6259,7 @@ const cv = /* @__PURE__ */ He(
       C
     ), de(
       z(
-        ut(N, _, E, G),
+        ct(I, _, E, G),
         be(([j, H, { items: Q }]) => Q.length > 0 && H.height !== 0 && j.height !== 0),
         re(([j, H, { items: Q }, le]) => {
           const { bottom: oe, top: $e } = Rl(j, le, H, Q);
@@ -6280,7 +6280,7 @@ const cv = /* @__PURE__ */ He(
     );
     const Z = Ot(
       z(
-        ut(E, C),
+        ct(E, C),
         be(([{ items: j }]) => j.length > 0),
         _e(M),
         be(([[j, H], Q]) => {
@@ -6312,8 +6312,8 @@ const cv = /* @__PURE__ */ He(
     );
     de(fe, m.scrollSeekRangeChanged), de(
       z(
-        I,
-        _e(N, _, C, G),
+        N,
+        _e(I, _, C, G),
         re(([j, H, Q, le, oe]) => {
           const $e = iu(j), { align: De, behavior: ve, offset: ke } = $e;
           let Be = $e.index;
@@ -6336,7 +6336,7 @@ const cv = /* @__PURE__ */ He(
         R,
         re((j) => ({ height: j.visibleHeight, width: j.visibleWidth }))
       ),
-      N
+      I
     ), {
       customScrollParent: g,
       // input
@@ -6354,12 +6354,12 @@ const cv = /* @__PURE__ */ He(
       scrollContainerState: a,
       scrollHeight: F,
       scrollTo: c,
-      scrollToIndex: I,
+      scrollToIndex: N,
       scrollTop: u,
       smoothScrollTargetReached: d,
       totalCount: C,
       useWindowScroll: x,
-      viewportDimensions: N,
+      viewportDimensions: I,
       windowScrollContainerState: w,
       windowScrollTo: y,
       windowViewportRect: R,
@@ -6426,7 +6426,7 @@ const uv = /* @__PURE__ */ He(() => {
   ([e, t]) => ({ ...e, ...t }),
   et(cv, uv)
 ), fv = /* @__PURE__ */ B.memo(function() {
-  const e = nt("gridState"), t = nt("listClassName"), n = nt("itemClassName"), r = nt("itemContent"), o = nt("computeItemKey"), s = nt("isSeeking"), i = Wt("scrollHeight"), a = nt("ItemComponent"), c = nt("ListComponent"), u = nt("ScrollSeekPlaceholder"), d = nt("context"), f = Wt("itemDimensions"), h = Wt("gap"), m = nt("log"), b = nt("stateRestoreInProgress"), v = Wt("reportReadyState"), g = qn(
+  const e = nt("gridState"), t = nt("listClassName"), n = nt("itemClassName"), r = nt("itemContent"), o = nt("computeItemKey"), s = nt("isSeeking"), i = Vt("scrollHeight"), a = nt("ItemComponent"), c = nt("ListComponent"), u = nt("ScrollSeekPlaceholder"), d = nt("context"), f = Vt("itemDimensions"), h = Vt("gap"), m = nt("log"), b = nt("stateRestoreInProgress"), v = Vt("reportReadyState"), g = qn(
     B.useMemo(
       () => (x) => {
         const w = x.parentElement.parentElement.scrollHeight;
@@ -6481,7 +6481,7 @@ const uv = /* @__PURE__ */ He(() => {
     }
   );
 }), hv = B.memo(function() {
-  const e = nt("HeaderComponent"), t = Wt("headerHeight"), n = nt("headerFooterTag"), r = qn(
+  const e = nt("HeaderComponent"), t = Vt("headerHeight"), n = nt("headerFooterTag"), r = qn(
     B.useMemo(
       () => (s) => {
         t(yn(s, "height"));
@@ -6493,7 +6493,7 @@ const uv = /* @__PURE__ */ He(() => {
   ), o = nt("context");
   return e ? /* @__PURE__ */ l.jsx(n, { ref: r, children: /* @__PURE__ */ l.jsx(e, { ...bt(e, o) }) }) : null;
 }), pv = B.memo(function() {
-  const e = nt("FooterComponent"), t = Wt("footerHeight"), n = nt("headerFooterTag"), r = qn(
+  const e = nt("FooterComponent"), t = Vt("footerHeight"), n = nt("headerFooterTag"), r = qn(
     B.useMemo(
       () => (s) => {
         t(yn(s, "height"));
@@ -6505,7 +6505,7 @@ const uv = /* @__PURE__ */ He(() => {
   ), o = nt("context");
   return e ? /* @__PURE__ */ l.jsx(n, { ref: r, children: /* @__PURE__ */ l.jsx(e, { ...bt(e, o) }) }) : null;
 }), mv = ({ children: e }) => {
-  const t = B.useContext(xu), n = Wt("itemDimensions"), r = Wt("viewportDimensions"), o = qn(
+  const t = B.useContext(xu), n = Vt("itemDimensions"), r = Vt("viewportDimensions"), o = qn(
     B.useMemo(
       () => (s) => {
         r(s.getBoundingClientRect());
@@ -6519,7 +6519,7 @@ const uv = /* @__PURE__ */ He(() => {
     t && (r({ height: t.viewportHeight, width: t.viewportWidth }), n({ height: t.itemHeight, width: t.itemWidth }));
   }, [t, r, n]), /* @__PURE__ */ l.jsx("div", { ref: o, style: os(!1), children: e });
 }, gv = ({ children: e }) => {
-  const t = B.useContext(xu), n = Wt("windowViewportRect"), r = Wt("itemDimensions"), o = nt("customScrollParent"), s = Yc(n, o, !1);
+  const t = B.useContext(xu), n = Vt("windowViewportRect"), r = Vt("itemDimensions"), o = nt("customScrollParent"), s = Yc(n, o, !1);
   return B.useEffect(() => {
     t && (r({ height: t.itemHeight, width: t.itemWidth }), n({ offsetTop: 0, visibleHeight: t.viewportHeight, visibleWidth: t.viewportWidth }));
   }, [t, n, r]), /* @__PURE__ */ l.jsx("div", { ref: s, style: os(!1), children: e });
@@ -6533,7 +6533,7 @@ const uv = /* @__PURE__ */ He(() => {
 }), {
   useEmitter: Tu,
   useEmitterValue: nt,
-  usePublisher: Wt
+  usePublisher: Vt
 } = /* @__PURE__ */ mu(
   dv,
   {
@@ -6575,7 +6575,7 @@ const uv = /* @__PURE__ */ He(() => {
     }
   },
   xv
-), vv = /* @__PURE__ */ yu({ useEmitter: Tu, useEmitterValue: nt, usePublisher: Wt }), wv = /* @__PURE__ */ Su({ useEmitter: Tu, useEmitterValue: nt, usePublisher: Wt });
+), vv = /* @__PURE__ */ yu({ useEmitter: Tu, useEmitterValue: nt, usePublisher: Vt }), wv = /* @__PURE__ */ Su({ useEmitter: Tu, useEmitterValue: nt, usePublisher: Vt });
 function kl(e, t, n) {
   return t !== "normal" && !(t != null && t.endsWith("px")) && n(`${e} was not resolved to pixel value correctly`, t, Nt.WARN), t === "normal" ? 0 : parseInt(t ?? "0", 10);
 }
@@ -8499,7 +8499,7 @@ function Bs({
   className: t = "",
   allowHtml: n = !1
 }) {
-  const r = Yt(() => {
+  const r = Ut(() => {
     try {
       if (!n) {
         const o = e.replace(/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi, "").replace(/<iframe\b[^<]*(?:(?!<\/iframe>)<[^<]*)*<\/iframe>/gi, "").replace(/javascript:/gi, "").replace(/on\w+\s*=/gi, "");
@@ -8673,8 +8673,8 @@ var lw = "DismissableLayer", vi = "dismissableLayer.update", cw = "dismissableLa
       onDismiss: a,
       ...c
     } = e, u = p.useContext(Lu), [d, f] = p.useState(null), h = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, m] = p.useState({}), b = Me(t, (k) => f(k)), v = Array.from(u.layers), [g] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), x = v.indexOf(g), w = d ? v.indexOf(d) : -1, y = u.layersWithOutsidePointerEventsDisabled.size > 0, R = w >= x, S = hw((k) => {
-      const E = k.target, N = [...u.branches].some((_) => _.contains(E));
-      !R || N || (o == null || o(k), i == null || i(k), k.defaultPrevented || a == null || a());
+      const E = k.target, I = [...u.branches].some((_) => _.contains(E));
+      !R || I || (o == null || o(k), i == null || i(k), k.defaultPrevented || a == null || a());
     }, h), C = pw((k) => {
       const E = k.target;
       [...u.branches].some((_) => _.contains(E)) || (s == null || s(k), i == null || i(k), k.defaultPrevented || a == null || a());
@@ -9334,8 +9334,8 @@ function nb(e) {
       return !1;
     if (!r.current && "changedTouches" in v && (y || R) && (r.current = S), !S)
       return !0;
-    var N = r.current || S;
-    return Zw(N, g, v, N === "h" ? y : R);
+    var I = r.current || S;
+    return Zw(I, g, v, I === "h" ? y : R);
   }, []), c = p.useCallback(function(v) {
     var g = v;
     if (!(!er.length || er[er.length - 1] !== s)) {
@@ -9771,7 +9771,7 @@ function yb({ isOpen: e, onClose: t, fileId: n, fileName: r, mimeType: o }) {
       }
     }
   }, [n]);
-  ct(() => {
+  pt(() => {
     e && n && h();
   }, [e, n, h]);
   const m = async () => {
@@ -10041,7 +10041,7 @@ function Jl(e) {
 }
 function Ab(e, t, n = 16) {
   const [r, o] = me(e), s = rt(e), i = rt(null), a = rt(null);
-  return ct(() => {
+  return pt(() => {
     if (s.current = e, !t) {
       i.current && cancelAnimationFrame(i.current), a.current && clearTimeout(a.current), o(e);
       return;
@@ -10055,7 +10055,7 @@ function Ab(e, t, n = 16) {
 }
 function _b({ className: e }) {
   const [t, n] = me(0);
-  return ct(() => {
+  return pt(() => {
     const r = setInterval(() => n((o) => (o + 1) % 4), 500);
     return () => clearInterval(r);
   }, []), /* @__PURE__ */ l.jsxs(
@@ -10091,7 +10091,7 @@ const jb = B.memo(function({
   onCancelEdit: x,
   onCopy: w
 }) {
-  const [y, R] = me(!1), [S, C] = me("collapsed"), [k, E] = me(!1), { currentThreadId: N } = Fi(), { toast: _ } = oa(), [I, F] = me({}), [V, P] = me(!1), [G, W] = me(null), K = u === "phone" || u === "half-screen", D = t.role, O = D === "tool", ie = !(r && D !== "user"), J = B.useMemo(() => {
+  const [y, R] = me(!1), [S, C] = me("collapsed"), [k, E] = me(!1), { currentThreadId: I } = Fi(), { toast: _ } = oa(), [N, F] = me({}), [V, P] = me(!1), [G, W] = me(null), K = u === "phone" || u === "half-screen", D = t.role, O = D === "tool", ie = !(r && D !== "user"), J = B.useMemo(() => {
     switch (D) {
       case "user":
         return "text-[hsl(var(--chat-bubble-user-text))]";
@@ -10104,15 +10104,15 @@ const jb = B.memo(function({
       default:
         return "text-[hsl(var(--chat-bubble-ai-text))]";
     }
-  }, [D]), ee = Yt(() => Tb(t.content), [t.content]), M = Yt(() => Rb(t.content), [t.content]), Z = Yt(
+  }, [D]), ee = Ut(() => Tb(t.content), [t.content]), M = Ut(() => Rb(t.content), [t.content]), Z = Ut(
     () => t.content.filter((ce) => ce.type === "image_url"),
     [t.content]
-  ), Re = Yt(
+  ), Re = Ut(
     () => t.content.filter((ce) => ce.type === "file"),
     [t.content]
-  ), fe = Yt(() => Eb(t.content), [t.content]);
-  Yt(() => Ib(t.content), [t.content]);
-  const L = Yt(() => fe.length <= Pn ? fe : `${fe.slice(0, Pn)}
+  ), fe = Ut(() => Eb(t.content), [t.content]);
+  Ut(() => Ib(t.content), [t.content]);
+  const L = Ut(() => fe.length <= Pn ? fe : `${fe.slice(0, Pn)}
 … [truncated ${fe.length - Pn} chars]`, [fe]), j = Ab(ee, r, o), H = B.useCallback(async (ce = "all") => {
     const he = ce === "visible" && O ? L : O ? fe : ee;
     async function ye(Pe) {
@@ -10143,7 +10143,7 @@ const jb = B.memo(function({
       ce.preventDefault();
       return;
     }
-    if (I[he]) {
+    if (N[he]) {
       ce.preventDefault();
       return;
     }
@@ -10159,7 +10159,7 @@ const jb = B.memo(function({
         ce.preventDefault(), F((Y) => ({ ...Y, [he]: !0 }));
         const Ue = `${ue.name}_${ue.size}_${Date.now()}`, $ = _({ title: "Fetching file...", description: "", open: !0 });
         try {
-          const Y = await tw(N ?? void 0);
+          const Y = await tw(I ?? void 0);
           if (!Y || !Array.isArray(Y))
             throw new Error("Invalid file list response");
           const Ae = Y.find((tt) => !tt || typeof tt != "object" || !((tt.filename ?? "") === (ue.name ?? "")) ? !1 : typeof ue.size == "number" && typeof tt.size == "number" ? tt.size === ue.size : !0);
@@ -10187,7 +10187,7 @@ const jb = B.memo(function({
     } catch (ye) {
       console.error("File click error:", ye), F((Pe) => ({ ...Pe, [he]: !1 }));
     }
-  }, [ie, I, _, N]), $e = B.useCallback(() => {
+  }, [ie, N, _, I]), $e = B.useCallback(() => {
     const ue = X(K ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0", J);
     switch (D) {
       case "user":
@@ -10268,10 +10268,10 @@ const jb = B.memo(function({
           className: `inline-flex items-center gap-2 rounded px-2 py-1 text-xs bg-gray-100 border hover:bg-gray-200
                      dark:bg-background/10 dark:border-border/30 dark:hover:bg-background/20`,
           children: [
-            I[ue] ? /* @__PURE__ */ l.jsx(gc, { className: "h-4 w-4 animate-spin" }) : null,
+            N[ue] ? /* @__PURE__ */ l.jsx(gc, { className: "h-4 w-4 animate-spin" }) : null,
             /* @__PURE__ */ l.jsxs("span", { className: "truncate max-w-[180px]", children: [
               ye,
-              I[ue] ? " (processing)" : ""
+              N[ue] ? " (processing)" : ""
             ] })
           ]
         },
@@ -10279,7 +10279,7 @@ const jb = B.memo(function({
       );
     }
     return null;
-  }, [oe, I]), Be = B.useCallback(() => /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2 p-2 bg-muted/30 rounded", children: [
+  }, [oe, N]), Be = B.useCallback(() => /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2 p-2 bg-muted/30 rounded", children: [
     /* @__PURE__ */ l.jsx(ni, { className: "h-4 w-4 text-muted-foreground" }),
     /* @__PURE__ */ l.jsx("span", { className: "text-sm text-muted-foreground", children: "File upload" })
   ] }), []), Ze = B.useCallback(() => {
@@ -10332,7 +10332,7 @@ const jb = B.memo(function({
         ] });
     }
     return /* @__PURE__ */ l.jsx(Bs, { content: ee.trim(), allowHtml: !1 });
-  }, [ee, D, h, m, k, K]), dt = B.useCallback(() => {
+  }, [ee, D, h, m, k, K]), ut = B.useCallback(() => {
     if (!(ee.trim().length > 0 || Z.length > 0 || Re.length > 0) && !r)
       return Be();
     if (t.model === "reflection") {
@@ -10384,7 +10384,7 @@ const jb = B.memo(function({
     Ze,
     qe,
     J
-  ]), ft = Yt(() => Nb(t), [t]);
+  ]), dt = Ut(() => Nb(t), [t]);
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
     /* @__PURE__ */ l.jsx("div", { className: X(De(), b.container), children: /* @__PURE__ */ l.jsxs("div", { className: X(ve(), b.content), children: [
       (a || c || O) && /* @__PURE__ */ l.jsxs(
@@ -10399,7 +10399,7 @@ const jb = B.memo(function({
           children: [
             /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", children: [
               $e(),
-              c && ft && /* @__PURE__ */ l.jsx("span", { className: X("font-medium", K ? "text-xs" : "text-sm"), children: ft }),
+              c && dt && /* @__PURE__ */ l.jsx("span", { className: X("font-medium", K ? "text-xs" : "text-sm"), children: dt }),
               O && M.name && /* @__PURE__ */ l.jsxs(
                 xi,
                 {
@@ -10511,7 +10511,7 @@ const jb = B.memo(function({
           ]
         }
       ),
-      /* @__PURE__ */ l.jsx("div", { className: "relative", children: dt() }),
+      /* @__PURE__ */ l.jsx("div", { className: "relative", children: ut() }),
       O && S === "expanded" && (M.toolCallId || M.name) && /* @__PURE__ */ l.jsxs("div", { className: X("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", K && "text-xs"), children: [
         M.name && /* @__PURE__ */ l.jsxs("div", { children: [
           "Function: ",
@@ -10693,9 +10693,9 @@ const Ql = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, wd = B.forwa
   onScrollAway: g,
   onAtBottom: x
 }, w) => {
-  const y = rt(null), R = rt(null), S = rt(!1), [C, k] = me(!0), E = Ye((I) => {
-    k(I), g && g(!I), x && x(I);
-  }, [g, x]), N = Yt(() => {
+  const y = rt(null), R = rt(null), S = rt(!1), [C, k] = me(!0), E = Ye((N) => {
+    k(N), g && g(!N), x && x(N);
+  }, [g, x]), I = Ut(() => {
     if (a)
       return async () => {
         if (!S.current) {
@@ -10707,38 +10707,31 @@ const Ql = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, wd = B.forwa
           }
         }
       };
-  }, [a]), _ = rt(!1);
-  return ct(() => {
-    if (!b || v) {
-      _.current !== !1 && (_.current = !1);
-      return;
-    }
-    const I = C ? "auto" : !1;
-    _.current !== I && (_.current = I);
-  }, [C, b, v]), e.length === 0 ? /* @__PURE__ */ l.jsx("div", { className: f, style: h, children: /* @__PURE__ */ l.jsx("div", { className: "flex items-center justify-center py-8 text-muted-foreground text-center max-w-md mx-auto", children: m || "No messages yet. Start a conversation!" }) }) : /* @__PURE__ */ l.jsx("div", { className: f, style: h, children: /* @__PURE__ */ l.jsx(
+  }, [a]), _ = Ut(() => !b || v ? !1 : C ? "auto" : !1, [C, b, v]);
+  return e.length === 0 ? /* @__PURE__ */ l.jsx("div", { className: f, style: h, children: /* @__PURE__ */ l.jsx("div", { className: "flex items-center justify-center py-8 text-muted-foreground text-center max-w-md mx-auto", children: m || "No messages yet. Start a conversation!" }) }) : /* @__PURE__ */ l.jsx("div", { className: f, style: h, children: /* @__PURE__ */ l.jsx(
     ov,
     {
-      ref: (I) => {
-        y.current = I;
+      ref: (N) => {
+        y.current = N;
       },
-      scrollerRef: (I) => {
-        R.current = I instanceof HTMLDivElement ? I : null;
+      scrollerRef: (N) => {
+        R.current = N instanceof HTMLDivElement ? N : null;
       },
       data: e,
-      followOutput: _.current,
+      followOutput: _,
       overscan: 200,
       increaseViewportBy: { top: 100, bottom: 200 },
       defaultItemHeight: 80,
       atBottomThreshold: 50,
       alignToBottom: !1,
       startReached: () => {
-        N && N();
+        I && I();
       },
       atBottomStateChange: E,
       style: { height: "100%", overscrollBehavior: "contain" },
-      computeItemKey: (I, F) => Ql(F, I),
-      itemContent: (I, F) => {
-        const V = Ql(F, I);
+      computeItemKey: (N, F) => Ql(F, N),
+      itemContent: (N, F) => {
+        const V = Ql(F, N);
         return /* @__PURE__ */ l.jsx(
           "div",
           {
@@ -10752,7 +10745,7 @@ const Ql = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, wd = B.forwa
               jb,
               {
                 message: F,
-                messageIndex: I,
+                messageIndex: N,
                 isStreamingMessage: t && n === F.id,
                 streamingDebounceMs: r,
                 isEditing: i === F.id,
@@ -10763,7 +10756,7 @@ const Ql = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, wd = B.forwa
                 truncateToolMessages: !1,
                 toolMessagePreviewLength: 200,
                 onEdit: c,
-                onRegenerate: () => u(I),
+                onRegenerate: () => u(N),
                 onCancelEdit: d
               }
             )
@@ -11142,7 +11135,7 @@ const Zb = (e) => ({
     }, m = ha(o), b = fa(m), v = await i.getDimensions(u), g = m === "y", x = g ? "top" : "left", w = g ? "bottom" : "right", y = g ? "clientHeight" : "clientWidth", R = s.reference[b] + s.reference[m] - h[m] - s.floating[b], S = h[m] - s.reference[m], C = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(u));
     let k = C ? C[y] : 0;
     (!k || !await (i.isElement == null ? void 0 : i.isElement(C))) && (k = a.floating[y] || s.floating[b]);
-    const E = R / 2 - S / 2, N = k / 2 - v[b] / 2 - 1, _ = Tn(f[x], N), I = Tn(f[w], N), F = _, V = k - v[b] - I, P = k / 2 - v[b] / 2 + E, G = yi(F, P, V), W = !c.arrow && gr(o) != null && P !== G && s.reference[b] / 2 - (P < F ? _ : I) - v[b] / 2 < 0, K = W ? P < F ? P - F : P - V : 0;
+    const E = R / 2 - S / 2, I = k / 2 - v[b] / 2 - 1, _ = Tn(f[x], I), N = Tn(f[w], I), F = _, V = k - v[b] - N, P = k / 2 - v[b] / 2 + E, G = yi(F, P, V), W = !c.arrow && gr(o) != null && P !== G && s.reference[b] / 2 - (P < F ? _ : N) - v[b] / 2 < 0, K = W ? P < F ? P - F : P - V : 0;
     return {
       [m]: h[m] + K,
       data: {
@@ -11181,18 +11174,18 @@ const Zb = (e) => ({
         return {};
       const x = vn(o), w = an(a), y = vn(a) === a, R = await (c.isRTL == null ? void 0 : c.isRTL(u.floating)), S = h || (y || !v ? [$o(a)] : Vb(a)), C = b !== "none";
       !h && C && S.push(...Yb(a, v, b, R));
-      const k = [a, ...S], E = await $r(t, g), N = [];
+      const k = [a, ...S], E = await $r(t, g), I = [];
       let _ = ((r = s.flip) == null ? void 0 : r.overflows) || [];
-      if (d && N.push(E[x]), f) {
+      if (d && I.push(E[x]), f) {
         const P = Wb(o, i, R);
-        N.push(E[P[0]], E[P[1]]);
+        I.push(E[P[0]], E[P[1]]);
       }
       if (_ = [..._, {
         placement: o,
-        overflows: N
-      }], !N.every((P) => P <= 0)) {
-        var I, F;
-        const P = (((I = s.flip) == null ? void 0 : I.index) || 0) + 1, G = k[P];
+        overflows: I
+      }], !I.every((P) => P <= 0)) {
+        var N, F;
+        const P = (((N = s.flip) == null ? void 0 : N.index) || 0) + 1, G = k[P];
         if (G && (!(f === "alignment" ? w !== an(G) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         _.every((D) => an(D.placement) === w ? D.overflows[0] > 0 : !0)))
@@ -11461,16 +11454,16 @@ const ny = function(e) {
       const w = v - d.top - d.bottom, y = b - d.left - d.right, R = Tn(v - d[g], w), S = Tn(b - d[x], y), C = !t.middlewareData.shift;
       let k = R, E = S;
       if ((n = t.middlewareData.shift) != null && n.enabled.x && (E = y), (r = t.middlewareData.shift) != null && r.enabled.y && (k = w), C && !h) {
-        const _ = jt(d.left, 0), I = jt(d.right, 0), F = jt(d.top, 0), V = jt(d.bottom, 0);
-        m ? E = b - 2 * (_ !== 0 || I !== 0 ? _ + I : jt(d.left, d.right)) : k = v - 2 * (F !== 0 || V !== 0 ? F + V : jt(d.top, d.bottom));
+        const _ = jt(d.left, 0), N = jt(d.right, 0), F = jt(d.top, 0), V = jt(d.bottom, 0);
+        m ? E = b - 2 * (_ !== 0 || N !== 0 ? _ + N : jt(d.left, d.right)) : k = v - 2 * (F !== 0 || V !== 0 ? F + V : jt(d.top, d.bottom));
       }
       await c({
         ...t,
         availableWidth: E,
         availableHeight: k
       });
-      const N = await i.getDimensions(a.floating);
-      return b !== N.width || v !== N.height ? {
+      const I = await i.getDimensions(a.floating);
+      return b !== I.width || v !== I.height ? {
         reset: {
           rects: !0
         }
@@ -12048,7 +12041,7 @@ function By(e) {
     D !== C.current && (C.current = D, v(D));
   }, []), y = p.useCallback((D) => {
     D !== k.current && (k.current = D, x(D));
-  }, []), R = s || b, S = i || g, C = p.useRef(null), k = p.useRef(null), E = p.useRef(d), N = c != null, _ = Qs(c), I = Qs(o), F = Qs(u), V = p.useCallback(() => {
+  }, []), R = s || b, S = i || g, C = p.useRef(null), k = p.useRef(null), E = p.useRef(d), I = c != null, _ = Qs(c), N = Qs(o), F = Qs(u), V = p.useCallback(() => {
     if (!C.current || !k.current)
       return;
     const D = {
@@ -12056,7 +12049,7 @@ function By(e) {
       strategy: n,
       middleware: h
     };
-    I.current && (D.platform = I.current), $y(C.current, k.current, D).then((O) => {
+    N.current && (D.platform = N.current), $y(C.current, k.current, D).then((O) => {
       const ie = {
         ...O,
         // The floating element's position may be recomputed while it's closed
@@ -12069,7 +12062,7 @@ function By(e) {
         f(ie);
       }));
     });
-  }, [h, t, n, I, F]);
+  }, [h, t, n, N, F]);
   Co(() => {
     u === !1 && E.current.isPositioned && (E.current.isPositioned = !1, f((D) => ({
       ...D,
@@ -12085,7 +12078,7 @@ function By(e) {
         return _.current(R, S, V);
       V();
     }
-  }, [R, S, V, _, N]);
+  }, [R, S, V, _, I]);
   const G = p.useMemo(() => ({
     reference: C,
     floating: k,
@@ -12238,15 +12231,15 @@ var wa = "PopperContent", [Qy, e0] = Pd(wa), $d = p.forwardRef(
       updatePositionStrategy: m = "optimized",
       onPlaced: b,
       ...v
-    } = e, g = Od(wa, n), [x, w] = p.useState(null), y = Me(t, ($e) => w($e)), [R, S] = p.useState(null), C = jd(R), k = (C == null ? void 0 : C.width) ?? 0, E = (C == null ? void 0 : C.height) ?? 0, N = r + (s !== "center" ? "-" + s : ""), _ = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, I = Array.isArray(u) ? u : [u], F = I.length > 0, V = {
+    } = e, g = Od(wa, n), [x, w] = p.useState(null), y = Me(t, ($e) => w($e)), [R, S] = p.useState(null), C = jd(R), k = (C == null ? void 0 : C.width) ?? 0, E = (C == null ? void 0 : C.height) ?? 0, I = r + (s !== "center" ? "-" + s : ""), _ = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, N = Array.isArray(u) ? u : [u], F = N.length > 0, V = {
       padding: _,
-      boundary: I.filter(n0),
+      boundary: N.filter(n0),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: F
     }, { refs: P, floatingStyles: G, placement: W, isPositioned: K, middlewareData: D } = By({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
-      placement: N,
+      placement: I,
       whileElementsMounted: (...$e) => _y(...$e, {
         animationFrame: m === "always"
       }),
@@ -12465,11 +12458,11 @@ var c0 = p.forwardRef((e, t) => {
             S.current = !0;
           }),
           onFocus: ae(e.onFocus, (E) => {
-            const N = !S.current;
-            if (E.target === E.currentTarget && N && !x) {
+            const I = !S.current;
+            if (E.target === E.currentTarget && I && !x) {
               const _ = new CustomEvent(ei, o0);
               if (E.currentTarget.dispatchEvent(_), !_.defaultPrevented) {
-                const I = R().filter((W) => W.focusable), F = I.find((W) => W.active), V = I.find((W) => W.id === v), G = [F, V, ...I].filter(
+                const N = R().filter((W) => W.focusable), F = N.find((W) => W.active), V = N.find((W) => W.id === v), G = [F, V, ...N].filter(
                   Boolean
                 ).map((W) => W.ref.current);
                 Jd(G, d);
@@ -12623,14 +12616,14 @@ var ya = "MenuPortal", [R0, nf] = Xn(ya, {
   return /* @__PURE__ */ l.jsx(R0, { scope: t, forceMount: n, children: /* @__PURE__ */ l.jsx(Dt, { present: n || s.open, children: /* @__PURE__ */ l.jsx(ls, { asChild: !0, container: o, children: r }) }) });
 };
 rf.displayName = ya;
-var Vt = "MenuContent", [k0, Sa] = Xn(Vt), of = p.forwardRef(
+var Kt = "MenuContent", [k0, Sa] = Xn(Kt), of = p.forwardRef(
   (e, t) => {
-    const n = nf(Vt, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, s = Jn(Vt, e.__scopeMenu), i = Zr(Vt, e.__scopeMenu);
+    const n = nf(Kt, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, s = Jn(Kt, e.__scopeMenu), i = Zr(Kt, e.__scopeMenu);
     return /* @__PURE__ */ l.jsx(zr.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ l.jsx(Dt, { present: r || s.open, children: /* @__PURE__ */ l.jsx(zr.Slot, { scope: e.__scopeMenu, children: i.modal ? /* @__PURE__ */ l.jsx(E0, { ...o, ref: t }) : /* @__PURE__ */ l.jsx(I0, { ...o, ref: t }) }) }) });
   }
 ), E0 = p.forwardRef(
   (e, t) => {
-    const n = Jn(Vt, e.__scopeMenu), r = p.useRef(null), o = Me(t, r);
+    const n = Jn(Kt, e.__scopeMenu), r = p.useRef(null), o = Me(t, r);
     return p.useEffect(() => {
       const s = r.current;
       if (s) return ia(s);
@@ -12652,7 +12645,7 @@ var Vt = "MenuContent", [k0, Sa] = Xn(Vt), of = p.forwardRef(
     );
   }
 ), I0 = p.forwardRef((e, t) => {
-  const n = Jn(Vt, e.__scopeMenu);
+  const n = Jn(Kt, e.__scopeMenu);
   return /* @__PURE__ */ l.jsx(
     Ca,
     {
@@ -12681,14 +12674,14 @@ var Vt = "MenuContent", [k0, Sa] = Xn(Vt), of = p.forwardRef(
       onDismiss: m,
       disableOutsideScroll: b,
       ...v
-    } = e, g = Jn(Vt, n), x = Zr(Vt, n), w = bs(n), y = ef(n), R = b0(n), [S, C] = p.useState(null), k = p.useRef(null), E = Me(t, k, g.onContentChange), N = p.useRef(0), _ = p.useRef(""), I = p.useRef(0), F = p.useRef(null), V = p.useRef("right"), P = p.useRef(0), G = b ? us : p.Fragment, W = b ? { as: N0, allowPinchZoom: !0 } : void 0, K = (O) => {
+    } = e, g = Jn(Kt, n), x = Zr(Kt, n), w = bs(n), y = ef(n), R = b0(n), [S, C] = p.useState(null), k = p.useRef(null), E = Me(t, k, g.onContentChange), I = p.useRef(0), _ = p.useRef(""), N = p.useRef(0), F = p.useRef(null), V = p.useRef("right"), P = p.useRef(0), G = b ? us : p.Fragment, W = b ? { as: N0, allowPinchZoom: !0 } : void 0, K = (O) => {
       var L, j;
       const ie = _.current + O, J = R().filter((H) => !H.disabled), ee = document.activeElement, M = (L = J.find((H) => H.ref.current === ee)) == null ? void 0 : L.textValue, Z = J.map((H) => H.textValue), Re = B0(Z, ie, M), fe = (j = J.find((H) => H.textValue === Re)) == null ? void 0 : j.ref.current;
       (function H(Q) {
-        _.current = Q, window.clearTimeout(N.current), Q !== "" && (N.current = window.setTimeout(() => H(""), 1e3));
+        _.current = Q, window.clearTimeout(I.current), Q !== "" && (I.current = window.setTimeout(() => H(""), 1e3));
       })(ie), fe && setTimeout(() => fe.focus());
     };
-    p.useEffect(() => () => window.clearTimeout(N.current), []), sa();
+    p.useEffect(() => () => window.clearTimeout(I.current), []), sa();
     const D = p.useCallback((O) => {
       var J, ee;
       return V.current === ((J = F.current) == null ? void 0 : J.side) && U0(O, (ee = F.current) == null ? void 0 : ee.area);
@@ -12717,7 +12710,7 @@ var Vt = "MenuContent", [k0, Sa] = Xn(Vt), of = p.forwardRef(
           },
           [D]
         ),
-        pointerGraceTimerRef: I,
+        pointerGraceTimerRef: N,
         onPointerGraceIntentChange: p.useCallback((O) => {
           F.current = O;
         }, []),
@@ -12777,7 +12770,7 @@ var Vt = "MenuContent", [k0, Sa] = Xn(Vt), of = p.forwardRef(
                           Zd.includes(O.key) && fe.reverse(), F0(fe);
                         }),
                         onBlur: ae(e.onBlur, (O) => {
-                          O.currentTarget.contains(O.target) || (window.clearTimeout(N.current), _.current = "");
+                          O.currentTarget.contains(O.target) || (window.clearTimeout(I.current), _.current = "");
                         }),
                         onPointerMove: ae(
                           e.onPointerMove,
@@ -12801,7 +12794,7 @@ var Vt = "MenuContent", [k0, Sa] = Xn(Vt), of = p.forwardRef(
     );
   }
 );
-of.displayName = Vt;
+of.displayName = Kt;
 var A0 = "MenuGroup", Ta = p.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e;
@@ -13061,7 +13054,7 @@ var $0 = "MenuSub", [yT, xf] = Xn($0), Er = "MenuSubTrigger", vf = p.forwardRef(
 vf.displayName = Er;
 var wf = "MenuSubContent", bf = p.forwardRef(
   (e, t) => {
-    const n = nf(Vt, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, s = Jn(Vt, e.__scopeMenu), i = Zr(Vt, e.__scopeMenu), a = xf(wf, e.__scopeMenu), c = p.useRef(null), u = Me(t, c);
+    const n = nf(Kt, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, s = Jn(Kt, e.__scopeMenu), i = Zr(Kt, e.__scopeMenu), a = xf(wf, e.__scopeMenu), c = p.useRef(null), u = Me(t, c);
     return /* @__PURE__ */ l.jsx(zr.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ l.jsx(Dt, { present: r || s.open, children: /* @__PURE__ */ l.jsx(zr.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ l.jsx(
       Ca,
       {
@@ -13453,19 +13446,19 @@ function ti({
     lastCheckpointNs: C,
     listCheckpoints: k,
     navigateToCheckpoint: E,
-    returnToLatest: N,
+    returnToLatest: I,
     hasMoreHistory: _,
-    isLoadingHistory: I,
+    isLoadingHistory: N,
     loadOlderMessages: F,
     api: V
-  } = Fi(), [P, G] = me(null), [W, K] = me(""), [D, O] = me(null), [ie, J] = me([]), [ee, M] = me(!1), [Z, Re] = me(null), [fe, L] = me(null), [j, H] = me(!1), [Q, le] = me(null), [oe, $e] = me([]), [De, ve] = me(null), [ke, Be] = me(null), [Ze, qe] = me(!1), dt = rt(null), ft = rt(null), ce = rt(null), [ue, he] = me("desktop");
-  ct(() => {
+  } = Fi(), [P, G] = me(null), [W, K] = me(""), [D, O] = me(null), [ie, J] = me([]), [ee, M] = me(!1), [Z, Re] = me(null), [fe, L] = me(null), [j, H] = me(!1), [Q, le] = me(null), [oe, $e] = me([]), [De, ve] = me(null), [ke, Be] = me(null), [Ze, qe] = me(!1), ut = rt(null), dt = rt(null), ce = rt(null), [ue, he] = me("desktop");
+  pt(() => {
     const te = () => {
       const pe = window.innerWidth;
       he(pe < 640 ? "phone" : pe < 1024 ? "tablet" : "desktop");
     };
     return te(), window.addEventListener("resize", te), () => window.removeEventListener("resize", te);
-  }, []), ct(() => {
+  }, []), pt(() => {
     let te = !1;
     if (!b) {
       $e([]), ve(null), Be(null), ce.current = null;
@@ -13494,18 +13487,18 @@ function ti({
       }), () => {
         te = !0;
       };
-  }, [b, S, C, De, k]), ct(() => {
+  }, [b, S, C, De, k]), pt(() => {
     S && (ve(S), Be(C ?? null));
   }, [S, C]);
   const ye = Ye(async () => {
-    if (!(!_ || I))
+    if (!(!_ || N))
       try {
         await F();
       } catch (te) {
         console.warn("loadOlderMessages failed", te);
       }
-  }, [_, I, F]);
-  ct(() => {
+  }, [_, N, F]);
+  pt(() => {
     (async () => {
       if (!V.baseUrl) {
         le(null);
@@ -13518,7 +13511,7 @@ function ti({
         console.warn("Failed to fetch default message:", pe), le(null);
       }
     })();
-  }, [V]), ct(() => {
+  }, [V]), pt(() => {
     w && !j && (m == null || m(w));
   }, [w, j, m]);
   const Pe = (te) => {
@@ -13607,7 +13600,7 @@ function ti({
       qe(!0);
       try {
         if (!te) {
-          await N(), ve(null), Be(null);
+          await I(), ve(null), Be(null);
           return;
         }
         const pe = oe.find((Fe) => Fe.checkpointId === te), je = (pe == null ? void 0 : pe.checkpointNs) ?? null;
@@ -13616,7 +13609,7 @@ function ti({
         qe(!1);
       }
     }
-  }, At = `flex flex-1 w-full flex-col min-h-0 min-w-0 max-h-full overflow-hidden bg-transparent ${e} ${d.container || ""}`, ht = `flex-1 min-h-0 min-w-0 max-h-full w-full overflow-hidden overscroll-contain break-words break-anywhere p-4 bg-transparent ${d.messagesArea || ""}`, Rt = `flex-shrink-0 w-full border-t p-4 bg-transparent ${d.inputArea || ""}`;
+  }, At = `flex flex-1 w-full flex-col min-h-0 min-w-0 max-h-full overflow-hidden bg-transparent ${e} ${d.container || ""}`, ft = `flex-1 min-h-0 min-w-0 max-h-full w-full overflow-hidden overscroll-contain break-words break-anywhere p-4 bg-transparent ${d.messagesArea || ""}`, Rt = `flex-shrink-0 w-full border-t p-4 bg-transparent ${d.inputArea || ""}`;
   return /* @__PURE__ */ l.jsxs("div", { className: At, children: [
     !!w && !j && /* @__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: w }),
@@ -13656,7 +13649,7 @@ function ti({
     /* @__PURE__ */ l.jsx(
       wd,
       {
-        className: ht,
+        className: ft,
         style: r ? { maxHeight: r } : void 0,
         messages: v,
         isStreaming: g,
@@ -13698,7 +13691,7 @@ function ti({
           /* @__PURE__ */ l.jsx(
             "input",
             {
-              ref: dt,
+              ref: ut,
               type: "file",
               multiple: !0,
               onChange: (te) => Ne(te),
@@ -13725,7 +13718,7 @@ function ti({
           /* @__PURE__ */ l.jsx(
             "input",
             {
-              ref: ft,
+              ref: dt,
               type: "file",
               accept: ".xls,.xlsx,.xlsm",
               onChange: Lt,
@@ -13758,7 +13751,7 @@ function ti({
           /* @__PURE__ */ l.jsxs(Kf, { align: "start", sideOffset: 6, className: "w-52", children: [
             a && /* @__PURE__ */ l.jsxs(ki, { onClick: () => {
               var te;
-              return (te = dt.current) == null ? void 0 : te.click();
+              return (te = ut.current) == null ? void 0 : te.click();
             }, className: "cursor-pointer", children: [
               /* @__PURE__ */ l.jsx(ni, { className: "h-4 w-4 mr-2" }),
               " Attach files or images"
@@ -13768,7 +13761,7 @@ function ti({
               {
                 onClick: () => {
                   var te;
-                  ee || (te = ft.current) == null || te.click();
+                  ee || (te = dt.current) == null || te.click();
                 },
                 className: `cursor-pointer ${ee ? "opacity-60 pointer-events-none" : ""}`,
                 children: [
@@ -13820,7 +13813,7 @@ function Ei(e, [t, n]) {
 function PS(e, t) {
   return p.useReducer((n, r) => t[n][r] ?? n, e);
 }
-var Ea = "ScrollArea", [qf, CT] = fn(Ea), [OS, qt] = qf(Ea), Gf = p.forwardRef(
+var Ea = "ScrollArea", [qf, CT] = fn(Ea), [OS, Gt] = qf(Ea), Gf = p.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: n,
@@ -13828,7 +13821,7 @@ var Ea = "ScrollArea", [qf, CT] = fn(Ea), [OS, qt] = qf(Ea), Gf = p.forwardRef(
       dir: o,
       scrollHideDelay: s = 600,
       ...i
-    } = e, [a, c] = p.useState(null), [u, d] = p.useState(null), [f, h] = p.useState(null), [m, b] = p.useState(null), [v, g] = p.useState(null), [x, w] = p.useState(0), [y, R] = p.useState(0), [S, C] = p.useState(!1), [k, E] = p.useState(!1), N = Me(t, (I) => c(I)), _ = ms(o);
+    } = e, [a, c] = p.useState(null), [u, d] = p.useState(null), [f, h] = p.useState(null), [m, b] = p.useState(null), [v, g] = p.useState(null), [x, w] = p.useState(0), [y, R] = p.useState(0), [S, C] = p.useState(!1), [k, E] = p.useState(!1), I = Me(t, (N) => c(N)), _ = ms(o);
     return /* @__PURE__ */ l.jsx(
       OS,
       {
@@ -13856,7 +13849,7 @@ var Ea = "ScrollArea", [qf, CT] = fn(Ea), [OS, qt] = qf(Ea), Gf = p.forwardRef(
           {
             dir: _,
             ...i,
-            ref: N,
+            ref: I,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
@@ -13873,7 +13866,7 @@ var Ea = "ScrollArea", [qf, CT] = fn(Ea), [OS, qt] = qf(Ea), Gf = p.forwardRef(
 Gf.displayName = Ea;
 var Yf = "ScrollAreaViewport", Xf = p.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: n, children: r, nonce: o, ...s } = e, i = qt(Yf, n), a = p.useRef(null), c = Me(t, a, i.onViewportChange);
+    const { __scopeScrollArea: n, children: r, nonce: o, ...s } = e, i = Gt(Yf, n), a = p.useRef(null), c = Me(t, a, i.onViewportChange);
     return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
       /* @__PURE__ */ l.jsx(
         "style",
@@ -13915,7 +13908,7 @@ var Yf = "ScrollAreaViewport", Xf = p.forwardRef(
 Xf.displayName = Yf;
 var pn = "ScrollAreaScrollbar", Ia = p.forwardRef(
   (e, t) => {
-    const { forceMount: n, ...r } = e, o = qt(pn, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: i } = o, a = e.orientation === "horizontal";
+    const { forceMount: n, ...r } = e, o = Gt(pn, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: i } = o, a = e.orientation === "horizontal";
     return p.useEffect(() => (a ? s(!0) : i(!0), () => {
       a ? s(!1) : i(!1);
     }), [a, s, i]), o.type === "hover" ? /* @__PURE__ */ l.jsx(MS, { ...r, ref: t, forceMount: n }) : o.type === "scroll" ? /* @__PURE__ */ l.jsx(DS, { ...r, ref: t, forceMount: n }) : o.type === "auto" ? /* @__PURE__ */ l.jsx(Jf, { ...r, ref: t, forceMount: n }) : o.type === "always" ? /* @__PURE__ */ l.jsx(Na, { ...r, ref: t }) : null;
@@ -13923,7 +13916,7 @@ var pn = "ScrollAreaScrollbar", Ia = p.forwardRef(
 );
 Ia.displayName = pn;
 var MS = p.forwardRef((e, t) => {
-  const { forceMount: n, ...r } = e, o = qt(pn, e.__scopeScrollArea), [s, i] = p.useState(!1);
+  const { forceMount: n, ...r } = e, o = Gt(pn, e.__scopeScrollArea), [s, i] = p.useState(!1);
   return p.useEffect(() => {
     const a = o.scrollArea;
     let c = 0;
@@ -13946,7 +13939,7 @@ var MS = p.forwardRef((e, t) => {
     }
   ) });
 }), DS = p.forwardRef((e, t) => {
-  const { forceMount: n, ...r } = e, o = qt(pn, e.__scopeScrollArea), s = e.orientation === "horizontal", i = Ts(() => c("SCROLL_END"), 100), [a, c] = PS("hidden", {
+  const { forceMount: n, ...r } = e, o = Gt(pn, e.__scopeScrollArea), s = e.orientation === "horizontal", i = Ts(() => c("SCROLL_END"), 100), [a, c] = PS("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -13990,7 +13983,7 @@ var MS = p.forwardRef((e, t) => {
     }
   ) });
 }), Jf = p.forwardRef((e, t) => {
-  const n = qt(pn, e.__scopeScrollArea), { forceMount: r, ...o } = e, [s, i] = p.useState(!1), a = e.orientation === "horizontal", c = Ts(() => {
+  const n = Gt(pn, e.__scopeScrollArea), { forceMount: r, ...o } = e, [s, i] = p.useState(!1), a = e.orientation === "horizontal", c = Ts(() => {
     if (n.viewport) {
       const u = n.viewport.offsetWidth < n.viewport.scrollWidth, d = n.viewport.offsetHeight < n.viewport.scrollHeight;
       i(a ? u : d);
@@ -14005,7 +13998,7 @@ var MS = p.forwardRef((e, t) => {
     }
   ) });
 }), Na = p.forwardRef((e, t) => {
-  const { orientation: n = "vertical", ...r } = e, o = qt(pn, e.__scopeScrollArea), s = p.useRef(null), i = p.useRef(0), [a, c] = p.useState({
+  const { orientation: n = "vertical", ...r } = e, o = Gt(pn, e.__scopeScrollArea), s = p.useRef(null), i = p.useRef(0), [a, c] = p.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
@@ -14059,7 +14052,7 @@ var MS = p.forwardRef((e, t) => {
     }
   ) : null;
 }), LS = p.forwardRef((e, t) => {
-  const { sizes: n, onSizesChange: r, ...o } = e, s = qt(pn, e.__scopeScrollArea), [i, a] = p.useState(), c = p.useRef(null), u = Me(t, c, s.onScrollbarXChange);
+  const { sizes: n, onSizesChange: r, ...o } = e, s = Gt(pn, e.__scopeScrollArea), [i, a] = p.useState(), c = p.useRef(null), u = Me(t, c, s.onScrollbarXChange);
   return p.useEffect(() => {
     c.current && a(getComputedStyle(c.current));
   }, [c]), /* @__PURE__ */ l.jsx(
@@ -14098,7 +14091,7 @@ var MS = p.forwardRef((e, t) => {
     }
   );
 }), $S = p.forwardRef((e, t) => {
-  const { sizes: n, onSizesChange: r, ...o } = e, s = qt(pn, e.__scopeScrollArea), [i, a] = p.useState(), c = p.useRef(null), u = Me(t, c, s.onScrollbarYChange);
+  const { sizes: n, onSizesChange: r, ...o } = e, s = Gt(pn, e.__scopeScrollArea), [i, a] = p.useState(), c = p.useRef(null), u = Me(t, c, s.onScrollbarYChange);
   return p.useEffect(() => {
     c.current && a(getComputedStyle(c.current));
   }, [c]), /* @__PURE__ */ l.jsx(
@@ -14150,19 +14143,19 @@ var MS = p.forwardRef((e, t) => {
     onWheelScroll: d,
     onResize: f,
     ...h
-  } = e, m = qt(pn, n), [b, v] = p.useState(null), g = Me(t, (N) => v(N)), x = p.useRef(null), w = p.useRef(""), y = m.viewport, R = r.content - r.viewport, S = gt(d), C = gt(c), k = Ts(f, 10);
-  function E(N) {
+  } = e, m = Gt(pn, n), [b, v] = p.useState(null), g = Me(t, (I) => v(I)), x = p.useRef(null), w = p.useRef(""), y = m.viewport, R = r.content - r.viewport, S = gt(d), C = gt(c), k = Ts(f, 10);
+  function E(I) {
     if (x.current) {
-      const _ = N.clientX - x.current.left, I = N.clientY - x.current.top;
-      u({ x: _, y: I });
+      const _ = I.clientX - x.current.left, N = I.clientY - x.current.top;
+      u({ x: _, y: N });
     }
   }
   return p.useEffect(() => {
-    const N = (_) => {
-      const I = _.target;
-      (b == null ? void 0 : b.contains(I)) && S(_, R);
+    const I = (_) => {
+      const N = _.target;
+      (b == null ? void 0 : b.contains(N)) && S(_, R);
     };
-    return document.addEventListener("wheel", N, { passive: !1 }), () => document.removeEventListener("wheel", N, { passive: !1 });
+    return document.addEventListener("wheel", I, { passive: !1 }), () => document.removeEventListener("wheel", I, { passive: !1 });
   }, [y, b, R, S]), p.useEffect(C, [r, C]), dr(b, k), dr(m.content, k), /* @__PURE__ */ l.jsx(
     FS,
     {
@@ -14179,13 +14172,13 @@ var MS = p.forwardRef((e, t) => {
           ...h,
           ref: g,
           style: { position: "absolute", ...h.style },
-          onPointerDown: ae(e.onPointerDown, (N) => {
-            N.button === 0 && (N.target.setPointerCapture(N.pointerId), x.current = b.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), E(N));
+          onPointerDown: ae(e.onPointerDown, (I) => {
+            I.button === 0 && (I.target.setPointerCapture(I.pointerId), x.current = b.getBoundingClientRect(), w.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", m.viewport && (m.viewport.style.scrollBehavior = "auto"), E(I));
           }),
           onPointerMove: ae(e.onPointerMove, E),
-          onPointerUp: ae(e.onPointerUp, (N) => {
-            const _ = N.target;
-            _.hasPointerCapture(N.pointerId) && _.releasePointerCapture(N.pointerId), document.body.style.webkitUserSelect = w.current, m.viewport && (m.viewport.style.scrollBehavior = ""), x.current = null;
+          onPointerUp: ae(e.onPointerUp, (I) => {
+            const _ = I.target;
+            _.hasPointerCapture(I.pointerId) && _.releasePointerCapture(I.pointerId), document.body.style.webkitUserSelect = w.current, m.viewport && (m.viewport.style.scrollBehavior = ""), x.current = null;
           })
         }
       )
@@ -14198,7 +14191,7 @@ var MS = p.forwardRef((e, t) => {
   }
 ), zS = p.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: n, style: r, ...o } = e, s = qt(Wo, n), i = Zf(Wo, n), { onThumbPositionChange: a } = i, c = Me(
+    const { __scopeScrollArea: n, style: r, ...o } = e, s = Gt(Wo, n), i = Zf(Wo, n), { onThumbPositionChange: a } = i, c = Me(
       t,
       (f) => i.onThumbChange(f)
     ), u = p.useRef(void 0), d = Ts(() => {
@@ -14238,13 +14231,13 @@ var MS = p.forwardRef((e, t) => {
 eh.displayName = Wo;
 var Aa = "ScrollAreaCorner", th = p.forwardRef(
   (e, t) => {
-    const n = qt(Aa, e.__scopeScrollArea), r = !!(n.scrollbarX && n.scrollbarY);
+    const n = Gt(Aa, e.__scopeScrollArea), r = !!(n.scrollbarX && n.scrollbarY);
     return n.type !== "scroll" && r ? /* @__PURE__ */ l.jsx(BS, { ...e, ref: t }) : null;
   }
 );
 th.displayName = Aa;
 var BS = p.forwardRef((e, t) => {
-  const { __scopeScrollArea: n, ...r } = e, o = qt(Aa, n), [s, i] = p.useState(0), [a, c] = p.useState(0), u = !!(s && a);
+  const { __scopeScrollArea: n, ...r } = e, o = Gt(Aa, n), [s, i] = p.useState(0), [a, c] = p.useState(0), u = !!(s && a);
   return dr(o.scrollbarX, () => {
     var f;
     const d = ((f = o.scrollbarX) == null ? void 0 : f.offsetHeight) || 0;
@@ -14379,8 +14372,8 @@ function fc({
     createThread: v,
     deleteThread: g,
     renameThread: x
-  } = Fi(), [w, y] = me(h ?? []), [R, S] = me(!1), [C, k] = me(null), [E, N] = me(null), [_, I] = me(""), [F, V] = me(!1);
-  ct(() => {
+  } = Fi(), [w, y] = me(h ?? []), [R, S] = me(!1), [C, k] = me(null), [E, I] = me(null), [_, N] = me(""), [F, V] = me(!1);
+  pt(() => {
     y(h ?? []);
   }, [h]);
   const P = async (M) => {
@@ -14407,16 +14400,16 @@ function fc({
         console.error("Failed to delete thread:", Re);
       }
   }, K = (M, Z) => {
-    Z.stopPropagation(), N(M.threadId), I(M.title || `Thread ${M.threadId.slice(0, 8)}`);
+    Z.stopPropagation(), I(M.threadId), N(M.title || `Thread ${M.threadId.slice(0, 8)}`);
   }, D = async (M) => {
     if (_.trim())
       try {
-        await x(M, _.trim()), N(null), I("");
+        await x(M, _.trim()), I(null), N("");
       } catch (Z) {
         console.error("Failed to update title:", Z);
       }
   }, O = () => {
-    N(null), I("");
+    I(null), N("");
   }, ie = (M, Z) => {
     M.key === "Enter" ? D(Z) : M.key === "Escape" && O();
   }, J = (M) => {
@@ -14457,7 +14450,7 @@ function fc({
             children: [
               /* @__PURE__ */ l.jsxs("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ l.jsx("div", { className: "flex-1 min-w-0", children: E === M.threadId ? /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", onClick: (Z) => Z.stopPropagation(), children: [
-                  /* @__PURE__ */ l.jsx(Uo, { value: _, onChange: (Z) => I(Z.target.value), onKeyDown: (Z) => ie(Z, M.threadId), className: "h-6 text-sm", autoFocus: !0 }),
+                  /* @__PURE__ */ l.jsx(Uo, { value: _, onChange: (Z) => N(Z.target.value), onKeyDown: (Z) => ie(Z, M.threadId), className: "h-6 text-sm", autoFocus: !0 }),
                   /* @__PURE__ */ l.jsx(We, { variant: "ghost", size: "sm", onClick: () => D(M.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ l.jsx(Mi, { size: 12 }) }),
                   /* @__PURE__ */ l.jsx(We, { variant: "ghost", size: "sm", onClick: O, className: "h-6 w-6 p-0", children: /* @__PURE__ */ l.jsx(rr, { size: 12 }) })
                 ] }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
@@ -14786,12 +14779,12 @@ var iC = [" ", "Enter", "ArrowUp", "ArrowDown"], aC = [" ", "Enter"], Vn = "Sele
     defaultProp: o ?? !1,
     onChange: s,
     caller: Vn
-  }), [N, _] = Hn({
+  }), [I, _] = Hn({
     prop: i,
     defaultProp: a,
     onChange: c,
     caller: Vn
-  }), I = p.useRef(null), F = g ? b || !!g.closest("form") : !0, [V, P] = p.useState(/* @__PURE__ */ new Set()), G = Array.from(V).map((W) => W.props.value).join(";");
+  }), N = p.useRef(null), F = g ? b || !!g.closest("form") : !0, [V, P] = p.useState(/* @__PURE__ */ new Set()), G = Array.from(V).map((W) => W.props.value).join(";");
   return /* @__PURE__ */ l.jsx(Hd, { ...v, children: /* @__PURE__ */ l.jsxs(
     cC,
     {
@@ -14804,12 +14797,12 @@ var iC = [" ", "Enter", "ArrowUp", "ArrowDown"], aC = [" ", "Enter"], Vn = "Sele
       valueNodeHasChildren: R,
       onValueNodeHasChildrenChange: S,
       contentId: ln(),
-      value: N,
+      value: I,
       onValueChange: _,
       open: k,
       onOpenChange: E,
       dir: C,
-      triggerPointerDownPosRef: I,
+      triggerPointerDownPosRef: N,
       disabled: h,
       children: [
         /* @__PURE__ */ l.jsx(ks.Provider, { scope: t, children: /* @__PURE__ */ l.jsx(
@@ -14836,12 +14829,12 @@ var iC = [" ", "Enter", "ArrowUp", "ArrowDown"], aC = [" ", "Enter"], Vn = "Sele
             tabIndex: -1,
             name: d,
             autoComplete: f,
-            value: N,
+            value: I,
             onChange: (W) => _(W.target.value),
             disabled: h,
             form: b,
             children: [
-              N === void 0 ? /* @__PURE__ */ l.jsx("option", { value: "" }) : null,
+              I === void 0 ? /* @__PURE__ */ l.jsx("option", { value: "" }) : null,
               Array.from(V)
             ]
           },
@@ -14938,7 +14931,7 @@ var Kn = "SelectContent", Ih = p.forwardRef(
   }
 );
 Ih.displayName = Kn;
-var Gt = 10, [Nh, An] = vr(Kn), pC = "SelectContentImpl", mC = lr("SelectContent.RemoveScroll"), Ah = p.forwardRef(
+var Yt = 10, [Nh, An] = vr(Kn), pC = "SelectContentImpl", mC = lr("SelectContent.RemoveScroll"), Ah = p.forwardRef(
   (e, t) => {
     const {
       __scopeSelect: n,
@@ -14960,7 +14953,7 @@ var Gt = 10, [Nh, An] = vr(Kn), pC = "SelectContentImpl", mC = lr("SelectContent
       avoidCollisions: g,
       //
       ...x
-    } = e, w = Nn(Kn, n), [y, R] = p.useState(null), [S, C] = p.useState(null), k = Me(t, (L) => R(L)), [E, N] = p.useState(null), [_, I] = p.useState(
+    } = e, w = Nn(Kn, n), [y, R] = p.useState(null), [S, C] = p.useState(null), k = Me(t, (L) => R(L)), [E, I] = p.useState(null), [_, N] = p.useState(
       null
     ), F = Es(n), [V, P] = p.useState(!1), G = p.useRef(!1);
     p.useEffect(() => {
@@ -15009,13 +15002,13 @@ var Gt = 10, [Nh, An] = vr(Kn), pC = "SelectContentImpl", mC = lr("SelectContent
     }), ee = p.useCallback(
       (L, j, H) => {
         const Q = !G.current && !H;
-        (w.value !== void 0 && w.value === j || Q) && (N(L), Q && (G.current = !0));
+        (w.value !== void 0 && w.value === j || Q) && (I(L), Q && (G.current = !0));
       },
       [w.value]
     ), M = p.useCallback(() => y == null ? void 0 : y.focus(), [y]), Z = p.useCallback(
       (L, j, H) => {
         const Q = !G.current && !H;
-        (w.value !== void 0 && w.value === j || Q) && I(L);
+        (w.value !== void 0 && w.value === j || Q) && N(L);
       },
       [w.value]
     ), Re = r === "popper" ? Ii : _h, fe = Re === Ii ? {
@@ -15112,28 +15105,28 @@ Ah.displayName = pC;
 var gC = "SelectItemAlignedPosition", _h = p.forwardRef((e, t) => {
   const { __scopeSelect: n, onPlaced: r, ...o } = e, s = Nn(Kn, n), i = An(Kn, n), [a, c] = p.useState(null), [u, d] = p.useState(null), f = Me(t, (k) => d(k)), h = Es(n), m = p.useRef(!1), b = p.useRef(!0), { viewport: v, selectedItem: g, selectedItemText: x, focusSelectedItem: w } = i, y = p.useCallback(() => {
     if (s.trigger && s.valueNode && a && u && v && g && x) {
-      const k = s.trigger.getBoundingClientRect(), E = u.getBoundingClientRect(), N = s.valueNode.getBoundingClientRect(), _ = x.getBoundingClientRect();
+      const k = s.trigger.getBoundingClientRect(), E = u.getBoundingClientRect(), I = s.valueNode.getBoundingClientRect(), _ = x.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const le = _.left - E.left, oe = N.left - le, $e = k.left - oe, De = k.width + $e, ve = Math.max(De, E.width), ke = window.innerWidth - Gt, Be = Ei(oe, [
-          Gt,
+        const le = _.left - E.left, oe = I.left - le, $e = k.left - oe, De = k.width + $e, ve = Math.max(De, E.width), ke = window.innerWidth - Yt, Be = Ei(oe, [
+          Yt,
           // 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(Gt, ke - ve)
+          Math.max(Yt, ke - ve)
         ]);
         a.style.minWidth = De + "px", a.style.left = Be + "px";
       } else {
-        const le = E.right - _.right, oe = window.innerWidth - N.right - le, $e = window.innerWidth - k.right - oe, De = k.width + $e, ve = Math.max(De, E.width), ke = window.innerWidth - Gt, Be = Ei(oe, [
-          Gt,
-          Math.max(Gt, ke - ve)
+        const le = E.right - _.right, oe = window.innerWidth - I.right - le, $e = window.innerWidth - k.right - oe, De = k.width + $e, ve = Math.max(De, E.width), ke = window.innerWidth - Yt, Be = Ei(oe, [
+          Yt,
+          Math.max(Yt, ke - ve)
         ]);
         a.style.minWidth = De + "px", a.style.right = Be + "px";
       }
-      const I = h(), F = window.innerHeight - Gt * 2, V = v.scrollHeight, P = window.getComputedStyle(u), G = parseInt(P.borderTopWidth, 10), W = parseInt(P.paddingTop, 10), K = parseInt(P.borderBottomWidth, 10), D = parseInt(P.paddingBottom, 10), O = G + W + V + D + K, ie = Math.min(g.offsetHeight * 5, O), J = window.getComputedStyle(v), ee = parseInt(J.paddingTop, 10), M = parseInt(J.paddingBottom, 10), Z = k.top + k.height / 2 - Gt, Re = F - Z, fe = g.offsetHeight / 2, L = g.offsetTop + fe, j = G + W + L, H = O - j;
+      const N = h(), F = window.innerHeight - Yt * 2, V = v.scrollHeight, P = window.getComputedStyle(u), G = parseInt(P.borderTopWidth, 10), W = parseInt(P.paddingTop, 10), K = parseInt(P.borderBottomWidth, 10), D = parseInt(P.paddingBottom, 10), O = G + W + V + D + K, ie = Math.min(g.offsetHeight * 5, O), J = window.getComputedStyle(v), ee = parseInt(J.paddingTop, 10), M = parseInt(J.paddingBottom, 10), Z = k.top + k.height / 2 - Yt, Re = F - Z, fe = g.offsetHeight / 2, L = g.offsetTop + fe, j = G + W + L, H = O - j;
       if (j <= Z) {
-        const le = I.length > 0 && g === I[I.length - 1].ref.current;
+        const le = N.length > 0 && g === N[N.length - 1].ref.current;
         a.style.bottom = "0px";
         const oe = u.clientHeight - v.offsetTop - v.offsetHeight, $e = Math.max(
           Re,
@@ -15142,7 +15135,7 @@ var gC = "SelectItemAlignedPosition", _h = p.forwardRef((e, t) => {
         ), De = j + $e;
         a.style.height = De + "px";
       } else {
-        const le = I.length > 0 && g === I[0].ref.current;
+        const le = N.length > 0 && g === N[0].ref.current;
         a.style.top = "0px";
         const $e = Math.max(
           Z,
@@ -15151,7 +15144,7 @@ var gC = "SelectItemAlignedPosition", _h = p.forwardRef((e, t) => {
         ) + H;
         a.style.height = $e + "px", v.scrollTop = j - Z + v.offsetTop;
       }
-      a.style.margin = `${Gt}px 0`, a.style.minHeight = ie + "px", a.style.maxHeight = F + "px", r == null || r(), requestAnimationFrame(() => m.current = !0);
+      a.style.margin = `${Yt}px 0`, a.style.minHeight = ie + "px", a.style.maxHeight = F + "px", r == null || r(), requestAnimationFrame(() => m.current = !0);
     }
   }, [
     h,
@@ -15218,7 +15211,7 @@ var xC = "SelectPopperPosition", Ii = p.forwardRef((e, t) => {
   const {
     __scopeSelect: n,
     align: r = "start",
-    collisionPadding: o = Gt,
+    collisionPadding: o = Yt,
     ...s
   } = e, i = Is(n);
   return /* @__PURE__ */ l.jsx(
@@ -15281,7 +15274,7 @@ var [vC, _a] = vr(Kn, {}), Ni = "SelectViewport", jh = p.forwardRef(
             if (h != null && h.current && f) {
               const m = Math.abs(c.current - d.scrollTop);
               if (m > 0) {
-                const b = window.innerHeight - Gt * 2, v = parseFloat(f.style.minHeight), g = parseFloat(f.style.height), x = Math.max(v, g);
+                const b = window.innerHeight - Yt * 2, v = parseFloat(f.style.minHeight), g = parseFloat(f.style.height), x = Math.max(v, g);
                 if (x < b) {
                   const w = x + m, y = Math.min(b, w), R = w - y;
                   f.style.height = y + "px", f.style.bottom === "0px" && (d.scrollTop = R > 0 ? R : 0, f.style.justifyContent = "flex-end");
@@ -15857,10 +15850,10 @@ const VC = {
 };
 function IT({ settings: e, onSettingsChange: t, className: n = "" }) {
   const [r, o] = me(!1), [s, i] = me(!1), [a, c] = me(e), [u, d] = me(!1), { toast: f } = oa();
-  ct(() => {
+  pt(() => {
     const g = JSON.stringify(a) !== JSON.stringify(e);
     d(g);
-  }, [a, e]), ct(() => {
+  }, [a, e]), pt(() => {
     c(e);
   }, [e]);
   const h = () => {