teodor-new-chat-ui 3.0.146 → 3.0.148

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as f from "react";
-import q, { useState as ue, useRef as Ke, useCallback as Ue, useEffect as Ze, useReducer as $p, useMemo as ln, createContext as Sl, useContext as Cl, createElement as go, useLayoutEffect as Hp } from "react";
+import q, { useState as ue, useRef as We, useCallback as Ue, useEffect as Xe, useReducer as $p, useMemo as mn, createContext as Sl, useContext as Cl, createElement as go, useLayoutEffect as Hp } from "react";
 import { Square as zp, Send as Up, X as er, ExternalLink as Wp, Download as Vp, Image as Tl, FileText as Ya, Loader as Gp, ChevronUp as Cr, ChevronDown as Qn, Copy as qa, Edit as Xa, RotateCcw as ci, Bot as Ja, Wrench as Kp, User as Yp, Paperclip as li, ChevronRight as qp, Check as Wi, Circle as Xp, Edit3 as Rl, Loader2 as Jp, Plus as Zp, FileSpreadsheet as Qp, MessageSquarePlus as em, MessageSquare as tm, Calendar as nm, Trash2 as rm, PanelLeft as om, Settings as sm, Server as im, EyeOff as am, Eye as cm, Layout as lm, MessageCircle as um, Save as dm } from "lucide-react";
 import { Slot as ur, createSlot as sr, createSlottable as fm } from "@radix-ui/react-slot";
 import { cva as Wr } from "class-variance-authority";
@@ -133,18 +133,18 @@ function gm() {
         }
       return null;
     }
