teodor-new-chat-ui 4.3.260 → 4.3.262

package/dist/index.esm.js

@@ -2,7 +2,7 @@ var Zh = Object.defineProperty;
 var Qh = (e, t, n) => t in e ? Zh(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var sl = (e, t, n) => Qh(e, typeof t != "symbol" ? t + "" : t, n);
 import * as v from "react";
-import B, { createContext as ao, useContext as ms, useMemo as it, useState as ve, useRef as Je, useCallback as ke, useEffect as Ct, useReducer as em, useLayoutEffect as tm, createElement as Oo, useImperativeHandle as nm } from "react";
+import H, { createContext as ao, useContext as ms, useMemo as it, useState as ve, useRef as Je, useCallback as ke, useEffect as Ct, useReducer as em, useLayoutEffect as tm, createElement as Oo, useImperativeHandle as nm } from "react";
 import { Square as rm, Send as om, ChevronRight as Kc, Check as ia, Circle as sm, X as gr, ExternalLink as im, Download as am, Image as lm, FileText as il, Loader as aa, Bot as ni, Wrench as cm, User as um, Paperclip as Ii, ChevronUp as la, ChevronDown as gs, ChevronLeft as dm, Copy as al, Edit as ll, RotateCcw as Ni, Info as fm, Loader2 as $r, Edit3 as qc, Plus as pm, FileSpreadsheet as hm, MessageSquarePlus as mm, MessageSquare as gm, Calendar as xm, Trash2 as ym, Settings as vm, Server as wm, EyeOff as bm, Eye as Sm, Layout as Cm, MessageCircle as Tm, Save as km } from "lucide-react";
 import { Slot as Rm, createSlot as br } from "@radix-ui/react-slot";
 import { cva as xs } from "class-variance-authority";
@@ -24,7 +24,7 @@ var cl;
 function Nm() {
   if (cl) return Mr;
   cl = 1;
-  var e = B, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
+  var e = H, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), r = Object.prototype.hasOwnProperty, o = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, s = { key: !0, ref: !0, __self: !0, __source: !0 };
   function i(a, l, c) {
     var d, f = {}, p = null, h = null;
     c !== void 0 && (p = "" + c), l.key !== void 0 && (p = "" + l.key), l.ref !== void 0 && (h = l.ref);
@@ -47,7 +47,7 @@ var Dr = {};
 var ul;
 function Am() {
   return ul || (ul = 1, process.env.NODE_ENV !== "production" && function() {
-    var e = B, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), m = Symbol.iterator, y = "@@iterator";
+    var e = H, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), r = Symbol.for("react.fragment"), o = Symbol.for("react.strict_mode"), s = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), a = Symbol.for("react.context"), l = Symbol.for("react.forward_ref"), c = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), f = Symbol.for("react.memo"), p = Symbol.for("react.lazy"), h = Symbol.for("react.offscreen"), m = Symbol.iterator, y = "@@iterator";
     function x(R) {
       if (R === null || typeof R != "object")
         return null;
@@ -198,30 +198,30 @@ function Am() {
         F < 0 && w("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var ne = g.ReactCurrentDispatcher, H;
+    var ne = g.ReactCurrentDispatcher, B;
     function M(R, V, oe) {
       {
-        if (H === void 0)
+        if (B === void 0)
           try {
             throw Error();
           } catch (Xe) {
             var Ce = Xe.stack.trim().match(/\n( *(at )?)/);
-            H = Ce && Ce[1] || "";
+            B = Ce && Ce[1] || "";
           }
         return `
-` + H + R;
+` + B + R;
       }
     }
-    var U = !1, Z;
+    var U = !1, ee;
     {
       var te = typeof WeakMap == "function" ? WeakMap : Map;
-      Z = new te();
+      ee = new te();
     }
     function se(R, V) {
       if (!R || U)
         return "";
       {
-        var oe = Z.get(R);
+        var oe = ee.get(R);
         if (oe !== void 0)
           return oe;
       }
@@ -276,7 +276,7 @@ function Am() {
                   if (vt--, wt--, wt < 0 || Be[vt] !== _t[wt]) {
                     var Ht = `
 ` + Be[vt].replace(" at new ", " at ");
-                    return R.displayName && Ht.includes("<anonymous>") && (Ht = Ht.replace("<anonymous>", R.displayName)), typeof R == "function" && Z.set(R, Ht), Ht;
+                    return R.displayName && Ht.includes("<anonymous>") && (Ht = Ht.replace("<anonymous>", R.displayName)), typeof R == "function" && ee.set(R, Ht), Ht;
                   }
                 while (vt >= 1 && wt >= 0);
               break;
@@ -286,7 +286,7 @@ function Am() {
         U = !1, ne.current = st, Y(), Error.prepareStackTrace = Xe;
       }
       var Dn = R ? R.displayName || R.name : "", Rn = Dn ? M(Dn) : "";
-      return typeof R == "function" && Z.set(R, Rn), Rn;
+      return typeof R == "function" && ee.set(R, Rn), Rn;
     }
     function Ne(R, V, oe) {
       return se(R, !1);
@@ -610,15 +610,15 @@ Check the top-level render call using <` + oe + ">.");
         if (Ve.call(V, "key")) {
           var Rn = z(R), Ot = Object.keys(V).filter(function(he) {
             return he !== "key";
-          }), ee = Ot.length > 0 ? "{key: someKey, " + Ot.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!Yn[Rn + ee]) {
+          }), Q = Ot.length > 0 ? "{key: someKey, " + Ot.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!Yn[Rn + Q]) {
             var pe = Ot.length > 0 ? "{" + Ot.join(": ..., ") + ": ...}" : "{}";
             w(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`, ee, Rn, pe, Rn), Yn[Rn + ee] = !0;
+  <%s key={someKey} {...props} />`, Q, Rn, pe, Rn), Yn[Rn + Q] = !0;
           }
         }
         return R === r ? On(wt) : Tt(wt), wt;
@@ -3012,7 +3012,7 @@ function Ox(e = {}) {
         threadId: A.threadId ?? null,
         headers: {}
       }, (async () => {
-        var ge, Se, Te, Y, ne, H, M, U, Z, te, se, Ne, He, Ze, Ve, X, de, Pe;
+        var ge, Se, Te, Y, ne, B, M, U, ee, te, se, Ne, He, Ze, Ve, X, de, Pe;
         const G = (De) => {
           var Ge;
           try {
@@ -3107,7 +3107,7 @@ function Ox(e = {}) {
             for (S.current && !S.current.threadId && (S.current = {
               ...S.current,
               threadId: Le
-            }), (H = _ == null ? void 0 : _.onOpen) == null || H.call(_, { threadId: Le, created: tt }); ; ) {
+            }), (B = _ == null ? void 0 : _.onOpen) == null || B.call(_, { threadId: Le, created: tt }); ; ) {
               const { value: $, done: fe } = await et.read();
               if (fe) break;
               gt += Et.decode($, { stream: !0 }), gt.length > xe && (gt = "", console.warn("Stream buffer reset: exceeded 1MB"));
@@ -3179,7 +3179,7 @@ function Ox(e = {}) {
                   m(Ue.checkpointId);
                 else if (Ue.type === "error") {
                   const at = Ue;
-                  if (d(at.message), P = "error", D = at.message, at.error_type === "auth_error" || at.code === "TOKEN_EXPIRED" || ((Z = at.message) == null ? void 0 : Z.includes("token")) || ((te = at.message) == null ? void 0 : te.includes("401")) || ((se = at.message) == null ? void 0 : se.includes("unauthorized")) || ((Ne = at.message) == null ? void 0 : Ne.includes("Unauthorized"))) {
+                  if (d(at.message), P = "error", D = at.message, at.error_type === "auth_error" || at.code === "TOKEN_EXPIRED" || ((ee = at.message) == null ? void 0 : ee.includes("token")) || ((te = at.message) == null ? void 0 : te.includes("401")) || ((se = at.message) == null ? void 0 : se.includes("unauthorized")) || ((Ne = at.message) == null ? void 0 : Ne.includes("Unauthorized"))) {
                     console.error("[use-chat] Auth error detected:", at.message);
                     try {
                       (He = _ == null ? void 0 : _.onAuthError) == null || He.call(_, at.message);
@@ -3921,11 +3921,11 @@ function qx({
   onThreadChange: a,
   checkpointMetadataCache: l
 }) {
-  const { api: c, baseUrl: d } = wu(), f = it(() => An(d), [d]), [p, h] = ve([]), [m, y] = ve(t), [x, g] = ve(!1), [w, b] = ve(null), [T, C] = ve(!1), [S, k] = ve(null), { state: E, seed: N, prepend: I, pushUser: j, onEvent: L } = zx(), [z, A] = ve(!1), [F, _] = ve(!1), [K, P] = ve(null), [D, q] = ve([]), [G, ge] = ve([]), [Se, Te] = ve(!1), Y = l ?? Kx(), { setCacheForThread: ne } = Y, H = Je(m), M = Je(null), U = Je(null);
+  const { api: c, baseUrl: d } = wu(), f = it(() => An(d), [d]), [p, h] = ve([]), [m, y] = ve(t), [x, g] = ve(!1), [w, b] = ve(null), [T, C] = ve(!1), [S, k] = ve(null), { state: E, seed: N, prepend: I, pushUser: j, onEvent: L } = zx(), [z, A] = ve(!1), [F, _] = ve(!1), [K, P] = ve(null), [D, q] = ve([]), [G, ge] = ve([]), [Se, Te] = ve(!1), Y = l ?? Kx(), { setCacheForThread: ne } = Y, B = Je(m), M = Je(null), U = Je(null);
   Ct(() => {
-    H.current = m;
+    B.current = m;
   }, [m]);
-  const Z = Je(), te = ke(async () => {
+  const ee = Je(), te = ke(async () => {
     g(!0), b(null);
     try {
       const re = await c.listThreads();
@@ -3947,7 +3947,7 @@ function qx({
     };
     h((ce) => ce.some((Le) => Le.threadId === xe.threadId) ? (console.debug("[ChatSessionProvider] thread_info: thread already in list", xe.threadId), ce) : (console.debug("[ChatSessionProvider] thread_info: adding thread to list", xe.threadId), [xe, ...ce]));
   }, []), Ne = ke((re) => {
-    console.log("[ChatSessionProvider] 🎯 Received thread_info:", re.threadId), se(re), H.current !== re.threadId && (!H.current && E.messages.length <= 1 && (U.current = re.threadId), y(re.threadId));
+    console.log("[ChatSessionProvider] 🎯 Received thread_info:", re.threadId), se(re), B.current !== re.threadId && (!B.current && E.messages.length <= 1 && (U.current = re.threadId), y(re.threadId));
   }, [se, E.messages.length]), { startStream: He, stop: Ze, isStreaming: Ve, error: X, setAuthToken: de } = Vx({
     baseUrl: f,
     onThreadInfo: Ne,
@@ -3969,7 +3969,7 @@ function qx({
   ), De = ke(
     async (re) => {
       try {
-        await c.deleteThread(re), H.current === re && (y(null), N([], {})), await te();
+        await c.deleteThread(re), B.current === re && (y(null), N([], {})), await te();
       } catch (xe) {
         s == null || s(String(xe));
       }
@@ -4005,8 +4005,8 @@ function qx({
           checkpointId: xe || void 0
           // Let backend pick latest if not specified
         });
-        if (H.current !== ce) {
-          console.log(`[ChatSessionProvider] Thread changed during load (was ${ce}, now ${H.current}), discarding stale data`);
+        if (B.current !== ce) {
+          console.log(`[ChatSessionProvider] Thread changed during load (was ${ce}, now ${B.current}), discarding stale data`);
           return;
         }
         const { checkpoints: Le, timeline: tt } = Br(ie);
@@ -4017,7 +4017,7 @@ function qx({
           checkpointNs: ($ == null ? void 0 : $.checkpointNs) ?? null
         }), ge(tt), q(Le), A(!!($ != null && $.nextCursor)), P(($ == null ? void 0 : $.nextCursor) ?? null);
       } catch (ie) {
-        if (H.current === ce) {
+        if (B.current === ce) {
           const Le = String(ie);
           k(Le), s == null || s(Le);
         }
@@ -4028,11 +4028,11 @@ function qx({
     [c, N, s, Ye]
   );
   Ct(() => {
-    Z.current = Ae;
+    ee.current = Ae;
   }, [Ae]);
   const ze = ke(
     async (re, xe) => {
-      const ce = H.current;
+      const ce = B.current;
       if (!ce) return;
       const ie = ce;
       Te(!0);
@@ -4042,8 +4042,8 @@ function qx({
           checkpointId: re,
           checkpointNs: xe ?? void 0
         });
-        if (H.current !== ie) {
-          console.log(`[ChatSessionProvider] Thread changed during checkpoint navigation (was ${ie}, now ${H.current}), discarding stale data`);
+        if (B.current !== ie) {
+          console.log(`[ChatSessionProvider] Thread changed during checkpoint navigation (was ${ie}, now ${B.current}), discarding stale data`);
           return;
         }
         const { checkpoints: tt, timeline: $ } = Br(Le);
@@ -4060,7 +4060,7 @@ function qx({
           checkpointNs: fe.checkpointNs ?? null
         });
       } catch (Le) {
-        H.current === ie && (s == null || s(String(Le)));
+        B.current === ie && (s == null || s(String(Le)));
       } finally {
         Te(!1);
       }
@@ -4075,18 +4075,18 @@ function qx({
     },
     [N, E.messages]
   ), Et = ke(async () => {
-    H.current && await Ae(H.current);
+    B.current && await Ae(B.current);
   }, [Ae]), gt = ke(async () => {
-    if (!H.current || !K) return;
-    const re = H.current;
+    if (!B.current || !K) return;
+    const re = B.current;
     _(!0);
     try {
       const xe = await c.getStateHistory({
         threadId: re,
         checkpointId: K
       });
-      if (H.current !== re) {
-        console.log(`[ChatSessionProvider] Thread changed during history load (was ${re}, now ${H.current}), discarding stale data`);
+      if (B.current !== re) {
+        console.log(`[ChatSessionProvider] Thread changed during history load (was ${re}, now ${B.current}), discarding stale data`);
         return;
       }
       const { checkpoints: ce } = Br(xe);
@@ -4095,12 +4095,12 @@ function qx({
         I((ie == null ? void 0 : ie.messages) ?? []), A(!!(ie != null && ie.nextCursor)), P((ie == null ? void 0 : ie.nextCursor) ?? null);
       }
     } catch (xe) {
-      H.current === re && (s == null || s(String(xe)));
+      B.current === re && (s == null || s(String(xe)));
     } finally {
       _(!1);
     }
   }, [c, K, I, s]), xt = ke(async () => {
-    N([], {}), y(null), Ze(), q([]), ge([]), A(!1), P(null), C(!1), Te(!1), _(!1), k(null);
+    B.current, N([], {}), y(null), Ze(), q([]), ge([]), A(!1), P(null), C(!1), Te(!1), _(!1), k(null);
     try {
       await c.getAgent("default");
     } catch (re) {
@@ -4108,7 +4108,7 @@ function qx({
     }
   }, [N, Ze, c]), dt = ke(
     async (re, xe, ce) => {
-      const ie = H.current;
+      const ie = B.current;
       if (!ie)
         throw new Error("No active thread to handle interrupt");
       const Le = xe ? ce ?? !0 : !1;
@@ -4130,20 +4130,28 @@ function qx({
   Ct(() => {
     te();
   }, [te]), Ct(() => {
-    var re, xe;
-    if (!(!o || !m || T)) {
-      if (U.current === m) {
-        U.current = null;
-        return;
-      }
-      M.current !== m && (M.current = m, n ? (console.log("[ChatSessionProvider] Loading thread with checkpoint:", n), (re = Z.current) == null || re.call(Z, m, n)) : (console.log("[ChatSessionProvider] Loading thread with latest checkpoint"), (xe = Z.current) == null || xe.call(Z, m)));
+    var xe;
+    if (!o || !m || T)
+      return;
+    if (U.current === m) {
+      U.current = null;
+      return;
     }
+    if (M.current === m)
+      return;
+    M.current = m;
+    const re = n ?? void 0;
+    re ? console.log(
+      "[ChatSessionProvider] Loading thread with checkpoint:",
+      re,
+      r ? `(ns: ${r})` : ""
+    ) : console.log("[ChatSessionProvider] Loading thread with latest checkpoint"), (xe = ee.current) == null || xe.call(ee, m, re);
   }, [o, m, T, n, r]), Ct(() => {
     a == null || a(m);
   }, [m, a]);
   const ut = ke(
     async (re, xe) => {
-      let ce = H.current;
+      let ce = B.current;
       const ie = (re == null ? void 0 : re.text) ?? "";
       if (!ce && !ie) return;
       if (!ce && ie) {
@@ -4291,7 +4299,7 @@ function ci({
     }
   ) });
 }
-function Q(...e) {
+function Z(...e) {
   return Im(Em(e));
 }
 const Yx = xs(
@@ -4324,7 +4332,7 @@ const Yx = xs(
     return /* @__PURE__ */ u.jsx(
       i,
       {
-        className: Q(Yx({ variant: t, size: n, className: e })),
+        className: Z(Yx({ variant: t, size: n, className: e })),
         ref: s,
         ...o
       }
@@ -4336,7 +4344,7 @@ const Nu = v.forwardRef(
   ({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
     "textarea",
     {
-      className: Q(
+      className: Z(
         "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
       ),
@@ -4362,23 +4370,23 @@ function Xx({
   textareaClassName: p = "",
   allowEmptySend: h = !1
 }) {
-  const m = i !== void 0, [y, x] = B.useState(e), g = (m ? i : y) ?? "", [w, b] = B.useTransition(), T = B.useRef(null), C = B.useRef(0), S = B.useRef(null);
-  B.useEffect(() => {
+  const m = i !== void 0, [y, x] = H.useState(e), g = (m ? i : y) ?? "", [w, b] = H.useTransition(), T = H.useRef(null), C = H.useRef(0), S = H.useRef(null);
+  H.useEffect(() => {
     m || (x(e ?? ""), S.current = null, T.current && (T.current.style.height = "auto", T.current.style.height = `${T.current.scrollHeight}px`));
   }, [e, t, m]);
-  const k = B.useCallback(() => {
+  const k = H.useCallback(() => {
     const F = T.current;
     F && (F.style.height = "auto", F.style.height = `${F.scrollHeight}px`);
   }, []);
-  B.useEffect(() => {
+  H.useEffect(() => {
     k();
   }, [k, g]);
-  const E = B.useCallback(
+  const E = H.useCallback(
     (F, { fromUser: _ }) => {
       m || x(F), _ && (a == null || a(F));
     },
     [m, a]
-  ), N = B.useCallback(
+  ), N = H.useCallback(
     async (F) => {
       F && F.preventDefault();
       const _ = (g ?? "").trim();
@@ -4405,10 +4413,10 @@ function Xx({
       });
     },
     [g, l, h, m, a]
-  ), I = B.useCallback((F) => {
+  ), I = H.useCallback((F) => {
     const _ = F.target.value;
     E(_, { fromUser: !0 }), S.current && (S.current.shouldClear = !1), T.current && (T.current.style.height = "auto", T.current.style.height = `${T.current.scrollHeight}px`);
-  }, [E]), j = B.useCallback(
+  }, [E]), j = H.useCallback(
     (F) => {
       F.key === "Enter" && !F.shiftKey ? (F.preventDefault(), N()) : F.key === "Escape" && t && (F.preventDefault(), c == null || c());
     },
@@ -4458,7 +4466,7 @@ function Xx({
     ) })
   ] }) });
 }
-const Jx = B.memo(Xx);
+const Jx = H.memo(Xx);
 function ue(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(o) {
     if (e == null || e(o), n === !1 || !o.defaultPrevented)
@@ -4636,27 +4644,27 @@ function xa(e) {
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), i = (y) => {
-    const { scope: x, children: g } = y, w = B.useRef(null), b = B.useRef(/* @__PURE__ */ new Map()).current;
+    const { scope: x, children: g } = y, w = H.useRef(null), b = H.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ u.jsx(o, { scope: x, itemMap: b, collectionRef: w, children: g });
   };
   i.displayName = t;
-  const a = e + "CollectionSlot", l = br(a), c = B.forwardRef(
+  const a = e + "CollectionSlot", l = br(a), c = H.forwardRef(
     (y, x) => {
       const { scope: g, children: w } = y, b = s(a, g), T = qe(x, b.collectionRef);
       return /* @__PURE__ */ u.jsx(l, { ref: T, children: w });
     }
   );
   c.displayName = a;
-  const d = e + "CollectionItemSlot", f = "data-radix-collection-item", p = br(d), h = B.forwardRef(
+  const d = e + "CollectionItemSlot", f = "data-radix-collection-item", p = br(d), h = H.forwardRef(
     (y, x) => {
-      const { scope: g, children: w, ...b } = y, T = B.useRef(null), C = qe(x, T), S = s(d, g);
-      return B.useEffect(() => (S.itemMap.set(T, { ref: T, ...b }), () => void S.itemMap.delete(T))), /* @__PURE__ */ u.jsx(p, { [f]: "", ref: C, children: w });
+      const { scope: g, children: w, ...b } = y, T = H.useRef(null), C = qe(x, T), S = s(d, g);
+      return H.useEffect(() => (S.itemMap.set(T, { ref: T, ...b }), () => void S.itemMap.delete(T))), /* @__PURE__ */ u.jsx(p, { [f]: "", ref: C, children: w });
     }
   );
   h.displayName = d;
   function m(y) {
     const x = s(e + "CollectionConsumer", y);
-    return B.useCallback(() => {
+    return H.useCallback(() => {
       const w = x.collectionRef.current;
       if (!w) return [];
       const b = Array.from(w.querySelectorAll(`[${f}]`));
@@ -6326,7 +6334,7 @@ var Xu = "PopperAnchor", Ju = v.forwardRef(
 Ju.displayName = Xu;
 var Ra = "PopperContent", [Mv, Dv] = qu(Ra), Zu = v.forwardRef(
   (e, t) => {
-    var H, M, U, Z, te, se;
+    var B, M, U, ee, te, se;
     const {
       __scopePopper: n,
       side: r = "bottom",
@@ -6381,7 +6389,7 @@ var Ra = "PopperContent", [Mv, Dv] = qu(Ra), Zu = v.forwardRef(
     Pt(() => {
       K && (G == null || G());
     }, [K, G]);
-    const ge = (H = P.arrow) == null ? void 0 : H.x, Se = (M = P.arrow) == null ? void 0 : M.y, Te = ((U = P.arrow) == null ? void 0 : U.centerOffset) !== 0, [Y, ne] = v.useState();
+    const ge = (B = P.arrow) == null ? void 0 : B.x, Se = (M = P.arrow) == null ? void 0 : M.y, Te = ((U = P.arrow) == null ? void 0 : U.centerOffset) !== 0, [Y, ne] = v.useState();
     return Pt(() => {
       g && ne(window.getComputedStyle(g).zIndex);
     }, [g]), /* @__PURE__ */ u.jsx(
@@ -6396,7 +6404,7 @@ var Ra = "PopperContent", [Mv, Dv] = qu(Ra), Zu = v.forwardRef(
           minWidth: "max-content",
           zIndex: Y,
           "--radix-popper-transform-origin": [
-            (Z = P.transformOrigin) == null ? void 0 : Z.x,
+            (ee = P.transformOrigin) == null ? void 0 : ee.x,
             (te = P.transformOrigin) == null ? void 0 : te.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
@@ -7379,10 +7387,10 @@ var rn = "MenuContent", [Jw, Aa] = lr(rn), Rd = v.forwardRef(
       disableOutsideScroll: m,
       ...y
     } = e, x = cr(rn, n), g = go(rn, n), w = Ms(n), b = Sd(n), T = Vw(n), [C, S] = v.useState(null), k = v.useRef(null), E = qe(t, k, x.onContentChange), N = v.useRef(0), I = v.useRef(""), j = v.useRef(0), L = v.useRef(null), z = v.useRef("right"), A = v.useRef(0), F = m ? Os : v.Fragment, _ = m ? { as: eb, allowPinchZoom: !0 } : void 0, K = (D) => {
-      var H, M;
-      const q = I.current + D, G = T().filter((U) => !U.disabled), ge = document.activeElement, Se = (H = G.find((U) => U.ref.current === ge)) == null ? void 0 : H.textValue, Te = G.map((U) => U.textValue), Y = fb(Te, q, Se), ne = (M = G.find((U) => U.textValue === Y)) == null ? void 0 : M.ref.current;
-      (function U(Z) {
-        I.current = Z, window.clearTimeout(N.current), Z !== "" && (N.current = window.setTimeout(() => U(""), 1e3));
+      var B, M;
+      const q = I.current + D, G = T().filter((U) => !U.disabled), ge = document.activeElement, Se = (B = G.find((U) => U.ref.current === ge)) == null ? void 0 : B.textValue, Te = G.map((U) => U.textValue), Y = fb(Te, q, Se), ne = (M = G.find((U) => U.textValue === Y)) == null ? void 0 : M.ref.current;
+      (function U(ee) {
+        I.current = ee, window.clearTimeout(N.current), ee !== "" && (N.current = window.setTimeout(() => U(""), 1e3));
       })(q), ne && setTimeout(() => ne.focus());
     };
     v.useEffect(() => () => window.clearTimeout(N.current), []), ya();
@@ -7470,7 +7478,7 @@ var rn = "MenuContent", [Jw, Aa] = lr(rn), Rd = v.forwardRef(
                           const Te = k.current;
                           if (D.target !== Te || !Hw.includes(D.key)) return;
                           D.preventDefault();
-                          const ne = T().filter((H) => !H.disabled).map((H) => H.ref.current);
+                          const ne = T().filter((B) => !B.disabled).map((B) => B.ref.current);
                           wd.includes(D.key) && ne.reverse(), ub(ne);
                         }),
                         onBlur: ue(e.onBlur, (D) => {
@@ -8016,7 +8024,7 @@ const Xb = qb, Jb = Gb, Zb = v.forwardRef(({ className: e, inset: t, children: n
   ff,
   {
     ref: o,
-    className: Q(
+    className: Z(
       "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
@@ -8033,7 +8041,7 @@ const Qb = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   pf,
   {
     ref: n,
-    className: Q(
+    className: Z(
       "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
     ),
@@ -8046,7 +8054,7 @@ const hf = v.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__
   {
     ref: r,
     sideOffset: t,
-    className: Q(
+    className: Z(
       "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
     ),
@@ -8058,7 +8066,7 @@ const Vi = v.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */
   af,
   {
     ref: r,
-    className: Q(
+    className: Z(
       "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
@@ -8071,7 +8079,7 @@ const e0 = v.forwardRef(({ className: e, children: t, checked: n, ...r }, o) =>
   lf,
   {
     ref: o,
-    className: Q(
+    className: Z(
       "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
     ),
@@ -8088,7 +8096,7 @@ const t0 = v.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   cf,
   {
     ref: r,
-    className: Q(
+    className: Z(
       "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
     ),
@@ -8104,7 +8112,7 @@ const n0 = v.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */
   sf,
   {
     ref: r,
-    className: Q(
+    className: Z(
       "px-2 py-1.5 text-sm font-semibold",
       t && "pl-8",
       e
@@ -8117,7 +8125,7 @@ const r0 = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   df,
   {
     ref: n,
-    className: Q("-mx-1 my-1 h-px bg-muted", e),
+    className: Z("-mx-1 my-1 h-px bg-muted", e),
     ...t
   }
 ));
@@ -8439,10 +8447,10 @@ function ur(e, t, n) {
   return La(e, t, n).callbackRef;
 }
 function La(e, t, n) {
-  const r = B.useRef(null);
+  const r = H.useRef(null);
   let o = (i) => {
   };
-  const s = B.useMemo(() => typeof ResizeObserver < "u" ? new ResizeObserver((i) => {
+  const s = H.useMemo(() => typeof ResizeObserver < "u" ? new ResizeObserver((i) => {
     const a = () => {
       const l = i[0].target;
       l.offsetParent !== null && e(l);
@@ -8454,7 +8462,7 @@ function La(e, t, n) {
   }, { callbackRef: o, ref: r };
 }
 function x0(e, t, n, r, o, s, i, a, l) {
-  const c = B.useCallback(
+  const c = H.useCallback(
     (d) => {
       const f = y0(d.children, t, a ? "offsetWidth" : "offsetHeight", o);
       let p = d.parentElement;
@@ -8497,7 +8505,7 @@ function fc(e, t, n) {
   return t !== "normal" && !(t != null && t.endsWith("px")) && n(`${e} was not resolved to pixel value correctly`, t, Kt.WARN), t === "normal" ? 0 : parseInt(t ?? "0", 10);
 }
 function yf(e, t, n) {
-  const r = B.useRef(null), o = B.useCallback(
+  const r = H.useRef(null), o = H.useCallback(
     (l) => {
       if (!(l != null && l.offsetParent))
         return;
@@ -8518,10 +8526,10 @@ function yf(e, t, n) {
     },
     // eslint-disable-next-line react-hooks/exhaustive-deps
     [e, t]
-  ), { callbackRef: s, ref: i } = La(o, !0, n), a = B.useCallback(() => {
+  ), { callbackRef: s, ref: i } = La(o, !0, n), a = H.useCallback(() => {
     o(i.current);
   }, [o, i]);
-  return B.useEffect(() => {
+  return H.useEffect(() => {
     var l;
     if (t) {
       t.addEventListener("scroll", a);
@@ -9658,11 +9666,11 @@ const dr = Qe(
             const q = [];
             if (L.length > 0) {
               const Y = L[0], ne = L[L.length - 1];
-              let H = 0;
+              let B = 0;
               for (const M of zs(P, Y, ne)) {
-                const U = M.value, Z = Math.max(M.start, Y), te = Math.min(M.end, ne);
-                for (let se = Z; se <= te; se++)
-                  q.push({ data: F == null ? void 0 : F[se], index: se, offset: H, size: U }), H += U;
+                const U = M.value, ee = Math.max(M.start, Y), te = Math.min(M.end, ne);
+                for (let se = ee; se <= te; se++)
+                  q.push({ data: F == null ? void 0 : F[se], index: se, offset: B, size: U }), B += U;
               }
             }
             if (!j)
@@ -9672,18 +9680,18 @@ const dr = Qe(
               return null;
             const Se = E - 1, Te = Fs([], (Y) => {
               for (const ne of ge) {
-                const H = ne.value;
-                let M = H.offset, U = ne.start;
-                const Z = H.size;
-                if (H.offset < S) {
-                  U += Math.floor((S - H.offset + A) / (Z + A));
+                const B = ne.value;
+                let M = B.offset, U = ne.start;
+                const ee = B.size;
+                if (B.offset < S) {
+                  U += Math.floor((S - B.offset + A) / (ee + A));
                   const se = U - ne.start;
-                  M += se * Z + se * A;
+                  M += se * ee + se * A;
                 }
-                U < G && (M += (G - U) * Z, U = G);
+                U < G && (M += (G - U) * ee, U = G);
                 const te = Math.min(ne.end, Se);
                 for (let se = U; se <= te && !(M >= k); se++)
-                  Y.push({ data: F == null ? void 0 : F[se], index: se, offset: M, size: Z }), M += Z + A;
+                  Y.push({ data: F == null ? void 0 : F[se], index: se, offset: M, size: ee }), M += ee + A;
               }
             });
             return Wo(Te, q, E, A, _, z);
@@ -10317,9 +10325,9 @@ function X0(e, t) {
     Object.hasOwn(r, i) || (n[i] = t[i]);
   return n;
 }
-const Ao = typeof document < "u" ? B.useLayoutEffect : B.useEffect;
+const Ao = typeof document < "u" ? H.useLayoutEffect : H.useEffect;
 function $f(e, t, n) {
-  const r = Object.keys(t.required || {}), o = Object.keys(t.optional || {}), s = Object.keys(t.methods || {}), i = Object.keys(t.events || {}), a = B.createContext({});
+  const r = Object.keys(t.required || {}), o = Object.keys(t.optional || {}), s = Object.keys(t.methods || {}), i = Object.keys(t.events || {}), a = H.createContext({});
   function l(x, g) {
     x.propsReady && Oe(x.propsReady, !1);
     for (const w of r) {
@@ -10342,10 +10350,10 @@ function $f(e, t, n) {
   function d(x) {
     return i.reduce((g, w) => (g[w] = f0(x[t.events[w]]), g), {});
   }
-  const f = B.forwardRef((x, g) => {
-    const { children: w, ...b } = x, [T] = B.useState(() => Fs(h0(e), (k) => {
+  const f = H.forwardRef((x, g) => {
+    const { children: w, ...b } = x, [T] = H.useState(() => Fs(h0(e), (k) => {
       l(k, b);
-    })), [C] = B.useState(uc(d, T));
+    })), [C] = H.useState(uc(d, T));
     Ao(() => {
       for (const k of i)
         k in b && rt(C[k], b[k]);
@@ -10354,47 +10362,47 @@ function $f(e, t, n) {
       };
     }, [b, C, T]), Ao(() => {
       l(T, b);
-    }), B.useImperativeHandle(g, cc(c(T)));
+    }), H.useImperativeHandle(g, cc(c(T)));
     const S = n;
     return /* @__PURE__ */ u.jsx(a.Provider, { value: T, children: n ? /* @__PURE__ */ u.jsx(S, { ...X0([...r, ...o, ...i], b), children: w }) : w });
   }), p = (x) => {
-    const g = B.useContext(a);
-    return B.useCallback(
+    const g = H.useContext(a);
+    return H.useCallback(
       (w) => {
         Oe(g[x], w);
       },
       [g, x]
     );
   }, h = (x) => {
-    const g = B.useContext(a)[x], w = B.useCallback(
+    const g = H.useContext(a)[x], w = H.useCallback(
       (b) => rt(g, b),
       [g]
     );
-    return B.useSyncExternalStore(
+    return H.useSyncExternalStore(
       w,
       () => kt(g),
       () => kt(g)
     );
   }, m = (x) => {
-    const g = B.useContext(a)[x], [w, b] = B.useState(uc(kt, g));
+    const g = H.useContext(a)[x], [w, b] = H.useState(uc(kt, g));
     return Ao(
       () => rt(g, (T) => {
         T !== w && b(cc(T));
       }),
       [g, w]
     ), w;
-  }, y = B.version.startsWith("18") ? h : m;
+  }, y = H.version.startsWith("18") ? h : m;
   return {
     Component: f,
     useEmitter: (x, g) => {
-      const w = B.useContext(a)[x];
+      const w = H.useContext(a)[x];
       Ao(() => rt(w, g), [g, w]);
     },
     useEmitterValue: y,
     usePublisher: p
   };
 }
-const Ff = B.createContext(void 0), zf = B.createContext(void 0), Bf = typeof document < "u" ? B.useLayoutEffect : B.useEffect;
+const Ff = H.createContext(void 0), zf = H.createContext(void 0), Bf = typeof document < "u" ? H.useLayoutEffect : H.useEffect;
 function Si(e) {
   return "self" in e;
 }
@@ -10402,7 +10410,7 @@ function J0(e) {
   return "body" in e;
 }
 function Hf(e, t, n, r = _r, o, s) {
-  const i = B.useRef(null), a = B.useRef(null), l = B.useRef(null), c = B.useCallback(
+  const i = H.useRef(null), a = H.useRef(null), l = H.useRef(null), c = H.useCallback(
     (p) => {
       let h, m, y;
       const x = p.target;
@@ -10422,7 +10430,7 @@ function Hf(e, t, n, r = _r, o, s) {
     },
     [e, t, s]
   );
-  B.useEffect(() => {
+  H.useEffect(() => {
     const p = o || i.current;
     return r(o || i.current), c({ suppressFlushSync: !0, target: p }), p.addEventListener("scroll", c, { passive: !0 }), () => {
       r(null), p.removeEventListener("scroll", c);
@@ -10490,7 +10498,7 @@ const Z0 = /* @__PURE__ */ Qe(() => {
 }), Q0 = /* @__PURE__ */ Qe(
   ([e, t]) => ({ ...e, ...t }),
   pt(Lf, Z0)
-), eS = ({ height: e }) => /* @__PURE__ */ u.jsx("div", { style: { height: e } }), tS = { overflowAnchor: "none", position: Wa(), zIndex: 1 }, Uf = { overflowAnchor: "none" }, nS = { ...Uf, display: "inline-block", height: "100%" }, bc = /* @__PURE__ */ B.memo(function({ showTopList: e = !1 }) {
+), eS = ({ height: e }) => /* @__PURE__ */ u.jsx("div", { style: { height: e } }), tS = { overflowAnchor: "none", position: Wa(), zIndex: 1 }, Uf = { overflowAnchor: "none" }, nS = { ...Uf, display: "inline-block", height: "100%" }, bc = /* @__PURE__ */ H.memo(function({ showTopList: e = !1 }) {
   const t = Ie("listState"), n = tn("sizeRanges"), r = Ie("useWindowScroll"), o = Ie("customScrollParent"), s = tn("windowScrollContainerState"), i = tn("scrollContainerState"), a = o || r ? s : i, l = Ie("itemContent"), c = Ie("context"), d = Ie("groupContent"), f = Ie("trackItemSizes"), p = Ie("itemSize"), h = Ie("log"), m = tn("gap"), y = Ie("horizontalDirection"), { callbackRef: x } = x0(
     n,
     p,
@@ -10501,7 +10509,7 @@ const Z0 = /* @__PURE__ */ Qe(() => {
     o,
     y,
     Ie("skipAnimationFrameInResizeObserver")
-  ), [g, w] = B.useState(0);
+  ), [g, w] = H.useState(0);
   Ka("deviation", (A) => {
     g !== A && w(A);
   });
@@ -10597,9 +10605,9 @@ function Lt(e, t) {
 function iS(e, t) {
   return { item: typeof e == "string" ? void 0 : t };
 }
-const aS = /* @__PURE__ */ B.memo(function() {
+const aS = /* @__PURE__ */ H.memo(function() {
   const e = Ie("HeaderComponent"), t = tn("headerHeight"), n = Ie("HeaderFooterTag"), r = ur(
-    B.useMemo(
+    H.useMemo(
       () => (s) => {
         t(Bn(s, "height"));
       },
@@ -10609,9 +10617,9 @@ const aS = /* @__PURE__ */ B.memo(function() {
     Ie("skipAnimationFrameInResizeObserver")
   ), o = Ie("context");
   return e ? /* @__PURE__ */ u.jsx(n, { ref: r, children: /* @__PURE__ */ u.jsx(e, { ...Lt(e, o) }) }) : null;
-}), lS = /* @__PURE__ */ B.memo(function() {
+}), lS = /* @__PURE__ */ H.memo(function() {
   const e = Ie("FooterComponent"), t = tn("footerHeight"), n = Ie("HeaderFooterTag"), r = ur(
-    B.useMemo(
+    H.useMemo(
       () => (s) => {
         t(Bn(s, "height"));
       },
@@ -10623,7 +10631,7 @@ const aS = /* @__PURE__ */ B.memo(function() {
   return e ? /* @__PURE__ */ u.jsx(n, { ref: r, children: /* @__PURE__ */ u.jsx(e, { ...Lt(e, o) }) }) : null;
 });
 function Wf({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
-  return B.memo(function({ children: r, style: o, context: s, ...i }) {
+  return H.memo(function({ children: r, style: o, context: s, ...i }) {
     const a = n("scrollContainerState"), l = t("ScrollerComponent"), c = n("smoothScrollTargetReached"), d = t("scrollerRef"), f = t("horizontalDirection") || !1, { scrollByCallback: p, scrollerRef: h, scrollToCallback: m } = Hf(
       a,
       c,
@@ -10648,8 +10656,8 @@ function Wf({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   });
 }
 function Vf({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
-  return B.memo(function({ children: r, style: o, context: s, ...i }) {
-    const a = n("windowScrollContainerState"), l = t("ScrollerComponent"), c = n("smoothScrollTargetReached"), d = t("totalListHeight"), f = t("deviation"), p = t("customScrollParent"), h = B.useRef(null), m = t("scrollerRef"), { scrollByCallback: y, scrollerRef: x, scrollToCallback: g } = Hf(
+  return H.memo(function({ children: r, style: o, context: s, ...i }) {
+    const a = n("windowScrollContainerState"), l = t("ScrollerComponent"), c = n("smoothScrollTargetReached"), d = t("totalListHeight"), f = t("deviation"), p = t("customScrollParent"), h = H.useRef(null), m = t("scrollerRef"), { scrollByCallback: y, scrollerRef: x, scrollToCallback: g } = Hf(
       a,
       c,
       l,
@@ -10675,26 +10683,26 @@ function Vf({ useEmitter: e, useEmitterValue: t, usePublisher: n }) {
   });
 }
 const cS = ({ children: e }) => {
-  const t = B.useContext(Ff), n = tn("viewportHeight"), r = tn("fixedItemHeight"), o = Ie("alignToBottom"), s = Ie("horizontalDirection"), i = B.useMemo(
+  const t = H.useContext(Ff), n = tn("viewportHeight"), r = tn("fixedItemHeight"), o = Ie("alignToBottom"), s = Ie("horizontalDirection"), i = H.useMemo(
     () => gf(n, (l) => Bn(l, s ? "width" : "height")),
     [n, s]
   ), a = ur(i, !0, Ie("skipAnimationFrameInResizeObserver"));
-  return B.useEffect(() => {
+  return H.useEffect(() => {
     t && (n(t.viewportHeight), r(t.itemHeight));
   }, [t, n, r]), /* @__PURE__ */ u.jsx("div", { "data-viewport-type": "element", ref: a, style: Hs(o), children: e });
 }, uS = ({ children: e }) => {
-  const t = B.useContext(Ff), n = tn("windowViewportRect"), r = tn("fixedItemHeight"), o = Ie("customScrollParent"), s = yf(
+  const t = H.useContext(Ff), n = tn("windowViewportRect"), r = tn("fixedItemHeight"), o = Ie("customScrollParent"), s = yf(
     n,
     o,
     Ie("skipAnimationFrameInResizeObserver")
   ), i = Ie("alignToBottom");
-  return B.useEffect(() => {
+  return H.useEffect(() => {
     t && (r(t.itemHeight), n({ offsetTop: 0, visibleHeight: t.viewportHeight, visibleWidth: 100 }));
   }, [t, n, r]), /* @__PURE__ */ u.jsx("div", { "data-viewport-type": "window", ref: s, style: Hs(i), children: e });
 }, dS = ({ children: e }) => {
   const t = Ie("TopItemListComponent") || "div", n = Ie("headerHeight"), r = { ...sS, marginTop: `${n}px` }, o = Ie("context");
   return /* @__PURE__ */ u.jsx(t, { style: r, ...Lt(t, o), children: e });
-}, fS = /* @__PURE__ */ B.memo(function(e) {
+}, fS = /* @__PURE__ */ H.memo(function(e) {
   const t = Ie("useWindowScroll"), n = Ie("topItemsIndexes").length > 0, r = Ie("customScrollParent"), o = Ie("context");
   return /* @__PURE__ */ u.jsxs(r || t ? mS : hS, { ...e, context: o, children: [
     n && /* @__PURE__ */ u.jsx(dS, { children: /* @__PURE__ */ u.jsx(bc, { showTopList: !0 }) }),
@@ -10861,7 +10869,7 @@ const bS = /* @__PURE__ */ Qe(
     ), rt(
       W(
         It(m, q, I, N, D, G),
-        Ee(([M, U, Z, te, , se]) => M && !U && Z.height !== 0 && te.height !== 0 && !se)
+        Ee(([M, U, ee, te, , se]) => M && !U && ee.height !== 0 && te.height !== 0 && !se)
       ),
       ([, , , , M]) => {
         Oe(G, !0), za(1, () => {
@@ -10902,8 +10910,8 @@ const bS = /* @__PURE__ */ Qe(
           Re(F, (M, U) => M && M.column === U.column && M.row === U.row),
           Re(c)
         ),
-        ae(([M, U, Z, te]) => ({
-          gap: Z,
+        ae(([M, U, ee, te]) => ({
+          gap: ee,
           item: U,
           scrollTop: te,
           viewport: M
@@ -10928,7 +10936,7 @@ const bS = /* @__PURE__ */ Qe(
         ae(
           ([
             M,
-            [U, Z],
+            [U, ee],
             te,
             se,
             Ne,
@@ -10947,7 +10955,7 @@ const bS = /* @__PURE__ */ Qe(
             }
             const Ae = Kf(Ye, Ge, de);
             let ze, et;
-            Ve ? U === 0 && Z === 0 && Ze > 0 ? (ze = 0, et = Ze - 1) : (ze = Ae * ss((U + Pe) / (De + Pe)), et = Ae * Cc((Z + Pe) / (De + Pe)) - 1, et = Ti(M - 1, Wr(et, Ae - 1)), ze = Ti(et, Wr(0, ze))) : (ze = 0, et = -1);
+            Ve ? U === 0 && ee === 0 && Ze > 0 ? (ze = 0, et = Ze - 1) : (ze = Ae * ss((U + Pe) / (De + Pe)), et = Ae * Cc((ee + Pe) / (De + Pe)) - 1, et = Ti(M - 1, Wr(et, Ae - 1)), ze = Ti(et, Wr(0, ze))) : (ze = 0, et = -1);
             const Et = kc(ze, et, He), { bottom: gt, top: xt } = Rc(Ne, te, se, Et), dt = Cc(M / Ae), ut = dt * De + (dt - 1) * Pe - gt;
             return { bottom: gt, itemHeight: De, items: Et, itemWidth: Ge, offsetBottom: ut, offsetTop: xt, top: xt };
           }
@@ -10964,9 +10972,9 @@ const bS = /* @__PURE__ */ Qe(
     ), ye(
       W(
         It(N, I, E, F),
-        Ee(([M, U, { items: Z }]) => Z.length > 0 && U.height !== 0 && M.height !== 0),
-        ae(([M, U, { items: Z }, te]) => {
-          const { bottom: se, top: Ne } = Rc(M, te, U, Z);
+        Ee(([M, U, { items: ee }]) => ee.length > 0 && U.height !== 0 && M.height !== 0),
+        ae(([M, U, { items: ee }, te]) => {
+          const { bottom: se, top: Ne } = Rc(M, te, U, ee);
           return [Ne, se];
         }),
         ft(no)
@@ -10987,9 +10995,9 @@ const bS = /* @__PURE__ */ Qe(
         It(E, S),
         Ee(([{ items: M }]) => M.length > 0),
         Fe(Se),
-        Ee(([[M, U], Z]) => {
+        Ee(([[M, U], ee]) => {
           const te = M.items[M.items.length - 1].index === U - 1;
-          return (Z || M.bottom > 0 && M.itemHeight > 0 && M.offsetBottom === 0 && M.items.length === U) && te;
+          return (ee || M.bottom > 0 && M.itemHeight > 0 && M.offsetBottom === 0 && M.items.length === U) && te;
         }),
         ae(([[, M]]) => M - 1),
         ft()
@@ -11018,17 +11026,17 @@ const bS = /* @__PURE__ */ Qe(
       W(
         j,
         Fe(N, I, S, F),
-        ae(([M, U, Z, te, se]) => {
+        ae(([M, U, ee, te, se]) => {
           const Ne = Nf(M), { align: He, behavior: Ze, offset: Ve } = Ne;
           let X = Ne.index;
           X === "LAST" && (X = te - 1), X = Wr(0, X, Ti(te - 1, X));
-          let de = Ji(U, se, Z, X);
-          return He === "end" ? de = Tc(de - U.height + Z.height) : He === "center" && (de = Tc(de - U.height / 2 + Z.height / 2)), Ve && (de += Ve), { behavior: Ze, top: de };
+          let de = Ji(U, se, ee, X);
+          return He === "end" ? de = Tc(de - U.height + ee.height) : He === "center" && (de = Tc(de - U.height / 2 + ee.height / 2)), Ve && (de += Ve), { behavior: Ze, top: de };
         })
       ),
       l
     );
-    const H = $t(
+    const B = $t(
       W(
         E,
         ae((M) => M.offsetBottom + M.bottom)
@@ -11072,7 +11080,7 @@ const bS = /* @__PURE__ */ Qe(
       gridState: E,
       horizontalDirection: ge,
       initialTopMostItemIndex: D,
-      totalListHeight: H,
+      totalListHeight: B,
       ...p,
       endReached: Te,
       propsReady: y,
@@ -11129,9 +11137,9 @@ const SS = /* @__PURE__ */ Qe(() => {
 }), CS = /* @__PURE__ */ Qe(
   ([e, t]) => ({ ...e, ...t }),
   pt(bS, SS)
-), TS = /* @__PURE__ */ B.memo(function() {
+), TS = /* @__PURE__ */ H.memo(function() {
   const e = ht("gridState"), t = ht("listClassName"), n = ht("itemClassName"), r = ht("itemContent"), o = ht("computeItemKey"), s = ht("isSeeking"), i = nn("scrollHeight"), a = ht("ItemComponent"), l = ht("ListComponent"), c = ht("ScrollSeekPlaceholder"), d = ht("context"), f = nn("itemDimensions"), p = nn("gap"), h = ht("log"), m = ht("stateRestoreInProgress"), y = nn("reportReadyState"), x = ur(
-    B.useMemo(
+    H.useMemo(
       () => (g) => {
         const w = g.parentElement.parentElement.scrollHeight;
         i(w);
@@ -11184,9 +11192,9 @@ const SS = /* @__PURE__ */ Qe(() => {
       })
     }
   );
-}), kS = B.memo(function() {
+}), kS = H.memo(function() {
   const e = ht("HeaderComponent"), t = nn("headerHeight"), n = ht("headerFooterTag"), r = ur(
-    B.useMemo(
+    H.useMemo(
       () => (s) => {
         t(Bn(s, "height"));
       },
@@ -11196,9 +11204,9 @@ const SS = /* @__PURE__ */ Qe(() => {
     !1
   ), o = ht("context");
   return e ? /* @__PURE__ */ u.jsx(n, { ref: r, children: /* @__PURE__ */ u.jsx(e, { ...Lt(e, o) }) }) : null;
-}), RS = B.memo(function() {
+}), RS = H.memo(function() {
   const e = ht("FooterComponent"), t = nn("footerHeight"), n = ht("headerFooterTag"), r = ur(
-    B.useMemo(
+    H.useMemo(
       () => (s) => {
         t(Bn(s, "height"));
       },
@@ -11209,8 +11217,8 @@ const SS = /* @__PURE__ */ Qe(() => {
   ), o = ht("context");
   return e ? /* @__PURE__ */ u.jsx(n, { ref: r, children: /* @__PURE__ */ u.jsx(e, { ...Lt(e, o) }) }) : null;
 }), ES = ({ children: e }) => {
-  const t = B.useContext(zf), n = nn("itemDimensions"), r = nn("viewportDimensions"), o = ur(
-    B.useMemo(
+  const t = H.useContext(zf), n = nn("itemDimensions"), r = nn("viewportDimensions"), o = ur(
+    H.useMemo(
       () => (s) => {
         r(s.getBoundingClientRect());
       },
@@ -11219,15 +11227,15 @@ const SS = /* @__PURE__ */ Qe(() => {
     !0,
     !1
   );
-  return B.useEffect(() => {
+  return H.useEffect(() => {
     t && (r({ height: t.viewportHeight, width: t.viewportWidth }), n({ height: t.itemHeight, width: t.itemWidth }));
   }, [t, r, n]), /* @__PURE__ */ u.jsx("div", { ref: o, style: Hs(!1), children: e });
 }, IS = ({ children: e }) => {
-  const t = B.useContext(zf), n = nn("windowViewportRect"), r = nn("itemDimensions"), o = ht("customScrollParent"), s = yf(n, o, !1);
-  return B.useEffect(() => {
+  const t = H.useContext(zf), n = nn("windowViewportRect"), r = nn("itemDimensions"), o = ht("customScrollParent"), s = yf(n, o, !1);
+  return H.useEffect(() => {
     t && (r({ height: t.itemHeight, width: t.itemWidth }), n({ offsetTop: 0, visibleHeight: t.viewportHeight, visibleWidth: t.viewportWidth }));
   }, [t, n, r]), /* @__PURE__ */ u.jsx("div", { ref: s, style: Hs(!1), children: e });
-}, NS = /* @__PURE__ */ B.memo(function({ ...e }) {
+}, NS = /* @__PURE__ */ H.memo(function({ ...e }) {
   const t = ht("useWindowScroll"), n = ht("customScrollParent"), r = n || t ? _S : AS, o = n || t ? IS : ES, s = ht("context");
   return /* @__PURE__ */ u.jsx(r, { ...e, ...Lt(r, s), children: /* @__PURE__ */ u.jsxs(o, { children: [
     /* @__PURE__ */ u.jsx(kS, {}),
@@ -11300,13 +11308,13 @@ const jS = xs(
   }
 );
 function Gf({ className: e, variant: t, ...n }) {
-  return /* @__PURE__ */ u.jsx("div", { className: Q(jS({ variant: t }), e), ...n });
+  return /* @__PURE__ */ u.jsx("div", { className: Z(jS({ variant: t }), e), ...n });
 }
 const Vr = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   "div",
   {
     ref: n,
-    className: Q(
+    className: Z(
       "rounded-lg border bg-card text-card-foreground shadow-sm",
       e
     ),
@@ -11318,7 +11326,7 @@ const Kr = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   "div",
   {
     ref: n,
-    className: Q("flex flex-col space-y-1.5 p-6", e),
+    className: Z("flex flex-col space-y-1.5 p-6", e),
     ...t
   }
 ));
@@ -11327,7 +11335,7 @@ const qr = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   "h3",
   {
     ref: n,
-    className: Q(
+    className: Z(
       "text-2xl font-semibold leading-none tracking-tight",
       e
     ),
@@ -11339,18 +11347,18 @@ const Yf = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   "p",
   {
     ref: n,
-    className: Q("text-sm text-muted-foreground", e),
+    className: Z("text-sm text-muted-foreground", e),
     ...t
   }
 ));
 Yf.displayName = "CardDescription";
-const Gr = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx("div", { ref: n, className: Q("p-6 pt-0", e), ...t }));
+const Gr = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx("div", { ref: n, className: Z("p-6 pt-0", e), ...t }));
 Gr.displayName = "CardContent";
 const Xf = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   "div",
   {
     ref: n,
-    className: Q("flex items-center p-6 pt-0", e),
+    className: Z("flex items-center p-6 pt-0", e),
     ...t
   }
 ));
@@ -11793,7 +11801,7 @@ const ZS = mp, QS = gp, yp = v.forwardRef(({ className: e, ...t }, n) => /* @__P
   Ws,
   {
     ref: n,
-    className: Q(
+    className: Z(
       "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
     ),
@@ -11823,7 +11831,7 @@ const vp = v.forwardRef(({ className: e, children: t, ...n }, r) => {
       Vs,
       {
         ref: r,
-        className: Q(
+        className: Z(
           "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
         ),
@@ -11847,7 +11855,7 @@ const wp = ({
 }) => /* @__PURE__ */ u.jsx(
   "div",
   {
-    className: Q(
+    className: Z(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       e
     ),
@@ -11859,7 +11867,7 @@ const bp = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   er,
   {
     ref: n,
-    className: Q(
+    className: Z(
       "text-lg font-semibold leading-none tracking-tight",
       e
     ),
@@ -11871,13 +11879,13 @@ const eC = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   Ks,
   {
     ref: n,
-    className: Q("text-sm text-muted-foreground", e),
+    className: Z("text-sm text-muted-foreground", e),
     ...t
   }
 ));
 eC.displayName = Ks.displayName;
 function tC({ isOpen: e, onClose: t, fileId: n, fileName: r, mimeType: o }) {
-  const [s, i] = ve(!1), [a, l] = ve(null), [c, d] = ve(null), { toast: f } = qa(), p = B.useCallback(async () => {
+  const [s, i] = ve(!1), [a, l] = ve(null), [c, d] = ve(null), { toast: f } = qa(), p = H.useCallback(async () => {
     if (n) {
       i(!0), d(null), l(null);
       try {
@@ -13580,7 +13588,7 @@ function us({
   return /* @__PURE__ */ u.jsx(
     "div",
     {
-      className: Q(
+      className: Z(
         "markdown prose prose-sm max-w-none break-words",
         // In dark mode, use prose-invert for better contrast in dark bubbles
         "dark:prose-invert",
@@ -13659,7 +13667,7 @@ function CC({ className: e }) {
     "span",
     {
       "aria-live": "polite",
-      className: Q("inline-block text-xs opacity-70 ml-1", e),
+      className: Z("inline-block text-xs opacity-70 ml-1", e),
       children: [
         "Is thinking",
         ".".repeat(t)
@@ -13667,7 +13675,7 @@ function CC({ className: e }) {
     }
   );
 }
-const Lc = B.memo(function({
+const Lc = H.memo(function({
   message: t,
   messageIndex: n,
   isStreamingMessage: r = !1,
@@ -13698,9 +13706,9 @@ const Lc = B.memo(function({
     uploadingFiles: Te,
     handleFileClick: Y,
     fileViewerOpen: ne,
-    currentFileInfo: H,
+    currentFileInfo: B,
     closeFileViewer: M
-  } = kC({ allowFileOpen: Se, currentThreadId: _ }), U = B.useMemo(() => {
+  } = kC({ allowFileOpen: Se, currentThreadId: _ }), U = H.useMemo(() => {
     switch (D) {
       case "user":
         return "text-[hsl(var(--chat-bubble-user-text))]";
@@ -13713,7 +13721,7 @@ const Lc = B.memo(function({
       default:
         return "text-[hsl(var(--chat-bubble-ai-text))]";
     }
-  }, [D]), Z = it(() => G ? "" : wC(t.content), [G, t]), te = it(() => G ? {} : Np(t), [G, t]), se = it(
+  }, [D]), ee = it(() => G ? "" : wC(t.content), [G, t]), te = it(() => G ? {} : Np(t), [G, t]), se = it(
     () => G ? [] : t.content.filter(($) => $.type === "image_url"),
     [G, t]
   ), Ne = it(
@@ -13722,8 +13730,8 @@ const Lc = B.memo(function({
   ), He = it(
     () => G ? [] : t.content.filter(($) => $.type === "interrupt"),
     [G, t]
-  ), Ze = (g == null ? void 0 : g.id) ?? (g == null ? void 0 : g.interrupt_id), Ve = Po(Ze), X = g == null ? void 0 : g.value, de = it(() => G ? "" : bC(t.content), [G, t]), Pe = B.useCallback(async () => {
-    const $ = q ? de : Z;
+  ), Ze = (g == null ? void 0 : g.id) ?? (g == null ? void 0 : g.interrupt_id), Ve = Po(Ze), X = g == null ? void 0 : g.value, de = it(() => G ? "" : bC(t.content), [G, t]), Pe = H.useCallback(async () => {
+    const $ = q ? de : ee;
     async function fe(me) {
       if (navigator.clipboard && typeof navigator.clipboard.writeText == "function") {
         await navigator.clipboard.writeText(me);
@@ -13745,17 +13753,17 @@ const Lc = B.memo(function({
     } catch (me) {
       console.error("Failed to copy:", me);
     }
-  }, [q, de, Z, x]), De = B.useCallback(() => {
+  }, [q, de, ee, x]), De = H.useCallback(() => {
     if (!h) return;
-    const $ = q ? de : Z, fe = "type" in t && t.type === "default_message" ? void 0 : {
+    const $ = q ? de : ee, fe = "type" in t && t.type === "default_message" ? void 0 : {
       checkpointId: t.checkpointId ?? null,
       checkpointNs: t.checkpointNs ?? null
     };
     h(t.id, $, fe);
-  }, [h, t.id, q, de, Z, t]), Ge = B.useCallback(() => {
+  }, [h, t.id, q, de, ee, t]), Ge = H.useCallback(() => {
     m == null || m(n);
-  }, [m, n]), Ye = B.useCallback(() => {
-    const fe = Q(P ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0", U);
+  }, [m, n]), Ye = H.useCallback(() => {
+    const fe = Z(P ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0", U);
     switch (D) {
       case "user":
         return /* @__PURE__ */ u.jsx(um, { className: fe });
@@ -13766,25 +13774,25 @@ const Lc = B.memo(function({
       default:
         return /* @__PURE__ */ u.jsx(ni, { className: fe });
     }
-  }, [P, U, D]), Ae = B.useCallback(() => {
+  }, [P, U, D]), Ae = H.useCallback(() => {
     const $ = "group relative mb-4 flex w-full";
     switch (D) {
       case "user":
-        return Q($, "justify-end");
+        return Z($, "justify-end");
       case "assistant":
       case "tool":
       case "system":
-        return Q($, "justify-start");
+        return Z($, "justify-start");
       default:
         return $;
     }
-  }, [D]), ze = B.useCallback(() => {
-    const $ = Q(
+  }, [D]), ze = H.useCallback(() => {
+    const $ = Z(
       "rounded-lg px-4 py-3 relative min-w-0 max-w-full break-words",
       P && "px-3 py-2 text-sm"
     );
     if (ge)
-      return Q(
+      return Z(
         $,
         "w-full",
         "bg-[hsl(var(--chat-bubble-ai))] text-[hsl(var(--chat-bubble-ai-text))]",
@@ -13792,25 +13800,25 @@ const Lc = B.memo(function({
       );
     switch (D) {
       case "user":
-        return Q(
+        return Z(
           $,
           "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 Q(
+        return Z(
           $,
           "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 Q($, "w-full md:max-w-[95%] bg-secondary/50 text-secondary-foreground border border-dashed");
+        return Z($, "w-full md:max-w-[95%] bg-secondary/50 text-secondary-foreground border border-dashed");
       case "system":
-        return Q($, "w-full md:max-w-[85%] bg-accent/40 text-muted-foreground border");
+        return Z($, "w-full md:max-w-[85%] bg-accent/40 text-muted-foreground border");
       default:
-        return Q(
+        return Z(
           $,
           "w-full md:max-w-[95%]",
           "bg-[hsl(var(--chat-bubble-ai))] text-[hsl(var(--chat-bubble-ai-text))]",
@@ -13819,9 +13827,9 @@ const Lc = B.memo(function({
     }
   }, [P, ge, D]);
   if (ge && G)
-    return /* @__PURE__ */ u.jsx("div", { className: Q(Ae(), p.container), children: /* @__PURE__ */ u.jsxs("div", { className: Q(ze(), p.content), children: [
+    return /* @__PURE__ */ u.jsx("div", { className: Z(Ae(), p.container), children: /* @__PURE__ */ u.jsxs("div", { className: Z(ze(), p.content), children: [
       /* @__PURE__ */ u.jsxs("div", { className: "flex items-center gap-2 mb-2 pb-2 border-b border-current/10", children: [
-        /* @__PURE__ */ u.jsx(ni, { className: Q("h-4 w-4", U) }),
+        /* @__PURE__ */ u.jsx(ni, { className: Z("h-4 w-4", U) }),
         a && /* @__PURE__ */ u.jsx("span", { className: "font-medium text-sm", children: "Assistant" })
       ] }),
       /* @__PURE__ */ u.jsx(
@@ -13832,7 +13840,7 @@ const Lc = B.memo(function({
         }
       )
     ] }) });
-  const et = B.useCallback(async ($) => {
+  const et = H.useCallback(async ($) => {
     if (w)
       return;
     const fe = Po(
@@ -13849,7 +13857,7 @@ const Lc = B.memo(function({
     } finally {
       T == null || T();
     }
-  }, [w, T, b, K]), Et = B.useCallback(async ($) => {
+  }, [w, T, b, K]), Et = H.useCallback(async ($) => {
     if (w)
       return;
     const fe = Po(
@@ -13866,7 +13874,7 @@ const Lc = B.memo(function({
     } finally {
       T == null || T();
     }
-  }, [w, T, b, K]), gt = B.useCallback(({ part: $, i: fe }) => {
+  }, [w, T, b, K]), gt = H.useCallback(({ part: $, i: fe }) => {
     if ($.type === "text") {
       const me = $.text ?? "", ot = me.trim(), yt = Ga(ot);
       return yt && D !== "tool" ? /* @__PURE__ */ u.jsx(Ap, { data: yt }, fe) : D === "user" && c && ot.length > d ? /* @__PURE__ */ u.jsx(
@@ -13946,11 +13954,11 @@ const Lc = B.memo(function({
     g,
     w,
     He
-  ]), xt = B.useCallback(() => /* @__PURE__ */ u.jsxs("div", { className: "flex items-center gap-2 p-2 bg-muted/30 rounded", children: [
+  ]), xt = H.useCallback(() => /* @__PURE__ */ u.jsxs("div", { className: "flex items-center gap-2 p-2 bg-muted/30 rounded", children: [
     /* @__PURE__ */ u.jsx(Ii, { className: "h-4 w-4 text-muted-foreground" }),
     /* @__PURE__ */ u.jsx("span", { className: "text-sm text-muted-foreground", children: "File upload" })
-  ] }), []), dt = B.useCallback(() => {
-    const $ = Z.trim().length > 0 || se.length > 0 || Ne.length > 0 || He.length > 0;
+  ] }), []), dt = H.useCallback(() => {
+    const $ = ee.trim().length > 0 || se.length > 0 || Ne.length > 0 || He.length > 0;
     if (!q && Ne.length > 0 && !r)
       return xt();
     if (!q && !$ && !r)
@@ -13972,7 +13980,7 @@ const Lc = B.memo(function({
       ] }) : me;
     }
   }, [
-    Z,
+    ee,
     se.length,
     Ne.length,
     He.length,
@@ -13981,17 +13989,17 @@ const Lc = B.memo(function({
     L,
     xt,
     U
-  ]), ut = it(() => G ? "Assistant" : SC(t), [G, t]), Me = B.useMemo(() => G ? [] : Array.isArray(C) ? C : [], [C, G]), At = B.useMemo(() => {
+  ]), ut = it(() => G ? "Assistant" : SC(t), [G, t]), Me = H.useMemo(() => G ? [] : Array.isArray(C) ? C : [], [C, G]), At = H.useMemo(() => {
     var $;
     return Me.length ? E && Me.some((fe) => fe.id === E) ? E : (($ = Me[0]) == null ? void 0 : $.id) ?? null : null;
-  }, [E, Me]), re = B.useMemo(() => !Me.length || !S ? null : Me.some(($) => $.id === S) ? S : null, [S, Me]) ?? At, xe = D === "user" && Me.length > 0 && typeof k == "function", ce = B.useCallback(
+  }, [E, Me]), re = H.useMemo(() => !Me.length || !S ? null : Me.some(($) => $.id === S) ? S : null, [S, Me]) ?? At, xe = D === "user" && Me.length > 0 && typeof k == "function", ce = H.useCallback(
     ($) => {
       if (!k) return;
       const fe = ($ == null ? void 0 : $.id) ?? null, me = ($ == null ? void 0 : $.parentId) ?? N ?? null;
       k(fe, me);
     },
     [N, k]
-  ), ie = B.useMemo(() => re ? Me.findIndex(($) => $.id === re) : -1, [re, Me]), Le = B.useMemo(() => ie < 0 ? null : Me[ie] ?? null, [ie, Me]), tt = B.useCallback(($) => {
+  ), ie = H.useMemo(() => re ? Me.findIndex(($) => $.id === re) : -1, [re, Me]), Le = H.useMemo(() => ie < 0 ? null : Me[ie] ?? null, [ie, Me]), tt = H.useCallback(($) => {
     const fe = [];
     if ($.step !== null && fe.push(`Step ${$.step}`), $.source && fe.push($.source), !$.createdAt)
       return fe.length ? fe.join(" • ") : $.id.slice(0, 8);
@@ -14008,11 +14016,11 @@ const Lc = B.memo(function({
     return `${me}`;
   }, []);
   return q && !f ? null : /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-    /* @__PURE__ */ u.jsx("div", { className: Q(Ae(), p.container), children: /* @__PURE__ */ u.jsxs("div", { className: Q(ze(), p.content), children: [
+    /* @__PURE__ */ u.jsx("div", { className: Z(Ae(), p.container), children: /* @__PURE__ */ u.jsxs("div", { className: Z(ze(), p.content), children: [
       (i || a || q) && /* @__PURE__ */ u.jsxs(
         "div",
         {
-          className: Q(
+          className: Z(
             "flex items-center justify-between mb-2 pb-2 border-b border-current/10",
             P && "mb-1 pb-1",
             U,
@@ -14021,12 +14029,12 @@ const Lc = B.memo(function({
           children: [
             /* @__PURE__ */ u.jsxs("div", { className: "flex items-center gap-2", children: [
               Ye(),
-              a && ut && /* @__PURE__ */ u.jsx("span", { className: Q("font-medium", P ? "text-xs" : "text-sm"), children: ut }),
+              a && ut && /* @__PURE__ */ u.jsx("span", { className: Z("font-medium", P ? "text-xs" : "text-sm"), children: ut }),
               q && /* @__PURE__ */ u.jsxs(
                 Gf,
                 {
                   variant: "outline",
-                  className: Q(
+                  className: Z(
                     "text-xs flex items-center gap-1 cursor-pointer select-none",
                     U,
                     "border border-current/40",
@@ -14053,7 +14061,7 @@ const Lc = B.memo(function({
                   "button",
                   {
                     type: "button",
-                    className: Q(
+                    className: Z(
                       "flex items-center justify-center rounded border px-1.5 py-1 transition-colors",
                       ie > 0 ? "border-border text-foreground hover:bg-muted/60" : "border-border text-muted-foreground cursor-not-allowed"
                     ),
@@ -14079,7 +14087,7 @@ const Lc = B.memo(function({
                   "button",
                   {
                     type: "button",
-                    className: Q(
+                    className: Z(
                       "flex items-center justify-center rounded border px-1.5 py-1 transition-colors",
                       ie < Me.length - 1 ? "border-border text-foreground hover:bg-muted/60" : "border-border text-muted-foreground cursor-not-allowed"
                     ),
@@ -14097,7 +14105,7 @@ const Lc = B.memo(function({
               i && t.createdAt && /* @__PURE__ */ u.jsx(
                 "time",
                 {
-                  className: Q("text-xs opacity-60", U, P && "text-xs"),
+                  className: Z("text-xs opacity-60", U, P && "text-xs"),
                   dateTime: new Date(t.createdAt).toISOString(),
                   title: new Date(t.createdAt).toLocaleString(),
                   children: new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit" }).format(new Date(t.createdAt))
@@ -14106,7 +14114,7 @@ const Lc = B.memo(function({
               s && !o && /* @__PURE__ */ u.jsxs(
                 "div",
                 {
-                  className: Q(
+                  className: Z(
                     "opacity-0 group-hover:opacity-100 transition-opacity",
                     "flex items-center gap-1",
                     p.actions
@@ -14118,10 +14126,10 @@ const Lc = B.memo(function({
                         variant: "ghost",
                         size: "sm",
                         onClick: () => Pe(),
-                        className: Q("h-6 w-6 p-0 hover:bg-foreground/10", U, P && "h-5 w-5"),
+                        className: Z("h-6 w-6 p-0 hover:bg-foreground/10", U, P && "h-5 w-5"),
                         "aria-label": "Copy message",
                         title: "Copy message",
-                        children: /* @__PURE__ */ u.jsx(al, { className: Q(I ? "text-success" : U, P ? "h-3 w-3" : "h-4 w-4") })
+                        children: /* @__PURE__ */ u.jsx(al, { className: Z(I ? "text-success" : U, P ? "h-3 w-3" : "h-4 w-4") })
                       }
                     ) }),
                     D === "user" && h && /* @__PURE__ */ u.jsx(
@@ -14130,9 +14138,9 @@ const Lc = B.memo(function({
                         variant: "ghost",
                         size: "sm",
                         onClick: De,
-                        className: Q("h-6 w-6 p-0 hover:bg-foreground/10", U, P && "h-5 w-5"),
+                        className: Z("h-6 w-6 p-0 hover:bg-foreground/10", U, P && "h-5 w-5"),
                         "aria-label": "Edit message",
-                        children: /* @__PURE__ */ u.jsx(ll, { className: Q(U, P ? "h-3 w-3" : "h-4 w-4") })
+                        children: /* @__PURE__ */ u.jsx(ll, { className: Z(U, P ? "h-3 w-3" : "h-4 w-4") })
                       }
                     ),
                     D === "assistant" && m && /* @__PURE__ */ u.jsx(
@@ -14141,9 +14149,9 @@ const Lc = B.memo(function({
                         variant: "ghost",
                         size: "sm",
                         onClick: Ge,
-                        className: Q("h-6 w-6 p-0 hover:bg-foreground/10", U, P && "h-5 w-5"),
+                        className: Z("h-6 w-6 p-0 hover:bg-foreground/10", U, P && "h-5 w-5"),
                         "aria-label": "Regenerate response",
-                        children: /* @__PURE__ */ u.jsx(Ni, { className: Q(U, P ? "h-3 w-3" : "h-4 w-4") })
+                        children: /* @__PURE__ */ u.jsx(Ni, { className: Z(U, P ? "h-3 w-3" : "h-4 w-4") })
                       }
                     )
                   ]
@@ -14154,7 +14162,7 @@ const Lc = B.memo(function({
         }
       ),
       /* @__PURE__ */ u.jsx("div", { className: "relative", children: dt() }),
-      q && L === "expanded" && (te.toolCallId || te.name) && /* @__PURE__ */ u.jsxs("div", { className: Q("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", P && "text-xs"), children: [
+      q && L === "expanded" && (te.toolCallId || te.name) && /* @__PURE__ */ u.jsxs("div", { className: Z("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", P && "text-xs"), children: [
         te.name && /* @__PURE__ */ u.jsxs("div", { children: [
           "Function: ",
           te.name
@@ -14167,7 +14175,7 @@ const Lc = B.memo(function({
       !(i || a || q) && s && !o && /* @__PURE__ */ u.jsxs(
         "div",
         {
-          className: Q(
+          className: Z(
             "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",
             "flex items-center gap-1",
             p.actions
@@ -14179,8 +14187,8 @@ const Lc = B.memo(function({
                 variant: "ghost",
                 size: "sm",
                 onClick: () => Pe(),
-                className: Q("h-6 w-6 p-0 hover:bg-background/50 text-current", P && "h-5 w-5"),
-                children: /* @__PURE__ */ u.jsx(al, { className: Q(I ? "text-success" : "text-current", P ? "h-3 w-3" : "h-4 w-4") })
+                className: Z("h-6 w-6 p-0 hover:bg-background/50 text-current", P && "h-5 w-5"),
+                children: /* @__PURE__ */ u.jsx(al, { className: Z(I ? "text-success" : "text-current", P ? "h-3 w-3" : "h-4 w-4") })
               }
             ),
             D === "user" && h && /* @__PURE__ */ u.jsx(
@@ -14189,8 +14197,8 @@ const Lc = B.memo(function({
                 variant: "ghost",
                 size: "sm",
                 onClick: De,
-                className: Q("h-6 w-6 p-0 hover:bg-background/50 text-current", P && "h-5 w-5"),
-                children: /* @__PURE__ */ u.jsx(ll, { className: Q("text-current", P ? "h-3 w-3" : "h-4 w-4") })
+                className: Z("h-6 w-6 p-0 hover:bg-background/50 text-current", P && "h-5 w-5"),
+                children: /* @__PURE__ */ u.jsx(ll, { className: Z("text-current", P ? "h-3 w-3" : "h-4 w-4") })
               }
             ),
             D === "assistant" && m && /* @__PURE__ */ u.jsx(
@@ -14199,22 +14207,22 @@ const Lc = B.memo(function({
                 variant: "ghost",
                 size: "sm",
                 onClick: Ge,
-                className: Q("h-6 w-6 p-0 hover:bg-background/50 text-current", P && "h-5 w-5"),
-                children: /* @__PURE__ */ u.jsx(Ni, { className: Q("text-current", P ? "h-3 w-3" : "h-4 w-4") })
+                className: Z("h-6 w-6 p-0 hover:bg-background/50 text-current", P && "h-5 w-5"),
+                children: /* @__PURE__ */ u.jsx(Ni, { className: Z("text-current", P ? "h-3 w-3" : "h-4 w-4") })
               }
             )
           ]
         }
       )
     ] }) }),
-    H && /* @__PURE__ */ u.jsx(
+    B && /* @__PURE__ */ u.jsx(
       tC,
       {
         isOpen: ne,
         onClose: M,
-        fileId: H.id,
-        fileName: H.name,
-        mimeType: H.mimeType
+        fileId: B.id,
+        fileName: B.name,
+        mimeType: B.mimeType
       }
     )
   ] });
@@ -14257,7 +14265,7 @@ function TC({
   return /* @__PURE__ */ u.jsxs(
     Vr,
     {
-      className: Q(
+      className: Z(
         "border-blue-200 dark:border-blue-800 bg-blue-50/50 dark:bg-blue-950/10 transition-shadow",
         o ? "shadow-md ring-1 ring-blue-300 dark:ring-blue-500/70" : "opacity-80"
       ),
@@ -14295,11 +14303,11 @@ function TC({
   );
 }
 function kC(e) {
-  const { allowFileOpen: t, currentThreadId: n } = e, { toast: r } = qa(), [o, s] = ve({}), [i, a] = ve(null), [l, c] = ve(!1), d = B.useCallback(() => {
+  const { allowFileOpen: t, currentThreadId: n } = e, { toast: r } = qa(), [o, s] = ve({}), [i, a] = ve(null), [l, c] = ve(!1), d = H.useCallback(() => {
     c(!1), a(null);
-  }, []), f = B.useCallback((h) => {
+  }, []), f = H.useCallback((h) => {
     a(h), c(!0);
-  }, []), p = B.useCallback(
+  }, []), p = H.useCallback(
     async (h, m, y) => {
       var x, g;
       if (!t) {
@@ -14375,10 +14383,10 @@ function RC({
 }) {
   const s = Math.max(e.length - r, 0), i = e.substring(0, r);
   return /* @__PURE__ */ u.jsxs("div", { className: "flex flex-col gap-1", children: [
-    /* @__PURE__ */ u.jsx("div", { className: Q("text-sm text-[hsl(var(--chat-bubble-user-text))]", o && "text-xs"), children: t ? /* @__PURE__ */ u.jsx(us, { content: e, allowHtml: !1 }) : /* @__PURE__ */ u.jsxs(
+    /* @__PURE__ */ u.jsx("div", { className: Z("text-sm text-[hsl(var(--chat-bubble-user-text))]", o && "text-xs"), children: t ? /* @__PURE__ */ u.jsx(us, { content: e, allowHtml: !1 }) : /* @__PURE__ */ u.jsxs(
       "pre",
       {
-        className: Q(
+        className: Z(
           "font-sans whitespace-pre-wrap break-words bg-transparent p-0 m-0 text-[hsl(var(--chat-bubble-user-text))]",
           o && "text-xs"
         ),
@@ -14453,7 +14461,7 @@ function EC({ message: e, viewMode: t }) {
 const $c = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, IC = (e) => {
   const t = e.additionalKwargs ?? {}, n = e.responseMetadata ?? {}, r = t.originalMessageId ?? n.originalMessageId ?? t.original_message_id ?? n.original_message_id;
   return typeof r == "string" && r.trim() ? r.trim() : e.id;
-}, _p = B.forwardRef(({
+}, _p = H.forwardRef(({
   messages: e,
   isStreaming: t,
   streamingAssistantId: n,
@@ -14544,7 +14552,7 @@ const $c = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, IC = (e) =>
           }
         }
       };
-  }, [a]), H = it(() => !m || y ? !1 : K ? "auto" : !1, [K, m, y]), M = j ?? [], U = it(
+  }, [a]), B = it(() => !m || y ? !1 : K ? "auto" : !1, [K, m, y]), M = j ?? [], U = it(
     () => [...M].reverse(),
     [M]
   );
@@ -14555,7 +14563,7 @@ const $c = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, IC = (e) =>
       M.map((X) => ({ id: X.id, step: X.step, label: X.label }))
     );
   }, [M]);
-  const Z = N ?? (M.length ? M[M.length - 1].id : null), te = M.length > 0, se = it(() => {
+  const ee = N ?? (M.length ? M[M.length - 1].id : null), te = M.length > 0, se = it(() => {
     if (typeof h != "string") return null;
     const X = h.trim();
     return X ? {
@@ -14583,7 +14591,7 @@ const $c = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, IC = (e) =>
       ] }),
       /* @__PURE__ */ u.jsx("div", { className: "pointer-events-none absolute left-5 top-0 bottom-0 w-px bg-border/50" }),
       /* @__PURE__ */ u.jsx("div", { className: "flex flex-col gap-4", children: U.map((X) => {
-        const de = Z === X.id;
+        const de = ee === X.id;
         return /* @__PURE__ */ u.jsxs(
           "button",
           {
@@ -14675,7 +14683,7 @@ const $c = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, IC = (e) =>
           F.current = X instanceof HTMLDivElement ? X : null;
         },
         data: Te,
-        followOutput: H,
+        followOutput: B,
         overscan: 200,
         increaseViewportBy: { top: 100, bottom: 200 },
         defaultItemHeight: 80,
@@ -14791,26 +14799,26 @@ function Ei({
   }, [Se]);
   const ne = ke(() => {
     Y(!0);
-  }, []), H = ke(() => {
+  }, []), B = ke(() => {
     Y(!1);
-  }, []), M = !!Se || Te, [U, Z] = ve(null), [te, se] = ve(""), [Ne, He] = ve(null), [Ze, Ve] = ve(null), [X, de] = ve([]), [Pe, De] = ve(0), [Ge, Ye] = ve(0), [Ae, ze] = ve(!1), [et, Et] = ve(null), [gt, xt] = ve(null), [dt, ut] = ve(!1), [Me, At] = ve(null), [Ft, re] = ve(!1), xe = Je(!1), [ce, ie] = ve(() => Fc.value), Le = Je(ce), tt = Je(null), $ = ke((ee) => {
-    Fc.value = ee, ie(ee);
+  }, []), M = !!Se || Te, [U, ee] = ve(null), [te, se] = ve(""), [Ne, He] = ve(null), [Ze, Ve] = ve(null), [X, de] = ve([]), [Pe, De] = ve(0), [Ge, Ye] = ve(0), [Ae, ze] = ve(!1), [et, Et] = ve(null), [gt, xt] = ve(null), [dt, ut] = ve(!1), [Me, At] = ve(null), [Ft, re] = ve(!1), xe = Je(!1), [ce, ie] = ve(() => Fc.value), Le = Je(ce), tt = Je(null), $ = ke((Q) => {
+    Fc.value = Q, ie(Q);
   }, []), [fe, me] = ve(!1), ot = Je(null), yt = ke(
-    (ee, pe) => {
-      if (!ee || typeof ee != "object") return null;
-      const he = ee[pe];
+    (Q, pe) => {
+      if (!Q || typeof Q != "object") return null;
+      const he = Q[pe];
       return typeof he == "number" ? he : null;
     },
     []
   ), qt = ke(
-    (ee, pe) => {
-      if (!ee || typeof ee != "object") return null;
-      const he = ee[pe];
+    (Q, pe) => {
+      if (!Q || typeof Q != "object") return null;
+      const he = Q[pe];
       return typeof he == "string" && he.trim() ? he : null;
     },
     []
   ), Ue = it(() => {
-    const ee = ($e) => {
+    const Q = ($e) => {
       if (!Array.isArray($e) || $e.length === 0)
         return null;
       const bt = $e.map((St) => {
@@ -14825,7 +14833,7 @@ function Ei({
       }).filter((St) => !!(St && St.length));
       return bt.length ? bt.join(", ") : null;
     }, pe = Array.isArray(I) ? I.map(($e) => {
-      const bt = ee($e.next);
+      const bt = Q($e.next);
       return bt ? {
         ...$e,
         metadata: {
@@ -14842,7 +14850,7 @@ function Ei({
       return Number.isNaN(Pr) || Number.isNaN(Or) ? 0 : Or - Pr;
     }), pe;
   }, [I, yt]), { checkpointMetaById: Gt, checkpointIndexByKey: at } = it(() => {
-    const ee = /* @__PURE__ */ new Map(), pe = /* @__PURE__ */ new Map();
+    const Q = /* @__PURE__ */ new Map(), pe = /* @__PURE__ */ new Map();
     for (const he of Ue) {
       const $e = he.checkpointId ?? null;
       if (!$e) continue;
@@ -14854,7 +14862,7 @@ function Ei({
         namespace: he.checkpointNs ?? null,
         parentId: he.parentId ?? null
       };
-      if (ee.set($e, En), bt !== null && St) {
+      if (Q.set($e, En), bt !== null && St) {
         const Pr = `${bt}:${St}`, Or = pe.get(Pr) ?? [];
         Or.push(En), pe.set(Pr, Or);
       }
@@ -14864,12 +14872,12 @@ function Ei({
         const St = $e.createdAt ?? "";
         return (bt.createdAt ?? "").localeCompare(St);
       });
-    return { checkpointMetaById: ee, checkpointIndexByKey: pe };
+    return { checkpointMetaById: Q, checkpointIndexByKey: pe };
   }, [Ue, yt, qt]), Tt = z ?? [], On = Je(null), Yn = Je(null), Mn = ke(() => {
-    On.current && (On.current.value = ""), Yn.current && (Yn.current.value = ""), De((ee) => ee + 1), Ye((ee) => ee + 1);
+    On.current && (On.current.value = ""), Yn.current && (Yn.current.value = ""), De((Q) => Q + 1), Ye((Q) => Q + 1);
   }, []), Qs = ke(
-    (ee) => {
-      $(ee);
+    (Q) => {
+      $(Q);
     },
     [$]
   ), wo = Je(!1);
@@ -14878,11 +14886,11 @@ function Ei({
   }, [A, Mn]);
   const [ei, ti] = ve("desktop");
   Ct(() => {
-    const ee = () => {
+    const Q = () => {
       const pe = window.innerWidth;
       ti(pe < 640 ? "phone" : pe < 1024 ? "tablet" : "desktop");
     };
-    return ee(), window.addEventListener("resize", ee), () => window.removeEventListener("resize", ee);
+    return Q(), window.addEventListener("resize", Q), () => window.removeEventListener("resize", Q);
   }, []), Ct(() => {
     re(!1), xe.current = !1;
   }, [D]), Ct(() => {
@@ -14898,8 +14906,8 @@ function Ei({
     if (!(!b || T || !Ft))
       try {
         await S();
-      } catch (ee) {
-        console.warn("loadOlder failed", ee);
+      } catch (Q) {
+        console.warn("loadOlder failed", Q);
       }
   }, [b, Ft, T, S]);
   Ct(() => {
@@ -14918,16 +14926,16 @@ function Ei({
   }, [y.baseUrl]), Ct(() => {
     F && !dt && (m == null || m(F));
   }, [F, dt, m]);
-  const V = (ee) => {
-    if (ee.length > Ho)
-      return `Message too long (${ee.length}/${Ho} characters)`;
+  const V = (Q) => {
+    if (Q.length > Ho)
+      return `Message too long (${Q.length}/${Ho} characters)`;
     try {
-      return i0(ee), null;
+      return i0(Q), null;
     } catch (pe) {
       return (pe == null ? void 0 : pe.message) || "Invalid message";
     }
-  }, oe = async (ee) => {
-    const pe = ee.trim();
+  }, oe = async (Q) => {
+    const pe = Q.trim();
     if (!(!pe && X.length === 0)) {
       if (pe) {
         const he = V(pe);
@@ -14953,29 +14961,29 @@ function Ei({
             checkpointId: he,
             checkpointNs: $e
           }
-        ), p == null || p(pe), $(""), Ve(null), de([]), Mn(), Z(null), se(""), He(null);
+        ), p == null || p(pe), $(""), Ve(null), de([]), Mn(), ee(null), se(""), He(null);
       } catch (he) {
         const $e = (he == null ? void 0 : he.message) || "Failed to send message";
         Ve($e), m == null || m($e);
       }
     }
-  }, Ce = B.useCallback(
-    (ee, pe, he) => {
-      c && (tt.current = ce, Z(ee), se(pe), $(pe), Ve(null), He({
+  }, Ce = H.useCallback(
+    (Q, pe, he) => {
+      c && (tt.current = ce, ee(Q), se(pe), $(pe), Ve(null), He({
         checkpointId: (he == null ? void 0 : he.checkpointId) ?? null,
         checkpointNs: (he == null ? void 0 : he.checkpointNs) ?? null
       }));
     },
     [ce, c, $]
-  ), Xe = B.useCallback(() => {
-    Z(null), se(""), He(null), Ve(null), $(tt.current ?? ce), tt.current = null;
+  ), Xe = H.useCallback(() => {
+    ee(null), se(""), He(null), Ve(null), $(tt.current ?? ce), tt.current = null;
   }, [ce, $]), st = ke(
-    (ee, pe, he) => {
-      Ce(ee, pe, he);
+    (Q, pe, he) => {
+      Ce(Q, pe, he);
     },
     [Ce]
-  ), We = ke((ee) => {
-    for (let pe = ee - 1; pe >= 0; pe--)
+  ), We = ke((Q) => {
+    for (let pe = Q - 1; pe >= 0; pe--)
       if (w[pe].role === "user") {
         const he = w[pe].content || [], bt = he.filter((St) => St.type === "text").map((St) => St.text).join("") || (() => {
           try {
@@ -14993,16 +15001,16 @@ function Ei({
         );
         break;
       }
-  }, [w, K, q, G]), Be = (ee) => {
-    const pe = Array.from(ee.target.files || []);
-    de((he) => [...he, ...pe]), ee.target.value = "";
-  }, _t = (ee) => {
+  }, [w, K, q, G]), Be = (Q) => {
+    const pe = Array.from(Q.target.files || []);
+    de((he) => [...he, ...pe]), Q.target.value = "";
+  }, _t = (Q) => {
     de((pe) => {
-      const he = pe.filter(($e, bt) => ee !== bt);
+      const he = pe.filter(($e, bt) => Q !== bt);
       return he.length === 0 && Mn(), he;
     });
-  }, vt = async (ee) => {
-    const pe = (ee.target.files || [])[0];
+  }, vt = async (Q) => {
+    const pe = (Q.target.files || [])[0];
     if (pe) {
       Et(null), xt(null), ze(!0);
       try {
@@ -15019,22 +15027,22 @@ function Ei({
         const $e = he instanceof Error ? he.message : "Failed to upload Excel file";
         console.error("Excel upload failed", he), Et($e), m == null || m($e);
       } finally {
-        ze(!1), ee.target.value = "", Mn();
+        ze(!1), Q.target.value = "", Mn();
       }
     }
-  }, wt = async (ee) => {
+  }, wt = async (Q) => {
     if (x) {
       me(!0);
       try {
-        if (!ee) {
+        if (!Q) {
           await E(), re(!1), requestAnimationFrame(() => {
             var $e;
             ($e = ot.current) == null || $e.scrollToLatest();
           });
           return;
         }
-        const pe = Ue.find(($e) => $e.checkpointId === ee), he = (pe == null ? void 0 : pe.checkpointNs) ?? null;
-        await k(ee, he), re(!0), requestAnimationFrame(() => {
+        const pe = Ue.find(($e) => $e.checkpointId === Q), he = (pe == null ? void 0 : pe.checkpointNs) ?? null;
+        await k(Q, he), re(!0), requestAnimationFrame(() => {
           var $e;
           ($e = ot.current) == null || $e.scrollToTop();
         });
@@ -15043,18 +15051,18 @@ function Ei({
       }
     }
   }, Ht = ke(
-    async (ee) => {
-      await wt(ee);
+    async (Q) => {
+      await wt(Q);
     },
     [wt]
   ), Dn = `flex flex-1 w-full flex-col min-h-0 min-w-0 max-h-full overflow-hidden bg-transparent ${e} ${f.container || ""}`, Rn = `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 ${f.messagesArea || ""}`, Ot = `flex-shrink-0 w-full border-t p-4 bg-transparent ${f.inputArea || ""}`;
   return ke(
-    (ee) => {
-      if (!ee)
+    (Q) => {
+      if (!Q)
         return "Latest";
       const pe = [];
-      ee.step !== null && pe.push(`Step ${ee.step}`), ee.source && pe.push(ee.source);
-      const he = ee.createdAt ? new Date(ee.createdAt) : null, $e = he && !Number.isNaN(he.getTime()) ? he.toLocaleString() : ee.createdAt ?? ee.id, bt = pe.length ? ` — ${pe.join(" • ")}` : "";
+      Q.step !== null && pe.push(`Step ${Q.step}`), Q.source && pe.push(Q.source);
+      const he = Q.createdAt ? new Date(Q.createdAt) : null, $e = he && !Number.isNaN(he.getTime()) ? he.toLocaleString() : Q.createdAt ?? Q.id, bt = pe.length ? ` — ${pe.join(" • ")}` : "";
       return `${$e}${bt}`;
     },
     []
@@ -15096,12 +15104,12 @@ function Ei({
               onStartReached: () => {
                 Ft && R();
               },
-              onScrollAway: (ee) => {
+              onScrollAway: (Q) => {
                 if (!xe.current) {
                   xe.current = !0;
                   return;
                 }
-                ee && re(!0);
+                Q && re(!0);
               },
               onEdit: st,
               onRegenerate: We,
@@ -15111,7 +15119,7 @@ function Ei({
               activeInterrupt: Se,
               disableInterruptActions: Te,
               onInterruptActionStart: ne,
-              onInterruptActionEnd: H,
+              onInterruptActionEnd: B,
               showToolMessages: d,
               checkpointMetaById: Gt,
               checkpointIndexByKey: at,
@@ -15161,14 +15169,14 @@ function Ei({
               ref: On,
               type: "file",
               multiple: !0,
-              onChange: (ee) => Be(ee),
+              onChange: (Q) => Be(Q),
               className: "hidden"
             },
             Pe
           ),
-          X.length > 0 && /* @__PURE__ */ u.jsx("div", { className: "flex flex-wrap gap-2", children: X.map((ee, pe) => /* @__PURE__ */ u.jsxs("div", { className: "flex items-center gap-2 bg-gray-100 dark:bg-gray-800 rounded-lg px-3 py-2 text-sm text-gray-900 dark:text-gray-100", children: [
+          X.length > 0 && /* @__PURE__ */ u.jsx("div", { className: "flex flex-wrap gap-2", children: X.map((Q, pe) => /* @__PURE__ */ u.jsxs("div", { className: "flex items-center gap-2 bg-gray-100 dark:bg-gray-800 rounded-lg px-3 py-2 text-sm text-gray-900 dark:text-gray-100", children: [
             /* @__PURE__ */ u.jsx(Ii, { size: 14 }),
-            /* @__PURE__ */ u.jsx("span", { className: "truncate max-w-[150px]", children: ee.name }),
+            /* @__PURE__ */ u.jsx("span", { className: "truncate max-w-[150px]", children: Q.name }),
             /* @__PURE__ */ u.jsx(
               nt,
               {
@@ -15176,7 +15184,7 @@ function Ei({
                 size: "sm",
                 onClick: () => _t(pe),
                 className: "h-4 w-4 p-0 text-gray-500 dark:text-gray-400 hover:text-red-500 dark:hover:text-red-400",
-                "aria-label": `Remove ${ee.name}`,
+                "aria-label": `Remove ${Q.name}`,
                 children: /* @__PURE__ */ u.jsx(gr, { size: 12 })
               }
             )
@@ -15219,8 +15227,8 @@ function Ei({
           ) }),
           /* @__PURE__ */ u.jsxs(hf, { align: "start", sideOffset: 6, className: "w-52", children: [
             a && /* @__PURE__ */ u.jsxs(Vi, { onClick: () => {
-              var ee;
-              return (ee = On.current) == null ? void 0 : ee.click();
+              var Q;
+              return (Q = On.current) == null ? void 0 : Q.click();
             }, className: "cursor-pointer", children: [
               /* @__PURE__ */ u.jsx(Ii, { className: "h-4 w-4 mr-2" }),
               " Attach files or images"
@@ -15229,8 +15237,8 @@ function Ei({
               Vi,
               {
                 onClick: () => {
-                  var ee;
-                  Ae || (ee = Yn.current) == null || ee.click();
+                  var Q;
+                  Ae || (Q = Yn.current) == null || Q.click();
                 },
                 className: `cursor-pointer ${Ae ? "opacity-60 pointer-events-none" : ""}`,
                 children: [
@@ -15268,7 +15276,7 @@ const ds = v.forwardRef(
     "input",
     {
       type: t,
-      className: Q(
+      className: Z(
         "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
       ),
@@ -15796,7 +15804,7 @@ const Vp = v.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   Wp,
   {
     ref: r,
-    className: Q("relative overflow-hidden", e),
+    className: Z("relative overflow-hidden", e),
     ...n,
     children: [
       /* @__PURE__ */ u.jsx(zC, { className: "h-full w-full rounded-[inherit] overflow-auto", children: t }),
@@ -15811,7 +15819,7 @@ const Kp = v.forwardRef(({ className: e, orientation: t = "vertical", ...n }, r)
   {
     ref: r,
     orientation: t,
-    className: Q(
+    className: Z(
       "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]",
@@ -15856,13 +15864,13 @@ function Hc({
       "[data-radix-scroll-area-viewport]"
     );
     if (!Y) return;
-    let ne = null, H = null;
+    let ne = null, B = null;
     return ne = requestAnimationFrame(() => {
-      H = requestAnimationFrame(() => {
+      B = requestAnimationFrame(() => {
         Y.scrollTop = E.current;
       });
     }), () => {
-      ne !== null && cancelAnimationFrame(ne), H !== null && cancelAnimationFrame(H);
+      ne !== null && cancelAnimationFrame(ne), B !== null && cancelAnimationFrame(B);
     };
   }, [T]);
   const F = async (Y) => {
@@ -15884,13 +15892,13 @@ function Hc({
   }, K = async (Y, ne) => {
     if (ne.stopPropagation(), !!confirm("Delete this thread?")) {
       if (k.current) {
-        const H = k.current.querySelector("[data-radix-scroll-area-viewport]");
-        H && (E.current = H.scrollTop);
+        const B = k.current.querySelector("[data-radix-scroll-area-viewport]");
+        B && (E.current = B.scrollTop);
       }
       try {
         await w(Y), d == null || d(Y);
-      } catch (H) {
-        console.error("Failed to delete thread:", H);
+      } catch (B) {
+        console.error("Failed to delete thread:", B);
       }
     }
   }, P = (Y, ne) => {
@@ -16106,7 +16114,7 @@ const GC = xs(
   Zp,
   {
     ref: n,
-    className: Q(GC(), e),
+    className: Z(GC(), e),
     ...t
   }
 ));
@@ -16235,7 +16243,7 @@ var sh = eh, QC = nh;
 const $n = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   sh,
   {
-    className: Q(
+    className: Z(
       "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
     ),
@@ -16244,7 +16252,7 @@ const $n = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
     children: /* @__PURE__ */ u.jsx(
       QC,
       {
-        className: Q(
+        className: Z(
           "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"
         )
       }
@@ -16473,17 +16481,17 @@ var ln = 10, [mh, Gn] = jr(ar), uT = "SelectContentImpl", dT = br("SelectContent
       avoidCollisions: x,
       //
       ...g
-    } = e, w = qn(ar, n), [b, T] = v.useState(null), [C, S] = v.useState(null), k = qe(t, (H) => T(H)), [E, N] = v.useState(null), [I, j] = v.useState(
+    } = e, w = qn(ar, n), [b, T] = v.useState(null), [C, S] = v.useState(null), k = qe(t, (B) => T(B)), [E, N] = v.useState(null), [I, j] = v.useState(
       null
     ), L = Js(n), [z, A] = v.useState(!1), F = v.useRef(!1);
     v.useEffect(() => {
       if (b) return Ea(b);
     }, [b]), ya();
     const _ = v.useCallback(
-      (H) => {
-        const [M, ...U] = L().map((se) => se.ref.current), [Z] = U.slice(-1), te = document.activeElement;
-        for (const se of H)
-          if (se === te || (se == null || se.scrollIntoView({ block: "nearest" }), se === M && C && (C.scrollTop = 0), se === Z && C && (C.scrollTop = C.scrollHeight), se == null || se.focus(), document.activeElement !== te)) return;
+      (B) => {
+        const [M, ...U] = L().map((se) => se.ref.current), [ee] = U.slice(-1), te = document.activeElement;
+        for (const se of B)
+          if (se === te || (se == null || se.scrollIntoView({ block: "nearest" }), se === M && C && (C.scrollTop = 0), se === ee && C && (C.scrollTop = C.scrollHeight), se == null || se.focus(), document.activeElement !== te)) return;
       },
       [L, C]
     ), K = v.useCallback(
@@ -16496,39 +16504,39 @@ var ln = 10, [mh, Gn] = jr(ar), uT = "SelectContentImpl", dT = br("SelectContent
     const { onOpenChange: P, triggerPointerDownPosRef: D } = w;
     v.useEffect(() => {
       if (b) {
-        let H = { x: 0, y: 0 };
-        const M = (Z) => {
+        let B = { x: 0, y: 0 };
+        const M = (ee) => {
           var te, se;
-          H = {
-            x: Math.abs(Math.round(Z.pageX) - (((te = D.current) == null ? void 0 : te.x) ?? 0)),
-            y: Math.abs(Math.round(Z.pageY) - (((se = D.current) == null ? void 0 : se.y) ?? 0))
+          B = {
+            x: Math.abs(Math.round(ee.pageX) - (((te = D.current) == null ? void 0 : te.x) ?? 0)),
+            y: Math.abs(Math.round(ee.pageY) - (((se = D.current) == null ? void 0 : se.y) ?? 0))
           };
-        }, U = (Z) => {
-          H.x <= 10 && H.y <= 10 ? Z.preventDefault() : b.contains(Z.target) || P(!1), document.removeEventListener("pointermove", M), D.current = null;
+        }, U = (ee) => {
+          B.x <= 10 && B.y <= 10 ? ee.preventDefault() : b.contains(ee.target) || P(!1), document.removeEventListener("pointermove", M), D.current = null;
         };
         return D.current !== null && (document.addEventListener("pointermove", M), document.addEventListener("pointerup", U, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", M), document.removeEventListener("pointerup", U, { capture: !0 });
         };
       }
     }, [b, P, D]), v.useEffect(() => {
-      const H = () => P(!1);
-      return window.addEventListener("blur", H), window.addEventListener("resize", H), () => {
-        window.removeEventListener("blur", H), window.removeEventListener("resize", H);
+      const B = () => P(!1);
+      return window.addEventListener("blur", B), window.addEventListener("resize", B), () => {
+        window.removeEventListener("blur", B), window.removeEventListener("resize", B);
       };
     }, [P]);
-    const [q, G] = Ph((H) => {
-      const M = L().filter((te) => !te.disabled), U = M.find((te) => te.ref.current === document.activeElement), Z = Oh(M, H, U);
-      Z && setTimeout(() => Z.ref.current.focus());
+    const [q, G] = Ph((B) => {
+      const M = L().filter((te) => !te.disabled), U = M.find((te) => te.ref.current === document.activeElement), ee = Oh(M, B, U);
+      ee && setTimeout(() => ee.ref.current.focus());
     }), ge = v.useCallback(
-      (H, M, U) => {
-        const Z = !F.current && !U;
-        (w.value !== void 0 && w.value === M || Z) && (N(H), Z && (F.current = !0));
+      (B, M, U) => {
+        const ee = !F.current && !U;
+        (w.value !== void 0 && w.value === M || ee) && (N(B), ee && (F.current = !0));
       },
       [w.value]
     ), Se = v.useCallback(() => b == null ? void 0 : b.focus(), [b]), Te = v.useCallback(
-      (H, M, U) => {
-        const Z = !F.current && !U;
-        (w.value !== void 0 && w.value === M || Z) && j(H);
+      (B, M, U) => {
+        const ee = !F.current && !U;
+        (w.value !== void 0 && w.value === M || ee) && j(B);
       },
       [w.value]
     ), Y = r === "popper" ? Qi : xh, ne = Y === Qi ? {
@@ -16564,12 +16572,12 @@ var ln = 10, [mh, Gn] = jr(ar), uT = "SelectContentImpl", dT = br("SelectContent
           {
             asChild: !0,
             trapped: w.open,
-            onMountAutoFocus: (H) => {
-              H.preventDefault();
+            onMountAutoFocus: (B) => {
+              B.preventDefault();
             },
-            onUnmountAutoFocus: ue(o, (H) => {
+            onUnmountAutoFocus: ue(o, (B) => {
               var M;
-              (M = w.trigger) == null || M.focus({ preventScroll: !0 }), H.preventDefault();
+              (M = w.trigger) == null || M.focus({ preventScroll: !0 }), B.preventDefault();
             }),
             children: /* @__PURE__ */ u.jsx(
               ks,
@@ -16578,7 +16586,7 @@ var ln = 10, [mh, Gn] = jr(ar), uT = "SelectContentImpl", dT = br("SelectContent
                 disableOutsidePointerEvents: !0,
                 onEscapeKeyDown: s,
                 onPointerDownOutside: i,
-                onFocusOutside: (H) => H.preventDefault(),
+                onFocusOutside: (B) => B.preventDefault(),
                 onDismiss: () => w.onOpenChange(!1),
                 children: /* @__PURE__ */ u.jsx(
                   Y,
@@ -16587,7 +16595,7 @@ var ln = 10, [mh, Gn] = jr(ar), uT = "SelectContentImpl", dT = br("SelectContent
                     id: w.contentId,
                     "data-state": w.open ? "open" : "closed",
                     dir: w.dir,
-                    onContextMenu: (H) => H.preventDefault(),
+                    onContextMenu: (B) => B.preventDefault(),
                     ...g,
                     ...ne,
                     onPlaced: () => A(!0),
@@ -16600,15 +16608,15 @@ var ln = 10, [mh, Gn] = jr(ar), uT = "SelectContentImpl", dT = br("SelectContent
                       outline: "none",
                       ...g.style
                     },
-                    onKeyDown: ue(g.onKeyDown, (H) => {
-                      const M = H.ctrlKey || H.altKey || H.metaKey;
-                      if (H.key === "Tab" && H.preventDefault(), !M && H.key.length === 1 && G(H.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(H.key)) {
-                        let Z = L().filter((te) => !te.disabled).map((te) => te.ref.current);
-                        if (["ArrowUp", "End"].includes(H.key) && (Z = Z.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(H.key)) {
-                          const te = H.target, se = Z.indexOf(te);
-                          Z = Z.slice(se + 1);
+                    onKeyDown: ue(g.onKeyDown, (B) => {
+                      const M = B.ctrlKey || B.altKey || B.metaKey;
+                      if (B.key === "Tab" && B.preventDefault(), !M && B.key.length === 1 && G(B.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(B.key)) {
+                        let ee = L().filter((te) => !te.disabled).map((te) => te.ref.current);
+                        if (["ArrowUp", "End"].includes(B.key) && (ee = ee.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(B.key)) {
+                          const te = B.target, se = ee.indexOf(te);
+                          ee = ee.slice(se + 1);
                         }
-                        setTimeout(() => _(Z)), H.preventDefault();
+                        setTimeout(() => _(ee)), B.preventDefault();
                       }
                     })
                   }
@@ -16644,7 +16652,7 @@ var fT = "SelectItemAlignedPosition", xh = v.forwardRef((e, t) => {
         ]);
         a.style.minWidth = He + "px", a.style.right = X + "px";
       }
-      const j = p(), L = window.innerHeight - ln * 2, z = y.scrollHeight, A = window.getComputedStyle(c), F = parseInt(A.borderTopWidth, 10), _ = parseInt(A.paddingTop, 10), K = parseInt(A.borderBottomWidth, 10), P = parseInt(A.paddingBottom, 10), D = F + _ + z + P + K, q = Math.min(x.offsetHeight * 5, D), G = window.getComputedStyle(y), ge = parseInt(G.paddingTop, 10), Se = parseInt(G.paddingBottom, 10), Te = k.top + k.height / 2 - ln, Y = L - Te, ne = x.offsetHeight / 2, H = x.offsetTop + ne, M = F + _ + H, U = D - M;
+      const j = p(), L = window.innerHeight - ln * 2, z = y.scrollHeight, A = window.getComputedStyle(c), F = parseInt(A.borderTopWidth, 10), _ = parseInt(A.paddingTop, 10), K = parseInt(A.borderBottomWidth, 10), P = parseInt(A.paddingBottom, 10), D = F + _ + z + P + K, q = Math.min(x.offsetHeight * 5, D), G = window.getComputedStyle(y), ge = parseInt(G.paddingTop, 10), Se = parseInt(G.paddingBottom, 10), Te = k.top + k.height / 2 - ln, Y = L - Te, ne = x.offsetHeight / 2, B = x.offsetTop + ne, M = F + _ + B, U = D - M;
       if (M <= Te) {
         const te = j.length > 0 && x === j[j.length - 1].ref.current;
         a.style.bottom = "0px";
@@ -17084,7 +17092,7 @@ const Uc = CT, Wc = TT, oa = v.forwardRef(({ className: e, children: t, ...n },
   Mh,
   {
     ref: r,
-    className: Q(
+    className: Z(
       "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
     ),
@@ -17100,7 +17108,7 @@ const Hh = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   Fh,
   {
     ref: n,
-    className: Q(
+    className: Z(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
@@ -17113,7 +17121,7 @@ const Uh = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   zh,
   {
     ref: n,
-    className: Q(
+    className: Z(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
@@ -17126,7 +17134,7 @@ const sa = v.forwardRef(({ className: e, children: t, position: n = "popper", ..
   Dh,
   {
     ref: o,
-    className: Q(
+    className: Z(
       "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
@@ -17138,7 +17146,7 @@ const sa = v.forwardRef(({ className: e, children: t, position: n = "popper", ..
       /* @__PURE__ */ u.jsx(
         ET,
         {
-          className: Q(
+          className: Z(
             "p-1",
             n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
@@ -17154,7 +17162,7 @@ const AT = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   Lh,
   {
     ref: n,
-    className: Q("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
+    className: Z("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
     ...t
   }
 ));
@@ -17163,7 +17171,7 @@ const Xn = v.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   $h,
   {
     ref: r,
-    className: Q(
+    className: Z(
       "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
     ),
@@ -17179,7 +17187,7 @@ const _T = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   Bh,
   {
     ref: n,
-    className: Q("-mx-1 my-1 h-px bg-muted", e),
+    className: Z("-mx-1 my-1 h-px bg-muted", e),
     ...t
   }
 ));
@@ -17208,7 +17216,7 @@ const Kh = v.forwardRef(
       ref: o,
       decorative: n,
       orientation: t,
-      className: Q(
+      className: Z(
         "shrink-0 bg-border",
         t === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         e
@@ -17221,7 +17229,7 @@ Kh.displayName = Vh.displayName;
 const MT = mp, DT = JS, LT = gp, qh = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   Ws,
   {
-    className: Q(
+    className: Z(
       "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
     ),
@@ -17251,7 +17259,7 @@ const $T = xs(
     Vs,
     {
       ref: o,
-      className: Q($T({ side: e }), t),
+      className: Z($T({ side: e }), t),
       ...r,
       children: [
         n,
@@ -17270,7 +17278,7 @@ const Yh = ({
 }) => /* @__PURE__ */ u.jsx(
   "div",
   {
-    className: Q(
+    className: Z(
       "flex flex-col space-y-2 text-center sm:text-left",
       e
     ),
@@ -17282,7 +17290,7 @@ const Xh = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   er,
   {
     ref: n,
-    className: Q("text-lg font-semibold text-foreground", e),
+    className: Z("text-lg font-semibold text-foreground", e),
     ...t
   }
 ));
@@ -17291,7 +17299,7 @@ const Jh = v.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ u.jsx(
   Ks,
   {
     ref: n,
-    className: Q("text-sm text-muted-foreground", e),
+    className: Z("text-sm text-muted-foreground", e),
     ...t
   }
 ));
@@ -17625,7 +17633,7 @@ function Sk({
     "--chat-sidebar-width": c === "phone" ? "100%" : c === "tablet" ? "280px" : c === "half-screen" ? "240px" : "320px",
     "--chat-message-max-width": c === "phone" ? "95%" : c === "tablet" ? "90%" : c === "half-screen" ? "85%" : "80%",
     "--chat-input-height": c === "phone" ? "120px" : "100px"
-  }), l = B.useCallback((c) => {
+  }), l = H.useCallback((c) => {
     var d;
     (d = s.onThreadChange) == null || d.call(s, c);
   }, [s]);