teodor-new-chat-ui 3.0.97 → 3.0.98

package/dist/index.esm.js

@@ -88,7 +88,7 @@ function fm() {
     function A(R) {
       return R.displayName || "Context";
     }
-    function M(R) {
+    function O(R) {
       if (R == null)
         return null;
       if (typeof R.tag == "number" && b("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof R == "function")
@@ -121,11 +121,11 @@ function fm() {
             return H(R, R.render, "ForwardRef");
           case h:
             var ge = R.displayName || null;
-            return ge !== null ? ge : M(R.type) || "Memo";
+            return ge !== null ? ge : O(R.type) || "Memo";
           case m: {
             var Oe = R, Fe = Oe._payload, Ie = Oe._init;
             try {
-              return M(Ie(Fe));
+              return O(Ie(Fe));
             } catch {
               return null;
             }
@@ -133,14 +133,14 @@ function fm() {
         }
       return null;
     }
-    var I = Object.assign, B = 0, F, Z, D, O, G, Q, q;
+    var I = Object.assign, L = 0, F, X, D, M, G, Q, q;
     function $() {
     }
     $.__reactDisabledLog = !0;
     function Y() {
       {
-        if (B === 0) {
-          F = console.log, Z = console.info, D = console.warn, O = console.error, G = console.group, Q = console.groupCollapsed, q = console.groupEnd;
+        if (L === 0) {
+          F = console.log, X = console.info, D = console.warn, M = console.error, G = console.group, Q = console.groupCollapsed, q = console.groupEnd;
           var R = {
             configurable: !0,
             enumerable: !0,
@@ -157,12 +157,12 @@ function fm() {
             groupEnd: R
           });
         }
-        B++;
+        L++;
       }
     }
     function ye() {
       {
-        if (B--, B === 0) {
+        if (L--, L === 0) {
           var R = {
             configurable: !0,
             enumerable: !0,
@@ -173,13 +173,13 @@ function fm() {
               value: F
             }),
             info: I({}, R, {
-              value: Z
+              value: X
             }),
             warn: I({}, R, {
               value: D
             }),
             error: I({}, R, {
-              value: O
+              value: M
             }),
             group: I({}, R, {
               value: G
@@ -192,7 +192,7 @@ function fm() {
             })
           });
         }
-        B < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        L < 0 && b("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var ce = w.ReactCurrentDispatcher, K;
@@ -209,13 +209,13 @@ function fm() {
 ` + K + R;
       }
     }
-    var X = !1, te;
+    var J = !1, te;
     {
       var ue = typeof WeakMap == "function" ? WeakMap : Map;
       te = new ue();
     }
     function se(R, U) {
-      if (!R || X)
+      if (!R || J)
         return "";
       {
         var ne = te.get(R);
@@ -223,7 +223,7 @@ function fm() {
           return ne;
       }
       var ge;
-      X = !0;
+      J = !0;
       var Oe = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var Fe;
@@ -280,7 +280,7 @@ function fm() {
             }
         }
       } finally {
-        X = !1, ce.current = Fe, ye(), Error.prepareStackTrace = Oe;
+        J = !1, ce.current = Fe, ye(), Error.prepareStackTrace = Oe;
       }
       var Bn = R ? R.displayName || R.name : "", Wa = Bn ? _(Bn) : "";
       return typeof R == "function" && te.set(R, Wa), Wa;
@@ -348,9 +348,9 @@ function fm() {
           }
       }
     }
-    var J = Array.isArray;
+    var Z = Array.isArray;
     function ae(R) {
-      return J(R);
+      return Z(R);
     }
     function $e(R) {
       {
@@ -482,7 +482,7 @@ function fm() {
     function an() {
       {
         if (fr.current) {
-          var R = M(fr.current.type);
+          var R = O(fr.current.type);
           if (R)
             return `
 
@@ -517,7 +517,7 @@ Check the top-level render call using <` + ne + ">.");
           return;
         Fn[ne] = !0;
         var ge = "";
-        R && R._owner && R._owner !== fr.current && (ge = " It was passed a child from " + M(R._owner.type) + "."), ie(R), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', ne, ge), ie(null);
+        R && R._owner && R._owner !== fr.current && (ge = " It was passed a child from " + O(R._owner.type) + "."), ie(R), b('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', ne, ge), ie(null);
       }
     }
     function Wt(R, U) {
@@ -554,11 +554,11 @@ Check the top-level render call using <` + ne + ">.");
         else
           return;
         if (ne) {
-          var ge = M(U);
+          var ge = O(U);
           rt(ne, R.props, "prop", ge, R);
         } else if (U.PropTypes !== void 0 && !Ne) {
           Ne = !0;
-          var Oe = M(U);
+          var Oe = O(U);
           b("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Oe || "Unknown");
         }
         typeof U.getDefaultProps == "function" && !U.getDefaultProps.isReactClassApproved && b("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
@@ -585,7 +585,7 @@ Check the top-level render call using <` + ne + ">.");
           var ht = hr();
           ht ? Re += ht : Re += an();
           var qe;
-          R === null ? qe = "null" : ae(R) ? qe = "array" : R !== void 0 && R.$$typeof === t ? (qe = "<" + (M(R.type) || "Unknown") + " />", Re = " Did you accidentally export a JSX literal instead of a component?") : qe = typeof R, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", qe, Re);
+          R === null ? qe = "null" : ae(R) ? qe = "array" : R !== void 0 && R.$$typeof === t ? (qe = "<" + (O(R.type) || "Unknown") + " />", Re = " Did you accidentally export a JSX literal instead of a component?") : qe = typeof R, b("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", qe, Re);
         }
         var tt = dr(R, U, ne, Oe, Fe);
         if (tt == null)
@@ -1851,13 +1851,13 @@ const Uc = (e) => {
       fetchOptions: P
     } = Uc(x), H = t || fetch;
     C = C ? (C + "").toLowerCase() : "text";
-    let A = jg([b, y && y.toAbortSignal()], E), M = null;
+    let A = jg([b, y && y.toAbortSignal()], E), O = null;
     const I = A && A.unsubscribe && (() => {
       A.unsubscribe();
     });
-    let B;
+    let L;
     try {
-      if (T && u && p !== "get" && p !== "head" && (B = await v(N, w)) !== 0) {
+      if (T && u && p !== "get" && p !== "head" && (L = await v(N, w)) !== 0) {
         let Q = new n(g, {
           method: "POST",
           body: w,
@@ -1865,14 +1865,14 @@ const Uc = (e) => {
         }), q;
         if (k.isFormData(w) && (q = Q.headers.get("content-type")) && N.setContentType(q), Q.body) {
           const [$, Y] = rl(
-            B,
+            L,
             ko(ol(T))
           );
           w = il(Q.body, al, $, Y);
         }
       }
       k.isString(j) || (j = j ? "include" : "omit");
-      const F = s && "credentials" in n.prototype, Z = {
+      const F = s && "credentials" in n.prototype, X = {
         ...P,
         signal: A,
         method: p.toUpperCase(),
@@ -1881,10 +1881,10 @@ const Uc = (e) => {
         duplex: "half",
         credentials: F ? j : void 0
       };
-      M = s && new n(g, Z);
-      let D = await (s ? H(M, P) : H(g, Z));
-      const O = d && (C === "stream" || C === "response");
-      if (d && (S || O && I)) {
+      O = s && new n(g, X);
+      let D = await (s ? H(O, P) : H(g, X));
+      const M = d && (C === "stream" || C === "response");
+      if (d && (S || M && I)) {
         const Q = {};
         ["status", "statusText", "headers"].forEach((ye) => {
           Q[ye] = D[ye];
@@ -1902,23 +1902,23 @@ const Uc = (e) => {
       }
       C = C || "text";
       let G = await h[k.findKey(h, C) || "text"](D, x);
-      return !O && I && I(), await new Promise((Q, q) => {
+      return !M && I && I(), await new Promise((Q, q) => {
         $c(Q, q, {
           data: G,
           headers: xt.from(D.headers),
           status: D.status,
           statusText: D.statusText,
           config: x,
-          request: M
+          request: O
         });
       });
     } catch (F) {
       throw I && I(), F && F.name === "TypeError" && /Load failed|fetch/i.test(F.message) ? Object.assign(
-        new be("Network Error", be.ERR_NETWORK, x, M),
+        new be("Network Error", be.ERR_NETWORK, x, O),
         {
           cause: F.cause || F
         }
-      ) : be.from(F, F && F.code, x, M);
+      ) : be.from(F, F && F.code, x, O);
     }
   };
 }, Mg = /* @__PURE__ */ new Map(), Wc = (e) => {
@@ -2516,7 +2516,7 @@ function Kg(e = {}) {
       x.current && (x.current.abort(), x.current = null), a(!0), u(null), e.autoAppendAssistant !== !1 && h("");
       const T = new AbortController();
       return x.current = T, (async () => {
-        var j, P, H, A, M;
+        var j, P, H, A, O;
         const C = (() => {
           var I;
           try {
@@ -2525,12 +2525,12 @@ function Kg(e = {}) {
             return !1;
           }
         })(), N = (I) => {
-          var B;
+          var L;
           try {
             const F = JSON.parse(JSON.stringify(I));
-            return (B = F == null ? void 0 : F.payload) != null && B.files_info && Array.isArray(F.payload.files_info) && (F.payload.files_info = F.payload.files_info.map((Z) => ({
-              ...Z,
-              data: Z != null && Z.data ? `<base64 ${String(Z.data).length} chars>` : Z == null ? void 0 : Z.data
+            return (L = F == null ? void 0 : F.payload) != null && L.files_info && Array.isArray(F.payload.files_info) && (F.payload.files_info = F.payload.files_info.map((X) => ({
+              ...X,
+              data: X != null && X.data ? `<base64 ${String(X.data).length} chars>` : X == null ? void 0 : X.data
             }))), F;
           } catch {
             return I;
@@ -2555,7 +2555,7 @@ function Kg(e = {}) {
           } catch {
           }
           C && console.debug("[use-chat] POST", t + n, N(y));
-          const B = await fetch(t + n, {
+          const L = await fetch(t + n, {
             method: "POST",
             headers: {
               "Content-Type": "application/json",
@@ -2566,12 +2566,12 @@ function Kg(e = {}) {
             body: JSON.stringify(y),
             signal: T.signal
           });
-          if (!B.ok || !B.body) {
-            const G = await B.text().catch(() => "");
-            throw C && console.debug("[use-chat] non-OK response", B.status, G == null ? void 0 : G.slice(0, 500)), new Error(`stream ${B.status}${G ? ": " + G : ""}`);
+          if (!L.ok || !L.body) {
+            const G = await L.text().catch(() => "");
+            throw C && console.debug("[use-chat] non-OK response", L.status, G == null ? void 0 : G.slice(0, 500)), new Error(`stream ${L.status}${G ? ": " + G : ""}`);
           }
           try {
-            const G = B.headers.get("X-Thread-Id") || B.headers.get("x-thread-id"), Q = B.headers.get("X-Thread-Created") || B.headers.get("x-thread-created"), q = G ?? null, $ = String(Q ?? "").toLowerCase() === "true";
+            const G = L.headers.get("X-Thread-Id") || L.headers.get("x-thread-id"), Q = L.headers.get("X-Thread-Created") || L.headers.get("x-thread-created"), q = G ?? null, $ = String(Q ?? "").toLowerCase() === "true";
             try {
               (A = S == null ? void 0 : S.onOpen) == null || A.call(S, { threadId: q, created: $ });
             } catch (Y) {
@@ -2580,12 +2580,12 @@ function Kg(e = {}) {
           } catch (G) {
             C && console.debug("[use-chat] failed to read headers:", G);
           }
-          const F = B.body.getReader(), Z = new TextDecoder();
-          let D = "", O = "";
+          const F = L.body.getReader(), X = new TextDecoder();
+          let D = "", M = "";
           for (; ; ) {
             const { value: G, done: Q } = await F.read();
             if (Q) break;
-            D += Z.decode(G, { stream: !0 });
+            D += X.decode(G, { stream: !0 });
             let q;
             for (; (q = D.indexOf(`
 
@@ -2603,19 +2603,19 @@ function Kg(e = {}) {
               }
               const ce = Yg(ye) ? ye.data : ye;
               if (C && console.debug("[use-chat] event:", ce == null ? void 0 : ce.type, ce), ce.type === "token" && e.autoAppendAssistant !== !1)
-                O += ce.content;
+                M += ce.content;
               else if (ce.type === "message_delta") {
                 const K = ce.delta.filter((_) => _.type === "text").map((_) => _.text).join("");
-                K && e.autoAppendAssistant !== !1 && (O += K);
+                K && e.autoAppendAssistant !== !1 && (M += K);
               } else
-                O && (h((K) => K + O), O = ""), E == null || E(ce), ce.type === "checkpoint" ? v(ce.checkpointId) : ce.type === "error" && u(ce.message);
+                M && (h((K) => K + M), M = ""), E == null || E(ce), ce.type === "checkpoint" ? v(ce.checkpointId) : ce.type === "error" && u(ce.message);
             }
           }
-          O && h((G) => G + O);
+          M && h((G) => G + M);
         } catch (I) {
           if ((I == null ? void 0 : I.name) === "AbortError") return;
-          const B = (I == null ? void 0 : I.message) || String(I);
-          C && console.debug("[use-chat] error:", B), u(B), (M = S == null ? void 0 : S.onError) == null || M.call(S, B);
+          const L = (I == null ? void 0 : I.message) || String(I);
+          C && console.debug("[use-chat] error:", L), u(L), (O = S == null ? void 0 : S.onError) == null || O.call(S, L);
         } finally {
           a(!1), x.current = null;
         }
@@ -2953,30 +2953,30 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }), [g, p] = fe(() => typeof u.getAuthToken == "function" ? u.getAuthToken() : null);
   Le(() => {
     x(typeof u.getAuthToken == "function" ? u.getAuthToken() : null);
-    const J = u.onTokenChange((ae) => {
+    const Z = u.onTokenChange((ae) => {
       p(ae), x(ae);
     });
     return () => {
-      J();
+      Z();
     };
   }, [u, x]);
-  const w = Ke((J) => {
-    u.setAuthToken(J);
-  }, [u]), { state: b, seed: y, prepend: E, pushUser: S, onEvent: T, reset: C } = Zg(), N = s && s > 0 ? s : 6, [j, P] = fe(!1), [H, A] = fe(!1), [M, I] = fe(null), [B, F] = fe(void 0), [Z, D] = fe(void 0), O = Ke(
-    (J, ae) => {
-      const $e = Array.isArray(J == null ? void 0 : J.messages) ? J.messages : [];
+  const w = Ke((Z) => {
+    u.setAuthToken(Z);
+  }, [u]), { state: b, seed: y, prepend: E, pushUser: S, onEvent: T, reset: C } = Zg(), N = s && s > 0 ? s : 6, [j, P] = fe(!1), [H, A] = fe(!1), [O, I] = fe(null), [L, F] = fe(void 0), [X, D] = fe(void 0), M = Ke(
+    (Z, ae) => {
+      const $e = Array.isArray(Z == null ? void 0 : Z.messages) ? Z.messages : [];
       ae === "replace" ? y($e, {
-        checkpointId: (J == null ? void 0 : J.checkpointId) ?? null,
-        checkpointNs: (J == null ? void 0 : J.checkpointNs) ?? null
-      }) : ae === "prepend" && $e.length ? (console.log("[ChatProvider] Calling prepend with", $e.length, "messages"), E($e)) : console.log("[ChatProvider] Skipping prepend - empty list or wrong mode"), I((J == null ? void 0 : J.nextCursor) ?? null), P(!!(J != null && J.hasMore)), F((Ye) => (J == null ? void 0 : J.checkpointId) ?? Ye ?? void 0), D((Ye) => (J == null ? void 0 : J.checkpointNs) ?? Ye ?? void 0);
+        checkpointId: (Z == null ? void 0 : Z.checkpointId) ?? null,
+        checkpointNs: (Z == null ? void 0 : Z.checkpointNs) ?? null
+      }) : ae === "prepend" && $e.length ? (console.log("[ChatProvider] Calling prepend with", $e.length, "messages"), E($e)) : console.log("[ChatProvider] Skipping prepend - empty list or wrong mode"), I((Z == null ? void 0 : Z.nextCursor) ?? null), P(!!(Z != null && Z.hasMore)), F((Ye) => (Z == null ? void 0 : Z.checkpointId) ?? Ye ?? void 0), D((Ye) => (Z == null ? void 0 : Z.checkpointNs) ?? Ye ?? void 0);
     },
     [y, E]
   ), [G, Q] = fe([]), [q, $] = fe(null), Y = Ke(async () => {
-    const J = await u.listThreads();
-    Q(J);
+    const Z = await u.listThreads();
+    Q(Z);
   }, [u]), [ye, ce] = fe(!1), K = Ke(
-    async (J) => {
-      const ae = (J == null ? void 0 : J.maxAttempts) ?? 5, $e = (J == null ? void 0 : J.baseDelayMs) ?? 500, Ye = (J == null ? void 0 : J.timeoutMs) ?? 2e3;
+    async (Z) => {
+      const ae = (Z == null ? void 0 : Z.maxAttempts) ?? 5, $e = (Z == null ? void 0 : Z.baseDelayMs) ?? 500, Ye = (Z == null ? void 0 : Z.timeoutMs) ?? 2e3;
       if (!u.baseUrl) return !1;
       const Ze = u.baseUrl.replace(/\/+$/, ""), wt = [
         "/health",
@@ -3017,7 +3017,7 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     [u.baseUrl]
   );
   Le(() => {
-    let J = !0;
+    let Z = !0;
     if (!u.baseUrl) {
       console.debug("[ChatProvider] skipping initial refreshThreads: api.baseUrl not configured");
       return;
@@ -3025,13 +3025,13 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     return (async () => {
       try {
         const ae = await K();
-        if (!J) return;
+        if (!Z) return;
         ae ? Y().catch(() => {
         }) : console.warn("[ChatProvider] backend health-check failed — skipping initial loads");
       } catch {
       }
     })(), () => {
-      J = !1;
+      Z = !1;
     };
   }, [Y, u.baseUrl, K]), Le(() => {
     r == null || r(q);
@@ -3051,49 +3051,49 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       }));
     }
   }, [o, i, u.baseUrl, ye]);
-  const X = Be(null), te = Ke(
-    async (J, ae, $e) => {
+  const J = Be(null), te = Ke(
+    async (Z, ae, $e) => {
       if (!u.baseUrl) {
         console.debug("[ChatProvider] skipping loadThread: api.baseUrl not configured");
         return;
       }
-      if (X.current !== J) {
-        X.current = J;
+      if (J.current !== Z) {
+        J.current = Z;
         try {
           P(!1), I(null), F(void 0), D(void 0);
           const Ye = await u.getMessages({
-            threadId: J,
+            threadId: Z,
             checkpointId: ae,
             checkpointNs: $e,
             limit: N
           });
-          $(J), O(Ye, "replace");
+          $(Z), M(Ye, "replace");
         } finally {
-          X.current = null;
+          J.current = null;
         }
       }
     },
-    [u, O]
-  ), ue = Ke(async (J) => {
-    const ae = await u.listCheckpoints(J);
-    return rx(ae, J);
-  }, [u]), se = Ke(async (J, ae) => {
+    [u, M]
+  ), ue = Ke(async (Z) => {
+    const ae = await u.listCheckpoints(Z);
+    return rx(ae, Z);
+  }, [u]), se = Ke(async (Z, ae) => {
     if (!q) throw new Error("No active thread");
     P(!1), I(null), F(void 0), D(void 0);
     const $e = await u.getMessages({
       threadId: q,
-      checkpointId: J,
+      checkpointId: Z,
       checkpointNs: ae ?? void 0,
       limit: N
     });
-    O($e, "replace");
-  }, [u, q, O, N]), ke = Ke(async () => {
+    M($e, "replace");
+  }, [u, q, M, N]), ke = Ke(async () => {
     if (!q) throw new Error("No active thread");
     await te(q);
   }, [q, te]), Pe = Be(!1);
   Le(() => {
-    const J = Pe.current;
-    Pe.current = d, J && !d && q && (async () => {
+    const Z = Pe.current;
+    Pe.current = d, Z && !d && q && (async () => {
       try {
         const ae = await u.getMessages({
           threadId: q,
@@ -3102,7 +3102,7 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
           checkpointNs: void 0,
           limit: N
         });
-        O(ae, "replace");
+        M(ae, "replace");
       } catch {
       }
       try {
@@ -3110,15 +3110,15 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       } catch {
       }
     })();
-  }, [d, q, b.lastCheckpointId, b.lastCheckpointNs, u, O, Y]);
-  const De = Ke(async (J) => {
-    const ae = await u.createThread(J);
+  }, [d, q, b.lastCheckpointId, b.lastCheckpointNs, u, M, Y]);
+  const De = Ke(async (Z) => {
+    const ae = await u.createThread(Z);
     return await Y(), await te(ae.threadId), ae.threadId;
-  }, [u, Y, te]), de = Ke(async (J) => {
-    await u.deleteThread(J), await Y(), q === J && ($(null), C([]), P(!1), I(null), F(void 0), D(void 0));
-  }, [u, Y, q, C]), je = Ke(async (J, ae) => {
-    await u.updateThread(J, ae), await Y();
-  }, [u, Y]), xe = Ke(async (J, ae) => {
+  }, [u, Y, te]), de = Ke(async (Z) => {
+    await u.deleteThread(Z), await Y(), q === Z && ($(null), C([]), P(!1), I(null), F(void 0), D(void 0));
+  }, [u, Y, q, C]), je = Ke(async (Z, ae) => {
+    await u.updateThread(Z, ae), await Y();
+  }, [u, Y]), xe = Ke(async (Z, ae) => {
     var Ln;
     const $e = (ae == null ? void 0 : ae.attachments) || [], { contentParts: Ye, filesInfo: Ze } = await ix(
       u,
@@ -3128,7 +3128,7 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       c,
       q
     ), wt = [];
-    J && wt.push({ type: "text", text: J });
+    Z && wt.push({ type: "text", text: Z });
     for (const Ge of Ye) wt.push(Ge);
     const dt = {
       id: ((Ln = crypto.randomUUID) == null ? void 0 : Ln.call(crypto)) || `user-${Date.now()}`,
@@ -3170,27 +3170,27 @@ function mo({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       }
     );
   }, [q, S, m, T, b.lastCheckpointId, b.lastCheckpointNs, u, t == null ? void 0 : t.uploadPath, Y, $, a, c]), Se = Ke(
-    async (J) => {
+    async (Z) => {
       if (!q) throw new Error("No active thread");
       if (H || !j) return;
-      const ae = M;
+      const ae = O;
       if (ae) {
         A(!0);
         try {
           const $e = await u.getMessages({
             threadId: q,
-            checkpointId: B,
-            checkpointNs: Z,
-            limit: (J == null ? void 0 : J.limit) ?? N,
+            checkpointId: L,
+            checkpointNs: X,
+            limit: (Z == null ? void 0 : Z.limit) ?? N,
             beforeId: ae
           });
-          O($e, "prepend");
+          M($e, "prepend");
         } finally {
           A(!1);
         }
       }
     },
-    [u, q, B, Z, M, j, H, O, N]
+    [u, q, L, X, O, j, H, M, N]
   ), rt = {
     baseUrl: u.baseUrl,
     token: g,
@@ -3227,7 +3227,7 @@ function Vi() {
   if (!e) throw new Error("useChat must be used within ChatProvider");
   return e;
 }
-function L(...e) {
+function B(...e) {
   return um(cm(e));
 }
 const ax = Hr(
@@ -3260,7 +3260,7 @@ const ax = Hr(
     return /* @__PURE__ */ l.jsx(
       i,
       {
-        className: L(ax({ variant: t, size: n, className: e })),
+        className: B(ax({ variant: t, size: n, className: e })),
         ref: s,
         ...o
       }
@@ -3272,7 +3272,7 @@ const Xc = f.forwardRef(
   ({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
     "textarea",
     {
-      className: L(
+      className: B(
         "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
       ),
@@ -4213,32 +4213,32 @@ const _x = {
             const P = Ar(T.sizeTree, 0);
             let H = 0, A = 0;
             for (; H < S; ) {
-              const I = T.groupIndices[A], B = T.groupIndices.length === A + 1 ? 1 / 0 : T.groupIndices[A + 1] - I - 1;
+              const I = T.groupIndices[A], L = T.groupIndices.length === A + 1 ? 1 / 0 : T.groupIndices[A + 1] - I - 1;
               N.push({
                 endIndex: I,
                 size: P,
                 startIndex: I
               }), N.push({
-                endIndex: I + 1 + B - 1,
+                endIndex: I + 1 + L - 1,
                 size: j,
                 startIndex: I + 1
-              }), A++, H += B + 1;
+              }), A++, H += L + 1;
             }
-            const M = Cn(T.sizeTree);
-            return H !== S && M.shift(), M.reduce(
-              (I, { k: B, v: F }) => {
-                let Z = I.ranges;
-                return I.prevSize !== 0 && (Z = [
+            const O = Cn(T.sizeTree);
+            return H !== S && O.shift(), O.reduce(
+              (I, { k: L, v: F }) => {
+                let X = I.ranges;
+                return I.prevSize !== 0 && (X = [
                   ...I.ranges,
                   {
-                    endIndex: B + S - 1,
+                    endIndex: L + S - 1,
                     size: I.prevSize,
                     startIndex: I.prevIndex
                   }
                 ]), {
-                  prevIndex: B + S,
+                  prevIndex: L + S,
                   prevSize: F,
-                  ranges: Z
+                  ranges: X
                 };
               },
               {
@@ -4287,12 +4287,12 @@ const _x = {
             let P = 0, H = 0, A = 0;
             for (; P < -S; ) {
               A = j[H];
-              const M = j[H + 1] - A - 1;
-              H++, P += M + 1;
+              const O = j[H + 1] - A - 1;
+              H++, P += O + 1;
             }
-            if (N = Cn(T.sizeTree).reduce((M, { k: I, v: B }) => St(M, Math.max(0, I + S), B), N), P !== -S) {
-              const M = Ar(T.sizeTree, A);
-              N = St(N, 0, M);
+            if (N = Cn(T.sizeTree).reduce((O, { k: I, v: L }) => St(O, Math.max(0, I + S), L), N), P !== -S) {
+              const O = Ar(T.sizeTree, A);
+              N = St(N, 0, O);
               const I = Ft(T.sizeTree, -S + 1)[1];
               N = St(N, 1, I);
             }
@@ -4422,16 +4422,16 @@ const Vr = Ae(
           ([
             [E, S, T, C, N, j, P, H],
             A,
-            M,
+            O,
             I
           ]) => {
-            const B = du(E), { align: F, behavior: Z, offset: D } = B, O = C - 1, G = cu(B, S, O);
+            const L = du(E), { align: F, behavior: X, offset: D } = L, M = C - 1, G = cu(L, S, M);
             let Q = Pr(G, S.offsetTree, A) + j;
-            F === "end" ? (Q += M + Ft(S.sizeTree, G)[1] - T + I, G === O && (Q += P)) : F === "center" ? Q += (M + Ft(S.sizeTree, G)[1] - T + I) / 2 : Q -= N, D && (Q += D);
+            F === "end" ? (Q += O + Ft(S.sizeTree, G)[1] - T + I, G === M && (Q += P)) : F === "center" ? Q += (O + Ft(S.sizeTree, G)[1] - T + I) / 2 : Q -= N, D && (Q += D);
             const q = ($) => {
               y(), $ ? (H("retrying to scroll to", { location: E }, vt.DEBUG), we(v, E)) : (we(x, !0), H("list did not change, scroll successful", {}, vt.DEBUG));
             };
-            if (y(), Z === "smooth") {
+            if (y(), X === "smooth") {
               let $ = !1;
               b = Me(t, (Y) => {
                 $ = $ || Y;
@@ -4442,7 +4442,7 @@ const Vr = Ae(
               p = Dt(z(t, Dx(150)), q);
             return w = setTimeout(() => {
               y();
-            }, 1200), we(c, !0), H("scrolling from index to", { behavior: Z, index: G, top: Q }, vt.DEBUG), { behavior: Z, top: Q };
+            }, 1200), we(c, !0), H("scrolling from index to", { behavior: X, index: G, top: Q }, vt.DEBUG), { behavior: X, top: Q };
           }
         )
       ),
@@ -4560,11 +4560,11 @@ const _r = "up", Cr = "down", Lx = "none", Fx = {
           viewportHeight: S
         };
         if (j) {
-          let A, M;
-          return E > b.state.scrollTop ? (A = "SCROLLED_DOWN", M = b.state.scrollTop - E) : (A = "SIZE_DECREASED", M = b.state.scrollTop - E || b.scrollTopDelta), {
+          let A, O;
+          return E > b.state.scrollTop ? (A = "SCROLLED_DOWN", O = b.state.scrollTop - E) : (A = "SIZE_DECREASED", O = b.state.scrollTop - E || b.scrollTopDelta), {
             atBottom: !0,
             atBottomBecause: A,
-            scrollTopDelta: M,
+            scrollTopDelta: O,
             state: P
           };
         }
@@ -4851,56 +4851,56 @@ const On = Ae(
             P,
             H,
             A,
-            M,
+            O,
             I,
-            B
+            L
           ]) => {
-            const F = j, { offsetTree: Z, sizeTree: D } = F, O = Xe(p);
+            const F = j, { offsetTree: X, sizeTree: D } = F, M = Xe(p);
             if (N === 0)
               return { ...Bs, totalCount: N };
             if (T === 0 && C === 0)
-              return O === 0 ? { ...Bs, totalCount: N } : hu(O, P, j, M, I, B || []);
+              return M === 0 ? { ...Bs, totalCount: N } : hu(M, P, j, O, I, L || []);
             if (He(D))
-              return O > 0 ? null : xo(
-                Hx(Zi(P, N), F, B),
+              return M > 0 ? null : xo(
+                Hx(Zi(P, N), F, L),
                 [],
                 N,
                 I,
                 F,
-                M
+                O
               );
             const G = [];
             if (A.length > 0) {
               const ye = A[0], ce = A[A.length - 1];
               let K = 0;
               for (const _ of ns(D, ye, ce)) {
-                const X = _.value, te = Math.max(_.start, ye), ue = Math.min(_.end, ce);
+                const J = _.value, te = Math.max(_.start, ye), ue = Math.min(_.end, ce);
                 for (let se = te; se <= ue; se++)
-                  G.push({ data: B == null ? void 0 : B[se], index: se, offset: K, size: X }), K += X;
+                  G.push({ data: L == null ? void 0 : L[se], index: se, offset: K, size: J }), K += J;
               }
             }
             if (!H)
-              return xo([], G, N, I, F, M);
-            const Q = A.length > 0 ? A[A.length - 1] + 1 : 0, q = Ix(Z, T, C, Q);
+              return xo([], G, N, I, F, O);
+            const Q = A.length > 0 ? A[A.length - 1] + 1 : 0, q = Ix(X, T, C, Q);
             if (q.length === 0)
               return null;
             const $ = N - 1, Y = ts([], (ye) => {
               for (const ce of q) {
                 const K = ce.value;
-                let _ = K.offset, X = ce.start;
+                let _ = K.offset, J = ce.start;
                 const te = K.size;
                 if (K.offset < T) {
-                  X += Math.floor((T - K.offset + I) / (te + I));
-                  const se = X - ce.start;
+                  J += Math.floor((T - K.offset + I) / (te + I));
+                  const se = J - ce.start;
                   _ += se * te + se * I;
                 }
-                X < Q && (_ += (Q - X) * te, X = Q);
+                J < Q && (_ += (Q - J) * te, J = Q);
                 const ue = Math.min(ce.end, $);
-                for (let se = X; se <= ue && !(_ >= C); se++)
-                  ye.push({ data: B == null ? void 0 : B[se], index: se, offset: _, size: te }), _ += te + I;
+                for (let se = J; se <= ue && !(_ >= C); se++)
+                  ye.push({ data: L == null ? void 0 : L[se], index: se, offset: _, size: te }), _ += te + I;
               }
             });
-            return xo(Y, G, N, I, F, M);
+            return xo(Y, G, N, I, F, O);
           }
         ),
         //@ts-expect-error filter needs to be fixed
@@ -5034,17 +5034,17 @@ const On = Ae(
         Ce(t, c, n, s, o, r, a),
         Ce(e),
         re(([[h, m, v, x, g, p, w, b], y]) => {
-          const { align: E, behavior: S, calculateViewLocation: T = zx, done: C, ...N } = h, j = cu(h, m, x - 1), P = Pr(j, m.offsetTree, y) + g + p, H = P + Ft(m.sizeTree, j)[1], A = b + p, M = b + v - w, I = T({
+          const { align: E, behavior: S, calculateViewLocation: T = zx, done: C, ...N } = h, j = cu(h, m, x - 1), P = Pr(j, m.offsetTree, y) + g + p, H = P + Ft(m.sizeTree, j)[1], A = b + p, O = b + v - w, I = T({
             itemBottom: H,
             itemTop: P,
             locationParams: { align: E, behavior: S, ...N },
-            viewportBottom: M,
+            viewportBottom: O,
             viewportTop: A
           });
           return I ? C && Dt(
             z(
               i,
-              pe((B) => !B),
+              pe((L) => !L),
               // skips the initial publish of false, and the cleanup call.
               // but if scrollingInProgress is true, we skip the initial publish.
               In(Xe(i) ? 1 : 2)
@@ -5719,7 +5719,7 @@ const tv = /* @__PURE__ */ Ae(() => {
   ra("deviation", (I) => {
     w !== I && b(I);
   });
-  const y = ve("EmptyPlaceholder"), E = ve("ScrollSeekPlaceholder") || rv, S = ve("ListComponent"), T = ve("ItemComponent"), C = ve("GroupComponent"), N = ve("computeItemKey"), j = ve("isSeeking"), P = ve("groupIndices").length > 0, H = ve("alignToBottom"), A = ve("initialItemFinalLocationReached"), M = e ? {} : {
+  const y = ve("EmptyPlaceholder"), E = ve("ScrollSeekPlaceholder") || rv, S = ve("ListComponent"), T = ve("ItemComponent"), C = ve("GroupComponent"), N = ve("computeItemKey"), j = ve("isSeeking"), P = ve("groupIndices").length > 0, H = ve("alignToBottom"), A = ve("initialItemFinalLocationReached"), O = e ? {} : {
     boxSizing: "border-box",
     ...g ? {
       display: "inline-block",
@@ -5741,9 +5741,9 @@ const tv = /* @__PURE__ */ Ae(() => {
       ...ct(S, u),
       "data-testid": e ? "virtuoso-top-item-list" : "virtuoso-item-list",
       ref: p,
-      style: M,
+      style: O,
       children: (e ? t.topItems : t.items).map((I) => {
-        const B = I.originalIndex, F = N(B + t.firstItemIndex, I.data, u);
+        const L = I.originalIndex, F = N(L + t.firstItemIndex, I.data, u);
         return j ? /* @__PURE__ */ uo(
           E,
           {
@@ -5758,7 +5758,7 @@ const tv = /* @__PURE__ */ Ae(() => {
           C,
           {
             ...ct(C, u),
-            "data-index": B,
+            "data-index": L,
             "data-item-index": I.index,
             "data-known-size": I.size,
             key: F,
@@ -5770,7 +5770,7 @@ const tv = /* @__PURE__ */ Ae(() => {
           {
             ...ct(T, u),
             ...cv(T, I.data),
-            "data-index": B,
+            "data-index": L,
             "data-item-group-index": I.groupIndex,
             "data-item-index": I.index,
             "data-known-size": I.size,
@@ -6062,20 +6062,20 @@ const Tv = /* @__PURE__ */ Ae(
     { customScrollParent: p, useWindowScroll: w, windowScrollContainerState: b, windowScrollTo: y, windowViewportRect: E },
     S
   ]) => {
-    const T = W(0), C = W(0), N = W(kl), j = W({ height: 0, width: 0 }), P = W({ height: 0, width: 0 }), H = Ee(), A = Ee(), M = W(0), I = W(null), B = W({ column: 0, row: 0 }), F = Ee(), Z = Ee(), D = W(!1), O = W(0), G = W(!0), Q = W(!1), q = W(!1);
+    const T = W(0), C = W(0), N = W(kl), j = W({ height: 0, width: 0 }), P = W({ height: 0, width: 0 }), H = Ee(), A = Ee(), O = W(0), I = W(null), L = W({ column: 0, row: 0 }), F = Ee(), X = Ee(), D = W(!1), M = W(0), G = W(!0), Q = W(!1), q = W(!1);
     Me(
       z(
         x,
-        Ce(O),
-        pe(([_, X]) => !!X)
+        Ce(M),
+        pe(([_, J]) => !!J)
       ),
       () => {
         we(G, !1);
       }
     ), Me(
       z(
-        nt(x, G, P, j, O, Q),
-        pe(([_, X, te, ue, , se]) => _ && !X && te.height !== 0 && ue.height !== 0 && !se)
+        nt(x, G, P, j, M, Q),
+        pe(([_, J, te, ue, , se]) => _ && !J && te.height !== 0 && ue.height !== 0 && !se)
       ),
       ([, , , , _]) => {
         we(Q, !0), Ji(1, () => {
@@ -6086,7 +6086,7 @@ const Tv = /* @__PURE__ */ Ae(
       }
     ), le(
       z(
-        Z,
+        X,
         pe((_) => _ != null && _.scrollTop > 0),
         Gt(0)
       ),
@@ -6094,11 +6094,11 @@ const Tv = /* @__PURE__ */ Ae(
     ), Me(
       z(
         x,
-        Ce(Z),
+        Ce(X),
         pe(([, _]) => _ != null)
       ),
       ([, _]) => {
-        _ && (we(j, _.viewport), we(P, _.item), we(B, _.gap), _.scrollTop > 0 && (we(D, !0), Dt(z(u, In(1)), (X) => {
+        _ && (we(j, _.viewport), we(P, _.item), we(L, _.gap), _.scrollTop > 0 && (we(D, !0), Dt(z(u, In(1)), (J) => {
           we(D, !1);
         }), we(c, { top: _.scrollTop })));
       }
@@ -6113,12 +6113,12 @@ const Tv = /* @__PURE__ */ Ae(
         nt(
           he(j, no),
           he(P, no),
-          he(B, (_, X) => _ && _.column === X.column && _.row === X.row),
+          he(L, (_, J) => _ && _.column === J.column && _.row === J.row),
           he(u)
         ),
-        re(([_, X, te, ue]) => ({
+        re(([_, J, te, ue]) => ({
           gap: te,
-          item: X,
+          item: J,
           scrollTop: ue,
           viewport: _
         }))
@@ -6129,20 +6129,20 @@ const Tv = /* @__PURE__ */ Ae(
         nt(
           he(T),
           r,
-          he(B, Cv),
+          he(L, Cv),
           he(P, no),
           he(j, no),
           he(I),
           he(C),
           he(D),
           he(G),
-          he(O)
+          he(M)
         ),
         pe(([, , , , , , , _]) => !_),
         re(
           ([
             _,
-            [X, te],
+            [J, te],
             ue,
             se,
             ke,
@@ -6152,18 +6152,18 @@ const Tv = /* @__PURE__ */ Ae(
             de,
             je
           ]) => {
-            const { column: xe, row: Se } = ue, { height: rt, width: J } = se, { width: ae } = ke;
+            const { column: xe, row: Se } = ue, { height: rt, width: Z } = se, { width: ae } = ke;
             if (De === 0 && (_ === 0 || ae === 0))
               return kl;
-            if (J === 0) {
+            if (Z === 0) {
               const et = Zi(je, _), ft = et + Math.max(De - 1, 0);
               return Sv(Ol(et, ft, Pe));
             }
-            const $e = Iu(ae, J, xe);
+            const $e = Iu(ae, Z, xe);
             let Ye, Ze;
-            de ? X === 0 && te === 0 && De > 0 ? (Ye = 0, Ze = De - 1) : (Ye = $e * Do((X + Se) / (rt + Se)), Ze = $e * Pl((te + Se) / (rt + Se)) - 1, Ze = zs(_ - 1, Tr(Ze, $e - 1)), Ye = zs(Ze, Tr(0, Ye))) : (Ye = 0, Ze = -1);
+            de ? J === 0 && te === 0 && De > 0 ? (Ye = 0, Ze = De - 1) : (Ye = $e * Do((J + Se) / (rt + Se)), Ze = $e * Pl((te + Se) / (rt + Se)) - 1, Ze = zs(_ - 1, Tr(Ze, $e - 1)), Ye = zs(Ze, Tr(0, Ye))) : (Ye = 0, Ze = -1);
             const wt = Ol(Ye, Ze, Pe), { bottom: dt, top: Rt } = Ml(ke, ue, se, wt), Qe = Pl(_ / $e), at = Qe * rt + (Qe - 1) * Se - dt;
-            return { bottom: dt, itemHeight: rt, items: wt, itemWidth: J, offsetBottom: at, offsetTop: Rt, top: Rt };
+            return { bottom: dt, itemHeight: rt, items: wt, itemWidth: Z, offsetBottom: at, offsetTop: Rt, top: Rt };
           }
         )
       ),
@@ -6177,10 +6177,10 @@ const Tv = /* @__PURE__ */ Ae(
       T
     ), le(
       z(
-        nt(j, P, N, B),
-        pe(([_, X, { items: te }]) => te.length > 0 && X.height !== 0 && _.height !== 0),
-        re(([_, X, { items: te }, ue]) => {
-          const { bottom: se, top: ke } = Ml(_, ue, X, te);
+        nt(j, P, N, L),
+        pe(([_, J, { items: te }]) => te.length > 0 && J.height !== 0 && _.height !== 0),
+        re(([_, J, { items: te }, ue]) => {
+          const { bottom: se, top: ke } = Ml(_, ue, J, te);
           return [ke, se];
         }),
         ze(kr)
@@ -6192,7 +6192,7 @@ const Tv = /* @__PURE__ */ Ae(
       z(
         u,
         Ce($),
-        re(([_, X]) => X || _ !== 0)
+        re(([_, J]) => J || _ !== 0)
       ),
       $
     );
@@ -6201,9 +6201,9 @@ const Tv = /* @__PURE__ */ Ae(
         nt(N, T),
         pe(([{ items: _ }]) => _.length > 0),
         Ce($),
-        pe(([[_, X], te]) => {
-          const ue = _.items[_.items.length - 1].index === X - 1;
-          return (te || _.bottom > 0 && _.itemHeight > 0 && _.offsetBottom === 0 && _.items.length === X) && ue;
+        pe(([[_, J], te]) => {
+          const ue = _.items[_.items.length - 1].index === J - 1;
+          return (te || _.bottom > 0 && _.itemHeight > 0 && _.offsetBottom === 0 && _.items.length === J) && ue;
         }),
         re(([[, _]]) => _ - 1),
         ze()
@@ -6219,7 +6219,7 @@ const Tv = /* @__PURE__ */ Ae(
       z(
         he(N),
         Ce(D),
-        pe(([{ items: _ }, X]) => _.length > 0 && !X),
+        pe(([{ items: _ }, J]) => _.length > 0 && !J),
         re(([{ items: _ }]) => ({
           endIndex: _[_.length - 1].index,
           startIndex: _[0].index
@@ -6231,13 +6231,13 @@ const Tv = /* @__PURE__ */ Ae(
     le(ce, v.scrollSeekRangeChanged), le(
       z(
         H,
-        Ce(j, P, T, B),
-        re(([_, X, te, ue, se]) => {
+        Ce(j, P, T, L),
+        re(([_, J, te, ue, se]) => {
           const ke = du(_), { align: Pe, behavior: De, offset: de } = ke;
           let je = ke.index;
           je === "LAST" && (je = ue - 1), je = Tr(0, je, zs(ue - 1, je));
-          let xe = wi(X, se, te, je);
-          return Pe === "end" ? xe = _l(xe - X.height + te.height) : Pe === "center" && (xe = _l(xe - X.height / 2 + te.height / 2)), de && (xe += de), { behavior: De, top: xe };
+          let xe = wi(J, se, te, je);
+          return Pe === "end" ? xe = _l(xe - J.height + te.height) : Pe === "center" && (xe = _l(xe - J.height / 2 + te.height / 2)), de && (xe += de), { behavior: De, top: xe };
         })
       ),
       c
@@ -6259,15 +6259,15 @@ const Tv = /* @__PURE__ */ Ae(
       customScrollParent: p,
       // input
       data: I,
-      deviation: M,
+      deviation: O,
       footerHeight: o,
-      gap: B,
+      gap: L,
       headerHeight: s,
       increaseViewportBy: e,
       initialItemCount: C,
       itemDimensions: P,
       overscan: n,
-      restoreStateFrom: Z,
+      restoreStateFrom: X,
       scrollBy: i,
       scrollContainerState: a,
       scrollHeight: A,
@@ -6285,7 +6285,7 @@ const Tv = /* @__PURE__ */ Ae(
       // output
       gridState: N,
       horizontalDirection: q,
-      initialTopMostItemIndex: O,
+      initialTopMostItemIndex: M,
       totalListHeight: K,
       ...m,
       endReached: Y,
@@ -6514,7 +6514,7 @@ const Mv = Hr(
   }
 );
 function Au({ className: e, variant: t, ...n }) {
-  return /* @__PURE__ */ l.jsx("div", { className: L(Mv({ variant: t }), e), ...n });
+  return /* @__PURE__ */ l.jsx("div", { className: B(Mv({ variant: t }), e), ...n });
 }
 function ee(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(o) {
@@ -7148,7 +7148,7 @@ function Ws({
     return x.forEach((y) => b.observe(y)), () => {
       p = !0, b.disconnect();
     };
-  }, [c]), c ? /* @__PURE__ */ l.jsx("div", { ref: m, className: L("markdown prose max-w-none break-words dark:prose-invert", t), dangerouslySetInnerHTML: { __html: c } }) : r && o ? null : /* @__PURE__ */ l.jsx("div", { className: L("markdown prose max-w-none break-words dark:prose-invert", t), children: n });
+  }, [c]), c ? /* @__PURE__ */ l.jsx("div", { ref: m, className: B("markdown prose max-w-none break-words dark:prose-invert", t), dangerouslySetInnerHTML: { __html: c } }) : r && o ? null : /* @__PURE__ */ l.jsx("div", { className: B("markdown prose max-w-none break-words dark:prose-invert", t), children: n });
 }
 async function Lu(e, t) {
   return await Ot(e, {
@@ -8302,7 +8302,7 @@ const Tw = dd, Rw = fd, pd = f.forwardRef(({ className: e, ...t }, n) => /* @__P
   fs,
   {
     ref: n,
-    className: L(
+    className: B(
       "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
     ),
@@ -8332,7 +8332,7 @@ const md = f.forwardRef(({ className: e, children: t, ...n }, r) => {
       hs,
       {
         ref: r,
-        className: L(
+        className: B(
           "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
         ),
@@ -8356,7 +8356,7 @@ const gd = ({
 }) => /* @__PURE__ */ l.jsx(
   "div",
   {
-    className: L(
+    className: B(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       e
     ),
@@ -8368,7 +8368,7 @@ const xd = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   Rn,
   {
     ref: n,
-    className: L(
+    className: B(
       "text-lg font-semibold leading-none tracking-tight",
       e
     ),
@@ -8380,7 +8380,7 @@ const Ew = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   ps,
   {
     ref: n,
-    className: L("text-sm text-muted-foreground", e),
+    className: B("text-sm text-muted-foreground", e),
     ...t
   }
 ));
@@ -8503,7 +8503,7 @@ function Iw({ className: e }) {
     "span",
     {
       "aria-live": "polite",
-      className: L("inline-block text-xs opacity-70 ml-1", e),
+      className: B("inline-block text-xs opacity-70 ml-1", e),
       children: [
         "Is thinking",
         ".".repeat(t)
@@ -8533,8 +8533,8 @@ const jw = V.memo(function({
 }) {
   const [y, E] = fe(!1), [S, T] = fe(!1), [C, N] = fe(!1), [j, P] = fe(!1), { currentThreadId: H } = Vi();
   ca();
-  const [A, M] = fe({}), [I, B] = fe(!1), [F, Z] = fe(null), D = u === "phone" || u === "half-screen", O = t.role, G = O === "tool", Q = V.useMemo(() => {
-    switch (O) {
+  const [A, O] = fe({}), [I, L] = fe(!1), [F, X] = fe(null), D = u === "phone" || u === "half-screen", M = t.role, G = M === "tool", Q = V.useMemo(() => {
+    switch (M) {
       case "user":
         return "text-[hsl(var(--chat-bubble-user-text))]";
       case "assistant":
@@ -8546,7 +8546,7 @@ const jw = V.memo(function({
       default:
         return "text-[hsl(var(--chat-bubble-ai-text))]";
     }
-  }, [O]), q = un(() => Aw(t.content), [t.content]), $ = un(() => Mw(t.content), [t.content]), Y = un(() => t.content.filter((de) => de.type === "image_url"), [t.content]), ye = un(() => t.content.filter((de) => de.type === "file"), [t.content]), ce = Lw(q, r), K = async () => {
+  }, [M]), q = un(() => Aw(t.content), [t.content]), $ = un(() => Mw(t.content), [t.content]), Y = un(() => t.content.filter((de) => de.type === "image_url"), [t.content]), ye = un(() => t.content.filter((de) => de.type === "file"), [t.content]), ce = Lw(q, r), K = async () => {
     try {
       const de = G ? Un(t.content) : q;
       await navigator.clipboard.writeText(de), E(!0), setTimeout(() => E(!1), 2e3), b == null || b(de);
@@ -8557,9 +8557,9 @@ const jw = V.memo(function({
     if (!g) return;
     const de = G ? Un(t.content) : q;
     g(t.id, de);
-  }, X = () => p == null ? void 0 : p(n), te = () => {
-    const je = L(D ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0", Q);
-    switch (O) {
+  }, J = () => p == null ? void 0 : p(n), te = () => {
+    const je = B(D ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0", Q);
+    switch (M) {
       case "user":
         return /* @__PURE__ */ l.jsx(Wp, { className: je });
       case "assistant":
@@ -8571,42 +8571,42 @@ const jw = V.memo(function({
     }
   }, ue = () => {
     const de = "group relative mb-4 flex w-full";
-    switch (O) {
+    switch (M) {
       case "user":
-        return L(de, "justify-end");
+        return B(de, "justify-end");
       case "assistant":
       case "tool":
       case "system":
-        return L(de, "justify-start");
+        return B(de, "justify-start");
       default:
         return de;
     }
   }, se = () => {
-    const de = L(
+    const de = B(
       "rounded-lg px-4 py-3 relative min-w-0 max-w-full break-words",
       D && "px-3 py-2 text-sm"
     );
-    switch (O) {
+    switch (M) {
       case "user":
-        return L(
+        return B(
           de,
           "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 L(
+        return B(
           de,
           "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 L(de, "w-full md:max-w-[95%] bg-secondary/50 text-secondary-foreground border border-dashed");
+        return B(de, "w-full md:max-w-[95%] bg-secondary/50 text-secondary-foreground border border-dashed");
       case "system":
-        return L(de, "w-full md:max-w-[85%] bg-accent/40 text-muted-foreground border");
+        return B(de, "w-full md:max-w-[85%] bg-accent/40 text-muted-foreground border");
       default:
-        return L(
+        return B(
           de,
           "w-full md:max-w-[95%]",
           "bg-[hsl(var(--chat-bubble-ai))] text-[hsl(var(--chat-bubble-ai-text))]",
@@ -8627,12 +8627,12 @@ const jw = V.memo(function({
         return /* @__PURE__ */ l.jsx(Fw, { data: Se });
     }
     if (G && $.name === "get_issues") {
-      const xe = t.content.find((J) => J.type === "tool_result"), Se = (xe == null ? void 0 : xe.output) ?? Un(t.content), rt = bd(Se);
+      const xe = t.content.find((Z) => Z.type === "tool_result"), Se = (xe == null ? void 0 : xe.output) ?? Un(t.content), rt = bd(Se);
       if (rt) return /* @__PURE__ */ l.jsx(Bw, { issues: rt });
     }
     if (G && !C) {
       const xe = Un(t.content).slice(0, 80).replace(/\s+/g, " ");
-      return /* @__PURE__ */ l.jsx("div", { className: L("text-xs font-mono opacity-70 flex items-center justify-between gap-2 text-current", D && "text-[10px]"), children: /* @__PURE__ */ l.jsxs("span", { className: "truncate max-w-full text-current", children: [
+      return /* @__PURE__ */ l.jsx("div", { className: B("text-xs font-mono opacity-70 flex items-center justify-between gap-2 text-current", D && "text-[10px]"), children: /* @__PURE__ */ l.jsxs("span", { className: "truncate max-w-full text-current", children: [
         xe,
         xe.length >= 80 ? "…" : ""
       ] }) });
@@ -8640,7 +8640,7 @@ const jw = V.memo(function({
     if (G && d) {
       const xe = Un(t.content), Se = xe.length > h;
       return /* @__PURE__ */ l.jsx(Fl, { open: S, onOpenChange: T, children: /* @__PURE__ */ l.jsxs("div", { className: "font-mono text-sm text-current", children: [
-        /* @__PURE__ */ l.jsx("pre", { className: L("whitespace-pre-wrap break-words text-current", D && "text-xs"), children: Se && !S ? xe.substring(0, h) + "..." : xe }),
+        /* @__PURE__ */ l.jsx("pre", { className: B("whitespace-pre-wrap break-words text-current", D && "text-xs"), children: Se && !S ? xe.substring(0, h) + "..." : xe }),
         Se && /* @__PURE__ */ l.jsx(Bl, { asChild: !0, children: /* @__PURE__ */ l.jsx(_e, { variant: "ghost", size: "sm", className: "h-6 text-xs text-current", children: S ? /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
           /* @__PURE__ */ l.jsx(wr, { className: "h-3 w-3 mr-1" }),
           "Show less"
@@ -8657,9 +8657,9 @@ const jw = V.memo(function({
       if (xe && kw(xe))
         return /* @__PURE__ */ l.jsx(Ws, { content: xe.trim(), hideFallbackDuringStreaming: !0 });
       const Se = Un(t.content);
-      return /* @__PURE__ */ l.jsx("div", { className: "font-mono text-sm text-current", children: /* @__PURE__ */ l.jsx("pre", { className: L("whitespace-pre-wrap break-words text-current", D && "text-xs"), children: Se }) });
+      return /* @__PURE__ */ l.jsx("div", { className: "font-mono text-sm text-current", children: /* @__PURE__ */ l.jsx("pre", { className: B("whitespace-pre-wrap break-words text-current", D && "text-xs"), children: Se }) });
     }
-    const de = Y.length > 0 && O !== "tool", je = ye.length > 0 && O !== "tool" && !1;
+    const de = Y.length > 0 && M !== "tool", je = ye.length > 0 && M !== "tool" && !1;
     return /* @__PURE__ */ l.jsxs("div", { children: [
       r ? (
         // Streaming container: reserve space and show a skeleton until we have text,
@@ -8667,7 +8667,7 @@ const jw = V.memo(function({
         /* @__PURE__ */ l.jsxs(
           "div",
           {
-            className: L(
+            className: B(
               "relative transition-all duration-200 ease-out",
               D ? "text-xs" : "text-sm"
             ),
@@ -8687,7 +8687,7 @@ const jw = V.memo(function({
                 ] }) }) : /* @__PURE__ */ l.jsx(
                   "pre",
                   {
-                    className: L(
+                    className: B(
                       "whitespace-pre-wrap break-words font-sans leading-relaxed transition-opacity duration-200",
                       D && "text-xs"
                     ),
@@ -8695,18 +8695,18 @@ const jw = V.memo(function({
                   }
                 ) });
               })(),
-              /* @__PURE__ */ l.jsx("div", { className: "mt-2", children: /* @__PURE__ */ l.jsx(Iw, { className: L(Q, D ? "text-xs" : "text-sm") }) })
+              /* @__PURE__ */ l.jsx("div", { className: "mt-2", children: /* @__PURE__ */ l.jsx(Iw, { className: B(Q, D ? "text-xs" : "text-sm") }) })
             ]
           }
         )
       ) : (() => {
         const xe = ei(q.trim());
         if (xe !== null) return /* @__PURE__ */ l.jsx(nc, { data: xe });
-        if (O === "user" && m) {
+        if (M === "user" && m) {
           const Se = q.trim();
           if (Se.length > v)
             return /* @__PURE__ */ l.jsxs(Fl, { open: j, onOpenChange: P, children: [
-              /* @__PURE__ */ l.jsx("div", { className: L("text-sm text-[hsl(var(--chat-bubble-user-text))]", D && "text-xs"), children: j ? /* @__PURE__ */ l.jsx(Ws, { content: Se, hideFallbackDuringStreaming: !0 }) : /* @__PURE__ */ l.jsxs("pre", { className: L("font-sans whitespace-pre-wrap break-words bg-transparent p-0 m-0 text-[hsl(var(--chat-bubble-user-text))]", D && "text-xs"), children: [
+              /* @__PURE__ */ l.jsx("div", { className: B("text-sm text-[hsl(var(--chat-bubble-user-text))]", D && "text-xs"), children: j ? /* @__PURE__ */ l.jsx(Ws, { content: Se, hideFallbackDuringStreaming: !0 }) : /* @__PURE__ */ l.jsxs("pre", { className: B("font-sans whitespace-pre-wrap break-words bg-transparent p-0 m-0 text-[hsl(var(--chat-bubble-user-text))]", D && "text-xs"), children: [
                 Se.substring(0, v),
                 "..."
               ] }) }),
@@ -8750,11 +8750,11 @@ const jw = V.memo(function({
     ] });
   }, De = un(() => Dw(t), [t]);
   return /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
-    /* @__PURE__ */ l.jsx("div", { className: L(ue(), x.container), children: /* @__PURE__ */ l.jsxs("div", { className: L(se(), x.content), children: [
+    /* @__PURE__ */ l.jsx("div", { className: B(ue(), x.container), children: /* @__PURE__ */ l.jsxs("div", { className: B(se(), x.content), children: [
       (a || c || G) && /* @__PURE__ */ l.jsxs(
         "div",
         {
-          className: L(
+          className: B(
             "flex items-center justify-between mb-2 pb-2 border-b border-current/10",
             D && "mb-1 pb-1",
             Q,
@@ -8763,12 +8763,12 @@ const jw = V.memo(function({
           children: [
             /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", children: [
               te(),
-              c && De && /* @__PURE__ */ l.jsx("span", { className: L("font-medium", D ? "text-xs" : "text-sm"), children: De }),
+              c && De && /* @__PURE__ */ l.jsx("span", { className: B("font-medium", D ? "text-xs" : "text-sm"), children: De }),
               G && $.name && /* @__PURE__ */ l.jsxs(
                 Au,
                 {
                   variant: "outline",
-                  className: L(
+                  className: B(
                     "text-xs flex items-center gap-1 cursor-pointer",
                     Q,
                     "border border-current/40",
@@ -8786,7 +8786,7 @@ const jw = V.memo(function({
                 {
                   variant: "ghost",
                   size: "sm",
-                  className: L("h-6 px-1", Q, "hover:bg-foreground/10"),
+                  className: B("h-6 px-1", Q, "hover:bg-foreground/10"),
                   onClick: () => N((de) => !de),
                   children: /* @__PURE__ */ l.jsxs("span", { className: "text-xs flex items-center gap-1", children: [
                     "Tool Output ",
@@ -8796,11 +8796,11 @@ const jw = V.memo(function({
               )
             ] }),
             /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", children: [
-              a && /* @__PURE__ */ l.jsx("span", { className: L("text-xs opacity-60", Q, D && "text-xs"), children: ke(t.createdAt) }),
+              a && /* @__PURE__ */ l.jsx("span", { className: B("text-xs opacity-60", Q, D && "text-xs"), children: ke(t.createdAt) }),
               i && !s && /* @__PURE__ */ l.jsxs(
                 "div",
                 {
-                  className: L(
+                  className: B(
                     "opacity-0 group-hover:opacity-100 transition-opacity",
                     "flex items-center gap-1",
                     x.actions
@@ -8812,11 +8812,11 @@ const jw = V.memo(function({
                         variant: "ghost",
                         size: "sm",
                         onClick: K,
-                        className: L("h-6 w-6 p-0 hover:bg-foreground/10", Q, D && "h-5 w-5"),
+                        className: B("h-6 w-6 p-0 hover:bg-foreground/10", Q, D && "h-5 w-5"),
                         children: /* @__PURE__ */ l.jsx(
                           Ga,
                           {
-                            className: L(
+                            className: B(
                               y ? "text-success" : Q,
                               D ? "h-3 w-3" : "h-4 w-4"
                             )
@@ -8824,24 +8824,24 @@ const jw = V.memo(function({
                         )
                       }
                     ),
-                    O === "user" && g && /* @__PURE__ */ l.jsx(
+                    M === "user" && g && /* @__PURE__ */ l.jsx(
                       _e,
                       {
                         variant: "ghost",
                         size: "sm",
                         onClick: _,
-                        className: L("h-6 w-6 p-0 hover:bg-foreground/10", Q, D && "h-5 w-5"),
-                        children: /* @__PURE__ */ l.jsx(Ka, { className: L(Q, D ? "h-3 w-3" : "h-4 w-4") })
+                        className: B("h-6 w-6 p-0 hover:bg-foreground/10", Q, D && "h-5 w-5"),
+                        children: /* @__PURE__ */ l.jsx(Ka, { className: B(Q, D ? "h-3 w-3" : "h-4 w-4") })
                       }
                     ),
-                    O === "assistant" && p && /* @__PURE__ */ l.jsx(
+                    M === "assistant" && p && /* @__PURE__ */ l.jsx(
                       _e,
                       {
                         variant: "ghost",
                         size: "sm",
-                        onClick: X,
-                        className: L("h-6 w-6 p-0 hover:bg-foreground/10", Q, D && "h-5 w-5"),
-                        children: /* @__PURE__ */ l.jsx(si, { className: L(Q, D ? "h-3 w-3" : "h-4 w-4") })
+                        onClick: J,
+                        className: B("h-6 w-6 p-0 hover:bg-foreground/10", Q, D && "h-5 w-5"),
+                        children: /* @__PURE__ */ l.jsx(si, { className: B(Q, D ? "h-3 w-3" : "h-4 w-4") })
                       }
                     )
                   ]
@@ -8852,7 +8852,7 @@ const jw = V.memo(function({
         }
       ),
       /* @__PURE__ */ l.jsx("div", { className: "relative", children: Pe() }),
-      G && C && ($.toolCallId || $.name) && /* @__PURE__ */ l.jsxs("div", { className: L("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", D && "text-xs"), children: [
+      G && C && ($.toolCallId || $.name) && /* @__PURE__ */ l.jsxs("div", { className: B("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", D && "text-xs"), children: [
         $.name && /* @__PURE__ */ l.jsxs("div", { children: [
           "Function: ",
           $.name
@@ -8865,7 +8865,7 @@ const jw = V.memo(function({
       !(a || c || G) && i && !s && /* @__PURE__ */ l.jsxs(
         "div",
         {
-          className: L(
+          className: B(
             "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",
             "flex items-center gap-1",
             x.actions
@@ -8877,28 +8877,28 @@ const jw = V.memo(function({
                 variant: "ghost",
                 size: "sm",
                 onClick: K,
-                className: L("h-6 w-6 p-0 hover:bg-background/50 text-current", D && "h-5 w-5"),
-                children: /* @__PURE__ */ l.jsx(Ga, { className: L(y ? "text-success" : "text-current", D ? "h-3 w-3" : "h-4 w-4") })
+                className: B("h-6 w-6 p-0 hover:bg-background/50 text-current", D && "h-5 w-5"),
+                children: /* @__PURE__ */ l.jsx(Ga, { className: B(y ? "text-success" : "text-current", D ? "h-3 w-3" : "h-4 w-4") })
               }
             ),
-            O === "user" && g && /* @__PURE__ */ l.jsx(
+            M === "user" && g && /* @__PURE__ */ l.jsx(
               _e,
               {
                 variant: "ghost",
                 size: "sm",
                 onClick: _,
-                className: L("h-6 w-6 p-0 hover:bg-background/50 text-current", D && "h-5 w-5"),
-                children: /* @__PURE__ */ l.jsx(Ka, { className: L("text-current", D ? "h-3 w-3" : "h-4 w-4") })
+                className: B("h-6 w-6 p-0 hover:bg-background/50 text-current", D && "h-5 w-5"),
+                children: /* @__PURE__ */ l.jsx(Ka, { className: B("text-current", D ? "h-3 w-3" : "h-4 w-4") })
               }
             ),
-            O === "assistant" && p && /* @__PURE__ */ l.jsx(
+            M === "assistant" && p && /* @__PURE__ */ l.jsx(
               _e,
               {
                 variant: "ghost",
                 size: "sm",
-                onClick: X,
-                className: L("h-6 w-6 p-0 hover:bg-background/50 text-current", D && "h-5 w-5"),
-                children: /* @__PURE__ */ l.jsx(si, { className: L("text-current", D ? "h-3 w-3" : "h-4 w-4") })
+                onClick: J,
+                className: B("h-6 w-6 p-0 hover:bg-background/50 text-current", D && "h-5 w-5"),
+                children: /* @__PURE__ */ l.jsx(si, { className: B("text-current", D ? "h-3 w-3" : "h-4 w-4") })
               }
             )
           ]
@@ -8910,7 +8910,7 @@ const jw = V.memo(function({
       {
         isOpen: I,
         onClose: () => {
-          B(!1), Z(null);
+          L(!1), X(null);
         },
         fileId: F.id,
         fileName: F.name,
@@ -9176,24 +9176,24 @@ function $w({
   }, [e]), Le(() => {
     const A = g.current;
     if (!A) return;
-    let M = !1;
+    let O = !1;
     const I = () => {
-      M || (window.requestAnimationFrame(() => {
+      O || (window.requestAnimationFrame(() => {
         const F = A.scrollHeight - A.scrollTop - A.clientHeight <= 32;
-        E.current && !F && (E.current = !1), b.current = F, M = !1;
-      }), M = !0);
+        E.current && !F && (E.current = !1), b.current = F, O = !1;
+      }), O = !0);
     };
     return A.addEventListener("scroll", I, { passive: !0 }), I(), () => {
       A.removeEventListener("scroll", I);
     };
   }, []), Le(() => {
-    const A = y.current, M = e.length;
-    if (M > A) {
-      const I = e[M - 1];
+    const A = y.current, O = e.length;
+    if (O > A) {
+      const I = e[O - 1];
       I && I.role === "user" && requestAnimationFrame(() => {
-        var B;
+        var L;
         try {
-          (B = p.current) == null || B.scrollToIndex({ index: Math.max(0, e.length - 1), behavior: "auto", align: "end" }), b.current = !0, E.current = !!x;
+          (L = p.current) == null || L.scrollToIndex({ index: Math.max(0, e.length - 1), behavior: "auto", align: "end" }), b.current = !0, E.current = !!x;
         } catch {
         }
       });
@@ -9201,14 +9201,18 @@ function $w({
   }, [e.length, x]), Le(() => {
     const A = y.current;
     if (e.length > A) {
-      const M = e[e.length - 1];
-      M && M.role === "user" && x && requestAnimationFrame(() => {
-        var I;
-        try {
-          (I = p.current) == null || I.scrollToIndex({ index: Math.max(0, e.length - 1), behavior: "auto", align: "end" }), b.current = !0, E.current = !0;
-        } catch {
-        }
-      });
+      const O = e[e.length - 1];
+      if (O && O.role === "user" && x) {
+        const I = g.current;
+        let L = !0;
+        I && (L = I.scrollHeight - I.scrollTop - I.clientHeight <= 32), L && requestAnimationFrame(() => {
+          var F;
+          try {
+            (F = p.current) == null || F.scrollToIndex({ index: Math.max(0, e.length - 1), behavior: "auto", align: "end" }), b.current = !0, E.current = !0;
+          } catch {
+          }
+        });
+      }
     } else e.length < A && (b.current = !0);
     y.current = e.length;
   }, [e.length]), Le(() => {
@@ -9228,38 +9232,40 @@ function $w({
           await (a == null ? void 0 : a());
           return;
         }
-        const M = A.scrollHeight, I = A.scrollTop;
+        const O = A.scrollHeight, I = A.scrollTop;
         w.current = !0;
         try {
           await a();
         } finally {
           requestAnimationFrame(() => {
-            const B = g.current;
-            if (!B) {
+            const L = g.current;
+            if (!L) {
               w.current = !1;
               return;
             }
-            const F = B.scrollHeight;
-            B.scrollTop = I + (F - M);
-            const Z = F - B.scrollTop - B.clientHeight;
-            b.current = Z <= 32, w.current = !1;
+            const F = L.scrollHeight;
+            L.scrollTop = I + (F - O);
+            const X = F - L.scrollTop - L.clientHeight;
+            b.current = X <= 32, w.current = !1;
           });
         }
       };
-  }, [a]), H = (A, M) => {
-    g.current = A, M && (typeof M == "function" ? M(A) : M.current = A);
+  }, [a]), H = (A, O) => {
+    g.current = A, O && (typeof O == "function" ? O(A) : O.current = A);
   };
   return Le(() => {
     const A = g.current;
     if (S.current && !t && (A && (T.current = A.scrollHeight, C.current = A.scrollTop, N.current = !0), E.current = !!x), t) {
       if (!x) return;
+      const O = g.current;
+      let I = !0;
+      if (O && (I = O.scrollHeight - O.scrollTop - O.clientHeight <= 32), !I) return;
       requestAnimationFrame(() => {
-        var M;
-        if (b.current)
-          try {
-            (M = p.current) == null || M.scrollToIndex({ index: Math.max(0, e.length - 1), behavior: "smooth", align: "end" }), E.current = !0;
-          } catch {
-          }
+        var L;
+        try {
+          (L = p.current) == null || L.scrollToIndex({ index: Math.max(0, e.length - 1), behavior: "smooth", align: "end" }), E.current = !0;
+        } catch {
+        }
       });
     }
     S.current = t;
@@ -9267,7 +9273,7 @@ function $w({
     const A = g.current;
     if (!A || !N.current) return;
     N.current = !1;
-    const M = T.current || 0, I = C.current || 0, F = A.scrollHeight - M;
+    const O = T.current || 0, I = C.current || 0, F = A.scrollHeight - O;
     try {
       E.current ? A.scrollTop = A.scrollHeight - A.clientHeight : A.scrollTop = I + F;
     } catch {
@@ -9291,13 +9297,13 @@ function $w({
         b.current = A;
       },
       style: { height: "100%", overscrollBehavior: "contain" },
-      computeItemKey: (A, M) => M.id ?? `message-${A}`,
+      computeItemKey: (A, O) => O.id ?? `message-${A}`,
       components: {
-        Scroller: V.forwardRef((A, M) => /* @__PURE__ */ l.jsx(
+        Scroller: V.forwardRef((A, O) => /* @__PURE__ */ l.jsx(
           "div",
           {
             ...A,
-            ref: (I) => H(I, M),
+            ref: (I) => H(I, O),
             style: {
               overflowAnchor: "none",
               willChange: t ? "scroll-position" : "transform",
@@ -9307,7 +9313,7 @@ function $w({
           }
         ))
       },
-      itemContent: (A, M) => /* @__PURE__ */ l.jsx(
+      itemContent: (A, O) => /* @__PURE__ */ l.jsx(
         "div",
         {
           className: "mb-4 last:mb-0",
@@ -9315,19 +9321,19 @@ function $w({
             contentVisibility: "auto",
             // If this message is the currently streaming assistant message, reserve a min-height
             // so the container doesn't reflow excessively as HTML is progressively rendered.
-            minHeight: t && n === M.id ? 120 : void 0,
-            containIntrinsicSize: t && n === M.id ? "auto 120px" : "auto 150px",
+            minHeight: t && n === O.id ? 120 : void 0,
+            containIntrinsicSize: t && n === O.id ? "auto 120px" : "auto 150px",
             transform: "translateZ(0)",
             isolation: "isolate"
           },
           children: /* @__PURE__ */ l.jsx(
             jw,
             {
-              message: M,
+              message: O,
               messageIndex: A,
-              isStreamingMessage: t && n === M.id,
+              isStreamingMessage: t && n === O.id,
               streamingDebounceMs: r,
-              isEditing: i === M.id,
+              isEditing: i === O.id,
               showActions: s,
               showTimestamp: !1,
               showAgentName: !0,
@@ -9338,7 +9344,7 @@ function $w({
               onRegenerate: () => u(A),
               onCancelEdit: d
             },
-            M.id ?? `msg-${M.role}-${A}-${M.createdAt ?? ""}`
+            O.id ?? `msg-${O.role}-${A}-${O.createdAt ?? ""}`
           )
         }
       )
@@ -9713,14 +9719,14 @@ const oy = (e) => ({
     }, v = va(o), x = xa(v), g = await i.getDimensions(u), p = v === "y", w = p ? "top" : "left", b = p ? "bottom" : "right", y = p ? "clientHeight" : "clientWidth", E = s.reference[x] + s.reference[v] - m[v] - s.floating[x], S = m[v] - s.reference[v], T = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(u));
     let C = T ? T[y] : 0;
     (!C || !await (i.isElement == null ? void 0 : i.isElement(T))) && (C = a.floating[y] || s.floating[x]);
-    const N = E / 2 - S / 2, j = C / 2 - g[x] / 2 - 1, P = pn(h[w], j), H = pn(h[b], j), A = P, M = C - g[x] - H, I = C / 2 - g[x] / 2 + N, B = Ti(A, I, M), F = !c.arrow && ir(o) != null && I !== B && s.reference[x] / 2 - (I < A ? P : H) - g[x] / 2 < 0, Z = F ? I < A ? I - A : I - M : 0;
+    const N = E / 2 - S / 2, j = C / 2 - g[x] / 2 - 1, P = pn(h[w], j), H = pn(h[b], j), A = P, O = C - g[x] - H, I = C / 2 - g[x] / 2 + N, L = Ti(A, I, O), F = !c.arrow && ir(o) != null && I !== L && s.reference[x] / 2 - (I < A ? P : H) - g[x] / 2 < 0, X = F ? I < A ? I - A : I - O : 0;
     return {
-      [v]: m[v] + Z,
+      [v]: m[v] + X,
       data: {
-        [v]: B,
-        centerOffset: I - B - Z,
+        [v]: L,
+        centerOffset: I - L - X,
         ...F && {
-          alignmentOffset: Z
+          alignmentOffset: X
         }
       },
       reset: F
@@ -9763,8 +9769,8 @@ const oy = (e) => ({
         overflows: j
       }], !j.every((I) => I <= 0)) {
         var H, A;
-        const I = (((H = s.flip) == null ? void 0 : H.index) || 0) + 1, B = C[I];
-        if (B && (!(h === "alignment" ? b !== qt(B) : !1) || // We leave the current main axis only if every placement on that axis
+        const I = (((H = s.flip) == null ? void 0 : H.index) || 0) + 1, L = C[I];
+        if (L && (!(h === "alignment" ? b !== qt(L) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         P.every((D) => qt(D.placement) === b ? D.overflows[0] > 0 : !0)))
           return {
@@ -9773,24 +9779,24 @@ const oy = (e) => ({
               overflows: P
             },
             reset: {
-              placement: B
+              placement: L
             }
           };
-        let F = (A = P.filter((Z) => Z.overflows[0] <= 0).sort((Z, D) => Z.overflows[1] - D.overflows[1])[0]) == null ? void 0 : A.placement;
+        let F = (A = P.filter((X) => X.overflows[0] <= 0).sort((X, D) => X.overflows[1] - D.overflows[1])[0]) == null ? void 0 : A.placement;
         if (!F)
           switch (v) {
             case "bestFit": {
-              var M;
-              const Z = (M = P.filter((D) => {
+              var O;
+              const X = (O = P.filter((D) => {
                 if (T) {
-                  const O = qt(D.placement);
-                  return O === b || // Create a bias to the `y` side axis due to horizontal
+                  const M = qt(D.placement);
+                  return M === b || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  O === "y";
+                  M === "y";
                 }
                 return !0;
-              }).map((D) => [D.placement, D.overflows.filter((O) => O > 0).reduce((O, G) => O + G, 0)]).sort((D, O) => D[1] - O[1])[0]) == null ? void 0 : M[0];
-              Z && (F = Z);
+              }).map((D) => [D.placement, D.overflows.filter((M) => M > 0).reduce((M, G) => M + G, 0)]).sort((D, M) => D[1] - M[1])[0]) == null ? void 0 : O[0];
+              X && (F = X);
               break;
             }
             case "initialPlacement":
@@ -10032,8 +10038,8 @@ const ly = function(e) {
       const b = g - d.top - d.bottom, y = x - d.left - d.right, E = pn(g - d[p], b), S = pn(x - d[w], y), T = !t.middlewareData.shift;
       let C = E, N = S;
       if ((n = t.middlewareData.shift) != null && n.enabled.x && (N = y), (r = t.middlewareData.shift) != null && r.enabled.y && (C = b), T && !m) {
-        const P = yt(d.left, 0), H = yt(d.right, 0), A = yt(d.top, 0), M = yt(d.bottom, 0);
-        v ? N = x - 2 * (P !== 0 || H !== 0 ? P + H : yt(d.left, d.right)) : C = g - 2 * (A !== 0 || M !== 0 ? A + M : yt(d.top, d.bottom));
+        const P = yt(d.left, 0), H = yt(d.right, 0), A = yt(d.top, 0), O = yt(d.bottom, 0);
+        v ? N = x - 2 * (P !== 0 || H !== 0 ? P + H : yt(d.left, d.right)) : C = g - 2 * (A !== 0 || O !== 0 ? A + O : yt(d.top, d.bottom));
       }
       await c({
         ...t,
@@ -10621,7 +10627,7 @@ function Ky(e) {
     D !== T.current && (T.current = D, g(D));
   }, []), y = f.useCallback((D) => {
     D !== C.current && (C.current = D, w(D));
-  }, []), E = s || x, S = i || p, T = f.useRef(null), C = f.useRef(null), N = f.useRef(d), j = c != null, P = ni(c), H = ni(o), A = ni(u), M = f.useCallback(() => {
+  }, []), E = s || x, S = i || p, T = f.useRef(null), C = f.useRef(null), N = f.useRef(d), j = c != null, P = ni(c), H = ni(o), A = ni(u), O = f.useCallback(() => {
     if (!T.current || !C.current)
       return;
     const D = {
@@ -10629,9 +10635,9 @@ function Ky(e) {
       strategy: n,
       middleware: m
     };
-    H.current && (D.platform = H.current), Wy(T.current, C.current, D).then((O) => {
+    H.current && (D.platform = H.current), Wy(T.current, C.current, D).then((M) => {
       const G = {
-        ...O,
+        ...M,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
@@ -10655,11 +10661,11 @@ function Ky(e) {
   }), []), Ro(() => {
     if (E && (T.current = E), S && (C.current = S), E && S) {
       if (P.current)
-        return P.current(E, S, M);
-      M();
+        return P.current(E, S, O);
+      O();
     }
-  }, [E, S, M, P, j]);
-  const B = f.useMemo(() => ({
+  }, [E, S, O, P, j]);
+  const L = f.useMemo(() => ({
     reference: T,
     floating: C,
     setReference: b,
@@ -10667,7 +10673,7 @@ function Ky(e) {
   }), [b, y]), F = f.useMemo(() => ({
     reference: E,
     floating: S
-  }), [E, S]), Z = f.useMemo(() => {
+  }), [E, S]), X = f.useMemo(() => {
     const D = {
       position: n,
       left: 0,
@@ -10675,26 +10681,26 @@ function Ky(e) {
     };
     if (!F.floating)
       return D;
-    const O = hc(F.floating, d.x), G = hc(F.floating, d.y);
+    const M = hc(F.floating, d.x), G = hc(F.floating, d.y);
     return a ? {
       ...D,
-      transform: "translate(" + O + "px, " + G + "px)",
+      transform: "translate(" + M + "px, " + G + "px)",
       ...Ad(F.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: n,
-      left: O,
+      left: M,
       top: G
     };
   }, [n, a, F.floating, d.x, d.y]);
   return f.useMemo(() => ({
     ...d,
-    update: M,
-    refs: B,
+    update: O,
+    refs: L,
     elements: F,
-    floatingStyles: Z
-  }), [d, M, B, F, Z]);
+    floatingStyles: X
+  }), [d, O, L, F, X]);
 }
 const Yy = (e) => {
   function t(n) {
@@ -10795,7 +10801,7 @@ var Dd = "PopperAnchor", Ld = f.forwardRef(
 Ld.displayName = Dd;
 var Ca = "PopperContent", [s0, i0] = _d(Ca), Fd = f.forwardRef(
   (e, t) => {
-    var K, _, X, te, ue, se;
+    var K, _, J, te, ue, se;
     const {
       __scopePopper: n,
       side: r = "bottom",
@@ -10811,12 +10817,12 @@ var Ca = "PopperContent", [s0, i0] = _d(Ca), Fd = f.forwardRef(
       updatePositionStrategy: v = "optimized",
       onPlaced: x,
       ...g
-    } = e, p = Od(Ca, n), [w, b] = f.useState(null), y = Te(t, (ke) => b(ke)), [E, S] = f.useState(null), T = Pd(E), C = (T == null ? void 0 : T.width) ?? 0, N = (T == null ? void 0 : T.height) ?? 0, j = r + (s !== "center" ? "-" + s : ""), P = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, H = Array.isArray(u) ? u : [u], A = H.length > 0, M = {
+    } = e, p = Od(Ca, n), [w, b] = f.useState(null), y = Te(t, (ke) => b(ke)), [E, S] = f.useState(null), T = Pd(E), C = (T == null ? void 0 : T.width) ?? 0, N = (T == null ? void 0 : T.height) ?? 0, j = r + (s !== "center" ? "-" + s : ""), P = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, H = Array.isArray(u) ? u : [u], A = H.length > 0, O = {
       padding: P,
       boundary: H.filter(l0),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: A
-    }, { refs: I, floatingStyles: B, placement: F, isPositioned: Z, middlewareData: D } = Ky({
+    }, { refs: I, floatingStyles: L, placement: F, isPositioned: X, middlewareData: D } = Ky({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: j,
@@ -10832,11 +10838,11 @@ var Ca = "PopperContent", [s0, i0] = _d(Ca), Fd = f.forwardRef(
           mainAxis: !0,
           crossAxis: !1,
           limiter: h === "partial" ? Jy() : void 0,
-          ...M
+          ...O
         }),
-        c && Zy({ ...M }),
+        c && Zy({ ...O }),
         Qy({
-          ...M,
+          ...O,
           apply: ({ elements: ke, rects: Pe, availableWidth: De, availableHeight: de }) => {
             const { width: je, height: xe } = Pe.reference, Se = ke.floating.style;
             Se.setProperty("--radix-popper-available-width", `${De}px`), Se.setProperty("--radix-popper-available-height", `${de}px`), Se.setProperty("--radix-popper-anchor-width", `${je}px`), Se.setProperty("--radix-popper-anchor-height", `${xe}px`);
@@ -10844,13 +10850,13 @@ var Ca = "PopperContent", [s0, i0] = _d(Ca), Fd = f.forwardRef(
         }),
         E && t0({ element: E, padding: a }),
         c0({ arrowWidth: C, arrowHeight: N }),
-        m && e0({ strategy: "referenceHidden", ...M })
+        m && e0({ strategy: "referenceHidden", ...O })
       ]
-    }), [O, G] = $d(F), Q = it(x);
+    }), [M, G] = $d(F), Q = it(x);
     st(() => {
-      Z && (Q == null || Q());
-    }, [Z, Q]);
-    const q = (K = D.arrow) == null ? void 0 : K.x, $ = (_ = D.arrow) == null ? void 0 : _.y, Y = ((X = D.arrow) == null ? void 0 : X.centerOffset) !== 0, [ye, ce] = f.useState();
+      X && (Q == null || Q());
+    }, [X, Q]);
+    const q = (K = D.arrow) == null ? void 0 : K.x, $ = (_ = D.arrow) == null ? void 0 : _.y, Y = ((J = D.arrow) == null ? void 0 : J.centerOffset) !== 0, [ye, ce] = f.useState();
     return st(() => {
       w && ce(window.getComputedStyle(w).zIndex);
     }, [w]), /* @__PURE__ */ l.jsx(
@@ -10859,8 +10865,8 @@ var Ca = "PopperContent", [s0, i0] = _d(Ca), Fd = f.forwardRef(
         ref: I.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
-          ...B,
-          transform: Z ? B.transform : "translate(0, -200%)",
+          ...L,
+          transform: X ? L.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
           zIndex: ye,
@@ -10881,7 +10887,7 @@ var Ca = "PopperContent", [s0, i0] = _d(Ca), Fd = f.forwardRef(
           s0,
           {
             scope: n,
-            placedSide: O,
+            placedSide: M,
             onArrowChange: S,
             arrowX: q,
             arrowY: $,
@@ -10889,7 +10895,7 @@ var Ca = "PopperContent", [s0, i0] = _d(Ca), Fd = f.forwardRef(
             children: /* @__PURE__ */ l.jsx(
               me.div,
               {
-                "data-side": O,
+                "data-side": M,
                 "data-align": G,
                 ...g,
                 ref: y,
@@ -10897,7 +10903,7 @@ var Ca = "PopperContent", [s0, i0] = _d(Ca), Fd = f.forwardRef(
                   ...g.style,
                   // if the PopperContent hasn't been placed yet (not all measurements done)
                   // we prevent animations so that users's animation don't kick in too early referring wrong sides
-                  animation: Z ? void 0 : "none"
+                  animation: X ? void 0 : "none"
                 }
               }
             )
@@ -11042,10 +11048,10 @@ var m0 = f.forwardRef((e, t) => {
             if (N.target === N.currentTarget && j && !w) {
               const P = new CustomEvent(ri, u0);
               if (N.currentTarget.dispatchEvent(P), !P.defaultPrevented) {
-                const H = E().filter((F) => F.focusable), A = H.find((F) => F.active), M = H.find((F) => F.id === g), B = [A, M, ...H].filter(
+                const H = E().filter((F) => F.focusable), A = H.find((F) => F.active), O = H.find((F) => F.id === g), L = [A, O, ...H].filter(
                   Boolean
                 ).map((F) => F.ref.current);
-                Kd(B, d);
+                Kd(L, d);
               }
             }
             S.current = !1;
@@ -11254,17 +11260,17 @@ var kt = "MenuContent", [P0, Aa] = Mn(kt), ef = f.forwardRef(
       onDismiss: v,
       disableOutsideScroll: x,
       ...g
-    } = e, p = Dn(kt, n), w = Zr(kt, n), b = ws(n), y = Xd(n), E = E0(n), [S, T] = f.useState(null), C = f.useRef(null), N = Te(t, C, p.onContentChange), j = f.useRef(0), P = f.useRef(""), H = f.useRef(0), A = f.useRef(null), M = f.useRef("right"), I = f.useRef(0), B = x ? us : f.Fragment, F = x ? { as: M0, allowPinchZoom: !0 } : void 0, Z = (O) => {
+    } = e, p = Dn(kt, n), w = Zr(kt, n), b = ws(n), y = Xd(n), E = E0(n), [S, T] = f.useState(null), C = f.useRef(null), N = Te(t, C, p.onContentChange), j = f.useRef(0), P = f.useRef(""), H = f.useRef(0), A = f.useRef(null), O = f.useRef("right"), I = f.useRef(0), L = x ? us : f.Fragment, F = x ? { as: M0, allowPinchZoom: !0 } : void 0, X = (M) => {
       var K, _;
-      const G = P.current + O, Q = E().filter((X) => !X.disabled), q = document.activeElement, $ = (K = Q.find((X) => X.ref.current === q)) == null ? void 0 : K.textValue, Y = Q.map((X) => X.textValue), ye = K0(Y, G, $), ce = (_ = Q.find((X) => X.textValue === ye)) == null ? void 0 : _.ref.current;
-      (function X(te) {
-        P.current = te, window.clearTimeout(j.current), te !== "" && (j.current = window.setTimeout(() => X(""), 1e3));
+      const G = P.current + M, Q = E().filter((J) => !J.disabled), q = document.activeElement, $ = (K = Q.find((J) => J.ref.current === q)) == null ? void 0 : K.textValue, Y = Q.map((J) => J.textValue), ye = K0(Y, G, $), ce = (_ = Q.find((J) => J.textValue === ye)) == null ? void 0 : _.ref.current;
+      (function J(te) {
+        P.current = te, window.clearTimeout(j.current), te !== "" && (j.current = window.setTimeout(() => J(""), 1e3));
       })(G), ce && setTimeout(() => ce.focus());
     };
     f.useEffect(() => () => window.clearTimeout(j.current), []), ua();
-    const D = f.useCallback((O) => {
+    const D = f.useCallback((M) => {
       var Q, q;
-      return M.current === ((Q = A.current) == null ? void 0 : Q.side) && q0(O, (q = A.current) == null ? void 0 : q.area);
+      return O.current === ((Q = A.current) == null ? void 0 : Q.side) && q0(M, (q = A.current) == null ? void 0 : q.area);
     }, []);
     return /* @__PURE__ */ l.jsx(
       P0,
@@ -11272,36 +11278,36 @@ var kt = "MenuContent", [P0, Aa] = Mn(kt), ef = f.forwardRef(
         scope: n,
         searchRef: P,
         onItemEnter: f.useCallback(
-          (O) => {
-            D(O) && O.preventDefault();
+          (M) => {
+            D(M) && M.preventDefault();
           },
           [D]
         ),
         onItemLeave: f.useCallback(
-          (O) => {
+          (M) => {
             var G;
-            D(O) || ((G = C.current) == null || G.focus(), T(null));
+            D(M) || ((G = C.current) == null || G.focus(), T(null));
           },
           [D]
         ),
         onTriggerLeave: f.useCallback(
-          (O) => {
-            D(O) && O.preventDefault();
+          (M) => {
+            D(M) && M.preventDefault();
           },
           [D]
         ),
         pointerGraceTimerRef: H,
-        onPointerGraceIntentChange: f.useCallback((O) => {
-          A.current = O;
+        onPointerGraceIntentChange: f.useCallback((M) => {
+          A.current = M;
         }, []),
-        children: /* @__PURE__ */ l.jsx(B, { ...F, children: /* @__PURE__ */ l.jsx(
+        children: /* @__PURE__ */ l.jsx(L, { ...F, children: /* @__PURE__ */ l.jsx(
           as,
           {
             asChild: !0,
             trapped: o,
-            onMountAutoFocus: ee(s, (O) => {
+            onMountAutoFocus: ee(s, (M) => {
               var G;
-              O.preventDefault(), (G = C.current) == null || G.focus({ preventScroll: !0 });
+              M.preventDefault(), (G = C.current) == null || G.focus({ preventScroll: !0 });
             }),
             onUnmountAutoFocus: i,
             children: /* @__PURE__ */ l.jsx(
@@ -11324,8 +11330,8 @@ var kt = "MenuContent", [P0, Aa] = Mn(kt), ef = f.forwardRef(
                     loop: r,
                     currentTabStopId: S,
                     onCurrentTabStopIdChange: T,
-                    onEntryFocus: ee(c, (O) => {
-                      w.isUsingKeyboardRef.current || O.preventDefault();
+                    onEntryFocus: ee(c, (M) => {
+                      w.isUsingKeyboardRef.current || M.preventDefault();
                     }),
                     preventScrollOnEntryFocus: !0,
                     children: /* @__PURE__ */ l.jsx(
@@ -11340,25 +11346,25 @@ var kt = "MenuContent", [P0, Aa] = Mn(kt), ef = f.forwardRef(
                         ...g,
                         ref: N,
                         style: { outline: "none", ...g.style },
-                        onKeyDown: ee(g.onKeyDown, (O) => {
-                          const Q = O.target.closest("[data-radix-menu-content]") === O.currentTarget, q = O.ctrlKey || O.altKey || O.metaKey, $ = O.key.length === 1;
-                          Q && (O.key === "Tab" && O.preventDefault(), !q && $ && Z(O.key));
+                        onKeyDown: ee(g.onKeyDown, (M) => {
+                          const Q = M.target.closest("[data-radix-menu-content]") === M.currentTarget, q = M.ctrlKey || M.altKey || M.metaKey, $ = M.key.length === 1;
+                          Q && (M.key === "Tab" && M.preventDefault(), !q && $ && X(M.key));
                           const Y = C.current;
-                          if (O.target !== Y || !C0.includes(O.key)) return;
-                          O.preventDefault();
+                          if (M.target !== Y || !C0.includes(M.key)) return;
+                          M.preventDefault();
                           const ce = E().filter((K) => !K.disabled).map((K) => K.ref.current);
-                          Yd.includes(O.key) && ce.reverse(), V0(ce);
+                          Yd.includes(M.key) && ce.reverse(), V0(ce);
                         }),
-                        onBlur: ee(e.onBlur, (O) => {
-                          O.currentTarget.contains(O.target) || (window.clearTimeout(j.current), P.current = "");
+                        onBlur: ee(e.onBlur, (M) => {
+                          M.currentTarget.contains(M.target) || (window.clearTimeout(j.current), P.current = "");
                         }),
                         onPointerMove: ee(
                           e.onPointerMove,
-                          Lr((O) => {
-                            const G = O.target, Q = I.current !== O.clientX;
-                            if (O.currentTarget.contains(G) && Q) {
-                              const q = O.clientX > I.current ? "right" : "left";
-                              M.current = q, I.current = O.clientX;
+                          Lr((M) => {
+                            const G = M.target, Q = I.current !== M.clientX;
+                            if (M.currentTarget.contains(G) && Q) {
+                              const q = M.clientX > I.current ? "right" : "left";
+                              O.current = q, I.current = M.clientX;
                             }
                           })
                         )
@@ -11892,7 +11898,7 @@ const kS = IS, PS = jS, _S = f.forwardRef(({ className: e, inset: t, children: n
   Hf,
   {
     ref: o,
-    className: L(
+    className: B(
       "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
@@ -11909,7 +11915,7 @@ const OS = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   $f,
   {
     ref: n,
-    className: L(
+    className: B(
       "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
     ),
@@ -11922,7 +11928,7 @@ const zf = f.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__
   {
     ref: r,
     sideOffset: t,
-    className: L(
+    className: B(
       "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
     ),
@@ -11934,7 +11940,7 @@ const ji = f.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */
   Mf,
   {
     ref: r,
-    className: L(
+    className: B(
       "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
@@ -11947,7 +11953,7 @@ const MS = f.forwardRef(({ className: e, children: t, checked: n, ...r }, o) =>
   Df,
   {
     ref: o,
-    className: L(
+    className: B(
       "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
     ),
@@ -11964,7 +11970,7 @@ const DS = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   Lf,
   {
     ref: r,
-    className: L(
+    className: B(
       "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
     ),
@@ -11980,7 +11986,7 @@ const LS = f.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */
   Of,
   {
     ref: r,
-    className: L(
+    className: B(
       "px-2 py-1.5 text-sm font-semibold",
       t && "pl-8",
       e
@@ -11993,7 +11999,7 @@ const FS = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   Bf,
   {
     ref: n,
-    className: L("-mx-1 my-1 h-px bg-muted", e),
+    className: B("-mx-1 my-1 h-px bg-muted", e),
     ...t
   }
 ));
@@ -12030,8 +12036,8 @@ function Eo({
     hasMoreHistory: P,
     isLoadingHistory: H,
     loadOlderMessages: A,
-    api: M
-  } = Vi(), [I, B] = fe(null), [F, Z] = fe(""), [D, O] = fe(null), [G, Q] = fe([]), [q, $] = fe(!1), [Y, ye] = fe(null), [ce, K] = fe(null), [_, X] = fe(!1), [te, ue] = fe(null), [se, ke] = fe([]), [Pe, De] = fe(null), [de, je] = fe(null), xe = Be(null), Se = Be(null), rt = Be(null), [J, ae] = fe("desktop");
+    api: O
+  } = Vi(), [I, L] = fe(null), [F, X] = fe(""), [D, M] = fe(null), [G, Q] = fe([]), [q, $] = fe(!1), [Y, ye] = fe(null), [ce, K] = fe(null), [_, J] = fe(!1), [te, ue] = fe(null), [se, ke] = fe([]), [Pe, De] = fe(null), [de, je] = fe(null), xe = Be(null), Se = Be(null), rt = Be(null), [Z, ae] = fe("desktop");
   Le(() => {
     const oe = () => {
       const ie = window.innerWidth;
@@ -12081,13 +12087,13 @@ function Eo({
   Le(() => {
     (async () => {
       try {
-        const ie = await M.getAgent("default");
+        const ie = await O.getAgent("default");
         ue(ie.uiDefaultMessage || null);
       } catch (ie) {
         console.warn("Failed to fetch default message:", ie), ue(null);
       }
     })();
-  }, [M]), Le(() => {
+  }, [O]), Le(() => {
     b && !_ && (v == null || v(b));
   }, [b, _, v]);
   const Ye = (oe) => {
@@ -12112,7 +12118,7 @@ function Eo({
       if (ie) {
         const Ne = Ye(ie);
         if (Ne) {
-          O(Ne);
+          M(Ne);
           return;
         }
       }
@@ -12122,16 +12128,16 @@ function Eo({
           checkpointNs: de ?? T ?? void 0,
           payloadExtras: I ? { edit: !0, originalMessageId: I } : void 0,
           attachments: G
-        }), h == null || h(ie), O(null), Q([]), B(null), Z("");
+        }), h == null || h(ie), M(null), Q([]), L(null), X("");
       } catch (Ne) {
         const We = (Ne == null ? void 0 : Ne.message) || "Failed to send message";
-        O(We), v == null || v(We);
+        M(We), v == null || v(We);
       }
     }
   }, dt = V.useCallback((oe, ie) => {
-    u && (B(oe), Z(ie), O(null));
+    u && (L(oe), X(ie), M(null));
   }, [u]), Rt = V.useCallback(() => {
-    B(null), Z(""), O(null);
+    L(null), X(""), M(null);
   }, []), Qe = Ke((oe, ie) => {
     dt(oe, ie);
   }, [dt]), at = Ke((oe) => {
@@ -12187,7 +12193,7 @@ function Eo({
         {
           variant: "ghost",
           size: "sm",
-          onClick: () => X(!0),
+          onClick: () => J(!0),
           className: "text-red-800 hover:bg-red-100",
           "aria-label": "Dismiss error",
           children: /* @__PURE__ */ l.jsx(Vn, { size: 16 })
@@ -12225,7 +12231,7 @@ function Eo({
         streamingAssistantId: w,
         streamingDebounceMs: typeof s == "number" ? s : o,
         followNewMessages: i,
-        layoutSize: J,
+        layoutSize: Z,
         enableMessageEditing: u,
         editingMessageId: I,
         onStartReached: () => {
@@ -12365,7 +12371,7 @@ const Fr = f.forwardRef(
     "input",
     {
       type: t,
-      className: L(
+      className: B(
         "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
       ),
@@ -12893,7 +12899,7 @@ const nh = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   th,
   {
     ref: r,
-    className: L("relative overflow-hidden", e),
+    className: B("relative overflow-hidden", e),
     ...n,
     children: [
       /* @__PURE__ */ l.jsx(XS, { className: "h-full w-full rounded-[inherit] overflow-auto", children: t }),
@@ -12908,7 +12914,7 @@ const rh = f.forwardRef(({ className: e, orientation: t = "vertical", ...n }, r)
   {
     ref: r,
     orientation: t,
-    className: L(
+    className: B(
       "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]",
@@ -12940,7 +12946,7 @@ function ki({
     createThread: g,
     deleteThread: p,
     renameThread: w
-  } = Vi(), [b, y] = fe(m ?? []), [E, S] = fe(!1), [T, C] = fe(null), [N, j] = fe(null), [P, H] = fe(""), [A, M] = fe(!1);
+  } = Vi(), [b, y] = fe(m ?? []), [E, S] = fe(!1), [T, C] = fe(null), [N, j] = fe(null), [P, H] = fe(""), [A, O] = fe(!1);
   Le(() => {
     y(m ?? []);
   }, [m]);
@@ -12950,15 +12956,15 @@ function ki({
     } catch (Y) {
       console.error("Failed to select thread:", Y);
     }
-  }, B = async () => {
+  }, L = async () => {
     try {
-      M(!0);
+      O(!0);
       const $ = await g();
       u == null || u($), a == null || a($);
     } catch ($) {
       console.error("Failed to create thread:", $);
     } finally {
-      M(!1);
+      O(!1);
     }
   }, F = async ($, Y) => {
     if (Y.stopPropagation(), !!confirm("Delete this thread?"))
@@ -12967,7 +12973,7 @@ function ki({
       } catch (ye) {
         console.error("Failed to delete thread:", ye);
       }
-  }, Z = ($, Y) => {
+  }, X = ($, Y) => {
     Y.stopPropagation(), j($.threadId), H($.title || `Thread ${$.threadId.slice(0, 8)}`);
   }, D = async ($) => {
     if (P.trim())
@@ -12976,10 +12982,10 @@ function ki({
       } catch (Y) {
         console.error("Failed to update title:", Y);
       }
-  }, O = () => {
+  }, M = () => {
     j(null), H("");
   }, G = ($, Y) => {
-    $.key === "Enter" ? D(Y) : $.key === "Escape" && O();
+    $.key === "Enter" ? D(Y) : $.key === "Escape" && M();
   }, Q = ($) => {
     if (!$) return "";
     try {
@@ -12993,7 +12999,7 @@ function ki({
     t && /* @__PURE__ */ l.jsx("div", { className: s.header || "flex-shrink-0 p-2 border-b bg-slate-800 border-slate-700 text-slate-100 flex justify-end", children: /* @__PURE__ */ l.jsx(
       _e,
       {
-        onClick: B,
+        onClick: L,
         disabled: A || E,
         className: s.createButton || "p-2",
         size: "sm",
@@ -13020,7 +13026,7 @@ function ki({
                 /* @__PURE__ */ l.jsx("div", { className: "flex-1 min-w-0", children: N === $.threadId ? /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2", onClick: (Y) => Y.stopPropagation(), children: [
                   /* @__PURE__ */ l.jsx(Fr, { value: P, onChange: (Y) => H(Y.target.value), onKeyDown: (Y) => G(Y, $.threadId), className: "h-6 text-sm", autoFocus: !0 }),
                   /* @__PURE__ */ l.jsx(_e, { variant: "ghost", size: "sm", onClick: () => D($.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ l.jsx($i, { size: 12 }) }),
-                  /* @__PURE__ */ l.jsx(_e, { variant: "ghost", size: "sm", onClick: O, className: "h-6 w-6 p-0", children: /* @__PURE__ */ l.jsx(Vn, { size: 12 }) })
+                  /* @__PURE__ */ l.jsx(_e, { variant: "ghost", size: "sm", onClick: M, className: "h-6 w-6 p-0", children: /* @__PURE__ */ l.jsx(Vn, { size: 12 }) })
                 ] }) : /* @__PURE__ */ l.jsxs(l.Fragment, { children: [
                   /* @__PURE__ */ l.jsx("div", { className: "font-medium text-sm truncate text-gray-900 dark:text-slate-100", children: q($) }),
                   /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-slate-400 mt-1", children: [
@@ -13029,7 +13035,7 @@ function ki({
                   ] })
                 ] }) }),
                 /* @__PURE__ */ l.jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity ml-2", children: [
-                  r && N !== $.threadId && /* @__PURE__ */ l.jsx(_e, { variant: "ghost", size: "sm", onClick: (Y) => Z($, Y), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ l.jsx(Cc, { size: 12 }) }),
+                  r && N !== $.threadId && /* @__PURE__ */ l.jsx(_e, { variant: "ghost", size: "sm", onClick: (Y) => X($, Y), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ l.jsx(Cc, { size: 12 }) }),
                   n && /* @__PURE__ */ l.jsx(
                     _e,
                     {
@@ -13186,7 +13192,7 @@ const Ba = f.forwardRef(
       ref: o,
       decorative: n,
       orientation: t,
-      className: L(
+      className: B(
         "shrink-0 bg-border",
         t === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         e
@@ -13199,7 +13205,7 @@ Ba.displayName = ch.displayName;
 const uh = dd, aC = Cw, lC = fd, dh = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   fs,
   {
-    className: L(
+    className: B(
       "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
     ),
@@ -13229,7 +13235,7 @@ const cC = Hr(
     hs,
     {
       ref: o,
-      className: L(cC({ side: e }), t),
+      className: B(cC({ side: e }), t),
       ...r,
       children: [
         n,
@@ -13248,7 +13254,7 @@ const fh = ({
 }) => /* @__PURE__ */ l.jsx(
   "div",
   {
-    className: L(
+    className: B(
       "flex flex-col space-y-2 text-center sm:text-left",
       e
     ),
@@ -13260,7 +13266,7 @@ const hh = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   Rn,
   {
     ref: n,
-    className: L("text-lg font-semibold text-foreground", e),
+    className: B("text-lg font-semibold text-foreground", e),
     ...t
   }
 ));
@@ -13269,7 +13275,7 @@ const ph = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   ps,
   {
     ref: n,
-    className: L("text-sm text-muted-foreground", e),
+    className: B("text-sm text-muted-foreground", e),
     ...t
   }
 ));
@@ -13281,7 +13287,7 @@ function xc({
   return /* @__PURE__ */ l.jsx(
     "div",
     {
-      className: L("animate-pulse rounded-md bg-muted", e),
+      className: B("animate-pulse rounded-md bg-muted", e),
       ...t
     }
   );
@@ -13620,7 +13626,7 @@ const kC = IC, PC = jC, _C = AC, Rh = f.forwardRef(({ className: e, sideOffset:
   {
     ref: r,
     sideOffset: t,
-    className: L(
+    className: B(
       "z-50 overflow-hidden rounded-md border bg-popover px-3 py-1.5 text-sm text-popover-foreground shadow-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
@@ -13678,7 +13684,7 @@ const Nh = f.forwardRef(
           "--sidebar-width-icon": FC,
           ...o
         },
-        className: L(
+        className: B(
           "group/sidebar-wrapper flex min-h-svh w-full has-[[data-variant=inset]]:bg-sidebar",
           r
         ),
@@ -13703,7 +13709,7 @@ const Ih = f.forwardRef(
     return n === "none" ? /* @__PURE__ */ l.jsx(
       "div",
       {
-        className: L(
+        className: B(
           "flex h-full w-[--sidebar-width] flex-col bg-sidebar text-sidebar-foreground",
           r
         ),
@@ -13736,7 +13742,7 @@ const Ih = f.forwardRef(
           /* @__PURE__ */ l.jsx(
             "div",
             {
-              className: L(
+              className: B(
                 "duration-200 relative h-svh w-[--sidebar-width] bg-transparent transition-[width] ease-linear",
                 "group-data-[collapsible=offcanvas]:w-0",
                 "group-data-[side=right]:rotate-180",
@@ -13747,7 +13753,7 @@ const Ih = f.forwardRef(
           /* @__PURE__ */ l.jsx(
             "div",
             {
-              className: L(
+              className: B(
                 "duration-200 fixed inset-y-0 z-10 hidden h-svh w-[--sidebar-width] transition-[left,right,width] ease-linear md:flex",
                 e === "left" ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]" : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
                 // Adjust the padding for floating and inset variants.
@@ -13780,7 +13786,7 @@ const jh = f.forwardRef(({ className: e, onClick: t, ...n }, r) => {
       "data-sidebar": "trigger",
       variant: "ghost",
       size: "icon",
-      className: L("h-7 w-7", e),
+      className: B("h-7 w-7", e),
       onClick: (s) => {
         t == null || t(s), o();
       },
@@ -13804,7 +13810,7 @@ const HC = f.forwardRef(({ className: e, ...t }, n) => {
       tabIndex: -1,
       onClick: r,
       title: "Toggle Sidebar",
-      className: L(
+      className: B(
         "absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex",
         "[[data-side=left]_&]:cursor-w-resize [[data-side=right]_&]:cursor-e-resize",
         "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
@@ -13822,7 +13828,7 @@ const Ah = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   "main",
   {
     ref: n,
-    className: L(
+    className: B(
       "relative flex min-h-svh flex-1 flex-col bg-background",
       "peer-data-[variant=inset]:min-h-[calc(100svh-theme(spacing.4))] md:peer-data-[variant=inset]:m-2 md:peer-data-[state=collapsed]:peer-data-[variant=inset]:ml-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow",
       e
@@ -13836,7 +13842,7 @@ const $C = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   {
     ref: n,
     "data-sidebar": "input",
-    className: L(
+    className: B(
       "h-8 w-full bg-background shadow-none focus-visible:ring-2 focus-visible:ring-sidebar-ring",
       e
     ),
@@ -13849,7 +13855,7 @@ const kh = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   {
     ref: n,
     "data-sidebar": "header",
-    className: L("flex flex-col gap-2 p-2", e),
+    className: B("flex flex-col gap-2 p-2", e),
     ...t
   }
 ));
@@ -13859,7 +13865,7 @@ const zC = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   {
     ref: n,
     "data-sidebar": "footer",
-    className: L("flex flex-col gap-2 p-2", e),
+    className: B("flex flex-col gap-2 p-2", e),
     ...t
   }
 ));
@@ -13869,7 +13875,7 @@ const UC = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   {
     ref: n,
     "data-sidebar": "separator",
-    className: L("mx-2 w-auto bg-sidebar-border", e),
+    className: B("mx-2 w-auto bg-sidebar-border", e),
     ...t
   }
 ));
@@ -13879,7 +13885,7 @@ const Ph = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   {
     ref: n,
     "data-sidebar": "content",
-    className: L(
+    className: B(
       "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
       e
     ),
@@ -13892,7 +13898,7 @@ const _h = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   {
     ref: n,
     "data-sidebar": "group",
-    className: L("relative flex w-full min-w-0 flex-col p-2", e),
+    className: B("relative flex w-full min-w-0 flex-col p-2", e),
     ...t
   }
 ));
@@ -13904,7 +13910,7 @@ const Oh = f.forwardRef(({ className: e, asChild: t = !1, ...n }, r) => {
     {
       ref: r,
       "data-sidebar": "group-label",
-      className: L(
+      className: B(
         "duration-200 flex h-8 shrink-0 items-center rounded-md px-2 text-xs font-medium text-sidebar-foreground/70 outline-none ring-sidebar-ring transition-[margin,opa] ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
         e
@@ -13921,7 +13927,7 @@ const WC = f.forwardRef(({ className: e, asChild: t = !1, ...n }, r) => {
     {
       ref: r,
       "data-sidebar": "group-action",
-      className: L(
+      className: B(
         "absolute right-3 top-3.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
         "after:absolute after:-inset-2 after:md:hidden",
@@ -13938,7 +13944,7 @@ const Mh = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   {
     ref: n,
     "data-sidebar": "group-content",
-    className: L("w-full text-sm", e),
+    className: B("w-full text-sm", e),
     ...t
   }
 ));
@@ -13948,7 +13954,7 @@ const Dh = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   {
     ref: n,
     "data-sidebar": "menu",
-    className: L("flex w-full min-w-0 flex-col gap-1", e),
+    className: B("flex w-full min-w-0 flex-col gap-1", e),
     ...t
   }
 ));
@@ -13958,7 +13964,7 @@ const Lh = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   {
     ref: n,
     "data-sidebar": "menu-item",
-    className: L("group/menu-item relative", e),
+    className: B("group/menu-item relative", e),
     ...t
   }
 ));
@@ -13999,7 +14005,7 @@ const VC = Hr(
         "data-sidebar": "menu-button",
         "data-size": r,
         "data-active": t,
-        className: L(VC({ variant: n, size: r }), s),
+        className: B(VC({ variant: n, size: r }), s),
         ...i
       }
     );
@@ -14027,7 +14033,7 @@ const GC = f.forwardRef(({ className: e, asChild: t = !1, showOnHover: n = !1, .
     {
       ref: o,
       "data-sidebar": "menu-action",
-      className: L(
+      className: B(
         "absolute right-1 top-1.5 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-none ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
         // Increases the hit area of the button on mobile.
         "after:absolute after:-inset-2 after:md:hidden",
@@ -14048,7 +14054,7 @@ const KC = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   {
     ref: n,
     "data-sidebar": "menu-badge",
-    className: L(
+    className: B(
       "absolute right-1 flex h-5 min-w-5 items-center justify-center rounded-md px-1 text-xs font-medium tabular-nums text-sidebar-foreground select-none pointer-events-none",
       "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
       "peer-data-[size=sm]/menu-button:top-1",
@@ -14068,7 +14074,7 @@ const YC = f.forwardRef(({ className: e, showIcon: t = !1, ...n }, r) => {
     {
       ref: r,
       "data-sidebar": "menu-skeleton",
-      className: L("rounded-md h-8 flex gap-2 px-2 items-center", e),
+      className: B("rounded-md h-8 flex gap-2 px-2 items-center", e),
       ...n,
       children: [
         t && /* @__PURE__ */ l.jsx(
@@ -14098,7 +14104,7 @@ const qC = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   {
     ref: n,
     "data-sidebar": "menu-sub",
-    className: L(
+    className: B(
       "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-l border-sidebar-border px-2.5 py-0.5",
       "group-data-[collapsible=icon]:hidden",
       e
@@ -14118,7 +14124,7 @@ const JC = f.forwardRef(({ asChild: e = !1, size: t = "md", isActive: n, classNa
       "data-sidebar": "menu-sub-button",
       "data-size": t,
       "data-active": n,
-      className: L(
+      className: B(
         "flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-sidebar-foreground outline-none ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
         "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
         t === "sm" && "text-xs",
@@ -14185,7 +14191,7 @@ const QC = Hr(
   Hh,
   {
     ref: n,
-    className: L(QC(), e),
+    className: B(QC(), e),
     ...t
   }
 ));
@@ -14314,7 +14320,7 @@ var Kh = zh, oT = Wh;
 const cn = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   Kh,
   {
-    className: L(
+    className: B(
       "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
     ),
@@ -14323,7 +14329,7 @@ const cn = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
     children: /* @__PURE__ */ l.jsx(
       oT,
       {
-        className: L(
+        className: B(
           "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"
         )
       }
@@ -14360,7 +14366,7 @@ var sT = [" ", "Enter", "ArrowUp", "ArrowDown"], iT = [" ", "Enter"], kn = "Sele
     defaultProp: a,
     onChange: c,
     caller: kn
-  }), H = f.useRef(null), A = p ? x || !!p.closest("form") : !0, [M, I] = f.useState(/* @__PURE__ */ new Set()), B = Array.from(M).map((F) => F.props.value).join(";");
+  }), H = f.useRef(null), A = p ? x || !!p.closest("form") : !0, [O, I] = f.useState(/* @__PURE__ */ new Set()), L = Array.from(O).map((F) => F.props.value).join(";");
   return /* @__PURE__ */ l.jsx(Ta, { ...g, children: /* @__PURE__ */ l.jsxs(
     lT,
     {
@@ -14386,11 +14392,11 @@ var sT = [" ", "Enter", "ArrowUp", "ArrowDown"], iT = [" ", "Enter"], kn = "Sele
           {
             scope: e.__scopeSelect,
             onNativeOptionAdd: f.useCallback((F) => {
-              I((Z) => new Set(Z).add(F));
+              I((X) => new Set(X).add(F));
             }, []),
             onNativeOptionRemove: f.useCallback((F) => {
-              I((Z) => {
-                const D = new Set(Z);
+              I((X) => {
+                const D = new Set(X);
                 return D.delete(F), D;
               });
             }, []),
@@ -14411,10 +14417,10 @@ var sT = [" ", "Enter", "ArrowUp", "ArrowDown"], iT = [" ", "Enter"], kn = "Sele
             form: x,
             children: [
               j === void 0 ? /* @__PURE__ */ l.jsx("option", { value: "" }) : null,
-              Array.from(M)
+              Array.from(O)
             ]
           },
-          B
+          L
         ) : null
       ]
     }
@@ -14531,59 +14537,59 @@ var Mt = 10, [np, wn] = cr(Pn), hT = "SelectContentImpl", pT = Xn("SelectContent
       ...w
     } = e, b = bn(Pn, n), [y, E] = f.useState(null), [S, T] = f.useState(null), C = Te(t, (K) => E(K)), [N, j] = f.useState(null), [P, H] = f.useState(
       null
-    ), A = ks(n), [M, I] = f.useState(!1), B = f.useRef(!1);
+    ), A = ks(n), [O, I] = f.useState(!1), L = f.useRef(!1);
     f.useEffect(() => {
       if (y) return da(y);
     }, [y]), ua();
     const F = f.useCallback(
       (K) => {
-        const [_, ...X] = A().map((se) => se.ref.current), [te] = X.slice(-1), ue = document.activeElement;
+        const [_, ...J] = A().map((se) => se.ref.current), [te] = J.slice(-1), ue = document.activeElement;
         for (const se of K)
           if (se === ue || (se == null || se.scrollIntoView({ block: "nearest" }), se === _ && S && (S.scrollTop = 0), se === te && S && (S.scrollTop = S.scrollHeight), se == null || se.focus(), document.activeElement !== ue)) return;
       },
       [A, S]
-    ), Z = f.useCallback(
+    ), X = f.useCallback(
       () => F([N, y]),
       [F, N, y]
     );
     f.useEffect(() => {
-      M && Z();
-    }, [M, Z]);
-    const { onOpenChange: D, triggerPointerDownPosRef: O } = b;
+      O && X();
+    }, [O, X]);
+    const { onOpenChange: D, triggerPointerDownPosRef: M } = b;
     f.useEffect(() => {
       if (y) {
         let K = { x: 0, y: 0 };
         const _ = (te) => {
           var ue, se;
           K = {
-            x: Math.abs(Math.round(te.pageX) - (((ue = O.current) == null ? void 0 : ue.x) ?? 0)),
-            y: Math.abs(Math.round(te.pageY) - (((se = O.current) == null ? void 0 : se.y) ?? 0))
+            x: Math.abs(Math.round(te.pageX) - (((ue = M.current) == null ? void 0 : ue.x) ?? 0)),
+            y: Math.abs(Math.round(te.pageY) - (((se = M.current) == null ? void 0 : se.y) ?? 0))
           };
-        }, X = (te) => {
-          K.x <= 10 && K.y <= 10 ? te.preventDefault() : y.contains(te.target) || D(!1), document.removeEventListener("pointermove", _), O.current = null;
+        }, J = (te) => {
+          K.x <= 10 && K.y <= 10 ? te.preventDefault() : y.contains(te.target) || D(!1), document.removeEventListener("pointermove", _), M.current = null;
         };
-        return O.current !== null && (document.addEventListener("pointermove", _), document.addEventListener("pointerup", X, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", _), document.removeEventListener("pointerup", X, { capture: !0 });
+        return M.current !== null && (document.addEventListener("pointermove", _), document.addEventListener("pointerup", J, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", _), document.removeEventListener("pointerup", J, { capture: !0 });
         };
       }
-    }, [y, D, O]), f.useEffect(() => {
+    }, [y, D, M]), f.useEffect(() => {
       const K = () => D(!1);
       return window.addEventListener("blur", K), window.addEventListener("resize", K), () => {
         window.removeEventListener("blur", K), window.removeEventListener("resize", K);
       };
     }, [D]);
     const [G, Q] = wp((K) => {
-      const _ = A().filter((ue) => !ue.disabled), X = _.find((ue) => ue.ref.current === document.activeElement), te = yp(_, K, X);
+      const _ = A().filter((ue) => !ue.disabled), J = _.find((ue) => ue.ref.current === document.activeElement), te = yp(_, K, J);
       te && setTimeout(() => te.ref.current.focus());
     }), q = f.useCallback(
-      (K, _, X) => {
-        const te = !B.current && !X;
-        (b.value !== void 0 && b.value === _ || te) && (j(K), te && (B.current = !0));
+      (K, _, J) => {
+        const te = !L.current && !J;
+        (b.value !== void 0 && b.value === _ || te) && (j(K), te && (L.current = !0));
       },
       [b.value]
     ), $ = f.useCallback(() => y == null ? void 0 : y.focus(), [y]), Y = f.useCallback(
-      (K, _, X) => {
-        const te = !B.current && !X;
+      (K, _, J) => {
+        const te = !L.current && !J;
         (b.value !== void 0 && b.value === _ || te) && H(K);
       },
       [b.value]
@@ -14610,10 +14616,10 @@ var Mt = 10, [np, wn] = cr(Pn), hT = "SelectContentImpl", pT = Xn("SelectContent
         selectedItem: N,
         onItemLeave: $,
         itemTextRefCallback: Y,
-        focusSelectedItem: Z,
+        focusSelectedItem: X,
         selectedItemText: P,
         position: r,
-        isPositioned: M,
+        isPositioned: O,
         searchRef: G,
         children: /* @__PURE__ */ l.jsx(us, { as: pT, allowPinchZoom: !0, children: /* @__PURE__ */ l.jsx(
           as,
@@ -14700,14 +14706,14 @@ var mT = "SelectItemAlignedPosition", op = f.forwardRef((e, t) => {
         ]);
         a.style.minWidth = Pe + "px", a.style.right = je + "px";
       }
-      const H = m(), A = window.innerHeight - Mt * 2, M = g.scrollHeight, I = window.getComputedStyle(u), B = parseInt(I.borderTopWidth, 10), F = parseInt(I.paddingTop, 10), Z = parseInt(I.borderBottomWidth, 10), D = parseInt(I.paddingBottom, 10), O = B + F + M + D + Z, G = Math.min(p.offsetHeight * 5, O), Q = window.getComputedStyle(g), q = parseInt(Q.paddingTop, 10), $ = parseInt(Q.paddingBottom, 10), Y = C.top + C.height / 2 - Mt, ye = A - Y, ce = p.offsetHeight / 2, K = p.offsetTop + ce, _ = B + F + K, X = O - _;
+      const H = m(), A = window.innerHeight - Mt * 2, O = g.scrollHeight, I = window.getComputedStyle(u), L = parseInt(I.borderTopWidth, 10), F = parseInt(I.paddingTop, 10), X = parseInt(I.borderBottomWidth, 10), D = parseInt(I.paddingBottom, 10), M = L + F + O + D + X, G = Math.min(p.offsetHeight * 5, M), Q = window.getComputedStyle(g), q = parseInt(Q.paddingTop, 10), $ = parseInt(Q.paddingBottom, 10), Y = C.top + C.height / 2 - Mt, ye = A - Y, ce = p.offsetHeight / 2, K = p.offsetTop + ce, _ = L + F + K, J = M - _;
       if (_ <= Y) {
         const ue = H.length > 0 && p === H[H.length - 1].ref.current;
         a.style.bottom = "0px";
         const se = u.clientHeight - g.offsetTop - g.offsetHeight, ke = Math.max(
           ye,
           ce + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (ue ? $ : 0) + se + Z
+          (ue ? $ : 0) + se + X
         ), Pe = _ + ke;
         a.style.height = Pe + "px";
       } else {
@@ -14715,9 +14721,9 @@ var mT = "SelectItemAlignedPosition", op = f.forwardRef((e, t) => {
         a.style.top = "0px";
         const ke = Math.max(
           Y,
-          B + g.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          L + g.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
           (ue ? q : 0) + ce
-        ) + X;
+        ) + J;
         a.style.height = ke + "px", g.scrollTop = _ - Y + g.offsetTop;
       }
       a.style.margin = `${Mt}px 0`, a.style.minHeight = G + "px", a.style.maxHeight = A + "px", r == null || r(), requestAnimationFrame(() => v.current = !0);
@@ -15140,7 +15146,7 @@ const vc = ET, bc = NT, Bi = f.forwardRef(({ className: e, children: t, ...n },
   Sp,
   {
     ref: r,
-    className: L(
+    className: B(
       "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
     ),
@@ -15156,7 +15162,7 @@ const jp = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   Ep,
   {
     ref: n,
-    className: L(
+    className: B(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
@@ -15169,7 +15175,7 @@ const Ap = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   Np,
   {
     ref: n,
-    className: L(
+    className: B(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
@@ -15182,7 +15188,7 @@ const Hi = f.forwardRef(({ className: e, children: t, position: n = "popper", ..
   Cp,
   {
     ref: o,
-    className: L(
+    className: B(
       "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
@@ -15194,7 +15200,7 @@ const Hi = f.forwardRef(({ className: e, children: t, position: n = "popper", ..
       /* @__PURE__ */ l.jsx(
         AT,
         {
-          className: L(
+          className: B(
             "p-1",
             n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
@@ -15210,7 +15216,7 @@ const _T = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   Tp,
   {
     ref: n,
-    className: L("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
+    className: B("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
     ...t
   }
 ));
@@ -15219,7 +15225,7 @@ const yn = f.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   Rp,
   {
     ref: r,
-    className: L(
+    className: B(
       "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
     ),
@@ -15235,7 +15241,7 @@ const OT = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   Ip,
   {
     ref: n,
-    className: L("-mx-1 my-1 h-px bg-muted", e),
+    className: B("-mx-1 my-1 h-px bg-muted", e),
     ...t
   }
 ));
@@ -15244,7 +15250,7 @@ const No = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   "div",
   {
     ref: n,
-    className: L(
+    className: B(
       "rounded-lg border bg-card text-card-foreground shadow-sm",
       e
     ),
@@ -15256,7 +15262,7 @@ const Io = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   "div",
   {
     ref: n,
-    className: L("flex flex-col space-y-1.5 p-6", e),
+    className: B("flex flex-col space-y-1.5 p-6", e),
     ...t
   }
 ));
@@ -15265,7 +15271,7 @@ const jo = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   "h3",
   {
     ref: n,
-    className: L(
+    className: B(
       "text-2xl font-semibold leading-none tracking-tight",
       e
     ),
@@ -15277,18 +15283,18 @@ const MT = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   "p",
   {
     ref: n,
-    className: L("text-sm text-muted-foreground", e),
+    className: B("text-sm text-muted-foreground", e),
     ...t
   }
 ));
 MT.displayName = "CardDescription";
-const Ao = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx("div", { ref: n, className: L("p-6 pt-0", e), ...t }));
+const Ao = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx("div", { ref: n, className: B("p-6 pt-0", e), ...t }));
 Ao.displayName = "CardContent";
 const DT = f.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ l.jsx(
   "div",
   {
     ref: n,
-    className: L("flex items-center p-6 pt-0", e),
+    className: B("flex items-center p-6 pt-0", e),
     ...t
   }
 ));