-    var _ = Object.assign, Y = 0, U, oe, O, D, K, W, ee;
-    function L() {
+    var _ = Object.assign, Y = 0, U, oe, O, L, K, W, ee;
+    function M() {
     }
-    L.__reactDisabledLog = !0;
+    M.__reactDisabledLog = !0;
     function Z() {
       {
         if (Y === 0) {
-          U = console.log, oe = console.info, O = console.warn, D = console.error, K = console.group, W = console.groupCollapsed, ee = console.groupEnd;
+          U = console.log, oe = console.info, O = console.warn, L = console.error, K = console.group, W = console.groupCollapsed, ee = console.groupEnd;
           var T = {
             configurable: !0,
             enumerable: !0,
-            value: L,
+            value: M,
             writable: !0
           };
           Object.defineProperties(console, {
@@ -179,7 +179,7 @@ function gm() {
               value: O
             }),
             error: _({}, T, {
-              value: D
+              value: L
             }),
             group: _({}, T, {
               value: K
@@ -264,18 +264,18 @@ function gm() {
         if (bt && xe && typeof bt.stack == "string") {
           for (var Ie = bt.stack.split(`
 `), mt = xe.stack.split(`
-`), Xe = Ie.length - 1, tt = mt.length - 1; Xe >= 1 && tt >= 0 && Ie[Xe] !== mt[tt]; )
+`), Je = Ie.length - 1, tt = mt.length - 1; Je >= 1 && tt >= 0 && Ie[Je] !== mt[tt]; )
             tt--;
-          for (; Xe >= 1 && tt >= 0; Xe--, tt--)
-            if (Ie[Xe] !== mt[tt]) {
-              if (Xe !== 1 || tt !== 1)
+          for (; Je >= 1 && tt >= 0; Je--, tt--)
+            if (Ie[Je] !== mt[tt]) {
+              if (Je !== 1 || tt !== 1)
                 do
-                  if (Xe--, tt--, tt < 0 || Ie[Xe] !== mt[tt]) {
+                  if (Je--, tt--, tt < 0 || Ie[Je] !== mt[tt]) {
                     var kt = `
-` + Ie[Xe].replace(" at new ", " at ");
+` + Ie[Je].replace(" at new ", " at ");
                     return T.displayName && kt.includes("<anonymous>") && (kt = kt.replace("<anonymous>", T.displayName)), typeof T == "function" && J.set(T, kt), kt;
                   }
-                while (Xe >= 1 && tt >= 0);
+                while (Je >= 1 && tt >= 0);
               break;
             }
         }
@@ -341,8 +341,8 @@ function gm() {
                 throw mt.name = "Invariant Violation", mt;
               }
               Ie = T[Pe](z, Pe, xe, ne, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (Xe) {
-              Ie = Xe;
+            } catch (Je) {
+              Ie = Je;
             }
             Ie && !(Ie instanceof Error) && (fe(Le), b("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", xe || "React class", ne, Pe, typeof Ie), fe(null)), Ie instanceof Error && !(Ie.message in Ne) && (Ne[Ie.message] = !0, fe(Le), b("Failed %s type: %s", ne, Ie.message), fe(null));
           }
@@ -455,9 +455,9 @@ function gm() {
         for (He in z)
           ie.call(z, He) && !ae.hasOwnProperty(He) && (Pe[He] = z[He]);
         if (T && T.defaultProps) {
-          var Xe = T.defaultProps;
-          for (He in Xe)
-            Pe[He] === void 0 && (Pe[He] = Xe[He]);
+          var Je = T.defaultProps;
+          for (He in Je)
+            Pe[He] === void 0 && (Pe[He] = Je[He]);
         }
         if (Ie || mt) {
           var tt = typeof T == "function" ? T.displayName || T.name || "Unknown" : T;
@@ -474,8 +474,8 @@ function gm() {
       } else
         cn.setExtraStackFrame(null);
     }
-    var hn;
-    hn = !1;
+    var fn;
+    fn = !1;
     function te(T) {
       return typeof T == "object" && T !== null && T.$$typeof === t;
     }
@@ -556,8 +556,8 @@ Check the top-level render call using <` + ne + ">.");
         if (ne) {
           var xe = G(z);
           Te(ne, T.props, "prop", xe, T);
-        } else if (z.PropTypes !== void 0 && !hn) {
-          hn = !0;
+        } else if (z.PropTypes !== void 0 && !fn) {
+          fn = !0;
           var Le = G(z);
           b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Le || "Unknown");
         }
@@ -585,8 +585,8 @@ Check the top-level render call using <` + ne + ">.");
           (T === void 0 || typeof T == "object" && T !== null && Object.keys(T).length === 0) && (Ie += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
           var mt = Oe();
           mt ? Ie += mt : Ie += le();
-          var Xe;
-          T === null ? Xe = "null" : st(T) ? Xe = "array" : T !== void 0 && T.$$typeof === t ? (Xe = "<" + (G(T.type) || "Unknown") + " />", Ie = " Did you accidentally export a JSX literal instead of a component?") : Xe = typeof T, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Xe, Ie);
+          var Je;
+          T === null ? Je = "null" : st(T) ? Je = "array" : T !== void 0 && T.$$typeof === t ? (Je = "<" + (G(T.type) || "Unknown") + " />", Ie = " Did you accidentally export a JSX literal instead of a component?") : Je = typeof T, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", Je, Ie);
         }
         var tt = ct(T, z, ne, Le, He);
         if (tt == null)
@@ -1879,11 +1879,11 @@ const Vl = (e) => {
           duplex: "half"
         }), ee;
         if (k.isFormData(g) && (ee = W.headers.get("content-type")) && N.setContentType(ee), W.body) {
-          const [L, Z] = sc(
+          const [M, Z] = sc(
             Y,
             Mo(ic(C))
           );
-          g = cc(W.body, lc, L, Z);
+          g = cc(W.body, lc, M, Z);
         }
       }
       k.isString(I) || (I = I ? "include" : "omit");
@@ -1898,18 +1898,18 @@ const Vl = (e) => {
       };
       G = s && new n(v, oe);
       let O = await (s ? P(G, j) : P(v, oe));
-      const D = d && (E === "stream" || E === "response");
-      if (d && (S || D && _)) {
+      const L = d && (E === "stream" || E === "response");
+      if (d && (S || L && _)) {
         const W = {};
         ["status", "statusText", "headers"].forEach((pe) => {
           W[pe] = O[pe];
         });
-        const ee = k.toFiniteNumber(O.headers.get("content-length")), [L, Z] = S && sc(
+        const ee = k.toFiniteNumber(O.headers.get("content-length")), [M, Z] = S && sc(
           ee,
           Mo(ic(S), !0)
         ) || [];
         O = new r(
-          cc(O.body, lc, L, () => {
+          cc(O.body, lc, M, () => {
             Z && Z(), _ && _();
           }),
           W
@@ -1917,7 +1917,7 @@ const Vl = (e) => {
       }
       E = E || "text";
       let K = await h[k.findKey(h, E) || "text"](O, x);
-      return !D && _ && _(), await new Promise((W, ee) => {
+      return !L && _ && _(), await new Promise((W, ee) => {
         Ul(W, ee, {
           data: K,
           headers: yt.from(O.headers),
@@ -2519,7 +2519,7 @@ class Xg {
 }
 const Mn = new Xg();
 function Jg(e = {}) {
-  const t = e.baseUrl ?? "/api/chat", n = e.streamPath ?? "/runs/stream", [r, o] = ue(e.token ?? null), s = Ke(e.headers ?? {}), [i, a] = ue(!1), [l, u] = ue(null), [d, h] = ue(""), [m, w] = ue(null), [x, v] = ue(0), [p, g] = ue(!1), b = Ke(null), y = Ke(0), R = Ue((N) => {
+  const t = e.baseUrl ?? "/api/chat", n = e.streamPath ?? "/runs/stream", [r, o] = ue(e.token ?? null), s = We(e.headers ?? {}), [i, a] = ue(!1), [l, u] = ue(null), [d, h] = ue(""), [m, w] = ue(null), [x, v] = ue(0), [p, g] = ue(!1), b = We(null), y = We(0), R = Ue((N) => {
     o(N);
   }, []), S = Ue(() => {
     var N;
@@ -2531,7 +2531,7 @@ function Jg(e = {}) {
       b.current && (b.current.abort(), b.current = null), a(!0), u(null), e.autoAppendAssistant !== !1 && h("");
       const P = new AbortController();
       return b.current = P, (async () => {
-        var _, Y, U, oe, O, D;
+        var _, Y, U, oe, O, L;
         const B = (() => {
           var K;
           try {
@@ -2543,9 +2543,9 @@ function Jg(e = {}) {
           var W;
           try {
             const ee = JSON.parse(JSON.stringify(K));
-            return (W = ee == null ? void 0 : ee.payload) != null && W.files_info && Array.isArray(ee.payload.files_info) && (ee.payload.files_info = ee.payload.files_info.map((L) => ({
-              ...L,
-              data: L != null && L.data ? `<base64 ${String(L.data).length} chars>` : L == null ? void 0 : L.data
+            return (W = ee == null ? void 0 : ee.payload) != null && W.files_info && Array.isArray(ee.payload.files_info) && (ee.payload.files_info = ee.payload.files_info.map((M) => ({
+              ...M,
+              data: M != null && M.data ? `<base64 ${String(M.data).length} chars>` : M == null ? void 0 : M.data
             }))), ee;
           } catch {
             return K;
@@ -2586,15 +2586,15 @@ function Jg(e = {}) {
             throw B && console.debug("[use-chat] non-OK response", W.status, pe == null ? void 0 : pe.slice(0, 500)), new Error(`stream ${W.status}${pe ? ": " + pe : ""}`);
           }
           g(!0);
-          let ee = null, L = null, Z = null;
+          let ee = null, M = null, Z = null;
           try {
             const pe = W.headers.get("X-Thread-Id") || W.headers.get("x-thread-id"), he = W.headers.get("X-Thread-Created") || W.headers.get("x-thread-created"), F = pe ?? null, A = String(he ?? "").toLowerCase() === "true";
-            (oe = j == null ? void 0 : j.onOpen) == null || oe.call(j, { threadId: F, created: A }), ee = W.body.getReader(), L = new TextDecoder();
+            (oe = j == null ? void 0 : j.onOpen) == null || oe.call(j, { threadId: F, created: A }), ee = W.body.getReader(), M = new TextDecoder();
             let H = "", J = "", ce = y.current;
             for (; ; ) {
               const { value: se, done: Ae } = await ee.read();
               if (Ae) break;
-              H += L.decode(se, { stream: !0 });
+              H += M.decode(se, { stream: !0 });
               let _e;
               for (; (_e = H.indexOf(`
 
@@ -2645,7 +2645,7 @@ function Jg(e = {}) {
         } catch (K) {
           if ((K == null ? void 0 : K.name) === "AbortError") return;
           const W = (K == null ? void 0 : K.message) || String(K);
-          B && console.debug("[use-chat] connection error:", W), u(W), (D = j == null ? void 0 : j.onError) == null || D.call(j, W);
+          B && console.debug("[use-chat] connection error:", W), u(W), (L = j == null ? void 0 : j.onError) == null || L.call(j, W);
         } finally {
           a(!1), g(!1), b.current = null;
         }
@@ -2653,7 +2653,7 @@ function Jg(e = {}) {
     },
     [t, r, e.autoAppendAssistant]
   );
-  return Ze(() => () => {
+  return Xe(() => () => {
     var N;
     return (N = b.current) == null ? void 0 : N.abort();
   }, []), {
@@ -2742,7 +2742,7 @@ function tv(e, t) {
   }
 }
 function nv(e = []) {
-  const [t, n] = $p(tv, { ...ev, messages: e }), r = Ke([]), o = Ke(null), s = Ke(null), i = Ue(() => {
+  const [t, n] = $p(tv, { ...ev, messages: e }), r = We([]), o = We(null), s = We(null), i = Ue(() => {
     o.current !== null && typeof window < "u" && window.cancelAnimationFrame(o.current), s.current !== null && clearTimeout(s.current), o.current = null, s.current = null;
     const d = r.current;
     d.length && (r.current = [], n({ type: "batch", payload: { events: d } }));
@@ -2751,10 +2751,10 @@ function nv(e = []) {
   }, [i]), l = Ue((d) => {
     r.current.push(d), a();
   }, [a]);
-  Ze(() => () => {
+  Xe(() => () => {
     o.current !== null && typeof window < "u" && window.cancelAnimationFrame(o.current), s.current !== null && clearTimeout(s.current), r.current = [];
   }, []);
-  const u = ln(() => ({
+  const u = mn(() => ({
     reset: (d) => n({ type: "reset", payload: { messages: d } }),
     seed: (d, h) => n({ type: "seed", payload: { messages: d, ...h ?? {} } }),
     prepend: (d) => n({ type: "prepend", payload: { messages: d } }),
@@ -2935,7 +2935,7 @@ async function uv(e, t = [], n, r, o, s) {
 const Jl = Sl(null);
 function wo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialThreadId: o = null, autoLoadInitial: s = !0, enableFileAgentRouting: i = !1, fileAgentId: a = "invoice_reader" }) {
   const l = Mn;
-  Ze(() => {
+  Xe(() => {
     t && l.updateConfig({
       baseUrl: t.baseUrl,
       authToken: t.apiKey
@@ -2950,7 +2950,7 @@ function wo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     // Ensure the path matches the chat endpoint
     streamPath: "/chat/runs/stream"
   }), [x, v] = ue(() => typeof l.getAuthToken == "function" ? l.getAuthToken() : null);
-  Ze(() => {
+  Xe(() => {
     w(typeof l.getAuthToken == "function" ? l.getAuthToken() : null);
     const V = l.onTokenChange((ae) => {
       v(ae), w(ae);
@@ -2961,9 +2961,9 @@ function wo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }, [l, w]);
   const p = Ue((V) => {
     l.setAuthToken(V);
-  }, [l]), { state: g, seed: b, prepend: y, pushUser: R, onEvent: S, reset: C } = nv(), E = 20, [N, I] = ue(!1), [j, P] = ue(!1), [B, G] = ue(null), [_, Y] = ue(void 0), [U, oe] = ue(void 0), [O, D] = ue(!1), K = Ke(!1), W = Ke([]), ee = Ue((V) => {
+  }, [l]), { state: g, seed: b, prepend: y, pushUser: R, onEvent: S, reset: C } = nv(), E = 20, [N, I] = ue(!1), [j, P] = ue(!1), [B, G] = ue(null), [_, Y] = ue(void 0), [U, oe] = ue(void 0), [O, L] = ue(!1), K = We(!1), W = We([]), ee = Ue((V) => {
     V.cursor !== void 0 && G(V.cursor), V.hasMore !== void 0 && I(V.hasMore), V.checkpointId !== void 0 && Y(V.checkpointId), V.checkpointNs !== void 0 && oe(V.checkpointNs);
-  }, []), L = Ue((V, ae) => new Promise(($e, rt) => {
+  }, []), M = Ue((V, ae) => new Promise(($e, rt) => {
     const we = async () => {
       if (K.current) {
         console.warn(`[ChatProvider] Operation "${ae}" queued - another operation in progress`), W.current.push(we);
@@ -3038,7 +3038,7 @@ function wo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     },
     [l.baseUrl]
   );
-  Ze(() => {
+  Xe(() => {
     let V = !0;
     if (!l.baseUrl) {
       console.debug("[ChatProvider] skipping initial refreshThreads: api.baseUrl not configured");
@@ -3055,11 +3055,11 @@ function wo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     })(), () => {
       V = !1;
     };
-  }, [H, l.baseUrl, se]), Ze(() => {
+  }, [H, l.baseUrl, se]), Xe(() => {
     r == null || r(F);
   }, [F, r]);
-  const Ae = Ke(null);
-  Ze(() => {
+  const Ae = We(null);
+  Xe(() => {
     if (o && s) {
       if (!l.baseUrl) {
         console.debug("[ChatProvider] skipping initial load: api.baseUrl not configured");
@@ -3073,9 +3073,9 @@ function wo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       }));
     }
   }, [o, s, l.baseUrl, J]);
-  const _e = Ke(null), je = Ke(null), ie = Ue(
+  const _e = We(null), je = We(null), ie = Ue(
     async (V, ae, $e) => {
-      await L(async () => {
+      await M(async () => {
         if (!l.baseUrl) {
           console.debug("[ChatProvider] skipping loadThread: api.baseUrl not configured");
           return;
@@ -3084,22 +3084,20 @@ function wo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
           console.warn(`[ChatProvider] Thread load cancelled - another thread (${_e.current}) is loading`);
           return;
         }
-        je.current !== null && je.current !== V && console.log(`[ChatProvider] Thread switch detected: ${je.current} -> ${V}`), _e.current = V, je.current = V;
+        je.current !== null && je.current !== V && (console.log(`[ChatProvider] Thread switch detected: ${je.current} -> ${V}`), b([], { checkpointId: null, checkpointNs: null })), _e.current = V, je.current = V;
         try {
           ee({
             cursor: null,
             hasMore: !1,
             checkpointId: void 0,
             checkpointNs: void 0
-          });
+          }), A(V);
           const we = await l.getMessages({
             threadId: V,
             checkpointId: ae,
             checkpointNs: $e,
             limit: E
-          });
-          A(V);
-          const qe = Array.isArray(we == null ? void 0 : we.messages) ? we.messages : [];
+          }), qe = Array.isArray(we == null ? void 0 : we.messages) ? we.messages : [];
           console.log("[ChatProvider] Loading thread with", qe.length, "messages"), b(qe, {
             checkpointId: (we == null ? void 0 : we.checkpointId) ?? null,
             checkpointNs: (we == null ? void 0 : we.checkpointNs) ?? null
@@ -3109,12 +3107,12 @@ function wo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
         }
       }, `loadThread-${V}`);
     },
-    [l, L, ee, b]
+    [l, M, ee, b]
   ), Ne = Ue(async (V) => {
     const ae = await l.listCheckpoints(V);
     return cv(ae, V);
   }, [l]), Ce = Ue(async (V, ae) => {
-    await L(async () => {
+    await M(async () => {
       if (!F) throw new Error("No active thread");
       ee({
         cursor: null,
@@ -3130,20 +3128,20 @@ function wo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       });
       Z($e, "replace");
     }, `navigateToCheckpoint-${V}`);
-  }, [l, F, Z, L, ee]), fe = Ue(async () => {
+  }, [l, F, Z, M, ee]), fe = Ue(async () => {
     if (!F) throw new Error("No active thread");
     await ie(F);
-  }, [F, ie]), Te = Ke(!1);
-  Ze(() => {
+  }, [F, ie]), Te = We(!1);
+  Xe(() => {
     const V = Te.current;
-    Te.current = u, V && !u && F && L(async () => {
+    Te.current = u, V && !u && F && M(async () => {
       try {
         await H();
       } catch (ae) {
         console.warn("[ChatProvider] Post-streaming thread refresh failed:", ae);
       }
     }, "postStreamingRefresh");
-  }, [u, F, l, Z, H, L]);
+  }, [u, F, l, Z, H, M]);
   const Be = Ue(async (V) => {
     const ae = await l.createThread(V);
     return await H(), await ie(ae.threadId), ae.threadId;
@@ -3152,56 +3150,58 @@ function wo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }, [l, H, F, C]), et = Ue(async (V, ae) => {
     await l.updateThread(V, ae), await H();
   }, [l, H]), xt = Ue(async (V, ae) => {
-    var hn;
-    const $e = (ae == null ? void 0 : ae.attachments) || [], { contentParts: rt, filesInfo: we } = await uv(
-      l,
-      $e,
-      t == null ? void 0 : t.uploadPath
-    ), qe = [];
-    V && V.trim() && qe.push({ type: "text", text: V.trim() });
-    const jt = {
-      id: ((hn = crypto.randomUUID) == null ? void 0 : hn.call(crypto)) || `user-${Date.now()}`,
-      role: "user",
-      content: qe,
-      // ← No empty text parts
-      createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-      checkpointId: (ae == null ? void 0 : ae.checkpointId) ?? g.lastCheckpointId ?? void 0,
-      checkpointNs: (ae == null ? void 0 : ae.checkpointNs) ?? g.lastCheckpointNs ?? void 0
-    };
-    R(jt);
-    const En = {
-      ...jt,
-      // No need to filter - messageContent already only contains text
-      content: qe
-      // ← Clean content without empty parts
-    }, ut = { ...(ae == null ? void 0 : ae.payloadExtras) ?? {} }, Tt = !!ut.edit, ct = ut.originalMessageId, pt = typeof ct == "string" ? ct : void 0, cn = $e && $e.length > 0, Yt = {
-      ...F ? { threadId: F } : {},
-      payload: {
-        messages: [En],
-        // Remove attachments array since we're not including file parts in message content
-        files_info: we,
-        ...i && cn && a ? { active_agent: a } : {},
-        ...ut
-      },
-      checkpointId: (ae == null ? void 0 : ae.checkpointId) ?? g.lastCheckpointId ?? void 0,
-      checkpointNs: (ae == null ? void 0 : ae.checkpointNs) ?? g.lastCheckpointNs ?? void 0,
-      nodeFilter: ae == null ? void 0 : ae.nodeFilter,
-      config: ae == null ? void 0 : ae.config,
-      edit: Tt,
-      originalMessageId: pt
-    };
-    h(
-      Yt,
-      (te) => S(te),
-      {
-        onError: (te) => console.warn("stream error", te),
-        onOpen: ({ threadId: te, created: le }) => {
-          !F && te && (A(te), le && H().catch(() => {
-          }));
+    await M(async () => {
+      var fn;
+      const $e = (ae == null ? void 0 : ae.attachments) || [], { contentParts: rt, filesInfo: we } = await uv(
+        l,
+        $e,
+        t == null ? void 0 : t.uploadPath
+      ), qe = [];
+      V && V.trim() && qe.push({ type: "text", text: V.trim() });
+      const jt = {
+        id: ((fn = crypto.randomUUID) == null ? void 0 : fn.call(crypto)) || `user-${Date.now()}`,
+        role: "user",
+        content: qe,
+        // ← No empty text parts
+        createdAt: (/* @__PURE__ */ new Date()).toISOString(),
+        checkpointId: (ae == null ? void 0 : ae.checkpointId) ?? g.lastCheckpointId ?? void 0,
+        checkpointNs: (ae == null ? void 0 : ae.checkpointNs) ?? g.lastCheckpointNs ?? void 0
+      };
+      R(jt);
+      const En = {
+        ...jt,
+        // No need to filter - messageContent already only contains text
+        content: qe
+        // ← Clean content without empty parts
+      }, ut = { ...(ae == null ? void 0 : ae.payloadExtras) ?? {} }, Tt = !!ut.edit, ct = ut.originalMessageId, pt = typeof ct == "string" ? ct : void 0, cn = $e && $e.length > 0, Yt = {
+        ...F ? { threadId: F } : {},
+        payload: {
+          messages: [En],
+          // Remove attachments array since we're not including file parts in message content
+          files_info: we,
+          ...i && cn && a ? { active_agent: a } : {},
+          ...ut
+        },
+        checkpointId: (ae == null ? void 0 : ae.checkpointId) ?? g.lastCheckpointId ?? void 0,
+        checkpointNs: (ae == null ? void 0 : ae.checkpointNs) ?? g.lastCheckpointNs ?? void 0,
+        nodeFilter: ae == null ? void 0 : ae.nodeFilter,
+        config: ae == null ? void 0 : ae.config,
+        edit: Tt,
+        originalMessageId: pt
+      };
+      h(
+        Yt,
+        (te) => S(te),
+        {
+          onError: (te) => console.warn("stream error", te),
+          onOpen: ({ threadId: te, created: le }) => {
+            !F && te && (A(te), le && H().catch(() => {
+            }));
+          }
         }
-      }
-    );
-  }, [F, R, h, S, g.lastCheckpointId, g.lastCheckpointNs, l, t == null ? void 0 : t.uploadPath, H, A, i, a]), at = Ue(
+      );
+    }, "send");
+  }, [F, R, h, S, g.lastCheckpointId, g.lastCheckpointNs, l, t == null ? void 0 : t.uploadPath, H, A, i, a, M]), at = Ue(
     async (V) => {
       if (!F) throw new Error("No active thread");
       if (j || !N) return;
@@ -3261,7 +3261,7 @@ function Yi() {
   if (!e) throw new Error("useChat must be used within ChatProvider");
   return e;
 }
-function M(...e) {
+function D(...e) {
   return pm(hm(e));
 }
 const dv = Wr(
@@ -3294,7 +3294,7 @@ const dv = Wr(
     return /* @__PURE__ */ c.jsx(
       i,
       {
-        className: M(dv({ variant: t, size: n, className: e })),
+        className: D(dv({ variant: t, size: n, className: e })),
         ref: s,
         ...o
       }
@@ -3306,7 +3306,7 @@ const Zl = f.forwardRef(
   ({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
     "textarea",
     {
-      className: M(
+      className: D(
         "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         e
       ),
@@ -3441,7 +3441,7 @@ function ss(e, t) {
 function vv(e, t) {
   return t(e);
 }
-function Ve(...e) {
+function Ge(...e) {
   return e;
 }
 function Fe(e, t) {
@@ -3453,7 +3453,7 @@ function Se(e, t) {
 function Xi(e) {
   e(hr);
 }
-function Je(e) {
+function Ze(e) {
   return e(Ql);
 }
 function de(e, t) {
@@ -3476,7 +3476,7 @@ function Sc(e) {
 function tu(e, t) {
   return e === t;
 }
-function We(e = tu) {
+function Ve(e = tu) {
   let t;
   return (n) => (r) => {
     e(t, r) || (t = r, n(r));
@@ -3517,7 +3517,7 @@ function Dn(e) {
     e > 0 ? e-- : t(n);
   };
 }
-function un(e) {
+function ln(e) {
   let t = null, n;
   return (r) => (o) => {
     t = o, !n && (n = setTimeout(() => {
@@ -3641,7 +3641,7 @@ function nt(...e) {
   };
 }
 function me(e, t = tu) {
-  return $(e, We(t));
+  return $(e, Ve(t));
 }
 function xi(...e) {
   return function(t, n) {
@@ -3668,7 +3668,7 @@ const Sv = {
     return {
       log: X((t, n, r = 1) => {
         var o;
-        const s = (o = Cv().VIRTUOSO_LOG_LEVEL) != null ? o : Je(e);
+        const s = (o = Cv().VIRTUOSO_LOG_LEVEL) != null ? o : Ze(e);
         r >= s && console[Sv[r]](
           "%creact-virtuoso: %c%s %o",
           "color: #0253b3; font-weight: bold",
@@ -4138,12 +4138,12 @@ const Lv = {
 }, rn = Me(
   ([{ log: e }, { recalcInProgress: t }]) => {
     const n = ke(), r = ke(), o = ht(r, 0), s = ke(), i = ke(), a = X(0), l = X([]), u = X(void 0), d = X(void 0), h = X((S, C) => vn(S, Lv[C])), m = X(void 0), w = X(0), x = Iv(), v = ht(
-      $(n, Re(l, e, w), Qt(_v, x), We()),
+      $(n, Re(l, e, w), Qt(_v, x), Ve()),
       x
     ), p = ht(
       $(
         l,
-        We(),
+        Ve(),
         Qt((S, C) => ({ current: C, prev: S.current }), {
           current: [],
           prev: []
@@ -4192,7 +4192,7 @@ const Lv = {
     de(
       $(
         d,
-        ge((S) => S !== void 0 && ze(Je(v).sizeTree)),
+        ge((S) => S !== void 0 && ze(Ze(v).sizeTree)),
         re((S) => [{ endIndex: 0, size: S, startIndex: 0 }])
       ),
       n
@@ -4221,11 +4221,11 @@ const Lv = {
         re((S) => S.diff)
       ),
       (S) => {
-        const { groupIndices: C } = Je(v);
+        const { groupIndices: C } = Ze(v);
         if (S > 0)
           Se(t, !0), Se(s, S + Rc(S, C));
         else if (S < 0) {
-          const E = Je(p);
+          const E = Ze(p);
           E.length > 0 && (S -= Rc(-S, E)), Se(i, S);
         }
       }
@@ -4317,7 +4317,7 @@ const Lv = {
             if (ze(C.sizeTree))
               return C;
             let N = tr();
-            const I = Je(p);
+            const I = Ze(p);
             let j = 0, P = 0, B = 0;
             for (; j < -S; ) {
               B = I[P];
@@ -4368,7 +4368,7 @@ const Lv = {
       unshiftWith: s
     };
   },
-  Ve(Sn, Zi),
+  Ge(Sn, Zi),
   { singleton: !0 }
 );
 function Fv(e) {
@@ -4400,27 +4400,27 @@ const fu = Me(
         nt(o, t, r),
         ge(([l, u]) => as(u)),
         re(([l, u, d]) => zt(u.groupOffsetTree, Math.max(l - d, 0), "v")[0]),
-        We(),
+        Ve(),
         re((l) => [l])
       ),
       i
     ), { groupCounts: s, topItemsIndexes: i };
   },
-  Ve(rn, gt)
+  Ge(rn, gt)
 ), Cn = Me(
   ([{ log: e }]) => {
     const t = X(!1), n = Nt(
       $(
         t,
         ge((r) => r),
-        We()
+        Ve()
       )
     );
     return Fe(t, (r) => {
-      r && Je(e)("props updated", {}, St.DEBUG);
+      r && Ze(e)("props updated", {}, St.DEBUG);
     }), { didMount: n, propsReady: t };
   },
-  Ve(Sn),
+  Ge(Sn),
   { singleton: !0 }
 ), Bv = typeof document < "u" && "scrollBehavior" in document.documentElement.style;
 function hu(e) {
@@ -4459,18 +4459,18 @@ const qr = Me(
             G,
             _
           ]) => {
-            const Y = hu(R), { align: U, behavior: oe, offset: O } = Y, D = E - 1, K = du(Y, S, D);
+            const Y = hu(R), { align: U, behavior: oe, offset: O } = Y, L = E - 1, K = du(Y, S, L);
             let W = Dr(K, S.offsetTree, B) + I;
-            U === "end" ? (W += G + zt(S.sizeTree, K)[1] - C + _, K === D && (W += j)) : U === "center" ? W += (G + zt(S.sizeTree, K)[1] - C + _) / 2 : W -= N, O && (W += O);
-            const ee = (L) => {
-              y(), L ? (P("retrying to scroll to", { location: R }, St.DEBUG), Se(w, R)) : (Se(x, !0), P("list did not change, scroll successful", {}, St.DEBUG));
+            U === "end" ? (W += G + zt(S.sizeTree, K)[1] - C + _, K === L && (W += j)) : U === "center" ? W += (G + zt(S.sizeTree, K)[1] - C + _) / 2 : W -= N, O && (W += O);
+            const ee = (M) => {
+              y(), M ? (P("retrying to scroll to", { location: R }, St.DEBUG), Se(w, R)) : (Se(x, !0), P("list did not change, scroll successful", {}, St.DEBUG));
             };
             if (y(), oe === "smooth") {
-              let L = !1;
+              let M = !1;
               b = Fe(t, (Z) => {
-                L = L || Z;
+                M = M || Z;
               }), p = $t(d, () => {
-                ee(L);
+                ee(M);
               });
             } else
               p = $t($(t, $v(150)), ee);
@@ -4487,7 +4487,7 @@ const qr = Me(
       topListHeight: v
     };
   },
-  Ve(rn, gt, Sn),
+  Ge(rn, gt, Sn),
   { singleton: !0 }
 );
 function $v(e) {
@@ -4550,7 +4550,7 @@ const Xr = Me(
       scrolledToInitialItem: a
     };
   },
-  Ve(rn, gt, qr, Cn),
+  Ge(rn, gt, qr, Cn),
   { singleton: !0 }
 );
 function pu(e, t) {
@@ -4569,21 +4569,21 @@ const Lr = "up", Nr = "down", Hv = "none", zv = {
   const i = X(!1), a = X(!0), l = ke(), u = ke(), d = X(4), h = X(Uv), m = ht(
     $(
       xi($(me(o), Dn(1), Jt(!0)), $(me(o), Dn(1), Jt(!1), Sc(100))),
-      We()
+      Ve()
     ),
     !1
   ), w = ht(
-    $(xi($(n, Jt(!0)), $(n, Jt(!1), Sc(200))), We()),
+    $(xi($(n, Jt(!0)), $(n, Jt(!1), Sc(200))), Ve()),
     !1
   );
   de(
     $(
       nt(me(o), me(h)),
       re(([b, y]) => b <= y),
-      We()
+      Ve()
     ),
     a
-  ), de($(a, un(50)), u);
+  ), de($(a, ln(50)), u);
   const x = Nt(
     $(
       nt(r, me(s), me(t), me(e), me(d)),
@@ -4609,7 +4609,7 @@ const Lr = "up", Nr = "down", Hv = "none", zv = {
           state: j
         };
       }, zv),
-      We((b, y) => b && b.atBottom === y.atBottom)
+      Ve((b, y) => b && b.atBottom === y.atBottom)
     )
   ), v = ht(
     $(
@@ -4651,21 +4651,21 @@ const Lr = "up", Nr = "down", Hv = "none", zv = {
       re((b) => b.atBottom)
     ),
     i
-  ), de($(i, un(50)), l);
+  ), de($(i, ln(50)), l);
   const p = X(Nr);
   de(
     $(
       r,
       re(({ scrollTop: b }) => b),
-      We(),
+      Ve(),
       Qt(
-        (b, y) => Je(w) ? { direction: b.direction, prevScrollTop: y } : { direction: y < b.prevScrollTop ? Lr : Nr, prevScrollTop: y },
+        (b, y) => Ze(w) ? { direction: b.direction, prevScrollTop: y } : { direction: y < b.prevScrollTop ? Lr : Nr, prevScrollTop: y },
         { direction: Nr, prevScrollTop: 0 }
       ),
       re((b) => b.direction)
     ),
     p
-  ), de($(r, un(50), Jt(Hv)), p);
+  ), de($(r, ln(50), Jt(Hv)), p);
   const g = X(0);
   return de(
     $(
@@ -4677,7 +4677,7 @@ const Lr = "up", Nr = "down", Hv = "none", zv = {
   ), de(
     $(
       o,
-      un(100),
+      ln(100),
       Re(m),
       ge(([b, y]) => !!y),
       Qt(([b, y], [R]) => [y, R], [0, 0]),
@@ -4697,7 +4697,7 @@ const Lr = "up", Nr = "down", Hv = "none", zv = {
     scrollDirection: p,
     scrollVelocity: g
   };
-}, Ve(gt)), Fo = "top", Bo = "bottom", Ec = "none";
+}, Ge(gt)), Fo = "top", Bo = "bottom", Ec = "none";
 function Nc(e, t, n) {
   return typeof e == "number" ? n === Lr && t === Fo || n === Nr && t === Bo ? e : 0 : n === Lr ? t === Fo ? e.main : e.reverse : t === Bo ? e.main : e.reverse;
 }
@@ -4742,7 +4742,7 @@ const na = Me(
           }
         ),
         ge((d) => d != null),
-        We(Mr)
+        Ve(Mr)
       ),
       [0, 0]
     );
@@ -4756,7 +4756,7 @@ const na = Me(
       visibleRange: u
     };
   },
-  Ve(gt),
+  Ge(gt),
   { singleton: !0 }
 );
 function Wv(e, t, n) {
@@ -4889,13 +4889,13 @@ const zn = Me(
             _,
             Y
           ]) => {
-            const U = I, { offsetTree: oe, sizeTree: O } = U, D = Je(p);
+            const U = I, { offsetTree: oe, sizeTree: O } = U, L = Ze(p);
             if (N === 0)
               return { ...zs, totalCount: N };
             if (C === 0 && E === 0)
-              return D === 0 ? { ...zs, totalCount: N } : mu(D, j, I, G, _, Y || []);
+              return L === 0 ? { ...zs, totalCount: N } : mu(L, j, I, G, _, Y || []);
             if (ze(O))
-              return D > 0 ? null : So(
+              return L > 0 ? null : So(
                 Wv(ta(j, N), U, Y),
                 [],
                 N,
@@ -4918,7 +4918,7 @@ const zn = Me(
             const W = B.length > 0 ? B[B.length - 1] + 1 : 0, ee = Pv(oe, C, E, W);
             if (ee.length === 0)
               return null;
-            const L = N - 1, Z = ss([], (pe) => {
+            const M = N - 1, Z = ss([], (pe) => {
               for (const he of ee) {
                 const F = he.value;
                 let A = F.offset, H = he.start;
@@ -4929,7 +4929,7 @@ const zn = Me(
                   A += se * J + se * _;
                 }
                 H < W && (A += (W - H) * J, H = W);
-                const ce = Math.min(he.end, L);
+                const ce = Math.min(he.end, M);
                 for (let se = H; se <= ce && !(A >= E); se++)
                   pe.push({ data: Y == null ? void 0 : Y[se], index: se, offset: A, size: J }), A += J + _;
               }
@@ -4939,7 +4939,7 @@ const zn = Me(
         ),
         //@ts-expect-error filter needs to be fixed
         ge((C) => C !== null),
-        We()
+        Ve()
       ),
       zs
     );
@@ -4976,16 +4976,16 @@ const zn = Me(
         Re(o, e),
         ge(([{ items: C }, E]) => C[C.length - 1].originalIndex === E - 1),
         re(([, C, E]) => [C - 1, E]),
-        We(Mr),
+        Ve(Mr),
         re(([C]) => C)
       )
     ), R = Nt(
       $(
         b,
-        un(200),
+        ln(200),
         ge(({ items: C, topItems: E }) => C.length > 0 && C[0].originalIndex === E.length),
         re(({ items: C }) => C[0].index),
-        We()
+        Ve()
       )
     ), S = Nt(
       $(
@@ -5002,12 +5002,12 @@ const zn = Me(
             startIndex: C[E].index
           };
         }),
-        We(cu)
+        Ve(cu)
       )
     );
     return { endReached: y, initialItemCount: p, itemsRendered: g, listState: b, rangeChanged: S, startReached: R, topItemsIndexes: v, ...m };
   },
-  Ve(
+  Ge(
     rn,
     fu,
     na,
@@ -5029,7 +5029,7 @@ const zn = Me(
     );
     return de(me(i), s), { totalListHeight: i, totalListHeightChanged: s };
   },
-  Ve(gt, zn),
+  Ge(gt, zn),
   { singleton: !0 }
 ), Vv = Me(
   ([{ viewportHeight: e }, { totalListHeight: t }]) => {
@@ -5038,14 +5038,14 @@ const zn = Me(
         nt(n, e, t),
         ge(([o]) => o),
         re(([, o, s]) => Math.max(0, o - s)),
-        un(0),
-        We()
+        ln(0),
+        Ve()
       ),
       0
     );
     return { alignToBottom: n, paddingTopAddition: r };
   },
-  Ve(gt, gu),
+  Ge(gt, gu),
   { singleton: !0 }
 ), vu = Me(() => ({
   context: X(null)
@@ -5081,7 +5081,7 @@ const zn = Me(
               ge((Y) => !Y),
               // skips the initial publish of false, and the cleanup call.
               // but if scrollingInProgress is true, we skip the initial publish.
-              Dn(Je(i) ? 1 : 2)
+              Dn(Ze(i) ? 1 : 2)
             ),
             E
           ) : E && E(), _;
@@ -5093,7 +5093,7 @@ const zn = Me(
       scrollIntoView: d
     };
   },
-  Ve(rn, gt, qr, zn, Sn),
+  Ge(rn, gt, qr, zn, Sn),
   { singleton: !0 }
 );
 function kc(e) {
@@ -5131,16 +5131,16 @@ const Kv = (e, t) => typeof e == "function" ? kc(e(t)) : t && kc(e), Yv = Me(
         ge(({ shouldFollow: S }) => S)
       ),
       ({ followOutputBehavior: S, totalCount: C }) => {
-        p && (p(), p = null), Je(n) ? requestAnimationFrame(() => {
-          Je(d)("following output to ", { totalCount: C }, St.DEBUG), g(S);
+        p && (p(), p = null), Ze(n) ? requestAnimationFrame(() => {
+          Ze(d)("following output to ", { totalCount: C }, St.DEBUG), g(S);
         }) : p = $t(e, () => {
-          Je(d)("following output to ", { totalCount: C }, St.DEBUG), g(S), p = null;
+          Ze(d)("following output to ", { totalCount: C }, St.DEBUG), g(S), p = null;
         });
       }
     );
     function b(S) {
       const C = $t(o, (E) => {
-        S && !E.atBottom && E.notAtBottomBecause === "SIZE_INCREASED" && !p && (Je(d)("scrolling to bottom due to increased size", {}, St.DEBUG), g("auto"));
+        S && !E.atBottom && E.notAtBottomBecause === "SIZE_INCREASED" && !p && (Ze(d)("scrolling to bottom due to increased size", {}, St.DEBUG), g("auto"));
       });
       setTimeout(C, 100);
     }
@@ -5156,10 +5156,10 @@ const Kv = (e, t) => typeof e == "function" ? kc(e(t)) : t && kc(e), Yv = Me(
         Re(x, t)
       ),
       ([, S]) => {
-        Je(a) && b(S !== !1);
+        Ze(a) && b(S !== !1);
       }
     ), Fe(v, () => {
-      b(Je(x) !== !1);
+      b(Ze(x) !== !1);
     }), Fe(nt(me(x), o), ([S, C]) => {
       S && !C.atBottom && C.notAtBottomBecause === "VIEWPORT_HEIGHT_DECREASING" && g("auto");
     });
@@ -5182,18 +5182,18 @@ const Kv = (e, t) => typeof e == "function" ? kc(e(t)) : t && kc(e), Yv = Me(
         Re(me(y), a, h, m),
         re(([[S, C], E, N, I, j]) => C && N && (E == null ? void 0 : E({ context: j, totalCount: S, scrollingInProgress: I }))),
         ge((S) => !!S),
-        un(0)
+        ln(0)
       ),
       (S) => {
-        p && (p(), p = null), Je(n) ? requestAnimationFrame(() => {
-          Je(d)("scrolling into view", {}), Se(w, S);
+        p && (p(), p = null), Ze(n) ? requestAnimationFrame(() => {
+          Ze(d)("scrolling into view", {}), Se(w, S);
         }) : p = $t(e, () => {
-          Je(d)("scrolling into view", {}), Se(w, S), p = null;
+          Ze(d)("scrolling into view", {}), Se(w, S), p = null;
         });
       }
     ), { autoscrollToBottom: v, followOutput: x, scrollIntoViewOnChange: y };
   },
-  Ve(
+  Ge(
     rn,
     Jr,
     qr,
@@ -5215,7 +5215,7 @@ const Kv = (e, t) => typeof e == "function" ? kc(e(t)) : t && kc(e), Yv = Me(
     ),
     i
   ), {}),
-  Ve(rn, Xr, zn, Cn),
+  Ge(rn, Xr, zn, Cn),
   { singleton: !0 }
 ), Xv = Me(
   ([{ didMount: e }, { scrollTo: t }, { listState: n }]) => {
@@ -5245,7 +5245,7 @@ const Kv = (e, t) => typeof e == "function" ? kc(e(t)) : t && kc(e), Yv = Me(
       initialScrollTop: r
     };
   },
-  Ve(Cn, gt, zn),
+  Ge(Cn, gt, zn),
   { singleton: !0 }
 ), bu = Me(
   ([{ scrollVelocity: e }]) => {
@@ -5264,7 +5264,7 @@ const Kv = (e, t) => typeof e == "function" ? kc(e(t)) : t && kc(e), Yv = Me(
             return !0;
           return i;
         }),
-        We()
+        Ve()
       ),
       t
     ), Fe(
@@ -5274,7 +5274,7 @@ const Kv = (e, t) => typeof e == "function" ? kc(e(t)) : t && kc(e), Yv = Me(
       }
     ), { isSeeking: t, scrollSeekConfiguration: r, scrollSeekRangeChanged: n, scrollVelocity: e };
   },
-  Ve(Jr),
+  Ge(Jr),
   { singleton: !0 }
 ), ra = Me(([{ scrollContainerState: e, scrollTo: t }]) => {
   const n = ke(), r = ke(), o = ke(), s = X(!1), i = X(void 0);
@@ -5308,7 +5308,7 @@ const Kv = (e, t) => typeof e == "function" ? kc(e(t)) : t && kc(e), Yv = Me(
     windowScrollTo: o,
     windowViewportRect: r
   };
-}, Ve(gt)), Jv = Me(
+}, Ge(gt)), Jv = Me(
   ([
     { sizeRanges: e, sizes: t },
     { headerHeight: n, scrollTop: r },
@@ -5331,7 +5331,7 @@ const Kv = (e, t) => typeof e == "function" ? kc(e(t)) : t && kc(e), Yv = Me(
         s,
         Re(d),
         ge(([, w]) => w !== void 0),
-        We(),
+        Ve(),
         re(([, w]) => w.ranges)
       ),
       e
@@ -5340,7 +5340,7 @@ const Kv = (e, t) => typeof e == "function" ? kc(e(t)) : t && kc(e), Yv = Me(
       restoreStateFrom: d
     };
   },
-  Ve(rn, gt, Xr, Cn, ra)
+  Ge(rn, gt, Xr, Cn, ra)
 );
 function Zv(e) {
   return { align: "start", index: 0, offset: e.scrollTop };
@@ -5355,7 +5355,7 @@ const Qv = Me(([{ topItemsIndexes: e }]) => {
     ),
     e
   ), { topItemCount: t };
-}, Ve(zn));
+}, Ge(zn));
 function wu(e) {
   let t = !1, n;
   return () => (t || (t = !0, n = e()), n);
@@ -5397,7 +5397,7 @@ const ex = wu(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
         nt(ht(s, !1), e, x),
         ge(([g, b, y]) => !g && !y && b !== 0),
         re(([g, b]) => b),
-        un(1)
+        ln(1)
       ),
       p
     ), de(
@@ -5438,7 +5438,7 @@ const ex = wu(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
       }
     ), { deviation: e };
   },
-  Ve(gt, Jr, zn, rn, Sn, Zi)
+  Ge(gt, Jr, zn, rn, Sn, Zi)
 ), nx = Me(
   ([
     e,
@@ -5465,7 +5465,7 @@ const ex = wu(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     ...u,
     ...d
   }),
-  Ve(
+  Ge(
     na,
     qv,
     Cn,
@@ -5541,7 +5541,7 @@ const ex = wu(() => /iP(ad|od|hone)/i.test(navigator.userAgent) && /WebKit/i.tes
     sizes: l,
     ...p
   }),
-  Ve(
+  Ge(
     rn,
     Xr,
     gt,
@@ -5620,11 +5620,11 @@ function Su(e, t, n) {
     );
     return q.useSyncExternalStore(
       b,
-      () => Je(g),
-      () => Je(g)
+      () => Ze(g),
+      () => Ze(g)
     );
   }, x = (p) => {
-    const g = q.useContext(a)[p], [b, y] = q.useState(yc(Je, g));
+    const g = q.useContext(a)[p], [b, y] = q.useState(yc(Ze, g));
     return io(
       () => Fe(g, (R) => {
         R !== b && y(wc(R));
@@ -5714,7 +5714,7 @@ const sx = /* @__PURE__ */ Me(() => {
     $(
       n,
       re((u) => u[a]),
-      We()
+      Ve()
     ),
     l
   );
@@ -5737,7 +5737,7 @@ const sx = /* @__PURE__ */ Me(() => {
   };
 }), ix = /* @__PURE__ */ Me(
   ([e, t]) => ({ ...e, ...t }),
-  Ve(yu, sx)
+  Ge(yu, sx)
 ), ax = ({ height: e }) => /* @__PURE__ */ c.jsx("div", { style: { height: e } }), cx = { overflowAnchor: "none", position: oa(), zIndex: 1 }, Nu = { overflowAnchor: "none" }, lx = { ...Nu, display: "inline-block", height: "100%" }, Pc = /* @__PURE__ */ q.memo(function({ showTopList: e = !1 }) {
   const t = be("listState"), n = _t("sizeRanges"), r = be("useWindowScroll"), o = be("customScrollParent"), s = _t("windowScrollContainerState"), i = _t("scrollContainerState"), a = o || r ? s : i, l = be("itemContent"), u = be("context"), d = be("groupContent"), h = be("trackItemSizes"), m = be("itemSize"), w = be("log"), x = _t("gap"), v = be("horizontalDirection"), { callbackRef: p } = Tv(
     n,
@@ -6027,7 +6027,7 @@ const gx = ({ children: e }) => {
     $(
       s,
       re((h) => h[u]),
-      We()
+      Ve()
     ),
     d
   );
@@ -6052,7 +6052,7 @@ const gx = ({ children: e }) => {
     GroupComponent: l("Group", "tr")
   };
 });
-Ve(yu, Tx);
+Ge(yu, Tx);
 oa();
 const _c = {
   bottom: 0,
@@ -6096,11 +6096,11 @@ const Ix = /* @__PURE__ */ Me(
     { customScrollParent: p, useWindowScroll: g, windowScrollContainerState: b, windowScrollTo: y, windowViewportRect: R },
     S
   ]) => {
-    const C = X(0), E = X(0), N = X(_c), I = X({ height: 0, width: 0 }), j = X({ height: 0, width: 0 }), P = ke(), B = ke(), G = X(0), _ = X(null), Y = X({ column: 0, row: 0 }), U = ke(), oe = ke(), O = X(!1), D = X(0), K = X(!0), W = X(!1), ee = X(!1);
+    const C = X(0), E = X(0), N = X(_c), I = X({ height: 0, width: 0 }), j = X({ height: 0, width: 0 }), P = ke(), B = ke(), G = X(0), _ = X(null), Y = X({ column: 0, row: 0 }), U = ke(), oe = ke(), O = X(!1), L = X(0), K = X(!0), W = X(!1), ee = X(!1);
     Fe(
       $(
         x,
-        Re(D),
+        Re(L),
         ge(([A, H]) => !!H)
       ),
       () => {
@@ -6108,7 +6108,7 @@ const Ix = /* @__PURE__ */ Me(
       }
     ), Fe(
       $(
-        nt(x, K, j, I, D, W),
+        nt(x, K, j, I, L, W),
         ge(([A, H, J, ce, , se]) => A && !H && J.height !== 0 && ce.height !== 0 && !se)
       ),
       ([, , , , A]) => {
@@ -6170,7 +6170,7 @@ const Ix = /* @__PURE__ */ Me(
           me(E),
           me(O),
           me(K),
-          me(D)
+          me(L)
         ),
         ge(([, , , , , , , A]) => !A),
         re(
@@ -6217,37 +6217,37 @@ const Ix = /* @__PURE__ */ Me(
           const { bottom: se, top: Ae } = Lc(A, ce, H, J);
           return [Ae, se];
         }),
-        We(Mr)
+        Ve(Mr)
       ),
       t
     );
-    const L = X(!1);
+    const M = X(!1);
     de(
       $(
         u,
-        Re(L),
+        Re(M),
         re(([A, H]) => H || A !== 0)
       ),
-      L
+      M
     );
     const Z = Nt(
       $(
         nt(N, C),
         ge(([{ items: A }]) => A.length > 0),
-        Re(L),
+        Re(M),
         ge(([[A, H], J]) => {
           const ce = A.items[A.items.length - 1].index === H - 1;
           return (J || A.bottom > 0 && A.itemHeight > 0 && A.offsetBottom === 0 && A.items.length === H) && ce;
         }),
         re(([[, A]]) => A - 1),
-        We()
+        Ve()
       )
     ), pe = Nt(
       $(
         me(N),
         ge(({ items: A }) => A.length > 0 && A[0].index === 0),
         Jt(0),
-        We()
+        Ve()
       )
     ), he = Nt(
       $(
@@ -6258,8 +6258,8 @@ const Ix = /* @__PURE__ */ Me(
           endIndex: A[A.length - 1].index,
           startIndex: A[0].index
         })),
-        We(cu),
-        un(0)
+        Ve(cu),
+        ln(0)
       )
     );
     de(he, w.scrollSeekRangeChanged), de(
@@ -6319,7 +6319,7 @@ const Ix = /* @__PURE__ */ Me(
       // output
       gridState: N,
       horizontalDirection: ee,
-      initialTopMostItemIndex: D,
+      initialTopMostItemIndex: L,
       totalListHeight: F,
       ...m,
       endReached: Z,
@@ -6331,7 +6331,7 @@ const Ix = /* @__PURE__ */ Me(
       ...S
     };
   },
-  Ve(na, gt, Jr, bu, Cn, ra, Sn)
+  Ge(na, gt, Jr, bu, Cn, ra, Sn)
 );
 function ku(e, t, n) {
   return Ir(1, $o((e + n) / ($o(t) + n)));
@@ -6352,7 +6352,7 @@ const jx = /* @__PURE__ */ Me(() => {
     $(
       t,
       re((w) => w[h]),
-      We()
+      Ve()
     ),
     m
   ), u = X(!1), d = X(!1);
@@ -6376,9 +6376,9 @@ const jx = /* @__PURE__ */ Me(() => {
   };
 }), kx = /* @__PURE__ */ Me(
   ([e, t]) => ({ ...e, ...t }),
-  Ve(Ix, jx)
+  Ge(Ix, jx)
 ), Ax = /* @__PURE__ */ q.memo(function() {
-  const e = Ge("gridState"), t = Ge("listClassName"), n = Ge("itemClassName"), r = Ge("itemContent"), o = Ge("computeItemKey"), s = Ge("isSeeking"), i = Ot("scrollHeight"), a = Ge("ItemComponent"), l = Ge("ListComponent"), u = Ge("ScrollSeekPlaceholder"), d = Ge("context"), h = Ot("itemDimensions"), m = Ot("gap"), w = Ge("log"), x = Ge("stateRestoreInProgress"), v = Ot("reportReadyState"), p = Hn(
+  const e = Ke("gridState"), t = Ke("listClassName"), n = Ke("itemClassName"), r = Ke("itemContent"), o = Ke("computeItemKey"), s = Ke("isSeeking"), i = Ot("scrollHeight"), a = Ke("ItemComponent"), l = Ke("ListComponent"), u = Ke("ScrollSeekPlaceholder"), d = Ke("context"), h = Ot("itemDimensions"), m = Ot("gap"), w = Ke("log"), x = Ke("stateRestoreInProgress"), v = Ot("reportReadyState"), p = Hn(
     q.useMemo(
       () => (g) => {
         const b = g.parentElement.parentElement.scrollHeight;
@@ -6433,7 +6433,7 @@ const jx = /* @__PURE__ */ Me(() => {
     }
   );
 }), Px = q.memo(function() {
-  const e = Ge("HeaderComponent"), t = Ot("headerHeight"), n = Ge("headerFooterTag"), r = Hn(
+  const e = Ke("HeaderComponent"), t = Ot("headerHeight"), n = Ke("headerFooterTag"), r = Hn(
     q.useMemo(
       () => (s) => {
         t(vn(s, "height"));
@@ -6442,10 +6442,10 @@ const jx = /* @__PURE__ */ Me(() => {
     ),
     !0,
     !1
-  ), o = Ge("context");
+  ), o = Ke("context");
   return e ? /* @__PURE__ */ c.jsx(n, { ref: r, children: /* @__PURE__ */ c.jsx(e, { ...ft(e, o) }) }) : null;
 }), _x = q.memo(function() {
-  const e = Ge("FooterComponent"), t = Ot("footerHeight"), n = Ge("headerFooterTag"), r = Hn(
+  const e = Ke("FooterComponent"), t = Ot("footerHeight"), n = Ke("headerFooterTag"), r = Hn(
     q.useMemo(
       () => (s) => {
         t(vn(s, "height"));
@@ -6454,7 +6454,7 @@ const jx = /* @__PURE__ */ Me(() => {
     ),
     !0,
     !1
-  ), o = Ge("context");
+  ), o = Ke("context");
   return e ? /* @__PURE__ */ c.jsx(n, { ref: r, children: /* @__PURE__ */ c.jsx(e, { ...ft(e, o) }) }) : null;
 }), Ox = ({ children: e }) => {
   const t = q.useContext(Tu), n = Ot("itemDimensions"), r = Ot("viewportDimensions"), o = Hn(
@@ -6471,12 +6471,12 @@ const jx = /* @__PURE__ */ Me(() => {
     t && (r({ height: t.viewportHeight, width: t.viewportWidth }), n({ height: t.itemHeight, width: t.itemWidth }));
   }, [t, r, n]), /* @__PURE__ */ c.jsx("div", { ref: o, style: cs(!1), children: e });
 }, Mx = ({ children: e }) => {
-  const t = q.useContext(Tu), n = Ot("windowViewportRect"), r = Ot("itemDimensions"), o = Ge("customScrollParent"), s = nu(n, o, !1);
+  const t = q.useContext(Tu), n = Ot("windowViewportRect"), r = Ot("itemDimensions"), o = Ke("customScrollParent"), s = nu(n, o, !1);
   return q.useEffect(() => {
     t && (r({ height: t.itemHeight, width: t.itemWidth }), n({ offsetTop: 0, visibleHeight: t.viewportHeight, visibleWidth: t.viewportWidth }));
   }, [t, n, r]), /* @__PURE__ */ c.jsx("div", { ref: s, style: cs(!1), children: e });
 }, Dx = /* @__PURE__ */ q.memo(function({ ...e }) {
-  const t = Ge("useWindowScroll"), n = Ge("customScrollParent"), r = n || t ? Fx : Lx, o = n || t ? Mx : Ox, s = Ge("context");
+  const t = Ke("useWindowScroll"), n = Ke("customScrollParent"), r = n || t ? Fx : Lx, o = n || t ? Mx : Ox, s = Ke("context");
   return /* @__PURE__ */ c.jsx(r, { ...e, ...ft(r, s), children: /* @__PURE__ */ c.jsxs(o, { children: [
     /* @__PURE__ */ c.jsx(Px, {}),
     /* @__PURE__ */ c.jsx(Ax, {}),
@@ -6484,7 +6484,7 @@ const jx = /* @__PURE__ */ Me(() => {
   ] }) });
 }), {
   useEmitter: Au,
-  useEmitterValue: Ge,
+  useEmitterValue: Ke,
   usePublisher: Ot
 } = /* @__PURE__ */ Su(
   kx,
@@ -6527,7 +6527,7 @@ const jx = /* @__PURE__ */ Me(() => {
     }
   },
   Dx
-), Lx = /* @__PURE__ */ Iu({ useEmitter: Au, useEmitterValue: Ge, usePublisher: Ot }), Fx = /* @__PURE__ */ ju({ useEmitter: Au, useEmitterValue: Ge, usePublisher: Ot });
+), Lx = /* @__PURE__ */ Iu({ useEmitter: Au, useEmitterValue: Ke, usePublisher: Ot }), Fx = /* @__PURE__ */ ju({ useEmitter: Au, useEmitterValue: Ke, usePublisher: Ot });
 function Fc(e, t, n) {
   return t !== "normal" && !(t != null && t.endsWith("px")) && n(`${e} was not resolved to pixel value correctly`, t, St.WARN), t === "normal" ? 0 : parseInt(t ?? "0", 10);
 }
@@ -6548,7 +6548,7 @@ const Bx = Wr(
   }
 );
 function Pu({ className: e, variant: t, ...n }) {
-  return /* @__PURE__ */ c.jsx("div", { className: M(Bx({ variant: t }), e), ...n });
+  return /* @__PURE__ */ c.jsx("div", { className: D(Bx({ variant: t }), e), ...n });
 }
 function Q(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(o) {
@@ -7038,8 +7038,8 @@ function lb(e, t = !1) {
   return `${e.length}:${n}:${r}`;
 }
 function ub(e, t) {
-  const [n, r] = ue(e), o = Ke(e), s = Ke(null);
-  return Ze(() => {
+  const [n, r] = ue(e), o = We(e), s = We(null);
+  return Xe(() => {
     if (!t) {
       r(e);
       return;
@@ -7066,8 +7066,8 @@ function Ks({
   const a = ub(e, r), l = lb(a, r), [u, d] = ue(() => {
     var x;
     return ((x = Sr.get(l)) == null ? void 0 : x.html) ?? null;
-  }), h = Ke(null), m = Ke([]);
-  Ze(() => {
+  }), h = We(null), m = We([]);
+  Xe(() => {
     m.current = [];
     const x = Sr.get(l);
     if (x && x.source === a) {
@@ -7185,7 +7185,7 @@ function Ks({
     return v.forEach((R) => y.observe(R)), () => {
       g = !0, y.disconnect();
     };
-  }, [u]), u ? /* @__PURE__ */ c.jsx("div", { ref: w, className: M("markdown prose max-w-none break-words dark:prose-invert", t), dangerouslySetInnerHTML: { __html: u } }) : r && o ? null : /* @__PURE__ */ c.jsx("div", { className: M("markdown prose max-w-none break-words dark:prose-invert", t), children: n });
+  }, [u]), u ? /* @__PURE__ */ c.jsx("div", { ref: w, className: D("markdown prose max-w-none break-words dark:prose-invert", t), dangerouslySetInnerHTML: { __html: u } }) : r && o ? null : /* @__PURE__ */ c.jsx("div", { className: D("markdown prose max-w-none break-words dark:prose-invert", t), children: n });
 }
 async function Bu(e, t) {
   return await Ft(e, {
@@ -7460,15 +7460,15 @@ var Xs = "focusScope.autoFocusOnMount", Js = "focusScope.autoFocusOnUnmount", Yc
       let v = function(y) {
         if (w.paused || !a) return;
         const R = y.target;
-        a.contains(R) ? h.current = R : pn(h.current, { select: !0 });
+        a.contains(R) ? h.current = R : hn(h.current, { select: !0 });
       }, p = function(y) {
         if (w.paused || !a) return;
         const R = y.relatedTarget;
-        R !== null && (a.contains(R) || pn(h.current, { select: !0 }));
+        R !== null && (a.contains(R) || hn(h.current, { select: !0 }));
       }, g = function(y) {
         if (document.activeElement === document.body)
           for (const S of y)
-            S.removedNodes.length > 0 && pn(a);
+            S.removedNodes.length > 0 && hn(a);
       };
       document.addEventListener("focusin", v), document.addEventListener("focusout", p);
       const b = new MutationObserver(g);
@@ -7482,12 +7482,12 @@ var Xs = "focusScope.autoFocusOnMount", Js = "focusScope.autoFocusOnUnmount", Yc
       const v = document.activeElement;
       if (!a.contains(v)) {
         const g = new CustomEvent(Xs, Yc);
-        a.addEventListener(Xs, u), a.dispatchEvent(g), g.defaultPrevented || (Eb(Ab(zu(a)), { select: !0 }), document.activeElement === v && pn(a));
+        a.addEventListener(Xs, u), a.dispatchEvent(g), g.defaultPrevented || (Eb(Ab(zu(a)), { select: !0 }), document.activeElement === v && hn(a));
       }
       return () => {
         a.removeEventListener(Xs, u), setTimeout(() => {
           const g = new CustomEvent(Js, Yc);
-          a.addEventListener(Js, d), a.dispatchEvent(g), g.defaultPrevented || pn(v ?? document.body, { select: !0 }), a.removeEventListener(Js, d), Xc.remove(w);
+          a.addEventListener(Js, d), a.dispatchEvent(g), g.defaultPrevented || hn(v ?? document.body, { select: !0 }), a.removeEventListener(Js, d), Xc.remove(w);
         }, 0);
       };
     }
@@ -7498,7 +7498,7 @@ var Xs = "focusScope.autoFocusOnMount", Js = "focusScope.autoFocusOnUnmount", Yc
       const p = v.key === "Tab" && !v.altKey && !v.ctrlKey && !v.metaKey, g = document.activeElement;
       if (p && g) {
         const b = v.currentTarget, [y, R] = Nb(b);
-        y && R ? !v.shiftKey && g === R ? (v.preventDefault(), n && pn(y, { select: !0 })) : v.shiftKey && g === y && (v.preventDefault(), n && pn(R, { select: !0 })) : g === b && v.preventDefault();
+        y && R ? !v.shiftKey && g === R ? (v.preventDefault(), n && hn(y, { select: !0 })) : v.shiftKey && g === y && (v.preventDefault(), n && hn(R, { select: !0 })) : g === b && v.preventDefault();
       }
     },
     [n, r, w.paused]
@@ -7509,7 +7509,7 @@ us.displayName = Rb;
 function Eb(e, { select: t = !1 } = {}) {
   const n = document.activeElement;
   for (const r of e)
-    if (pn(r, { select: t }), document.activeElement !== n) return;
+    if (hn(r, { select: t }), document.activeElement !== n) return;
 }
 function Nb(e) {
   const t = zu(e), n = qc(t, e), r = qc(t.reverse(), e);
@@ -7541,7 +7541,7 @@ function Ib(e, { upTo: t }) {
 function jb(e) {
   return e instanceof HTMLInputElement && "select" in e;
 }
-function pn(e, { select: t = !1 } = {}) {
+function hn(e, { select: t = !1 } = {}) {
   if (e && e.focus) {
     const n = document.activeElement;
     e.focus({ preventScroll: !0 }), e !== n && jb(e) && t && e.select();
@@ -8339,7 +8339,7 @@ const Iw = hd, jw = pd, gd = f.forwardRef(({ className: e, ...t }, n) => /* @__P
   ms,
   {
     ref: n,
-    className: M(
+    className: D(
       "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
@@ -8369,7 +8369,7 @@ const vd = f.forwardRef(({ className: e, children: t, ...n }, r) => {
       gs,
       {
         ref: r,
-        className: M(
+        className: D(
           "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
           e
         ),
@@ -8393,7 +8393,7 @@ const xd = ({
 }) => /* @__PURE__ */ c.jsx(
   "div",
   {
-    className: M(
+    className: D(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       e
     ),
@@ -8405,7 +8405,7 @@ const bd = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   _n,
   {
     ref: n,
-    className: M(
+    className: D(
       "text-lg font-semibold leading-none tracking-tight",
       e
     ),
@@ -8417,14 +8417,14 @@ const kw = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   vs,
   {
     ref: n,
-    className: M("text-sm text-muted-foreground", e),
+    className: D("text-sm text-muted-foreground", e),
     ...t
   }
 ));
 kw.displayName = vs.displayName;
 function Aw({ isOpen: e, onClose: t, fileId: n, fileName: r, mimeType: o }) {
   const [s, i] = ue(!1), [a, l] = ue(null), [u, d] = ue(null), { toast: h } = ha();
-  Ze(() => {
+  Xe(() => {
     e && n && m();
   }, [e, n]);
   const m = async () => {
@@ -8533,14 +8533,14 @@ function Aw({ isOpen: e, onClose: t, fileId: n, fileName: r, mimeType: o }) {
 const No = "prose prose-sm max-w-none break-words dark:prose-invert prose-headings:break-words prose-p:break-words prose-li:break-words prose-td:break-words prose-th:break-words prose-a:break-all prose-code:break-words prose-blockquote:break-words";
 function Pw({ className: e }) {
   const [t, n] = ue(0);
-  return Ze(() => {
+  return Xe(() => {
     const r = setInterval(() => n((o) => (o + 1) % 4), 500);
     return () => clearInterval(r);
   }, []), /* @__PURE__ */ c.jsxs(
     "span",
     {
       "aria-live": "polite",
-      className: M("inline-block text-xs opacity-70 ml-1", e),
+      className: D("inline-block text-xs opacity-70 ml-1", e),
       children: [
         "Is thinking",
         ".".repeat(t)
@@ -8571,8 +8571,8 @@ const _w = q.memo(function({
 }) {
   const [y, R] = ue(!1), [S, C] = ue(!1), [E, N] = ue(!1), [I, j] = ue(!1), { currentThreadId: P } = Yi();
   ha();
-  const [B, G] = ue({}), [_, Y] = ue(!1), [U, oe] = ue(null), O = u === "phone" || u === "half-screen", D = t.role, K = D === "tool", W = q.useMemo(() => {
-    switch (D) {
+  const [B, G] = ue({}), [_, Y] = ue(!1), [U, oe] = ue(null), O = u === "phone" || u === "half-screen", L = t.role, K = L === "tool", W = q.useMemo(() => {
+    switch (L) {
       case "user":
         return "text-[hsl(var(--chat-bubble-user-text))]";
       case "assistant":
@@ -8584,7 +8584,7 @@ const _w = q.memo(function({
       default:
         return "text-[hsl(var(--chat-bubble-ai-text))]";
     }
-  }, [D]), ee = ln(() => Ow(t.content), [t.content]), L = ln(() => Bw(t.content), [t.content]), Z = ln(() => t.content.filter((ie) => ie.type === "image_url"), [t.content]), pe = ln(() => t.content.filter((ie) => ie.type === "file"), [t.content]), he = Hw(ee, r);
+  }, [L]), ee = mn(() => Ow(t.content), [t.content]), M = mn(() => Bw(t.content), [t.content]), Z = mn(() => t.content.filter((ie) => ie.type === "image_url"), [t.content]), pe = mn(() => t.content.filter((ie) => ie.type === "file"), [t.content]), he = Hw(ee, r);
   q.useEffect(() => {
     r && ee !== he && console.log("[MessageComponent] Streaming update:", {
       messageId: t.id,
@@ -8607,8 +8607,8 @@ const _w = q.memo(function({
     const ie = K ? Zn(t.content) : ee;
     v(t.id, ie);
   }, H = () => p == null ? void 0 : p(n), J = () => {
-    const Ne = M(O ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0", W);
-    switch (D) {
+    const Ne = D(O ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0", W);
+    switch (L) {
       case "user":
         return /* @__PURE__ */ c.jsx(Yp, { className: Ne });
       case "assistant":
@@ -8620,42 +8620,42 @@ const _w = q.memo(function({
     }
   }, ce = () => {
     const ie = "group relative mb-4 flex w-full";
-    switch (D) {
+    switch (L) {
       case "user":
-        return M(ie, "justify-end");
+        return D(ie, "justify-end");
       case "assistant":
       case "tool":
       case "system":
-        return M(ie, "justify-start");
+        return D(ie, "justify-start");
       default:
         return ie;
     }
   }, se = () => {
-    const ie = M(
+    const ie = D(
       "rounded-lg px-4 py-3 relative min-w-0 max-w-full break-words",
       O && "px-3 py-2 text-sm"
     );
-    switch (D) {
+    switch (L) {
       case "user":
-        return M(
+        return D(
           ie,
           "w-full md:max-w-[95%]",
           "bg-[hsl(var(--chat-bubble-user))] text-[hsl(var(--chat-bubble-user-text))]",
           "border border-transparent"
         );
       case "assistant":
-        return M(
+        return D(
           ie,
           "w-full md:max-w-[95%]",
           "bg-[hsl(var(--chat-bubble-ai))] text-[hsl(var(--chat-bubble-ai-text))]",
           "border border-border/60 dark:border-border/40"
         );
       case "tool":
-        return M(ie, "w-full md:max-w-[95%] bg-secondary/50 text-secondary-foreground border border-dashed");
+        return D(ie, "w-full md:max-w-[95%] bg-secondary/50 text-secondary-foreground border border-dashed");
       case "system":
-        return M(ie, "w-full md:max-w-[85%] bg-accent/40 text-muted-foreground border");
+        return D(ie, "w-full md:max-w-[85%] bg-accent/40 text-muted-foreground border");
       default:
-        return M(
+        return D(
           ie,
           "w-full md:max-w-[95%]",
           "bg-[hsl(var(--chat-bubble-ai))] text-[hsl(var(--chat-bubble-ai-text))]",
@@ -8680,13 +8680,13 @@ const _w = q.memo(function({
       if (Te && typeof Te == "object")
         return /* @__PURE__ */ c.jsx(zw, { data: Te });
     }
-    if (K && L.name === "get_issues") {
+    if (K && M.name === "get_issues") {
       const fe = t.content.find((st) => st.type === "tool_result"), Te = (fe == null ? void 0 : fe.output) ?? Zn(t.content), Be = yd(Te);
       if (Be) return /* @__PURE__ */ c.jsx(Uw, { issues: Be });
     }
     if (K && !E) {
       const fe = Zn(t.content).slice(0, 80).replace(/\s+/g, " ");
-      return /* @__PURE__ */ c.jsx("div", { className: M("text-xs font-mono opacity-70 flex items-center justify-between gap-2 text-current", O && "text-[10px]"), children: /* @__PURE__ */ c.jsxs("span", { className: "truncate max-w-full text-current", children: [
+      return /* @__PURE__ */ c.jsx("div", { className: D("text-xs font-mono opacity-70 flex items-center justify-between gap-2 text-current", O && "text-[10px]"), children: /* @__PURE__ */ c.jsxs("span", { className: "truncate max-w-full text-current", children: [
         fe,
         fe.length >= 80 ? "…" : ""
       ] }) });
@@ -8694,7 +8694,7 @@ const _w = q.memo(function({
     if (K && d) {
       const fe = Zn(t.content), Te = fe.length > h;
       return /* @__PURE__ */ c.jsx($c, { open: S, onOpenChange: C, children: /* @__PURE__ */ c.jsxs("div", { className: "font-mono text-sm text-current", children: [
-        /* @__PURE__ */ c.jsx("pre", { className: M("whitespace-pre-wrap break-words text-current", O && "text-xs"), children: Te && !S ? fe.substring(0, h) + "..." : fe }),
+        /* @__PURE__ */ c.jsx("pre", { className: D("whitespace-pre-wrap break-words text-current", O && "text-xs"), children: Te && !S ? fe.substring(0, h) + "..." : fe }),
         Te && /* @__PURE__ */ c.jsx(Hc, { asChild: !0, children: /* @__PURE__ */ c.jsx(De, { variant: "ghost", size: "sm", className: "h-6 text-xs text-current", children: S ? /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
           /* @__PURE__ */ c.jsx(Cr, { className: "h-3 w-3 mr-1" }),
           "Show less"
@@ -8711,9 +8711,9 @@ const _w = q.memo(function({
       if (fe && Mw(fe))
         return /* @__PURE__ */ c.jsx(Ks, { content: fe.trim(), hideFallbackDuringStreaming: !0 });
       const Te = Zn(t.content);
-      return /* @__PURE__ */ c.jsx("div", { className: "font-mono text-sm text-current", children: /* @__PURE__ */ c.jsx("pre", { className: M("whitespace-pre-wrap break-words text-current", O && "text-xs"), children: Te }) });
+      return /* @__PURE__ */ c.jsx("div", { className: "font-mono text-sm text-current", children: /* @__PURE__ */ c.jsx("pre", { className: D("whitespace-pre-wrap break-words text-current", O && "text-xs"), children: Te }) });
     }
-    const Ne = Z.length > 0 && D !== "tool", Ce = pe.length > 0 && D !== "tool" && !1;
+    const Ne = Z.length > 0 && L !== "tool", Ce = pe.length > 0 && L !== "tool" && !1;
     return /* @__PURE__ */ c.jsxs("div", { children: [
       r ? (
         // Streaming container: reserve space and show a skeleton until we have text,
@@ -8721,7 +8721,7 @@ const _w = q.memo(function({
         /* @__PURE__ */ c.jsxs(
           "div",
           {
-            className: M(
+            className: D(
               "relative transition-all duration-200 ease-out",
               O ? "text-xs" : "text-sm"
             ),
@@ -8741,7 +8741,7 @@ const _w = q.memo(function({
                 ] }) }) : /* @__PURE__ */ c.jsx(
                   "pre",
                   {
-                    className: M(
+                    className: D(
                       "whitespace-pre-wrap break-words font-sans leading-relaxed transition-opacity duration-200",
                       O && "text-xs"
                     ),
@@ -8749,18 +8749,18 @@ const _w = q.memo(function({
                   }
                 ) });
               })(),
-              /* @__PURE__ */ c.jsx("div", { className: "mt-2", children: /* @__PURE__ */ c.jsx(Pw, { className: M(W, O ? "text-xs" : "text-sm") }) })
+              /* @__PURE__ */ c.jsx("div", { className: "mt-2", children: /* @__PURE__ */ c.jsx(Pw, { className: D(W, O ? "text-xs" : "text-sm") }) })
             ]
           }
         )
       ) : (() => {
         const fe = ri(ee.trim());
         if (fe !== null) return /* @__PURE__ */ c.jsx(ol, { data: fe });
-        if (D === "user" && m) {
+        if (L === "user" && m) {
           const Te = ee.trim();
           if (Te.length > w)
             return /* @__PURE__ */ c.jsxs($c, { open: I, onOpenChange: j, children: [
-              /* @__PURE__ */ c.jsx("div", { className: M("text-sm text-[hsl(var(--chat-bubble-user-text))]", O && "text-xs"), children: I ? /* @__PURE__ */ c.jsx(Ks, { content: Te, hideFallbackDuringStreaming: !0 }) : /* @__PURE__ */ c.jsxs("pre", { className: M("font-sans whitespace-pre-wrap break-words bg-transparent p-0 m-0 text-[hsl(var(--chat-bubble-user-text))]", O && "text-xs"), children: [
+              /* @__PURE__ */ c.jsx("div", { className: D("text-sm text-[hsl(var(--chat-bubble-user-text))]", O && "text-xs"), children: I ? /* @__PURE__ */ c.jsx(Ks, { content: Te, hideFallbackDuringStreaming: !0 }) : /* @__PURE__ */ c.jsxs("pre", { className: D("font-sans whitespace-pre-wrap break-words bg-transparent p-0 m-0 text-[hsl(var(--chat-bubble-user-text))]", O && "text-xs"), children: [
                 Te.substring(0, w),
                 "..."
               ] }) }),
@@ -8823,13 +8823,13 @@ const _w = q.memo(function({
       }) }),
       Ce
     ] });
-  }, je = ln(() => $w(t), [t]);
+  }, je = mn(() => $w(t), [t]);
   return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-    /* @__PURE__ */ c.jsx("div", { className: M(ce(), x.container), children: /* @__PURE__ */ c.jsxs("div", { className: M(se(), x.content), children: [
+    /* @__PURE__ */ c.jsx("div", { className: D(ce(), x.container), children: /* @__PURE__ */ c.jsxs("div", { className: D(se(), x.content), children: [
       (a || l || K) && /* @__PURE__ */ c.jsxs(
         "div",
         {
-          className: M(
+          className: D(
             "flex items-center justify-between mb-2 pb-2 border-b border-current/10",
             O && "mb-1 pb-1",
             W,
@@ -8838,12 +8838,12 @@ const _w = q.memo(function({
           children: [
             /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2", children: [
               J(),
-              l && je && /* @__PURE__ */ c.jsx("span", { className: M("font-medium", O ? "text-xs" : "text-sm"), children: je }),
-              K && L.name && /* @__PURE__ */ c.jsxs(
+              l && je && /* @__PURE__ */ c.jsx("span", { className: D("font-medium", O ? "text-xs" : "text-sm"), children: je }),
+              K && M.name && /* @__PURE__ */ c.jsxs(
                 Pu,
                 {
                   variant: "outline",
-                  className: M(
+                  className: D(
                     "text-xs flex items-center gap-1 cursor-pointer",
                     W,
                     "border border-current/40",
@@ -8851,17 +8851,17 @@ const _w = q.memo(function({
                   ),
                   onClick: () => N((ie) => !ie),
                   children: [
-                    /* @__PURE__ */ c.jsx("span", { children: L.name }),
+                    /* @__PURE__ */ c.jsx("span", { children: M.name }),
                     /* @__PURE__ */ c.jsx("span", { className: "inline-flex items-center", children: E ? /* @__PURE__ */ c.jsx(Cr, { className: "h-3 w-3" }) : /* @__PURE__ */ c.jsx(Qn, { className: "h-3 w-3" }) })
                   ]
                 }
               ),
-              K && !L.name && /* @__PURE__ */ c.jsx(
+              K && !M.name && /* @__PURE__ */ c.jsx(
                 De,
                 {
                   variant: "ghost",
                   size: "sm",
-                  className: M("h-6 px-1", W, "hover:bg-foreground/10"),
+                  className: D("h-6 px-1", W, "hover:bg-foreground/10"),
                   onClick: () => N((ie) => !ie),
                   children: /* @__PURE__ */ c.jsxs("span", { className: "text-xs flex items-center gap-1", children: [
                     "Tool Output ",
@@ -8871,11 +8871,11 @@ const _w = q.memo(function({
               )
             ] }),
             /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2", children: [
-              a && /* @__PURE__ */ c.jsx("span", { className: M("text-xs opacity-60", W, O && "text-xs"), children: Ae(t.createdAt) }),
+              a && /* @__PURE__ */ c.jsx("span", { className: D("text-xs opacity-60", W, O && "text-xs"), children: Ae(t.createdAt) }),
               i && !s && /* @__PURE__ */ c.jsxs(
                 "div",
                 {
-                  className: M(
+                  className: D(
                     "opacity-0 group-hover:opacity-100 transition-opacity",
                     "flex items-center gap-1",
                     x.actions
@@ -8887,11 +8887,11 @@ const _w = q.memo(function({
                         variant: "ghost",
                         size: "sm",
                         onClick: F,
-                        className: M("h-6 w-6 p-0 hover:bg-foreground/10", W, O && "h-5 w-5"),
+                        className: D("h-6 w-6 p-0 hover:bg-foreground/10", W, O && "h-5 w-5"),
                         children: /* @__PURE__ */ c.jsx(
                           qa,
                           {
-                            className: M(
+                            className: D(
                               y ? "text-success" : W,
                               O ? "h-3 w-3" : "h-4 w-4"
                             )
@@ -8899,24 +8899,24 @@ const _w = q.memo(function({
                         )
                       }
                     ),
-                    D === "user" && v && /* @__PURE__ */ c.jsx(
+                    L === "user" && v && /* @__PURE__ */ c.jsx(
                       De,
                       {
                         variant: "ghost",
                         size: "sm",
                         onClick: A,
-                        className: M("h-6 w-6 p-0 hover:bg-foreground/10", W, O && "h-5 w-5"),
-                        children: /* @__PURE__ */ c.jsx(Xa, { className: M(W, O ? "h-3 w-3" : "h-4 w-4") })
+                        className: D("h-6 w-6 p-0 hover:bg-foreground/10", W, O && "h-5 w-5"),
+                        children: /* @__PURE__ */ c.jsx(Xa, { className: D(W, O ? "h-3 w-3" : "h-4 w-4") })
                       }
                     ),
-                    D === "assistant" && p && /* @__PURE__ */ c.jsx(
+                    L === "assistant" && p && /* @__PURE__ */ c.jsx(
                       De,
                       {
                         variant: "ghost",
                         size: "sm",
                         onClick: H,
-                        className: M("h-6 w-6 p-0 hover:bg-foreground/10", W, O && "h-5 w-5"),
-                        children: /* @__PURE__ */ c.jsx(ci, { className: M(W, O ? "h-3 w-3" : "h-4 w-4") })
+                        className: D("h-6 w-6 p-0 hover:bg-foreground/10", W, O && "h-5 w-5"),
+                        children: /* @__PURE__ */ c.jsx(ci, { className: D(W, O ? "h-3 w-3" : "h-4 w-4") })
                       }
                     )
                   ]
@@ -8927,20 +8927,20 @@ const _w = q.memo(function({
         }
       ),
       /* @__PURE__ */ c.jsx("div", { className: "relative", children: _e() }),
-      K && E && (L.toolCallId || L.name) && /* @__PURE__ */ c.jsxs("div", { className: M("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", O && "text-xs"), children: [
-        L.name && /* @__PURE__ */ c.jsxs("div", { children: [
+      K && E && (M.toolCallId || M.name) && /* @__PURE__ */ c.jsxs("div", { className: D("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", O && "text-xs"), children: [
+        M.name && /* @__PURE__ */ c.jsxs("div", { children: [
           "Function: ",
-          L.name
+          M.name
         ] }),
-        L.toolCallId && /* @__PURE__ */ c.jsxs("div", { children: [
+        M.toolCallId && /* @__PURE__ */ c.jsxs("div", { children: [
           "Call ID: ",
-          L.toolCallId
+          M.toolCallId
         ] })
       ] }),
       !(a || l || K) && i && !s && /* @__PURE__ */ c.jsxs(
         "div",
         {
-          className: M(
+          className: D(
             "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",
             "flex items-center gap-1",
             x.actions
@@ -8952,28 +8952,28 @@ const _w = q.memo(function({
                 variant: "ghost",
                 size: "sm",
                 onClick: F,
-                className: M("h-6 w-6 p-0 hover:bg-background/50 text-current", O && "h-5 w-5"),
-                children: /* @__PURE__ */ c.jsx(qa, { className: M(y ? "text-success" : "text-current", O ? "h-3 w-3" : "h-4 w-4") })
+                className: D("h-6 w-6 p-0 hover:bg-background/50 text-current", O && "h-5 w-5"),
+                children: /* @__PURE__ */ c.jsx(qa, { className: D(y ? "text-success" : "text-current", O ? "h-3 w-3" : "h-4 w-4") })
               }
             ),
-            D === "user" && v && /* @__PURE__ */ c.jsx(
+            L === "user" && v && /* @__PURE__ */ c.jsx(
               De,
               {
                 variant: "ghost",
                 size: "sm",
                 onClick: A,
-                className: M("h-6 w-6 p-0 hover:bg-background/50 text-current", O && "h-5 w-5"),
-                children: /* @__PURE__ */ c.jsx(Xa, { className: M("text-current", O ? "h-3 w-3" : "h-4 w-4") })
+                className: D("h-6 w-6 p-0 hover:bg-background/50 text-current", O && "h-5 w-5"),
+                children: /* @__PURE__ */ c.jsx(Xa, { className: D("text-current", O ? "h-3 w-3" : "h-4 w-4") })
               }
             ),
-            D === "assistant" && p && /* @__PURE__ */ c.jsx(
+            L === "assistant" && p && /* @__PURE__ */ c.jsx(
               De,
               {
                 variant: "ghost",
                 size: "sm",
                 onClick: H,
-                className: M("h-6 w-6 p-0 hover:bg-background/50 text-current", O && "h-5 w-5"),
-                children: /* @__PURE__ */ c.jsx(ci, { className: M("text-current", O ? "h-3 w-3" : "h-4 w-4") })
+                className: D("h-6 w-6 p-0 hover:bg-background/50 text-current", O && "h-5 w-5"),
+                children: /* @__PURE__ */ c.jsx(ci, { className: D("text-current", O ? "h-3 w-3" : "h-4 w-4") })
               }
             )
           ]
@@ -9120,8 +9120,8 @@ function $w(e) {
   return e.name && e.name.trim() ? e.name : e.model && e.model.includes("/") ? e.model.split("/").pop() || null : e.model || null;
 }
 function Hw(e, t) {
-  const [n, r] = ue(e), o = Ke(e), s = Ke(null);
-  return Ze(() => {
+  const [n, r] = ue(e), o = We(e), s = We(null);
+  return Xe(() => {
     if (!t) {
       r(e);
       return;
@@ -9244,9 +9244,9 @@ const sl = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, Sd = q.forwa
   onScrollAway: p,
   onAtBottom: g
 }, b) => {
-  const y = Ke(null), R = Ke(null), S = Ke(!1), [C, E] = ue(!0), N = Ue((P) => {
+  const y = We(null), R = We(null), S = We(!1), [C, E] = ue(!0), N = Ue((P) => {
     E(P), p && p(!P), g && g(P);
-  }, [p, g]), I = ln(() => {
+  }, [p, g]), I = mn(() => {
     if (a)
       return async () => {
         if (!S.current) {
@@ -9258,8 +9258,15 @@ const sl = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, Sd = q.forwa
           }
         }
       };
-  }, [a]), j = ln(() => !x || v ? !1 : t && C ? "auto" : !1, [t, C, x, v]);
-  return e.length === 0 ? /* @__PURE__ */ c.jsx("div", { className: h, style: m, children: /* @__PURE__ */ c.jsx("div", { className: "flex items-center justify-center py-8 text-muted-foreground text-center max-w-md mx-auto", children: w || "No messages yet. Start a conversation!" }) }) : /* @__PURE__ */ c.jsx("div", { className: h, style: m, children: /* @__PURE__ */ c.jsx(
+  }, [a]), j = We(!1);
+  return Xe(() => {
+    if (!x || v) {
+      j.current !== !1 && (j.current = !1);
+      return;
+    }
+    const P = t && C ? "auto" : !1;
+    j.current !== P && (j.current = P);
+  }, [t, C, x, v]), e.length === 0 ? /* @__PURE__ */ c.jsx("div", { className: h, style: m, children: /* @__PURE__ */ c.jsx("div", { className: "flex items-center justify-center py-8 text-muted-foreground text-center max-w-md mx-auto", children: w || "No messages yet. Start a conversation!" }) }) : /* @__PURE__ */ c.jsx("div", { className: h, style: m, children: /* @__PURE__ */ c.jsx(
     Cx,
     {
       ref: (P) => {
@@ -9269,12 +9276,10 @@ const sl = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, Sd = q.forwa
         R.current = P instanceof HTMLDivElement ? P : null;
       },
       data: e,
-      followOutput: j,
+      followOutput: j.current,
       overscan: 400,
       increaseViewportBy: { top: 200, bottom: 400 },
       defaultItemHeight: 120,
-      fixedItemHeight: void 0,
-      itemSize: () => 120,
       atBottomThreshold: 100,
       alignToBottom: !0,
       startReached: () => {
@@ -9419,10 +9424,10 @@ const qw = ["top", "right", "bottom", "left"], bn = Math.min, Rt = Math.max, Uo
 function Ni(e, t, n) {
   return Rt(e, bn(t, n));
 }
-function dn(e, t) {
+function un(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function fn(e) {
+function dn(e) {
   return e.split("-")[0];
 }
 function mr(e) {
@@ -9436,7 +9441,7 @@ function ya(e) {
 }
 const Zw = /* @__PURE__ */ new Set(["top", "bottom"]);
 function en(e) {
-  return Zw.has(fn(e)) ? "y" : "x";
+  return Zw.has(dn(e)) ? "y" : "x";
 }
 function Sa(e) {
   return wa(en(e));
@@ -9469,7 +9474,7 @@ function ry(e, t, n) {
 }
 function oy(e, t, n, r) {
   const o = mr(e);
-  let s = ry(fn(e), n === "start", r);
+  let s = ry(dn(e), n === "start", r);
   return o && (s = s.map((i) => i + "-" + o), t && (s = s.concat(s.map(Ii)))), s;
 }
 function Wo(e) {
@@ -9515,7 +9520,7 @@ function cl(e, t, n) {
     reference: r,
     floating: o
   } = e;
-  const s = en(t), i = Sa(t), a = ya(i), l = fn(t), u = s === "y", d = r.x + r.width / 2 - o.width / 2, h = r.y + r.height / 2 - o.height / 2, m = r[a] / 2 - o[a] / 2;
+  const s = en(t), i = Sa(t), a = ya(i), l = dn(t), u = s === "y", d = r.x + r.width / 2 - o.width / 2, h = r.y + r.height / 2 - o.height / 2, m = r[a] / 2 - o[a] / 2;
   let w;
   switch (l) {
     case "top":
@@ -9635,7 +9640,7 @@ async function Fr(e, t) {
     elementContext: h = "floating",
     altBoundary: m = !1,
     padding: w = 0
-  } = dn(t, e), x = Cd(w), p = a[m ? h === "floating" ? "reference" : "floating" : h], g = Vo(await s.getClippingRect({
+  } = un(t, e), x = Cd(w), p = a[m ? h === "floating" ? "reference" : "floating" : h], g = Vo(await s.getClippingRect({
     element: (n = await (s.isElement == null ? void 0 : s.isElement(p))) == null || n ? p : p.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(a.floating)),
     boundary: u,
     rootBoundary: d,
@@ -9679,7 +9684,7 @@ const ay = (e) => ({
     } = t, {
       element: u,
       padding: d = 0
-    } = dn(e, t) || {};
+    } = un(e, t) || {};
     if (u == null)
       return {};
     const h = Cd(d), m = {
@@ -9722,10 +9727,10 @@ const ay = (e) => ({
         fallbackAxisSideDirection: x = "none",
         flipAlignment: v = !0,
         ...p
-      } = dn(e, t);
+      } = un(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const g = fn(o), b = en(a), y = fn(a) === a, R = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), S = m || (y || !v ? [Wo(a)] : ey(a)), C = x !== "none";
+      const g = dn(o), b = en(a), y = dn(a) === a, R = await (l.isRTL == null ? void 0 : l.isRTL(u.floating)), S = m || (y || !v ? [Wo(a)] : ey(a)), C = x !== "none";
       !m && C && S.push(...oy(a, v, x, R));
       const E = [a, ...S], N = await Fr(t, p), I = [];
       let j = ((r = s.flip) == null ? void 0 : r.overflows) || [];
@@ -9758,13 +9763,13 @@ const ay = (e) => ({
               var G;
               const oe = (G = j.filter((O) => {
                 if (C) {
-                  const D = en(O.placement);
-                  return D === b || // Create a bias to the `y` side axis due to horizontal
+                  const L = en(O.placement);
+                  return L === b || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  D === "y";
+                  L === "y";
                 }
                 return !0;
-              }).map((O) => [O.placement, O.overflows.filter((D) => D > 0).reduce((D, K) => D + K, 0)]).sort((O, D) => O[1] - D[1])[0]) == null ? void 0 : G[0];
+              }).map((O) => [O.placement, O.overflows.filter((L) => L > 0).reduce((L, K) => L + K, 0)]).sort((O, L) => O[1] - L[1])[0]) == null ? void 0 : G[0];
               oe && (U = oe);
               break;
             }
@@ -9804,7 +9809,7 @@ const ly = function(e) {
       } = t, {
         strategy: r = "referenceHidden",
         ...o
-      } = dn(e, t);
+      } = un(e, t);
       switch (r) {
         case "referenceHidden": {
           const s = await Fr(t, {
@@ -9841,7 +9846,7 @@ async function uy(e, t) {
     placement: n,
     platform: r,
     elements: o
-  } = e, s = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), i = fn(n), a = mr(n), l = en(n) === "y", u = Td.has(i) ? -1 : 1, d = s && l ? -1 : 1, h = dn(t, e);
+  } = e, s = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), i = dn(n), a = mr(n), l = en(n) === "y", u = Td.has(i) ? -1 : 1, d = s && l ? -1 : 1, h = un(t, e);
   let {
     mainAxis: m,
     crossAxis: w,
@@ -9910,10 +9915,10 @@ const dy = function(e) {
           }
         },
         ...l
-      } = dn(e, t), u = {
+      } = un(e, t), u = {
         x: n,
         y: r
-      }, d = await Fr(t, l), h = en(fn(o)), m = wa(h);
+      }, d = await Fr(t, l), h = en(dn(o)), m = wa(h);
       let w = u[m], x = u[h];
       if (s) {
         const p = m === "y" ? "top" : "left", g = m === "y" ? "bottom" : "right", b = w + d[p], y = w - d[g];
@@ -9955,12 +9960,12 @@ const dy = function(e) {
         offset: a = 0,
         mainAxis: l = !0,
         crossAxis: u = !0
-      } = dn(e, t), d = {
+      } = un(e, t), d = {
         x: n,
         y: r
       }, h = en(o), m = wa(h);
       let w = d[m], x = d[h];
-      const v = dn(a, t), p = typeof v == "number" ? {
+      const v = un(a, t), p = typeof v == "number" ? {
         mainAxis: v,
         crossAxis: 0
       } : {
@@ -9974,7 +9979,7 @@ const dy = function(e) {
       }
       if (u) {
         var g, b;
-        const y = m === "y" ? "width" : "height", R = Td.has(fn(o)), S = s.reference[h] - s.floating[y] + (R && ((g = i.offset) == null ? void 0 : g[h]) || 0) + (R ? 0 : p.crossAxis), C = s.reference[h] + s.reference[y] + (R ? 0 : ((b = i.offset) == null ? void 0 : b[h]) || 0) - (R ? p.crossAxis : 0);
+        const y = m === "y" ? "width" : "height", R = Td.has(dn(o)), S = s.reference[h] - s.floating[y] + (R && ((g = i.offset) == null ? void 0 : g[h]) || 0) + (R ? 0 : p.crossAxis), C = s.reference[h] + s.reference[y] + (R ? 0 : ((b = i.offset) == null ? void 0 : b[h]) || 0) - (R ? p.crossAxis : 0);
         x < S ? x = S : x > C && (x = C);
       }
       return {
@@ -9998,7 +10003,7 @@ const dy = function(e) {
         apply: l = () => {
         },
         ...u
-      } = dn(e, t), d = await Fr(t, u), h = fn(o), m = mr(o), w = en(o) === "y", {
+      } = un(e, t), d = await Fr(t, u), h = dn(o), m = mr(o), w = en(o) === "y", {
         width: x,
         height: v
       } = s.floating;
@@ -10602,9 +10607,9 @@ function Xy(e) {
       strategy: n,
       middleware: m
     };
-    P.current && (O.platform = P.current), Ky(C.current, E.current, O).then((D) => {
+    P.current && (O.platform = P.current), Ky(C.current, E.current, O).then((L) => {
       const K = {
-        ...D,
+        ...L,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
@@ -10648,16 +10653,16 @@ function Xy(e) {
     };
     if (!U.floating)
       return O;
-    const D = ml(U.floating, d.x), K = ml(U.floating, d.y);
+    const L = ml(U.floating, d.x), K = ml(U.floating, d.y);
     return a ? {
       ...O,
-      transform: "translate(" + D + "px, " + K + "px)",
+      transform: "translate(" + L + "px, " + K + "px)",
       ..._d(U.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: n,
-      left: D,
+      left: L,
       top: K
     };
   }, [n, a, U.floating, d.x, d.y]);
@@ -10819,11 +10824,11 @@ var Ia = "PopperContent", [c0, l0] = Dd(Ia), Hd = f.forwardRef(
         f0({ arrowWidth: E, arrowHeight: N }),
         m && r0({ strategy: "referenceHidden", ...G })
       ]
-    }), [D, K] = Wd(U), W = lt(x);
+    }), [L, K] = Wd(U), W = lt(x);
     it(() => {
       oe && (W == null || W());
     }, [oe, W]);
-    const ee = (F = O.arrow) == null ? void 0 : F.x, L = (A = O.arrow) == null ? void 0 : A.y, Z = ((H = O.arrow) == null ? void 0 : H.centerOffset) !== 0, [pe, he] = f.useState();
+    const ee = (F = O.arrow) == null ? void 0 : F.x, M = (A = O.arrow) == null ? void 0 : A.y, Z = ((H = O.arrow) == null ? void 0 : H.centerOffset) !== 0, [pe, he] = f.useState();
     return it(() => {
       g && he(window.getComputedStyle(g).zIndex);
     }, [g]), /* @__PURE__ */ c.jsx(
@@ -10854,15 +10859,15 @@ var Ia = "PopperContent", [c0, l0] = Dd(Ia), Hd = f.forwardRef(
           c0,
           {
             scope: n,
-            placedSide: D,
+            placedSide: L,
             onArrowChange: S,
             arrowX: ee,
-            arrowY: L,
+            arrowY: M,
             shouldHideArrow: Z,
             children: /* @__PURE__ */ c.jsx(
               ve.div,
               {
-                "data-side": D,
+                "data-side": L,
                 "data-align": K,
                 ...v,
                 ref: y,
@@ -11227,17 +11232,17 @@ var Mt = "MenuContent", [M0, Ma] = Un(Mt), rf = f.forwardRef(
       onDismiss: w,
       disableOutsideScroll: x,
       ...v
-    } = e, p = Wn(Mt, n), g = no(Mt, n), b = Ss(n), y = Qd(n), R = j0(n), [S, C] = f.useState(null), E = f.useRef(null), N = Ee(t, E, p.onContentChange), I = f.useRef(0), j = f.useRef(""), P = f.useRef(0), B = f.useRef(null), G = f.useRef("right"), _ = f.useRef(0), Y = x ? hs : f.Fragment, U = x ? { as: F0, allowPinchZoom: !0 } : void 0, oe = (D) => {
+    } = e, p = Wn(Mt, n), g = no(Mt, n), b = Ss(n), y = Qd(n), R = j0(n), [S, C] = f.useState(null), E = f.useRef(null), N = Ee(t, E, p.onContentChange), I = f.useRef(0), j = f.useRef(""), P = f.useRef(0), B = f.useRef(null), G = f.useRef("right"), _ = f.useRef(0), Y = x ? hs : f.Fragment, U = x ? { as: F0, allowPinchZoom: !0 } : void 0, oe = (L) => {
       var F, A;
-      const K = j.current + D, W = R().filter((H) => !H.disabled), ee = document.activeElement, L = (F = W.find((H) => H.ref.current === ee)) == null ? void 0 : F.textValue, Z = W.map((H) => H.textValue), pe = X0(Z, K, L), he = (A = W.find((H) => H.textValue === pe)) == null ? void 0 : A.ref.current;
+      const K = j.current + L, W = R().filter((H) => !H.disabled), ee = document.activeElement, M = (F = W.find((H) => H.ref.current === ee)) == null ? void 0 : F.textValue, Z = W.map((H) => H.textValue), pe = X0(Z, K, M), he = (A = W.find((H) => H.textValue === pe)) == null ? void 0 : A.ref.current;
       (function H(J) {
         j.current = J, window.clearTimeout(I.current), J !== "" && (I.current = window.setTimeout(() => H(""), 1e3));
       })(K), he && setTimeout(() => he.focus());
     };
     f.useEffect(() => () => window.clearTimeout(I.current), []), pa();
-    const O = f.useCallback((D) => {
+    const O = f.useCallback((L) => {
       var W, ee;
-      return G.current === ((W = B.current) == null ? void 0 : W.side) && Z0(D, (ee = B.current) == null ? void 0 : ee.area);
+      return G.current === ((W = B.current) == null ? void 0 : W.side) && Z0(L, (ee = B.current) == null ? void 0 : ee.area);
     }, []);
     return /* @__PURE__ */ c.jsx(
       M0,
@@ -11245,36 +11250,36 @@ var Mt = "MenuContent", [M0, Ma] = Un(Mt), rf = f.forwardRef(
         scope: n,
         searchRef: j,
         onItemEnter: f.useCallback(
-          (D) => {
-            O(D) && D.preventDefault();
+          (L) => {
+            O(L) && L.preventDefault();
           },
           [O]
         ),
         onItemLeave: f.useCallback(
-          (D) => {
+          (L) => {
             var K;
-            O(D) || ((K = E.current) == null || K.focus(), C(null));
+            O(L) || ((K = E.current) == null || K.focus(), C(null));
           },
           [O]
         ),
         onTriggerLeave: f.useCallback(
-          (D) => {
-            O(D) && D.preventDefault();
+          (L) => {
+            O(L) && L.preventDefault();
           },
           [O]
         ),
         pointerGraceTimerRef: P,
-        onPointerGraceIntentChange: f.useCallback((D) => {
-          B.current = D;
+        onPointerGraceIntentChange: f.useCallback((L) => {
+          B.current = L;
         }, []),
         children: /* @__PURE__ */ c.jsx(Y, { ...U, children: /* @__PURE__ */ c.jsx(
           us,
           {
             asChild: !0,
             trapped: o,
-            onMountAutoFocus: Q(s, (D) => {
+            onMountAutoFocus: Q(s, (L) => {
               var K;
-              D.preventDefault(), (K = E.current) == null || K.focus({ preventScroll: !0 });
+              L.preventDefault(), (K = E.current) == null || K.focus({ preventScroll: !0 });
             }),
             onUnmountAutoFocus: i,
             children: /* @__PURE__ */ c.jsx(
@@ -11297,8 +11302,8 @@ var Mt = "MenuContent", [M0, Ma] = Un(Mt), rf = f.forwardRef(
                     loop: r,
                     currentTabStopId: S,
                     onCurrentTabStopIdChange: C,
-                    onEntryFocus: Q(l, (D) => {
-                      g.isUsingKeyboardRef.current || D.preventDefault();
+                    onEntryFocus: Q(l, (L) => {
+                      g.isUsingKeyboardRef.current || L.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
                     children: /* @__PURE__ */ c.jsx(
@@ -11313,25 +11318,25 @@ var Mt = "MenuContent", [M0, Ma] = Un(Mt), rf = f.forwardRef(
                         ...v,
                         ref: N,
                         style: { outline: "none", ...v.style },
-                        onKeyDown: Q(v.onKeyDown, (D) => {
-                          const W = D.target.closest("[data-radix-menu-content]") === D.currentTarget, ee = D.ctrlKey || D.altKey || D.metaKey, L = D.key.length === 1;
-                          W && (D.key === "Tab" && D.preventDefault(), !ee && L && oe(D.key));
+                        onKeyDown: Q(v.onKeyDown, (L) => {
+                          const W = L.target.closest("[data-radix-menu-content]") === L.currentTarget, ee = L.ctrlKey || L.altKey || L.metaKey, M = L.key.length === 1;
+                          W && (L.key === "Tab" && L.preventDefault(), !ee && M && oe(L.key));
                           const Z = E.current;
-                          if (D.target !== Z || !E0.includes(D.key)) return;
-                          D.preventDefault();
+                          if (L.target !== Z || !E0.includes(L.key)) return;
+                          L.preventDefault();
                           const he = R().filter((F) => !F.disabled).map((F) => F.ref.current);
-                          Jd.includes(D.key) && he.reverse(), Y0(he);
+                          Jd.includes(L.key) && he.reverse(), Y0(he);
                         }),
-                        onBlur: Q(e.onBlur, (D) => {
-                          D.currentTarget.contains(D.target) || (window.clearTimeout(I.current), j.current = "");
+                        onBlur: Q(e.onBlur, (L) => {
+                          L.currentTarget.contains(L.target) || (window.clearTimeout(I.current), j.current = "");
                         }),
                         onPointerMove: Q(
                           e.onPointerMove,
-                          Hr((D) => {
-                            const K = D.target, W = _.current !== D.clientX;
-                            if (D.currentTarget.contains(K) && W) {
-                              const ee = D.clientX > _.current ? "right" : "left";
-                              G.current = ee, _.current = D.clientX;
+                          Hr((L) => {
+                            const K = L.target, W = _.current !== L.clientX;
+                            if (L.currentTarget.contains(K) && W) {
+                              const ee = L.clientX > _.current ? "right" : "left";
+                              G.current = ee, _.current = L.clientX;
                             }
                           })
                         )
@@ -11865,7 +11870,7 @@ const OS = AS, MS = PS, DS = f.forwardRef(({ className: e, inset: t, children: n
   Uf,
   {
     ref: o,
-    className: M(
+    className: D(
       "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
       t && "pl-8",
       e
@@ -11882,7 +11887,7 @@ const LS = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   Wf,
   {
     ref: n,
-    className: M(
+    className: D(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
@@ -11895,7 +11900,7 @@ const Vf = f.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__
   {
     ref: r,
     sideOffset: t,
-    className: M(
+    className: D(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
@@ -11907,7 +11912,7 @@ const Pi = f.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */
   Ff,
   {
     ref: r,
-    className: M(
+    className: D(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       t && "pl-8",
       e
@@ -11920,7 +11925,7 @@ const FS = f.forwardRef(({ className: e, children: t, checked: n, ...r }, o) =>
   Bf,
   {
     ref: o,
-    className: M(
+    className: D(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
@@ -11937,7 +11942,7 @@ const BS = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   $f,
   {
     ref: r,
-    className: M(
+    className: D(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
@@ -11953,7 +11958,7 @@ const $S = f.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */
   Lf,
   {
     ref: r,
-    className: M(
+    className: D(
       "px-2 py-1.5 text-sm font-semibold",
       t && "pl-8",
       e
@@ -11966,7 +11971,7 @@ const HS = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   zf,
   {
     ref: n,
-    className: M("-mx-1 my-1 h-px bg-muted", e),
+    className: D("-mx-1 my-1 h-px bg-muted", e),
     ...t
   }
 ));
@@ -12005,14 +12010,14 @@ function ko({
     loadOlderMessages: B,
     isPostStreamFetch: G,
     api: _
-  } = Yi(), [Y, U] = ue(null), [oe, O] = ue(""), [D, K] = ue(null), [W, ee] = ue([]), [L, Z] = ue(!1), [pe, he] = ue(null), [F, A] = ue(null), [H, J] = ue(!1), [ce, se] = ue(null), [Ae, _e] = ue([]), [je, ie] = ue(null), [Ne, Ce] = ue(null), [fe, Te] = ue(!1), Be = Ke(null), st = Ke(null), et = Ke(null), [xt, at] = ue("desktop");
-  Ze(() => {
+  } = Yi(), [Y, U] = ue(null), [oe, O] = ue(""), [L, K] = ue(null), [W, ee] = ue([]), [M, Z] = ue(!1), [pe, he] = ue(null), [F, A] = ue(null), [H, J] = ue(!1), [ce, se] = ue(null), [Ae, _e] = ue([]), [je, ie] = ue(null), [Ne, Ce] = ue(null), [fe, Te] = ue(!1), Be = We(null), st = We(null), et = We(null), [xt, at] = ue("desktop");
+  Xe(() => {
     const te = () => {
       const le = window.innerWidth;
       at(le < 640 ? "phone" : le < 1024 ? "tablet" : "desktop");
     };
     return te(), window.addEventListener("resize", te), () => window.removeEventListener("resize", te);
-  }, []), Ze(() => {
+  }, []), Xe(() => {
     let te = !1;
     if (!x) {
       _e([]), ie(null), Ce(null), et.current = null;
@@ -12041,7 +12046,7 @@ function ko({
       }), () => {
         te = !0;
       };
-  }, [x, S, C, je, E]), Ze(() => {
+  }, [x, S, C, je, E]), Xe(() => {
     S && (ie(S), Ce(C ?? null));
   }, [S, C]);
   const an = Ue(async () => {
@@ -12052,7 +12057,7 @@ function ko({
         console.warn("loadOlderMessages failed", te);
       }
   }, [j, P, B]);
-  Ze(() => {
+  Xe(() => {
     (async () => {
       try {
         const le = await _.getAgent("default");
@@ -12061,7 +12066,7 @@ function ko({
         console.warn("Failed to fetch default message:", le), se(null);
       }
     })();
-  }, [_]), Ze(() => {
+  }, [_]), Xe(() => {
     b && !H && (w == null || w(b));
   }, [b, H, w]);
   const V = (te) => {
@@ -12158,7 +12163,7 @@ function ko({
         Te(!1);
       }
     }
-  }, cn = `flex flex-1 w-full flex-col min-h-0 min-w-0 max-h-full overflow-hidden bg-transparent ${e} ${d.container || ""}`, Yt = `flex-1 min-h-0 min-w-0 max-h-full w-full overflow-y-auto overflow-x-auto overscroll-contain break-words break-anywhere p-4 bg-transparent ${d.messagesArea || ""}`, hn = `flex-shrink-0 w-full border-t p-4 bg-transparent ${d.inputArea || ""}`;
+  }, cn = `flex flex-1 w-full flex-col min-h-0 min-w-0 max-h-full overflow-hidden bg-transparent ${e} ${d.container || ""}`, Yt = `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 || ""}`, fn = `flex-shrink-0 w-full border-t p-4 bg-transparent ${d.inputArea || ""}`;
   return /* @__PURE__ */ c.jsxs("div", { className: cn, children: [
     !!b && !H && /* @__PURE__ */ c.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__ */ c.jsx("span", { children: b }),
@@ -12218,7 +12223,7 @@ function ko({
         isNavigatingCheckpoint: fe || G
       }
     ),
-    /* @__PURE__ */ c.jsxs("div", { className: hn, children: [
+    /* @__PURE__ */ c.jsxs("div", { className: fn, children: [
       Y && /* @__PURE__ */ c.jsx("div", { className: "mb-3 p-3 bg-blue-50 border border-blue-200 rounded-lg", children: /* @__PURE__ */ c.jsxs("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ c.jsx(Rl, { size: 16, className: "text-blue-600" }),
@@ -12274,15 +12279,15 @@ function ko({
               className: "hidden"
             }
           ),
-          L && /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+          M && /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
             /* @__PURE__ */ c.jsx(Jp, { className: "h-4 w-4 animate-spin" }),
             " Uploading Excel file..."
           ] }),
-          F && !L && /* @__PURE__ */ c.jsx("div", { className: "text-sm rounded border border-emerald-200 bg-emerald-50 px-3 py-2 text-emerald-700", children: F }),
-          pe && !L && /* @__PURE__ */ c.jsx("div", { className: "text-sm rounded border border-red-200 bg-red-50 px-3 py-2 text-red-600", children: pe })
+          F && !M && /* @__PURE__ */ c.jsx("div", { className: "text-sm rounded border border-emerald-200 bg-emerald-50 px-3 py-2 text-emerald-700", children: F }),
+          pe && !M && /* @__PURE__ */ c.jsx("div", { className: "text-sm rounded border border-red-200 bg-red-50 px-3 py-2 text-red-600", children: pe })
         ] })
       ] }),
-      D && /* @__PURE__ */ c.jsx("div", { className: "mb-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded px-3 py-2", children: D }),
+      L && /* @__PURE__ */ c.jsx("div", { className: "mb-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded px-3 py-2", children: L }),
       /* @__PURE__ */ c.jsxs("div", { className: "flex items-end gap-2", children: [
         (a || l) && /* @__PURE__ */ c.jsxs(OS, { children: [
           /* @__PURE__ */ c.jsx(MS, { asChild: !0, children: /* @__PURE__ */ c.jsx(
@@ -12310,9 +12315,9 @@ function ko({
               {
                 onClick: () => {
                   var te;
-                  L || (te = st.current) == null || te.click();
+                  M || (te = st.current) == null || te.click();
                 },
-                className: `cursor-pointer ${L ? "opacity-60 pointer-events-none" : ""}`,
+                className: `cursor-pointer ${M ? "opacity-60 pointer-events-none" : ""}`,
                 children: [
                   /* @__PURE__ */ c.jsx(Qp, { className: "h-4 w-4 mr-2" }),
                   " Upload Excel file"
@@ -12334,7 +12339,7 @@ function ko({
             onCancelEdit: we,
             onStop: R,
             allowEmptySend: W.length > 0,
-            textareaClassName: `resize-none min-h-[44px] max-h-[20rem] w-full transition-colors ${Y ? "border-blue-400 bg-blue-50 text-blue-900 dark:border-blue-500 dark:bg-blue-950/60 dark:text-blue-50" : ""} ${D ? "border-red-400" : ""} ${d.textarea || ""}`
+            textareaClassName: `resize-none min-h-[44px] max-h-[20rem] w-full transition-colors ${Y ? "border-blue-400 bg-blue-50 text-blue-900 dark:border-blue-500 dark:bg-blue-950/60 dark:text-blue-50" : ""} ${L ? "border-red-400" : ""} ${d.textarea || ""}`
           }
         ) })
       ] })
@@ -12346,7 +12351,7 @@ const zr = f.forwardRef(
     "input",
     {
       type: t,
-      className: M(
+      className: D(
         "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         e
       ),
@@ -12874,7 +12879,7 @@ const sh = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   oh,
   {
     ref: r,
-    className: M("relative overflow-hidden", e),
+    className: D("relative overflow-hidden", e),
     ...n,
     children: [
       /* @__PURE__ */ c.jsx(QS, { className: "h-full w-full rounded-[inherit] overflow-auto", children: t }),
@@ -12889,7 +12894,7 @@ const ih = f.forwardRef(({ className: e, orientation: t = "vertical", ...n }, r)
   {
     ref: r,
     orientation: t,
-    className: M(
+    className: D(
       "flex touch-none select-none transition-colors",
       t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
       t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
@@ -12922,54 +12927,54 @@ function Oi({
     deleteThread: p,
     renameThread: g
   } = Yi(), [b, y] = ue(m ?? []), [R, S] = ue(!1), [C, E] = ue(null), [N, I] = ue(null), [j, P] = ue(""), [B, G] = ue(!1);
-  Ze(() => {
+  Xe(() => {
     y(m ?? []);
   }, [m]);
-  const _ = async (L) => {
+  const _ = async (M) => {
     try {
-      await h(L), a == null || a(L), l == null || l(L);
+      await h(M), a == null || a(M), l == null || l(M);
     } catch (Z) {
       console.error("Failed to select thread:", Z);
     }
   }, Y = async () => {
     try {
       G(!0);
-      const L = await v();
-      u == null || u(L), a == null || a(L);
-    } catch (L) {
-      console.error("Failed to create thread:", L);
+      const M = await v();
+      u == null || u(M), a == null || a(M);
+    } catch (M) {
+      console.error("Failed to create thread:", M);
     } finally {
       G(!1);
     }
-  }, U = async (L, Z) => {
+  }, U = async (M, Z) => {
     if (Z.stopPropagation(), !!confirm("Delete this thread?"))
       try {
-        await p(L), d == null || d(L);
+        await p(M), d == null || d(M);
       } catch (pe) {
         console.error("Failed to delete thread:", pe);
       }
-  }, oe = (L, Z) => {
-    Z.stopPropagation(), I(L.threadId), P(L.title || `Thread ${L.threadId.slice(0, 8)}`);
-  }, O = async (L) => {
+  }, oe = (M, Z) => {
+    Z.stopPropagation(), I(M.threadId), P(M.title || `Thread ${M.threadId.slice(0, 8)}`);
+  }, O = async (M) => {
     if (j.trim())
       try {
-        await g(L, j.trim()), I(null), P("");
+        await g(M, j.trim()), I(null), P("");
       } catch (Z) {
         console.error("Failed to update title:", Z);
       }
-  }, D = () => {
+  }, L = () => {
     I(null), P("");
-  }, K = (L, Z) => {
-    L.key === "Enter" ? O(Z) : L.key === "Escape" && D();
-  }, W = (L) => {
-    if (!L) return "";
+  }, K = (M, Z) => {
+    M.key === "Enter" ? O(Z) : M.key === "Escape" && L();
+  }, W = (M) => {
+    if (!M) return "";
     try {
-      const Z = new Date(L), he = (/* @__PURE__ */ new Date()).getTime() - Z.getTime(), F = Math.floor(he / (1e3 * 60 * 60 * 24));
+      const Z = new Date(M), he = (/* @__PURE__ */ new Date()).getTime() - Z.getTime(), F = Math.floor(he / (1e3 * 60 * 60 * 24));
       return F === 0 ? Z.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : F === 1 ? "Yesterday" : F < 7 ? `${F} days ago` : Z.toLocaleDateString();
     } catch {
       return "";
     }
-  }, ee = (L) => L.title || `Thread ${L.threadId.slice(0, 8)}`;
+  }, ee = (M) => M.title || `Thread ${M.threadId.slice(0, 8)}`;
   return /* @__PURE__ */ c.jsxs("div", { className: `flex flex-col h-full ${e} ${s.container || ""}`, children: [
     t && /* @__PURE__ */ c.jsx("div", { className: s.header || "flex-shrink-0 p-2 border-b bg-slate-800 border-slate-700 text-slate-100 flex justify-end", children: /* @__PURE__ */ c.jsx(
       De,
@@ -12991,32 +12996,32 @@ function Oi({
         children: /* @__PURE__ */ c.jsx("div", { className: "p-2 space-y-1 pb-4", children: R ? /* @__PURE__ */ c.jsx("div", { className: "text-center py-8 text-slate-400", children: "Loading…" }) : b.length === 0 ? /* @__PURE__ */ c.jsxs("div", { className: "text-center py-8 text-slate-400", children: [
           /* @__PURE__ */ c.jsx(tm, { className: "w-8 h-8 mx-auto mb-2 opacity-40 text-slate-500" }),
           /* @__PURE__ */ c.jsx("p", { className: "text-sm text-slate-500", children: "No conversations yet" })
-        ] }) : b.slice().sort((L, Z) => new Date(Z.updatedAt || Z.createdAt || "").getTime() - new Date(L.updatedAt || L.createdAt || "").getTime()).map((L) => /* @__PURE__ */ c.jsxs(
+        ] }) : b.slice().sort((M, Z) => new Date(Z.updatedAt || Z.createdAt || "").getTime() - new Date(M.updatedAt || M.createdAt || "").getTime()).map((M) => /* @__PURE__ */ c.jsxs(
           "div",
           {
-            onClick: () => _(L.threadId),
-            className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${(i ?? x) === L.threadId ? `${s.activeThread || "bg-slate-600 border-slate-500"} ` : `${s.threadItem || "bg-slate-700 border-slate-600 hover:bg-slate-600 text-gray-900 dark:text-slate-100"}`} ${s.threadItem || ""} text-gray-900 dark:text-slate-100`,
+            onClick: () => _(M.threadId),
+            className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${(i ?? x) === M.threadId ? `${s.activeThread || "bg-slate-600 border-slate-500"} ` : `${s.threadItem || "bg-slate-700 border-slate-600 hover:bg-slate-600 text-gray-900 dark:text-slate-100"}`} ${s.threadItem || ""} text-gray-900 dark:text-slate-100`,
             children: [
               /* @__PURE__ */ c.jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ c.jsx("div", { className: "flex-1 min-w-0", children: N === L.threadId ? /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2", onClick: (Z) => Z.stopPropagation(), children: [
-                  /* @__PURE__ */ c.jsx(zr, { value: j, onChange: (Z) => P(Z.target.value), onKeyDown: (Z) => K(Z, L.threadId), className: "h-6 text-sm", autoFocus: !0 }),
-                  /* @__PURE__ */ c.jsx(De, { variant: "ghost", size: "sm", onClick: () => O(L.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ c.jsx(Wi, { size: 12 }) }),
-                  /* @__PURE__ */ c.jsx(De, { variant: "ghost", size: "sm", onClick: D, className: "h-6 w-6 p-0", children: /* @__PURE__ */ c.jsx(er, { size: 12 }) })
+                /* @__PURE__ */ c.jsx("div", { className: "flex-1 min-w-0", children: N === M.threadId ? /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2", onClick: (Z) => Z.stopPropagation(), children: [
+                  /* @__PURE__ */ c.jsx(zr, { value: j, onChange: (Z) => P(Z.target.value), onKeyDown: (Z) => K(Z, M.threadId), className: "h-6 text-sm", autoFocus: !0 }),
+                  /* @__PURE__ */ c.jsx(De, { variant: "ghost", size: "sm", onClick: () => O(M.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ c.jsx(Wi, { size: 12 }) }),
+                  /* @__PURE__ */ c.jsx(De, { variant: "ghost", size: "sm", onClick: L, className: "h-6 w-6 p-0", children: /* @__PURE__ */ c.jsx(er, { size: 12 }) })
                 ] }) : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-                  /* @__PURE__ */ c.jsx("div", { className: "font-medium text-sm truncate text-gray-900 dark:text-slate-100", children: ee(L) }),
+                  /* @__PURE__ */ c.jsx("div", { className: "font-medium text-sm truncate text-gray-900 dark:text-slate-100", children: ee(M) }),
                   /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-slate-400 mt-1", children: [
                     /* @__PURE__ */ c.jsx(nm, { size: 10 }),
-                    /* @__PURE__ */ c.jsx("span", { children: W(L.updatedAt || L.createdAt) })
+                    /* @__PURE__ */ c.jsx("span", { children: W(M.updatedAt || M.createdAt) })
                   ] })
                 ] }) }),
                 /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity ml-2", children: [
-                  r && N !== L.threadId && /* @__PURE__ */ c.jsx(De, { variant: "ghost", size: "sm", onClick: (Z) => oe(L, Z), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ c.jsx(Rl, { size: 12 }) }),
+                  r && N !== M.threadId && /* @__PURE__ */ c.jsx(De, { variant: "ghost", size: "sm", onClick: (Z) => oe(M, Z), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ c.jsx(Rl, { size: 12 }) }),
                   n && /* @__PURE__ */ c.jsx(
                     De,
                     {
                       variant: "ghost",
                       size: "sm",
-                      onClick: (Z) => U(L.threadId, Z),
+                      onClick: (Z) => U(M.threadId, Z),
                       className: "h-6 w-6 p-0 text-red-400 hover:text-red-300 hover:bg-red-900/20",
                       title: "Delete thread",
                       children: /* @__PURE__ */ c.jsx(rm, { size: 12 })
@@ -13024,10 +13029,10 @@ function Oi({
                   )
                 ] })
               ] }),
-              i === L.threadId && /* @__PURE__ */ c.jsx("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-blue-400 rounded-r" })
+              i === M.threadId && /* @__PURE__ */ c.jsx("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-blue-400 rounded-r" })
             ]
           },
-          L.threadId
+          M.threadId
         )) })
       }
     )
@@ -13035,7 +13040,7 @@ function Oi({
 }
 const ah = Sl(null);
 function xR({ children: e, basePath: t = "/chat" }) {
-  const n = ln(() => t ? t === "/" ? "" : t.endsWith("/") ? t.slice(0, -1) : t : "/chat", [t]), r = {
+  const n = mn(() => t ? t === "/" ? "" : t.endsWith("/") ? t.slice(0, -1) : t : "/chat", [t]), r = {
     basePath: n,
     buildThreadPath: (o) => `${n}/${o}`,
     buildBasePath: () => n
@@ -13167,7 +13172,7 @@ const Wa = f.forwardRef(
       ref: o,
       decorative: n,
       orientation: t,
-      className: M(
+      className: D(
         "shrink-0 bg-border",
         t === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         e
@@ -13180,7 +13185,7 @@ Wa.displayName = fh.displayName;
 const hh = hd, uC = Nw, dC = pd, ph = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   ms,
   {
-    className: M(
+    className: D(
       "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
@@ -13210,7 +13215,7 @@ const fC = Wr(
     gs,
     {
       ref: o,
-      className: M(fC({ side: e }), t),
+      className: D(fC({ side: e }), t),
       ...r,
       children: [
         n,
@@ -13229,7 +13234,7 @@ const mh = ({
 }) => /* @__PURE__ */ c.jsx(
   "div",
   {
-    className: M(
+    className: D(
       "flex flex-col space-y-2 text-center sm:text-left",
       e
     ),
@@ -13241,7 +13246,7 @@ const gh = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   _n,
   {
     ref: n,
-    className: M("text-lg font-semibold text-foreground", e),
+    className: D("text-lg font-semibold text-foreground", e),
     ...t
   }
 ));
@@ -13250,7 +13255,7 @@ const vh = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   vs,
   {
     ref: n,
-    className: M("text-sm text-muted-foreground", e),
+    className: D("text-sm text-muted-foreground", e),
     ...t
   }
 ));
@@ -13262,7 +13267,7 @@ function bl({
   return /* @__PURE__ */ c.jsx(
     "div",
     {
-      className: M("animate-pulse rounded-md bg-muted", e),
+      className: D("animate-pulse rounded-md bg-muted", e),
       ...t
     }
   );
@@ -13601,7 +13606,7 @@ const OC = AC, MC = PC, DC = _C, Ih = f.forwardRef(({ className: e, sideOffset:
   {
     ref: r,
     sideOffset: t,
-    className: M(
+    className: D(
       "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
@@ -13659,7 +13664,7 @@ const kh = f.forwardRef(
           "--sidebar-width-icon": HC,
           ...o
         },
-        className: M(
+        className: D(
           "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
           r
         ),
@@ -13684,7 +13689,7 @@ const Ah = f.forwardRef(
     return n === "none" ? /* @__PURE__ */ c.jsx(
       "div",
       {
-        className: M(
+        className: D(
           "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
           r
         ),
@@ -13717,7 +13722,7 @@ const Ah = f.forwardRef(
           /* @__PURE__ */ c.jsx(
             "div",
             {
-              className: M(
+              className: D(
                 "duration-200 relative h-svh w-[--sidebar-width] bg-transparent transition-[width] ease-linear",
                 "group-data-[collapsible=offcanvas]:w-0",
                 "group-data-[side=right]:rotate-180",
@@ -13728,7 +13733,7 @@ const Ah = f.forwardRef(
           /* @__PURE__ */ c.jsx(
             "div",
             {
-              className: M(
+              className: D(
                 "duration-200 fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex",
                 e === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
                 // Adjust the padding for floating and inset variants.
@@ -13761,7 +13766,7 @@ const Ph = f.forwardRef(({ className: e, onClick: t, ...n }, r) => {
       "data-sidebar": "trigger",
       variant: "ghost",
       size: "icon",
-      className: M("h-7 w-7", e),
+      className: D("h-7 w-7", e),
       onClick: (s) => {
         t == null || t(s), o();
       },
@@ -13785,7 +13790,7 @@ const UC = f.forwardRef(({ className: e, ...t }, n) => {
       tabIndex: -1,
       onClick: r,
       title: "Toggle Sidebar",
-      className: M(
+      className: D(
         "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
         "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
         "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
@@ -13803,7 +13808,7 @@ const _h = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   "main",
   {
     ref: n,
-    className: M(
+    className: D(
       "relative flex min-h-svh flex-1 flex-col bg-background",
       "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
       e
@@ -13817,7 +13822,7 @@ const WC = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   {
     ref: n,
     "data-sidebar": "input",
-    className: M(
+    className: D(
       "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
       e
     ),
@@ -13830,7 +13835,7 @@ const Oh = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   {
     ref: n,
     "data-sidebar": "header",
-    className: M("flex flex-col gap-2 p-2", e),
+    className: D("flex flex-col gap-2 p-2", e),
     ...t
   }
 ));
@@ -13840,7 +13845,7 @@ const VC = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   {
     ref: n,
     "data-sidebar": "footer",
-    className: M("flex flex-col gap-2 p-2", e),
+    className: D("flex flex-col gap-2 p-2", e),
     ...t
   }
 ));
@@ -13850,7 +13855,7 @@ const GC = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   {
     ref: n,
     "data-sidebar": "separator",
-    className: M("mx-2 w-auto bg-sidebar-border", e),
+    className: D("mx-2 w-auto bg-sidebar-border", e),
     ...t
   }
 ));
@@ -13860,7 +13865,7 @@ const Mh = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   {
     ref: n,
     "data-sidebar": "content",
-    className: M(
+    className: D(
       "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
       e
     ),
@@ -13873,7 +13878,7 @@ const Dh = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   {
     ref: n,
     "data-sidebar": "group",
-    className: M("relative flex w-full min-w-0 flex-col p-2", e),
+    className: D("relative flex w-full min-w-0 flex-col p-2", e),
     ...t
   }
 ));
@@ -13885,7 +13890,7 @@ const Lh = f.forwardRef(({ className: e, asChild: t = !1, ...n }, r) => {
     {
       ref: r,
       "data-sidebar": "group-label",
-      className: M(
+      className: D(
         "duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
         e
@@ -13902,7 +13907,7 @@ const KC = f.forwardRef(({ className: e, asChild: t = !1, ...n }, r) => {
     {
       ref: r,
       "data-sidebar": "group-action",
-      className: M(
+      className: D(
         "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
         "after:absolute after:-inset-2 after:md:hidden",
@@ -13919,7 +13924,7 @@ const Fh = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   {
     ref: n,
     "data-sidebar": "group-content",
-    className: M("w-full text-sm", e),
+    className: D("w-full text-sm", e),
     ...t
   }
 ));
@@ -13929,7 +13934,7 @@ const Bh = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   {
     ref: n,
     "data-sidebar": "menu",
-    className: M("flex w-full min-w-0 flex-col gap-1", e),
+    className: D("flex w-full min-w-0 flex-col gap-1", e),
     ...t
   }
 ));
@@ -13939,7 +13944,7 @@ const $h = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   {
     ref: n,
     "data-sidebar": "menu-item",
-    className: M("group/menu-item relative", e),
+    className: D("group/menu-item relative", e),
     ...t
   }
 ));
@@ -13980,7 +13985,7 @@ const YC = Wr(
         "data-sidebar": "menu-button",
         "data-size": r,
         "data-active": t,
-        className: M(YC({ variant: n, size: r }), s),
+        className: D(YC({ variant: n, size: r }), s),
         ...i
       }
     );
@@ -14008,7 +14013,7 @@ const qC = f.forwardRef(({ className: e, asChild: t = !1, showOnHover: n = !1, .
     {
       ref: o,
       "data-sidebar": "menu-action",
-      className: M(
+      className: D(
         "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
         "after:absolute after:-inset-2 after:md:hidden",
@@ -14029,7 +14034,7 @@ const XC = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   {
     ref: n,
     "data-sidebar": "menu-badge",
-    className: M(
+    className: D(
       "absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground select-none pointer-events-none",
       "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
       "peer-data-[size=sm]/menu-button:top-1",
@@ -14049,7 +14054,7 @@ const JC = f.forwardRef(({ className: e, showIcon: t = !1, ...n }, r) => {
     {
       ref: r,
       "data-sidebar": "menu-skeleton",
-      className: M("rounded-md h-8 flex gap-2 px-2 items-center", e),
+      className: D("rounded-md h-8 flex gap-2 px-2 items-center", e),
       ...n,
       children: [
         t && /* @__PURE__ */ c.jsx(
@@ -14079,7 +14084,7 @@ const ZC = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   {
     ref: n,
     "data-sidebar": "menu-sub",
-    className: M(
+    className: D(
       "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
       "group-data-[collapsible=icon]:hidden",
       e
@@ -14099,7 +14104,7 @@ const eT = f.forwardRef(({ asChild: e = !1, size: t = "md", isActive: n, classNa
       "data-sidebar": "menu-sub-button",
       "data-size": t,
       "data-active": n,
-      className: M(
+      className: D(
         "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
         "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
         t === "sm" && "text-xs",
@@ -14166,7 +14171,7 @@ const nT = Wr(
   Uh,
   {
     ref: n,
-    className: M(nT(), e),
+    className: D(nT(), e),
     ...t
   }
 ));
@@ -14292,10 +14297,10 @@ function qh(e) {
   return e ? "checked" : "unchecked";
 }
 var Xh = Vh, aT = Kh;
-const mn = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
+const pn = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   Xh,
   {
-    className: M(
+    className: D(
       "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
       e
     ),
@@ -14304,14 +14309,14 @@ const mn = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
     children: /* @__PURE__ */ c.jsx(
       aT,
       {
-        className: M(
+        className: D(
           "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
         )
       }
     )
   }
 ));
-mn.displayName = Xh.displayName;
+pn.displayName = Xh.displayName;
 var cT = [" ", "Enter", "ArrowUp", "ArrowDown"], lT = [" ", "Enter"], Bn = "Select", [Ps, _s, uT] = ba(Bn), [xr, ER] = Gt(Bn, [
   uT,
   vr
@@ -14530,24 +14535,24 @@ var Bt = 10, [sp, Rn] = xr($n), gT = "SelectContentImpl", vT = sr("SelectContent
     f.useEffect(() => {
       G && oe();
     }, [G, oe]);
-    const { onOpenChange: O, triggerPointerDownPosRef: D } = b;
+    const { onOpenChange: O, triggerPointerDownPosRef: L } = b;
     f.useEffect(() => {
       if (y) {
         let F = { x: 0, y: 0 };
         const A = (J) => {
           var ce, se;
           F = {
-            x: Math.abs(Math.round(J.pageX) - (((ce = D.current) == null ? void 0 : ce.x) ?? 0)),
-            y: Math.abs(Math.round(J.pageY) - (((se = D.current) == null ? void 0 : se.y) ?? 0))
+            x: Math.abs(Math.round(J.pageX) - (((ce = L.current) == null ? void 0 : ce.x) ?? 0)),
+            y: Math.abs(Math.round(J.pageY) - (((se = L.current) == null ? void 0 : se.y) ?? 0))
           };
         }, H = (J) => {
-          F.x <= 10 && F.y <= 10 ? J.preventDefault() : y.contains(J.target) || O(!1), document.removeEventListener("pointermove", A), D.current = null;
+          F.x <= 10 && F.y <= 10 ? J.preventDefault() : y.contains(J.target) || O(!1), document.removeEventListener("pointermove", A), L.current = null;
         };
-        return D.current !== null && (document.addEventListener("pointermove", A), document.addEventListener("pointerup", H, { capture: !0, once: !0 })), () => {
+        return L.current !== null && (document.addEventListener("pointermove", A), document.addEventListener("pointerup", H, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", A), document.removeEventListener("pointerup", H, { capture: !0 });
         };
       }
-    }, [y, O, D]), f.useEffect(() => {
+    }, [y, O, L]), f.useEffect(() => {
       const F = () => O(!1);
       return window.addEventListener("blur", F), window.addEventListener("resize", F), () => {
         window.removeEventListener("blur", F), window.removeEventListener("resize", F);
@@ -14562,7 +14567,7 @@ var Bt = 10, [sp, Rn] = xr($n), gT = "SelectContentImpl", vT = sr("SelectContent
         (b.value !== void 0 && b.value === A || J) && (I(F), J && (Y.current = !0));
       },
       [b.value]
-    ), L = f.useCallback(() => y == null ? void 0 : y.focus(), [y]), Z = f.useCallback(
+    ), M = f.useCallback(() => y == null ? void 0 : y.focus(), [y]), Z = f.useCallback(
       (F, A, H) => {
         const J = !Y.current && !H;
         (b.value !== void 0 && b.value === A || J) && P(F);
@@ -14589,7 +14594,7 @@ var Bt = 10, [sp, Rn] = xr($n), gT = "SelectContentImpl", vT = sr("SelectContent
         onViewportChange: C,
         itemRefCallback: ee,
         selectedItem: N,
-        onItemLeave: L,
+        onItemLeave: M,
         itemTextRefCallback: Z,
         focusSelectedItem: oe,
         selectedItemText: j,
@@ -14681,14 +14686,14 @@ var xT = "SelectItemAlignedPosition", ap = f.forwardRef((e, t) => {
         ]);
         a.style.minWidth = _e + "px", a.style.right = Ne + "px";
       }
-      const P = m(), B = window.innerHeight - Bt * 2, G = v.scrollHeight, _ = window.getComputedStyle(u), Y = parseInt(_.borderTopWidth, 10), U = parseInt(_.paddingTop, 10), oe = parseInt(_.borderBottomWidth, 10), O = parseInt(_.paddingBottom, 10), D = Y + U + G + O + oe, K = Math.min(p.offsetHeight * 5, D), W = window.getComputedStyle(v), ee = parseInt(W.paddingTop, 10), L = parseInt(W.paddingBottom, 10), Z = E.top + E.height / 2 - Bt, pe = B - Z, he = p.offsetHeight / 2, F = p.offsetTop + he, A = Y + U + F, H = D - A;
+      const P = m(), B = window.innerHeight - Bt * 2, G = v.scrollHeight, _ = window.getComputedStyle(u), Y = parseInt(_.borderTopWidth, 10), U = parseInt(_.paddingTop, 10), oe = parseInt(_.borderBottomWidth, 10), O = parseInt(_.paddingBottom, 10), L = Y + U + G + O + oe, K = Math.min(p.offsetHeight * 5, L), W = window.getComputedStyle(v), ee = parseInt(W.paddingTop, 10), M = parseInt(W.paddingBottom, 10), Z = E.top + E.height / 2 - Bt, pe = B - Z, he = p.offsetHeight / 2, F = p.offsetTop + he, A = Y + U + F, H = L - A;
       if (A <= Z) {
         const ce = P.length > 0 && p === P[P.length - 1].ref.current;
         a.style.bottom = "0px";
         const se = u.clientHeight - v.offsetTop - v.offsetHeight, Ae = Math.max(
           pe,
           he + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (ce ? L : 0) + se + oe
+          (ce ? M : 0) + se + oe
         ), _e = A + Ae;
         a.style.height = _e + "px";
       } else {
@@ -15121,7 +15126,7 @@ const wl = jT, yl = kT, zi = f.forwardRef(({ className: e, children: t, ...n },
   Rp,
   {
     ref: r,
-    className: M(
+    className: D(
       "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       e
     ),
@@ -15137,7 +15142,7 @@ const Pp = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   jp,
   {
     ref: n,
-    className: M(
+    className: D(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
@@ -15150,7 +15155,7 @@ const _p = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   kp,
   {
     ref: n,
-    className: M(
+    className: D(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
@@ -15163,7 +15168,7 @@ const Ui = f.forwardRef(({ className: e, children: t, position: n = "popper", ..
   Ep,
   {
     ref: o,
-    className: M(
+    className: D(
       "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       e
@@ -15175,7 +15180,7 @@ const Ui = f.forwardRef(({ className: e, children: t, position: n = "popper", ..
       /* @__PURE__ */ c.jsx(
         _T,
         {
-          className: M(
+          className: D(
             "p-1",
             n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
@@ -15191,7 +15196,7 @@ const DT = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   Np,
   {
     ref: n,
-    className: M("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
+    className: D("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
     ...t
   }
 ));
@@ -15200,7 +15205,7 @@ const jn = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   Ip,
   {
     ref: r,
-    className: M(
+    className: D(
       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
@@ -15216,7 +15221,7 @@ const LT = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   Ap,
   {
     ref: n,
-    className: M("-mx-1 my-1 h-px bg-muted", e),
+    className: D("-mx-1 my-1 h-px bg-muted", e),
     ...t
   }
 ));
@@ -15225,7 +15230,7 @@ const Ao = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   "div",
   {
     ref: n,
-    className: M(
+    className: D(
       "rounded-lg border bg-card text-card-foreground shadow-sm",
       e
     ),
@@ -15237,7 +15242,7 @@ const Po = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   "div",
   {
     ref: n,
-    className: M("flex flex-col space-y-1.5 p-6", e),
+    className: D("flex flex-col space-y-1.5 p-6", e),
     ...t
   }
 ));
@@ -15246,7 +15251,7 @@ const _o = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   "h3",
   {
     ref: n,
-    className: M(
+    className: D(
       "text-2xl font-semibold leading-none tracking-tight",
       e
     ),
@@ -15258,18 +15263,18 @@ const FT = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   "p",
   {
     ref: n,
-    className: M("text-sm text-muted-foreground", e),
+    className: D("text-sm text-muted-foreground", e),
     ...t
   }
 ));
 FT.displayName = "CardDescription";
-const Oo = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx("div", { ref: n, className: M("p-6 pt-0", e), ...t }));
+const Oo = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx("div", { ref: n, className: D("p-6 pt-0", e), ...t }));
 Oo.displayName = "CardContent";
 const BT = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   "div",
   {
     ref: n,
-    className: M("flex items-center p-6 pt-0", e),
+    className: D("flex items-center p-6 pt-0", e),
     ...t
   }
 ));
@@ -15295,10 +15300,10 @@ const $T = {
 };
 function NR({ settings: e, onSettingsChange: t, className: n = "" }) {
   const [r, o] = ue(!1), [s, i] = ue(!1), [a, l] = ue(e), [u, d] = ue(!1), { toast: h } = ha();
-  Ze(() => {
+  Xe(() => {
     const p = JSON.stringify(a) !== JSON.stringify(e);
     d(p);
-  }, [a, e]), Ze(() => {
+  }, [a, e]), Xe(() => {
     l(e);
   }, [e]);
   const m = () => {
@@ -15367,7 +15372,7 @@ function NR({ settings: e, onSettingsChange: t, className: n = "" }) {
             /* @__PURE__ */ c.jsxs("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ c.jsx(Pt, { htmlFor: "enable-auth", children: "Enable Authentication" }),
               /* @__PURE__ */ c.jsx(
-                mn,
+                pn,
                 {
                   id: "enable-auth",
                   checked: a.api.enableAuth,
@@ -15460,7 +15465,7 @@ function NR({ settings: e, onSettingsChange: t, className: n = "" }) {
               /* @__PURE__ */ c.jsxs("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ c.jsx(Pt, { htmlFor: "show-timestamps", children: "Show Timestamps" }),
                 /* @__PURE__ */ c.jsx(
-                  mn,
+                  pn,
                   {
                     id: "show-timestamps",
                     checked: a.ui.showTimestamps,
@@ -15474,7 +15479,7 @@ function NR({ settings: e, onSettingsChange: t, className: n = "" }) {
               /* @__PURE__ */ c.jsxs("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ c.jsx(Pt, { htmlFor: "show-agent-names", children: "Show Agent Names" }),
                 /* @__PURE__ */ c.jsx(
-                  mn,
+                  pn,
                   {
                     id: "show-agent-names",
                     checked: a.ui.showAgentNames,
@@ -15488,7 +15493,7 @@ function NR({ settings: e, onSettingsChange: t, className: n = "" }) {
               /* @__PURE__ */ c.jsxs("div", { className: "flex items-center justify-between", children: [
                 /* @__PURE__ */ c.jsx(Pt, { htmlFor: "compact-messages", children: "Compact Messages" }),
                 /* @__PURE__ */ c.jsx(
-                  mn,
+                  pn,
                   {
                     id: "compact-messages",
                     checked: a.ui.compactMessages,
@@ -15514,7 +15519,7 @@ function NR({ settings: e, onSettingsChange: t, className: n = "" }) {
                 /* @__PURE__ */ c.jsx("p", { className: "text-sm text-muted-foreground", children: "Automatically save messages to threads" })
               ] }),
               /* @__PURE__ */ c.jsx(
-                mn,
+                pn,
                 {
                   id: "auto-save",
                   checked: a.behavior.autoSave,
@@ -15531,7 +15536,7 @@ function NR({ settings: e, onSettingsChange: t, className: n = "" }) {
                 /* @__PURE__ */ c.jsx("p", { className: "text-sm text-muted-foreground", children: "Stream responses in real-time" })
               ] }),
               /* @__PURE__ */ c.jsx(
-                mn,
+                pn,
                 {
                   id: "enable-streaming",
                   checked: a.behavior.enableStreaming,
@@ -15548,7 +15553,7 @@ function NR({ settings: e, onSettingsChange: t, className: n = "" }) {
                 /* @__PURE__ */ c.jsx("p", { className: "text-sm text-muted-foreground", children: "Show typing indicator during responses" })
               ] }),
               /* @__PURE__ */ c.jsx(
-                mn,
+                pn,
                 {
                   id: "typing-indicator",
                   checked: a.behavior.showTypingIndicator,