teodor-new-chat-ui 3.0.95 → 3.0.96

package/dist/index.esm.js

@@ -1,5 +1,5 @@
 import * as f from "react";
-import V, { useState as fe, useRef as Ye, useCallback as Ke, useEffect as Be, useReducer as Dp, useMemo as un, createContext as wc, useContext as yc, createElement as uo, useLayoutEffect as Lp } from "react";
+import V, { useState as fe, useRef as Ke, useCallback as Ge, useEffect as Fe, useReducer as Dp, useMemo as un, createContext as wc, useContext as yc, createElement as uo, useLayoutEffect as Lp } from "react";
 import { Square as Fp, Send as Bp, X as Vn, ExternalLink as $p, Download as Hp, Image as Sc, FileText as Va, Loader as zp, ChevronUp as wr, ChevronDown as Wn, Copy as Ga, Edit as Ka, RotateCcw as si, Bot as Ya, Wrench as Up, User as Wp, ChevronRight as Vp, Check as Hi, Circle as Gp, Edit3 as Cc, Paperclip as qa, Loader2 as Kp, Plus as Yp, FileSpreadsheet as qp, MessageSquarePlus as Xp, MessageSquare as Jp, Calendar as Zp, Trash2 as Qp, PanelLeft as em, Settings as tm, Server as nm, EyeOff as rm, Eye as om, Layout as sm, MessageCircle as im, Save as am } from "lucide-react";
 import { Slot as tr, createSlot as Xn, createSlottable as lm } from "@radix-ui/react-slot";
 import { cva as $r } from "class-variance-authority";
@@ -63,10 +63,10 @@ function fm() {
       {
         var ge = w.ReactDebugCurrentFrame, Oe = ge.getStackAddendum();
         Oe !== "" && (z += "%s", ne = ne.concat([Oe]));
-        var Fe = ne.map(function(Ie) {
+        var Le = ne.map(function(Ie) {
           return String(Ie);
         });
-        Fe.unshift("Warning: " + z), Function.prototype.apply.call(console[E], console, Fe);
+        Le.unshift("Warning: " + z), Function.prototype.apply.call(console[E], console, Le);
       }
     }
     var N = !1, S = !1, T = !1, C = !1, R = !1, I;
@@ -123,9 +123,9 @@ function fm() {
             var ge = E.displayName || null;
             return ge !== null ? ge : U(E.type) || "Memo";
           case m: {
-            var Oe = E, Fe = Oe._payload, Ie = Oe._init;
+            var Oe = E, Le = Oe._payload, Ie = Oe._init;
             try {
-              return U(Ie(Fe));
+              return U(Ie(Le));
             } catch {
               return null;
             }
@@ -226,8 +226,8 @@ function fm() {
       X = !0;
       var Oe = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
-      var Fe;
-      Fe = ce.current, ce.current = null, Y();
+      var Le;
+      Le = ce.current, ce.current = null, Y();
       try {
         if (z) {
           var Ie = function() {
@@ -280,7 +280,7 @@ function fm() {
             }
         }
       } finally {
-        X = !1, ce.current = Fe, ye(), Error.prepareStackTrace = Oe;
+        X = !1, ce.current = Le, ye(), Error.prepareStackTrace = Oe;
       }
       var Bn = E ? E.displayName || E.name : "", Wa = Bn ? P(Bn) : "";
       return typeof E == "function" && te.set(E, Wa), Wa;
@@ -312,9 +312,9 @@ function fm() {
           case h:
             return De(E.type, z, ne);
           case m: {
-            var ge = E, Oe = ge._payload, Fe = ge._init;
+            var ge = E, Oe = ge._payload, Le = ge._init;
             try {
-              return De(Fe(Oe), z, ne);
+              return De(Le(Oe), z, ne);
             } catch {
             }
           }
@@ -331,9 +331,9 @@ function fm() {
     }
     function rt(E, z, ne, ge, Oe) {
       {
-        var Fe = Function.call.bind(de);
+        var Le = Function.call.bind(de);
         for (var Ie in E)
-          if (Fe(E, Ie)) {
+          if (Le(E, Ie)) {
             var Re = void 0;
             try {
               if (typeof E[Ie] != "function") {
@@ -352,13 +352,13 @@ function fm() {
     function ae(E) {
       return J(E);
     }
-    function Le(E) {
+    function $e(E) {
       {
         var z = typeof Symbol == "function" && Symbol.toStringTag, ne = z && E[Symbol.toStringTag] || E.constructor.name || "Object";
         return ne;
       }
     }
-    function Ve(E) {
+    function Ye(E) {
       try {
         return Ze(E), !1;
       } catch {
@@ -369,8 +369,8 @@ function fm() {
       return "" + E;
     }
     function wt(E) {
-      if (Ve(E))
-        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", Le(E)), Ze(E);
+      if (Ye(E))
+        return b("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", $e(E)), Ze(E);
     }
     var dt = w.ReactCurrentOwner, Rt = {
       key: !0,
@@ -419,7 +419,7 @@ function fm() {
         });
       }
     }
-    var Ge = function(E, z, ne, ge, Oe, Fe, Ie) {
+    var Ve = function(E, z, ne, ge, Oe, Le, Ie) {
       var Re = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -429,7 +429,7 @@ function fm() {
         ref: ne,
         props: Ie,
         // Record the component responsible for creating this element.
-        _owner: Fe
+        _owner: Le
       };
       return Re._store = {}, Object.defineProperty(Re._store, "validated", {
         configurable: !1,
@@ -450,20 +450,20 @@ function fm() {
     };
     function dr(E, z, ne, ge, Oe) {
       {
-        var Fe, Ie = {}, Re = null, ht = null;
+        var Le, Ie = {}, Re = null, ht = null;
         ne !== void 0 && (wt(ne), Re = "" + ne), ft(z) && (wt(z.key), Re = "" + z.key), et(z) && (ht = z.ref, sn(z, Oe));
-        for (Fe in z)
-          de.call(z, Fe) && !Rt.hasOwnProperty(Fe) && (Ie[Fe] = z[Fe]);
+        for (Le in z)
+          de.call(z, Le) && !Rt.hasOwnProperty(Le) && (Ie[Le] = z[Le]);
         if (E && E.defaultProps) {
           var qe = E.defaultProps;
-          for (Fe in qe)
-            Ie[Fe] === void 0 && (Ie[Fe] = qe[Fe]);
+          for (Le in qe)
+            Ie[Le] === void 0 && (Ie[Le] = qe[Le]);
         }
         if (Re || ht) {
           var tt = typeof E == "function" ? E.displayName || E.name || "Unknown" : E;
           Re && ur(Ie, tt), ht && Ln(Ie, tt);
         }
-        return Ge(E, Re, ht, Oe, ge, dt.current, Ie);
+        return Ve(E, Re, ht, Oe, ge, dt.current, Ie);
       }
     }
     var fr = w.ReactCurrentOwner, oe = w.ReactDebugCurrentFrame;
@@ -534,7 +534,7 @@ Check the top-level render call using <` + ne + ">.");
         else if (E) {
           var Oe = p(E);
           if (typeof Oe == "function" && Oe !== E.entries)
-            for (var Fe = Oe.call(E), Ie; !(Ie = Fe.next()).done; )
+            for (var Le = Oe.call(E), Ie; !(Ie = Le.next()).done; )
               Ue(Ie.value) && pr(Ie.value, z);
         }
       }
@@ -576,7 +576,7 @@ Check the top-level render call using <` + ne + ">.");
         E.ref !== null && (ie(E), b("Invalid attribute `ref` supplied to `React.Fragment`."), ie(null));
       }
     }
-    function Ua(E, z, ne, ge, Oe, Fe) {
+    function Ua(E, z, ne, ge, Oe, Le) {
       {
         var Ie = k(E);
         if (!Ie) {
@@ -587,7 +587,7 @@ Check the top-level render call using <` + ne + ">.");
           var qe;
           E === null ? qe = "null" : ae(E) ? qe = "array" : E !== void 0 && E.$$typeof === t ? (qe = "<" + (U(E.type) || "Unknown") + " />", Re = " Did you accidentally export a JSX literal instead of a component?") : qe = typeof E, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", qe, Re);
         }
-        var tt = dr(E, z, ne, Oe, Fe);
+        var tt = dr(E, z, ne, Oe, Le);
         if (tt == null)
           return tt;
         if (Ie) {
@@ -2504,14 +2504,14 @@ class Gg {
 }
 const Nn = new Gg();
 function Kg(e = {}) {
-  const t = e.baseUrl ?? "/api/chat", n = e.streamPath ?? "/runs/stream", [r, o] = fe(e.token ?? null), s = Ye(e.headers ?? {}), [i, a] = fe(!1), [c, u] = fe(null), [d, h] = fe(""), [m, v] = fe(null), x = Ye(null), g = Ke((y) => {
+  const t = e.baseUrl ?? "/api/chat", n = e.streamPath ?? "/runs/stream", [r, o] = fe(e.token ?? null), s = Ke(e.headers ?? {}), [i, a] = fe(!1), [c, u] = fe(null), [d, h] = fe(""), [m, v] = fe(null), x = Ke(null), g = Ge((y) => {
     o(y);
-  }, []), p = Ke(() => {
+  }, []), p = Ge(() => {
     var y;
     (y = x.current) == null || y.abort(), x.current = null, a(!1);
-  }, []), w = Ke(() => {
+  }, []), w = Ge(() => {
     h(""), v(null), u(null);
-  }, []), b = Ke(
+  }, []), b = Ge(
     (y, N, S) => {
       x.current && (x.current.abort(), x.current = null), a(!0), u(null), e.autoAppendAssistant !== !1 && h("");
       const T = new AbortController();
@@ -2623,7 +2623,7 @@ function Kg(e = {}) {
     },
     [t, r, e.autoAppendAssistant]
   );
-  return Be(() => () => {
+  return Fe(() => () => {
     var y;
     return (y = x.current) == null ? void 0 : y.abort();
   }, []), {
@@ -2707,16 +2707,16 @@ function Jg(e, t) {
   }
 }
 function Zg(e = []) {
-  const [t, n] = Dp(Jg, { ...Xg, messages: e }), r = Ye([]), o = Ye(null), s = Ye(null), i = Ke(() => {
+  const [t, n] = Dp(Jg, { ...Xg, messages: e }), r = Ke([]), o = Ke(null), s = Ke(null), i = Ge(() => {
     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 } }));
-  }, []), a = Ke(() => {
+  }, []), a = Ge(() => {
     typeof window < "u" && typeof window.requestAnimationFrame == "function" ? o.current === null && (o.current = window.requestAnimationFrame(() => i())) : s.current === null && (s.current = setTimeout(i, 8));
-  }, [i]), c = Ke((d) => {
+  }, [i]), c = Ge((d) => {
     r.current.push(d), a();
   }, [a]);
-  Be(() => () => {
+  Fe(() => () => {
     o.current !== null && typeof window < "u" && window.cancelAnimationFrame(o.current), s.current !== null && clearTimeout(s.current), r.current = [];
   }, []);
   const u = un(() => ({
@@ -2936,7 +2936,7 @@ async function ix(e, t = [], n, r, o, s) {
 const qc = wc(null);
 function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialThreadId: o = null, historyPageSize: s, autoLoadInitial: i = !0, enableFileAgentRouting: a = !1, fileAgentId: c = "invoice_reader" }) {
   const u = Nn;
-  Be(() => {
+  Fe(() => {
     t && u.updateConfig({
       baseUrl: t.baseUrl,
       authToken: t.apiKey
@@ -2951,7 +2951,7 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     // Ensure the path matches the chat endpoint
     streamPath: "/chat/runs/stream"
   }), [g, p] = fe(() => typeof u.getAuthToken == "function" ? u.getAuthToken() : null);
-  Be(() => {
+  Fe(() => {
     x(typeof u.getAuthToken == "function" ? u.getAuthToken() : null);
     const J = u.onTokenChange((ae) => {
       p(ae), x(ae);
@@ -2960,23 +2960,23 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       J();
     };
   }, [u, x]);
-  const w = Ke((J) => {
+  const w = Ge((J) => {
     u.setAuthToken(J);
-  }, [u]), { state: b, seed: y, prepend: N, pushUser: S, onEvent: T, reset: C } = Zg(), R = s && s > 0 ? s : 6, [I, k] = fe(!1), [M, H] = fe(!1), [U, j] = fe(null), [$, L] = fe(void 0), [Q, O] = fe(void 0), _ = Ke(
+  }, [u]), { state: b, seed: y, prepend: N, pushUser: S, onEvent: T, reset: C } = Zg(), R = s && s > 0 ? s : 6, [I, k] = fe(!1), [M, H] = fe(!1), [U, j] = fe(null), [$, L] = fe(void 0), [Q, O] = fe(void 0), _ = Ge(
     (J, ae) => {
-      const Le = Array.isArray(J == null ? void 0 : J.messages) ? J.messages : [];
-      ae === "replace" ? y(Le, {
+      const $e = Array.isArray(J == null ? void 0 : J.messages) ? J.messages : [];
+      ae === "replace" ? y($e, {
         checkpointId: (J == null ? void 0 : J.checkpointId) ?? null,
         checkpointNs: (J == null ? void 0 : J.checkpointNs) ?? null
-      }) : ae === "prepend" && Le.length ? (console.log("[ChatProvider] Calling prepend with", Le.length, "messages"), N(Le)) : console.log("[ChatProvider] Skipping prepend - empty list or wrong mode"), j((J == null ? void 0 : J.nextCursor) ?? null), k(!!(J != null && J.hasMore)), L((Ve) => (J == null ? void 0 : J.checkpointId) ?? Ve ?? void 0), O((Ve) => (J == null ? void 0 : J.checkpointNs) ?? Ve ?? void 0);
+      }) : ae === "prepend" && $e.length ? (console.log("[ChatProvider] Calling prepend with", $e.length, "messages"), N($e)) : console.log("[ChatProvider] Skipping prepend - empty list or wrong mode"), j((J == null ? void 0 : J.nextCursor) ?? null), k(!!(J != null && J.hasMore)), L((Ye) => (J == null ? void 0 : J.checkpointId) ?? Ye ?? void 0), O((Ye) => (J == null ? void 0 : J.checkpointNs) ?? Ye ?? void 0);
     },
     [y, N]
-  ), [G, Z] = fe([]), [q, F] = fe(null), Y = Ke(async () => {
+  ), [G, Z] = fe([]), [q, F] = fe(null), Y = Ge(async () => {
     const J = await u.listThreads();
     Z(J);
-  }, [u]), [ye, ce] = fe(!1), K = Ke(
+  }, [u]), [ye, ce] = fe(!1), K = Ge(
     async (J) => {
-      const ae = (J == null ? void 0 : J.maxAttempts) ?? 5, Le = (J == null ? void 0 : J.baseDelayMs) ?? 500, Ve = (J == null ? void 0 : J.timeoutMs) ?? 2e3;
+      const ae = (J == null ? void 0 : J.maxAttempts) ?? 5, $e = (J == null ? void 0 : J.baseDelayMs) ?? 500, Ye = (J == null ? void 0 : J.timeoutMs) ?? 2e3;
       if (!u.baseUrl) return !1;
       const Ze = u.baseUrl.replace(/\/+$/, ""), wt = [
         "/health",
@@ -2987,14 +2987,14 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
         "/api/v2/chat/health"
       ], dt = async (Qe) => {
         try {
-          const at = new AbortController(), et = setTimeout(() => at.abort(), Ve), ft = await fetch(Qe, { method: "GET", signal: at.signal });
+          const at = new AbortController(), et = setTimeout(() => at.abort(), Ye), ft = await fetch(Qe, { method: "GET", signal: at.signal });
           return clearTimeout(et), ft.ok;
         } catch {
           return !1;
         }
       }, Rt = async (Qe) => {
         try {
-          const at = new AbortController(), et = setTimeout(() => at.abort(), Ve), ft = await fetch(Qe, { method: "HEAD", signal: at.signal });
+          const at = new AbortController(), et = setTimeout(() => at.abort(), Ye), ft = await fetch(Qe, { method: "HEAD", signal: at.signal });
           return clearTimeout(et), ft.ok;
         } catch {
           return !1;
@@ -3009,14 +3009,14 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
           if (console.debug(`[ChatProvider] checking ${sn}`), await dt(sn) || et === "/" && await Rt(Ze + "/"))
             return ce(!0), !0;
         }
-        const at = Le * Math.pow(2, Qe);
+        const at = $e * Math.pow(2, Qe);
         await new Promise((et) => setTimeout(et, at));
       }
       return ce(!1), !1;
     },
     [u.baseUrl]
   );
-  Be(() => {
+  Fe(() => {
     let J = !0;
     if (!u.baseUrl) {
       console.debug("[ChatProvider] skipping initial refreshThreads: api.baseUrl not configured");
@@ -3033,11 +3033,11 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     })(), () => {
       J = !1;
     };
-  }, [Y, u.baseUrl, K]), Be(() => {
+  }, [Y, u.baseUrl, K]), Fe(() => {
     r == null || r(q);
   }, [q, r]);
-  const P = Ye(null);
-  Be(() => {
+  const P = Ke(null);
+  Fe(() => {
     if (o && i) {
       if (!u.baseUrl) {
         console.debug("[ChatProvider] skipping initial load: api.baseUrl not configured");
@@ -3051,8 +3051,8 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       }));
     }
   }, [o, i, u.baseUrl, ye]);
-  const X = Ye(null), te = Ke(
-    async (J, ae, Le) => {
+  const X = Ke(null), te = Ge(
+    async (J, ae, $e) => {
       if (!u.baseUrl) {
         console.debug("[ChatProvider] skipping loadThread: api.baseUrl not configured");
         return;
@@ -3061,77 +3061,75 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
         X.current = J;
         try {
           k(!1), j(null), L(void 0), O(void 0);
-          const Ve = await u.getMessages({
+          const Ye = await u.getMessages({
             threadId: J,
             checkpointId: ae,
-            checkpointNs: Le,
+            checkpointNs: $e,
             limit: R
           });
-          F(J), _(Ve, "replace");
+          F(J), _(Ye, "replace");
         } finally {
           X.current = null;
         }
       }
     },
     [u, _]
-  ), ue = Ke(async (J) => {
+  ), ue = Ge(async (J) => {
     const ae = await u.listCheckpoints(J);
     return rx(ae, J);
-  }, [u]), se = Ke(async (J, ae) => {
+  }, [u]), se = Ge(async (J, ae) => {
     if (!q) throw new Error("No active thread");
     k(!1), j(null), L(void 0), O(void 0);
-    const Le = await u.getMessages({
+    const $e = await u.getMessages({
       threadId: q,
       checkpointId: J,
       checkpointNs: ae ?? void 0,
       limit: R
     });
-    _(Le, "replace");
-  }, [u, q, _, R]), Ae = Ke(async () => {
+    _($e, "replace");
+  }, [u, q, _, R]), Ae = Ge(async () => {
     if (!q) throw new Error("No active thread");
     await te(q);
-  }, [q, te]), Pe = Ye(!1);
-  Be(() => {
+  }, [q, te]), Pe = Ke(!1);
+  Fe(() => {
     const J = Pe.current;
-    if (Pe.current = d, J && !d && q) {
-      const ae = b.lastCheckpointId ?? void 0, Le = b.lastCheckpointNs ?? void 0;
-      (async () => {
-        try {
-          const Ve = await u.getMessages({
-            threadId: q,
-            checkpointId: ae,
-            checkpointNs: Le,
-            limit: R
-          });
-          _(Ve, "replace");
-        } catch {
-        }
-        try {
-          await Y();
-        } catch {
-        }
-      })();
-    }
+    Pe.current = d, J && !d && q && (async () => {
+      try {
+        const ae = await u.getMessages({
+          threadId: q,
+          // Do not pass checkpointId/checkpointNs so the backend returns the latest
+          checkpointId: void 0,
+          checkpointNs: void 0,
+          limit: R
+        });
+        _(ae, "replace");
+      } catch {
+      }
+      try {
+        await Y();
+      } catch {
+      }
+    })();
   }, [d, q, b.lastCheckpointId, b.lastCheckpointNs, u, _, Y]);
-  const De = Ke(async (J) => {
+  const De = Ge(async (J) => {
     const ae = await u.createThread(J);
     return await Y(), await te(ae.threadId), ae.threadId;
-  }, [u, Y, te]), de = Ke(async (J) => {
+  }, [u, Y, te]), de = Ge(async (J) => {
     await u.deleteThread(J), await Y(), q === J && (F(null), C([]), k(!1), j(null), L(void 0), O(void 0));
-  }, [u, Y, q, C]), je = Ke(async (J, ae) => {
+  }, [u, Y, q, C]), je = Ge(async (J, ae) => {
     await u.updateThread(J, ae), await Y();
-  }, [u, Y]), xe = Ke(async (J, ae) => {
+  }, [u, Y]), xe = Ge(async (J, ae) => {
     var Ln;
-    const Le = (ae == null ? void 0 : ae.attachments) || [], { contentParts: Ve, filesInfo: Ze } = await ix(
+    const $e = (ae == null ? void 0 : ae.attachments) || [], { contentParts: Ye, filesInfo: Ze } = await ix(
       u,
-      Le,
+      $e,
       t == null ? void 0 : t.uploadPath,
       a,
       c,
       q
     ), wt = [];
     J && wt.push({ type: "text", text: J });
-    for (const Ge of Ve) wt.push(Ge);
+    for (const Ve of Ye) wt.push(Ve);
     const dt = {
       id: ((Ln = crypto.randomUUID) == null ? void 0 : Ln.call(crypto)) || `user-${Date.now()}`,
       role: "user",
@@ -3143,12 +3141,12 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     S(dt);
     const Rt = {
       ...dt,
-      content: dt.content.filter((Ge) => Ge.type === "text" || Ge.type === "image_url" || Ge.type === "file")
-    }, Qe = { ...(ae == null ? void 0 : ae.payloadExtras) ?? {} }, at = !!Qe.edit, et = Qe.originalMessageId, ft = typeof et == "string" ? et : void 0, sn = Le && Le.length > 0, ur = {
+      content: dt.content.filter((Ve) => Ve.type === "text" || Ve.type === "image_url" || Ve.type === "file")
+    }, Qe = { ...(ae == null ? void 0 : ae.payloadExtras) ?? {} }, at = !!Qe.edit, et = Qe.originalMessageId, ft = typeof et == "string" ? et : void 0, sn = $e && $e.length > 0, ur = {
       ...q ? { threadId: q } : {},
       payload: {
         messages: [Rt],
-        attachments: dt.content.filter((Ge) => Ge.type === "file").map((Ge) => ({ type: "file", url: Ge.url, mimeType: Ge.mimeType, name: Ge.name, size: Ge.size })),
+        attachments: dt.content.filter((Ve) => Ve.type === "file").map((Ve) => ({ type: "file", url: Ve.url, mimeType: Ve.mimeType, name: Ve.name, size: Ve.size })),
         files_info: Ze,
         ...a && sn && c ? { active_agent: c } : {},
         ...Qe
@@ -3162,16 +3160,16 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     };
     m(
       ur,
-      (Ge) => T(Ge),
+      (Ve) => T(Ve),
       {
-        onError: (Ge) => console.warn("stream error", Ge),
-        onOpen: ({ threadId: Ge, created: dr }) => {
-          !q && Ge && (F(Ge), dr && Y().catch(() => {
+        onError: (Ve) => console.warn("stream error", Ve),
+        onOpen: ({ threadId: Ve, created: dr }) => {
+          !q && Ve && (F(Ve), dr && Y().catch(() => {
           }));
         }
       }
     );
-  }, [q, S, m, T, b.lastCheckpointId, b.lastCheckpointNs, u, t == null ? void 0 : t.uploadPath, Y, F, a, c]), Se = Ke(
+  }, [q, S, m, T, b.lastCheckpointId, b.lastCheckpointNs, u, t == null ? void 0 : t.uploadPath, Y, F, a, c]), Se = Ge(
     async (J) => {
       if (!q) throw new Error("No active thread");
       if (M || !I) return;
@@ -3179,14 +3177,14 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       if (ae) {
         H(!0);
         try {
-          const Le = await u.getMessages({
+          const $e = await u.getMessages({
             threadId: q,
             checkpointId: $,
             checkpointNs: Q,
             limit: (J == null ? void 0 : J.limit) ?? R,
             beforeId: ae
           });
-          _(Le, "prepend");
+          _($e, "prepend");
         } finally {
           H(!1);
         }
@@ -3807,15 +3805,15 @@ function tu(e, t) {
   }
   return s.push({ end: 1 / 0, start: r, value: o }), s;
 }
-function $e(e) {
+function Be(e) {
   return e === jr;
 }
 function kr(e, t) {
-  if (!$e(e))
+  if (!Be(e))
     return t === e.k ? e.v : t < e.k ? kr(e.l, t) : kr(e.r, t);
 }
 function Ft(e, t, n = "k") {
-  if ($e(e))
+  if (Be(e))
     return [-1 / 0, void 0];
   if (Number(e[n]) === t)
     return [e.k, e.v];
@@ -3826,24 +3824,24 @@ function Ft(e, t, n = "k") {
   return Ft(e.l, t, n);
 }
 function St(e, t, n) {
-  return $e(e) ? ou(t, n, 1) : t === e.k ? ot(e, { k: t, v: n }) : t < e.k ? Sl(ot(e, { l: St(e.l, t, n) })) : Sl(ot(e, { r: St(e.r, t, n) }));
+  return Be(e) ? ou(t, n, 1) : t === e.k ? ot(e, { k: t, v: n }) : t < e.k ? Sl(ot(e, { l: St(e.l, t, n) })) : Sl(ot(e, { r: St(e.r, t, n) }));
 }
 function Gn() {
   return jr;
 }
 function ns(e, t, n) {
-  if ($e(e))
+  if (Be(e))
     return [];
   const r = Ft(e, t)[0];
   return Sx(xi(e, r, n));
 }
 function gi(e, t) {
-  if ($e(e)) return jr;
+  if (Be(e)) return jr;
   const { k: n, l: r, r: o } = e;
   if (t === n) {
-    if ($e(r))
+    if (Be(r))
       return o;
-    if ($e(o))
+    if (Be(o))
       return r;
     {
       const [s, i] = ru(r);
@@ -3852,10 +3850,10 @@ function gi(e, t) {
   } else return t < n ? go(ot(e, { l: gi(r, t) })) : go(ot(e, { r: gi(o, t) }));
 }
 function Cn(e) {
-  return $e(e) ? [] : [...Cn(e.l), { k: e.k, v: e.v }, ...Cn(e.r)];
+  return Be(e) ? [] : [...Cn(e.l), { k: e.k, v: e.v }, ...Cn(e.r)];
 }
 function xi(e, t, n) {
-  if ($e(e))
+  if (Be(e))
     return [];
   const { k: r, l: o, r: s, v: i } = e;
   let a = [];
@@ -3868,7 +3866,7 @@ function go(e) {
   if (n > r.lvl + 1) {
     if (Fs(t))
       return su(ot(e, { lvl: n - 1 }));
-    if (!$e(t) && !$e(t.r))
+    if (!Be(t) && !Be(t.r))
       return ot(t.r, {
         l: ot(t, { r: t.r.l }),
         lvl: n,
@@ -3881,7 +3879,7 @@ function go(e) {
   } else {
     if (Fs(e))
       return vi(ot(e, { lvl: n - 1 }));
-    if (!$e(r) && !$e(r.l)) {
+    if (!Be(r) && !Be(r.l)) {
       const o = r.l, s = Fs(o) ? r.lvl - 1 : r.lvl;
       return ot(o, {
         l: ot(e, {
@@ -3905,13 +3903,13 @@ function ot(e, t) {
   );
 }
 function nu(e) {
-  return $e(e.r) ? e.l : go(ot(e, { r: nu(e.r) }));
+  return Be(e.r) ? e.l : go(ot(e, { r: nu(e.r) }));
 }
 function Fs(e) {
-  return $e(e) || e.lvl > e.r.lvl;
+  return Be(e) || e.lvl > e.r.lvl;
 }
 function ru(e) {
-  return $e(e.r) ? [e.k, e.v] : ru(e.r);
+  return Be(e.r) ? [e.k, e.v] : ru(e.r);
 }
 function ou(e, t, n, r = jr, o = jr) {
   return { k: e, l: r, lvl: n, r: o, v: t };
@@ -3921,11 +3919,11 @@ function Sl(e) {
 }
 function su(e) {
   const { l: t } = e;
-  return !$e(t) && t.lvl === e.lvl ? ot(t, { r: ot(e, { l: t.r }) }) : e;
+  return !Be(t) && t.lvl === e.lvl ? ot(t, { r: ot(e, { l: t.r }) }) : e;
 }
 function vi(e) {
   const { lvl: t, r: n } = e;
-  return !$e(n) && !$e(n.r) && n.lvl === t && n.r.lvl === t ? ot(n, { l: ot(e, { r: n.l }), lvl: t + 1 }) : e;
+  return !Be(n) && !Be(n.r) && n.lvl === t && n.r.lvl === t ? ot(n, { l: ot(e, { r: n.l }), lvl: t + 1 }) : e;
 }
 function Sx(e) {
   return tu(e, ({ k: t, v: n }) => ({ index: t, value: n }));
@@ -3970,7 +3968,7 @@ function fn(e, t) {
   return Math.round(e.getBoundingClientRect()[t]);
 }
 function rs(e) {
-  return !$e(e.groupOffsetTree);
+  return !Be(e.groupOffsetTree);
 }
 function Xi({ index: e }, t) {
   return t === e ? 0 : t < e ? -1 : 1;
@@ -3987,10 +3985,10 @@ function Tx() {
   };
 }
 function Rx(e, t) {
-  let n = $e(e) ? 0 : 1 / 0;
+  let n = Be(e) ? 0 : 1 / 0;
   for (const r of t) {
     const { endIndex: o, size: s, startIndex: i } = r;
-    if (n = Math.min(n, i), $e(e)) {
+    if (n = Math.min(n, i), Be(e)) {
       e = St(e, 0, s);
       continue;
     }
@@ -4040,7 +4038,7 @@ function jx(e, [t, n, r, o]) {
   t.length > 0 && r("received item sizes", t, vt.DEBUG);
   const s = e.sizeTree;
   let i = s, a = 0;
-  if (n.length > 0 && $e(s) && t.length === 2) {
+  if (n.length > 0 && Be(s) && t.length === 2) {
     const m = t[0].size, v = t[1].size;
     i = n.reduce((x, g) => St(St(x, g, m), g + 1, v), i);
   } else
@@ -4160,7 +4158,7 @@ const _x = {
     le(
       B(
         d,
-        pe((S) => S !== void 0 && $e(Xe(g).sizeTree)),
+        pe((S) => S !== void 0 && Be(Xe(g).sizeTree)),
         re((S) => [{ endIndex: 0, size: S, startIndex: 0 }])
       ),
       n
@@ -4282,7 +4280,7 @@ const _x = {
         Ce(g, v),
         re(([S, T, C]) => {
           if (T.groupIndices.length > 0) {
-            if ($e(T.sizeTree))
+            if (Be(T.sizeTree))
               return T;
             let R = Gn();
             const I = Xe(p);
@@ -4500,7 +4498,7 @@ const Gr = ke(
       B(
         nt(t, i),
         Ce(a, n, e, u),
-        pe(([[, d], h, { sizeTree: m }, v, x]) => d && (!$e(m) || Gi(v)) && !h && !x),
+        pe(([[, d], h, { sizeTree: m }, v, x]) => d && (!Be(m) || Gi(v)) && !h && !x),
         Ce(c)
       ),
       ([, d]) => {
@@ -4862,7 +4860,7 @@ const On = ke(
               return { ...Bs, totalCount: R };
             if (T === 0 && C === 0)
               return _ === 0 ? { ...Bs, totalCount: R } : hu(_, k, I, U, j, $ || []);
-            if ($e(O))
+            if (Be(O))
               return _ > 0 ? null : xo(
                 $x(Zi(k, R), L, $),
                 [],
@@ -6161,10 +6159,10 @@ const Tv = /* @__PURE__ */ ke(
               const et = Zi(je, P), ft = et + Math.max(De - 1, 0);
               return Sv(Ol(et, ft, Pe));
             }
-            const Le = Iu(ae, J, xe);
-            let Ve, Ze;
-            de ? X === 0 && te === 0 && De > 0 ? (Ve = 0, Ze = De - 1) : (Ve = Le * Do((X + Se) / (rt + Se)), Ze = Le * Pl((te + Se) / (rt + Se)) - 1, Ze = zs(P - 1, Tr(Ze, Le - 1)), Ve = zs(Ze, Tr(0, Ve))) : (Ve = 0, Ze = -1);
-            const wt = Ol(Ve, Ze, Pe), { bottom: dt, top: Rt } = Ml(Ae, ue, se, wt), Qe = Pl(P / Le), at = Qe * rt + (Qe - 1) * Se - dt;
+            const $e = Iu(ae, J, xe);
+            let Ye, Ze;
+            de ? X === 0 && te === 0 && De > 0 ? (Ye = 0, Ze = De - 1) : (Ye = $e * Do((X + Se) / (rt + Se)), Ze = $e * Pl((te + Se) / (rt + Se)) - 1, Ze = zs(P - 1, Tr(Ze, $e - 1)), Ye = zs(Ze, Tr(0, Ye))) : (Ye = 0, Ze = -1);
+            const wt = Ol(Ye, Ze, Pe), { bottom: dt, top: Rt } = Ml(Ae, ue, se, wt), Qe = Pl(P / $e), at = Qe * rt + (Qe - 1) * Se - dt;
             return { bottom: dt, itemHeight: rt, items: wt, itemWidth: J, offsetBottom: at, offsetTop: Rt, top: Rt };
           }
         )
@@ -7006,8 +7004,8 @@ function sb(e, t = !1) {
   return `${e.length}:${n}:${r}`;
 }
 function ib(e, t) {
-  const [n, r] = fe(e), o = Ye(e), s = Ye(null);
-  return Be(() => {
+  const [n, r] = fe(e), o = Ke(e), s = Ke(null);
+  return Fe(() => {
     if (!t) {
       r(e);
       return;
@@ -7032,8 +7030,8 @@ function Ws({
   const i = ib(e, r), a = sb(i, r), [c, u] = fe(() => {
     var v;
     return ((v = br.get(a)) == null ? void 0 : v.html) ?? null;
-  }), d = Ye(null), h = Ye([]);
-  Be(() => {
+  }), d = Ke(null), h = Ke([]);
+  Fe(() => {
     h.current = [];
     const v = br.get(a);
     if (v && v.source === i) {
@@ -8389,7 +8387,7 @@ const Ew = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
 Ew.displayName = ps.displayName;
 function Nw({ isOpen: e, onClose: t, fileId: n, fileName: r, mimeType: o }) {
   const [s, i] = fe(!1), [a, c] = fe(null), [u, d] = fe(null), { toast: h } = ca();
-  Be(() => {
+  Fe(() => {
     e && n && m();
   }, [e, n]);
   const m = async () => {
@@ -8498,7 +8496,7 @@ function Nw({ isOpen: e, onClose: t, fileId: n, fileName: r, mimeType: o }) {
 const Co = "prose prose-sm max-w-none break-words dark:prose-invert prose-headings:break-words prose-p:break-words prose-li:break-words prose-td:break-words prose-th:break-words prose-a:break-all prose-code:break-words prose-blockquote:break-words";
 function Iw({ className: e }) {
   const [t, n] = fe(0);
-  return Be(() => {
+  return Fe(() => {
     const r = setInterval(() => n((o) => (o + 1) % 4), 500);
     return () => clearInterval(r);
   }, []), /* @__PURE__ */ l.jsxs(
@@ -9047,8 +9045,8 @@ function Dw(e) {
   return e.name && e.name.trim() ? e.name : e.model && e.model.includes("/") ? e.model.split("/").pop() || null : e.model || null;
 }
 function Lw(e, t) {
-  const [n, r] = fe(e), o = Ye(e), s = Ye(null);
-  return Be(() => {
+  const [n, r] = fe(e), o = Ke(e), s = Ke(null);
+  return Fe(() => {
     if (!t) {
       r(e);
       return;
@@ -9168,14 +9166,14 @@ function Hw({
   emptyMessage: v,
   followNewMessages: x = !0
 }) {
-  const g = Ye(null), p = Ye(null), w = Ye(!1), b = Ye(!0), y = Ye(e.length), N = Ye(!!x), S = t ? b.current ? "smooth" : !1 : "smooth";
-  Be(() => {
+  const g = Ke(null), p = Ke(null), w = Ke(!1), b = Ke(!0), y = Ke(e.length), N = Ke(!!x), S = t ? b.current ? "smooth" : !1 : "smooth";
+  Fe(() => {
     console.log("[MessageList] Messages updated:", {
       count: e.length,
       firstThree: e.slice(0, 3).map((R) => `${R.role}:${R.id.slice(0, 8)}`),
       lastThree: e.slice(-3).map((R) => `${R.role}:${R.id.slice(0, 8)}`)
     });
-  }, [e]), Be(() => {
+  }, [e]), Fe(() => {
     const R = g.current;
     if (!R) return;
     let I = !1;
@@ -9188,7 +9186,7 @@ function Hw({
     return R.addEventListener("scroll", k, { passive: !0 }), k(), () => {
       R.removeEventListener("scroll", k);
     };
-  }, []), Be(() => {
+  }, []), Fe(() => {
     const R = y.current, I = e.length;
     if (I > R) {
       const k = e[I - 1];
@@ -9200,9 +9198,9 @@ function Hw({
         }
       });
     }
-  }, [e.length, x]), Be(() => {
+  }, [e.length, x]), Fe(() => {
     e.length < y.current && (b.current = !0), y.current = e.length;
-  }, [e.length]), Be(() => {
+  }, [e.length]), Fe(() => {
     var R;
     t || w.current || b.current && ((R = p.current) == null || R.scrollToIndex({
       index: Math.max(0, e.length - 1),
@@ -9240,7 +9238,7 @@ function Hw({
   }, [a]), C = (R, I) => {
     g.current = R, I && (typeof I == "function" ? I(R) : I.current = R);
   };
-  return Be(() => {
+  return Fe(() => {
     if (!t) {
       N.current = !!x;
       return;
@@ -12011,14 +12009,14 @@ function Eo({
     isLoadingHistory: M,
     loadOlderMessages: H,
     api: U
-  } = Vi(), [j, $] = fe(null), [L, Q] = fe(""), [O, _] = fe(null), [G, Z] = fe([]), [q, F] = fe(!1), [Y, ye] = fe(null), [ce, K] = fe(null), [P, X] = fe(!1), [te, ue] = fe(null), [se, Ae] = fe([]), [Pe, De] = fe(null), [de, je] = fe(null), xe = Ye(null), Se = Ye(null), rt = Ye(null), [J, ae] = fe("desktop");
-  Be(() => {
+  } = Vi(), [j, $] = fe(null), [L, Q] = fe(""), [O, _] = fe(null), [G, Z] = fe([]), [q, F] = fe(!1), [Y, ye] = fe(null), [ce, K] = fe(null), [P, X] = fe(!1), [te, ue] = fe(null), [se, Ae] = fe([]), [Pe, De] = fe(null), [de, je] = fe(null), xe = Ke(null), Se = Ke(null), rt = Ke(null), [J, ae] = fe("desktop");
+  Fe(() => {
     const oe = () => {
       const ie = window.innerWidth;
       ae(ie < 640 ? "phone" : ie < 1024 ? "tablet" : "desktop");
     };
     return oe(), window.addEventListener("resize", oe), () => window.removeEventListener("resize", oe);
-  }, []), Be(() => {
+  }, []), Fe(() => {
     let oe = !1;
     if (!x) {
       Ae([]), De(null), je(null), rt.current = null;
@@ -12047,10 +12045,10 @@ function Eo({
       }), () => {
         oe = !0;
       };
-  }, [x, S, T, Pe, C]), Be(() => {
+  }, [x, S, T, Pe, C]), Fe(() => {
     S && (De(S), je(T ?? null));
   }, [S, T]);
-  const Le = Ke(async () => {
+  const $e = Ge(async () => {
     if (!(!k || M))
       try {
         await H();
@@ -12058,7 +12056,7 @@ function Eo({
         console.warn("loadOlderMessages failed", oe);
       }
   }, [k, M, H]);
-  Be(() => {
+  Fe(() => {
     (async () => {
       try {
         const ie = await U.getAgent("default");
@@ -12067,10 +12065,10 @@ function Eo({
         console.warn("Failed to fetch default message:", ie), ue(null);
       }
     })();
-  }, [U]), Be(() => {
+  }, [U]), Fe(() => {
     b && !P && (v == null || v(b));
   }, [b, P, v]);
-  const Ve = (oe) => {
+  const Ye = (oe) => {
     if (oe.length > To)
       return `Message too long (${oe.length}/${To} characters)`;
     try {
@@ -12090,7 +12088,7 @@ function Eo({
     const ie = oe.trim();
     if (!(!ie && G.length === 0)) {
       if (ie) {
-        const Ne = Ve(ie);
+        const Ne = Ye(ie);
         if (Ne) {
           _(Ne);
           return;
@@ -12112,9 +12110,9 @@ function Eo({
     u && ($(oe), Q(ie), _(null));
   }, [u]), Rt = V.useCallback(() => {
     $(null), Q(""), _(null);
-  }, []), Qe = Ke((oe, ie) => {
+  }, []), Qe = Ge((oe, ie) => {
     dt(oe, ie);
-  }, [dt]), at = Ke((oe) => {
+  }, [dt]), at = Ge((oe) => {
     for (let ie = oe - 1; ie >= 0; ie--)
       if (g[ie].role === "user") {
         const Ne = Ze(g[ie]);
@@ -12158,8 +12156,8 @@ function Eo({
     }
     const ie = se.find((Ue) => Ue.checkpointId === oe), Ne = (ie == null ? void 0 : ie.checkpointNs) ?? null;
     await R(oe, Ne), De(oe), je(Ne);
-  }, Ge = `flex flex-1 w-full flex-col min-h-0 min-w-0 max-h-full overflow-hidden bg-transparent ${e} ${d.container || ""}`, dr = `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 || ""}`, fr = `flex-shrink-0 w-full border-t p-4 bg-transparent ${d.inputArea || ""}`;
-  return /* @__PURE__ */ l.jsxs("div", { className: Ge, children: [
+  }, Ve = `flex flex-1 w-full flex-col min-h-0 min-w-0 max-h-full overflow-hidden bg-transparent ${e} ${d.container || ""}`, dr = `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 || ""}`, fr = `flex-shrink-0 w-full border-t p-4 bg-transparent ${d.inputArea || ""}`;
+  return /* @__PURE__ */ l.jsxs("div", { className: Ve, children: [
     !!b && !P && /* @__PURE__ */ l.jsxs("div", { className: "flex-shrink-0 bg-red-50 border border-red-200 text-red-800 px-4 py-2 text-sm flex items-center justify-between", children: [
       /* @__PURE__ */ l.jsx("span", { children: b }),
       /* @__PURE__ */ l.jsx(
@@ -12209,7 +12207,7 @@ function Eo({
         enableMessageEditing: u,
         editingMessageId: j,
         onStartReached: () => {
-          Le();
+          $e();
         },
         onEdit: Qe,
         onRegenerate: at,
@@ -12921,7 +12919,7 @@ function Ai({
     deleteThread: p,
     renameThread: w
   } = Vi(), [b, y] = fe(m ?? []), [N, S] = fe(!1), [T, C] = fe(null), [R, I] = fe(null), [k, M] = fe(""), [H, U] = fe(!1);
-  Be(() => {
+  Fe(() => {
     y(m ?? []);
   }, [m]);
   const j = async (F) => {
@@ -15294,10 +15292,10 @@ const LT = {
 };
 function TR({ settings: e, onSettingsChange: t, className: n = "" }) {
   const [r, o] = fe(!1), [s, i] = fe(!1), [a, c] = fe(e), [u, d] = fe(!1), { toast: h } = ca();
-  Be(() => {
+  Fe(() => {
     const p = JSON.stringify(a) !== JSON.stringify(e);
     d(p);
-  }, [a, e]), Be(() => {
+  }, [a, e]), Fe(() => {
     c(e);
   }, [e]);
   const m = () => {