teodor-new-chat-ui 3.0.4 → 3.0.6

package/dist/index.esm.js

@@ -1,7 +1,7 @@
 import { jsx as c, jsxs as E, Fragment as Ae } from "react/jsx-runtime";
 import * as u from "react";
 import qe, { useState as re, useRef as Te, useCallback as ve, useEffect as ge, useReducer as Zu, useMemo as gt, createContext as Ia, useContext as _a, useLayoutEffect as Qu } from "react";
-import { ChevronUp as Zt, ChevronDown as kt, Copy as Ns, Edit as Rs, RotateCcw as fo, Bot as Ts, Wrench as ed, User as td, Image as nd, ChevronRight as rd, Check as $o, Circle as od, X as tn, Loader2 as As, Edit3 as Oa, Paperclip as Ps, Plus as sd, FileSpreadsheet as ad, Square as id, Send as cd, MessageSquarePlus as ld, MessageSquare as ud, Calendar as dd, Trash2 as fd, PanelLeft as pd, Settings as hd, Server as md, EyeOff as gd, Eye as bd, Layout as vd, MessageCircle as wd, Save as yd } from "lucide-react";
+import { ChevronUp as Zt, ChevronDown as Mt, Copy as Ns, Edit as Rs, RotateCcw as fo, Bot as Ts, Wrench as ed, User as td, Image as nd, ChevronRight as rd, Check as $o, Circle as od, X as tn, Loader2 as As, Edit3 as Oa, Paperclip as Ps, Plus as sd, FileSpreadsheet as ad, Square as id, Send as cd, MessageSquarePlus as ld, MessageSquare as ud, Calendar as dd, Trash2 as fd, PanelLeft as pd, Settings as hd, Server as md, EyeOff as gd, Eye as bd, Layout as vd, MessageCircle as wd, Save as yd } from "lucide-react";
 import { Slot as zt, createSlot as Ft, createSlottable as xd } from "@radix-ui/react-slot";
 import { cva as fn } from "class-variance-authority";
 import { clsx as Sd } from "clsx";
@@ -10,12 +10,12 @@ import * as ur from "react-dom";
 import Ed from "react-dom";
 import Nd from "react-markdown";
 import Rd from "remark-gfm";
-function Ma(e, t) {
+function ka(e, t) {
   return function() {
     return e.apply(t, arguments);
   };
 }
-const { toString: Td } = Object.prototype, { getPrototypeOf: Bo } = Object, { iterator: dr, toStringTag: ka } = Symbol, fr = /* @__PURE__ */ ((e) => (t) => {
+const { toString: Td } = Object.prototype, { getPrototypeOf: Bo } = Object, { iterator: dr, toStringTag: Ma } = Symbol, fr = /* @__PURE__ */ ((e) => (t) => {
   const n = Td.call(t);
   return e[n] || (e[n] = n.slice(8, -1).toLowerCase());
 })(/* @__PURE__ */ Object.create(null)), Ve = (e) => (e = e.toLowerCase(), (t) => fr(t) === e), pr = (e) => (t) => typeof t === e, { isArray: Wt } = Array, $t = pr("undefined");
@@ -31,7 +31,7 @@ const Pd = pr("string"), Pe = pr("function"), La = pr("number"), hn = (e) => e !
   if (fr(e) !== "object")
     return !1;
   const t = Bo(e);
-  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(ka in e) && !(dr in e);
+  return (t === null || t === Object.prototype || Object.getPrototypeOf(t) === null) && !(Ma in e) && !(dr in e);
 }, _d = (e) => {
   if (!hn(e) || pn(e))
     return !1;
@@ -40,7 +40,7 @@ const Pd = pr("string"), Pe = pr("function"), La = pr("number"), hn = (e) => e !
   } catch {
     return !1;
   }
-}, Od = Ve("Date"), Md = Ve("File"), kd = Ve("Blob"), Dd = Ve("FileList"), Ld = (e) => hn(e) && Pe(e.pipe), Fd = (e) => {
+}, Od = Ve("Date"), kd = Ve("File"), Md = Ve("Blob"), Dd = Ve("FileList"), Ld = (e) => hn(e) && Pe(e.pipe), Fd = (e) => {
   let t;
   return e && (typeof FormData == "function" && e instanceof FormData || Pe(e.append) && ((t = fr(e)) === "formdata" || // detect form-data instance
   t === "object" && Pe(e.toString) && e.toString() === "[object FormData]"));
@@ -83,7 +83,7 @@ function po() {
   return n;
 }
 const Vd = (e, t, n, { allOwnKeys: r } = {}) => (mn(t, (o, s) => {
-  n && Pe(o) ? e[s] = Ma(o, n) : e[s] = o;
+  n && Pe(o) ? e[s] = ka(o, n) : e[s] = o;
 }, { allOwnKeys: r }), e), jd = (e) => (e.charCodeAt(0) === 65279 && (e = e.slice(1)), e), Kd = (e, t, n, r) => {
   e.prototype = Object.create(t.prototype, r), e.prototype.constructor = e, Object.defineProperty(e, "super", {
     value: t.prototype
@@ -160,7 +160,7 @@ const Vd = (e, t, n, { allOwnKeys: r } = {}) => (mn(t, (o, s) => {
 }, of = () => {
 }, sf = (e, t) => e != null && Number.isFinite(e = +e) ? e : t;
 function af(e) {
-  return !!(e && Pe(e.append) && e[ka] === "FormData" && e[dr]);
+  return !!(e && Pe(e.append) && e[Ma] === "FormData" && e[dr]);
 }
 const cf = (e) => {
   const t = new Array(10), n = (r, o) => {
@@ -206,8 +206,8 @@ const cf = (e) => {
   isHeaders: zd,
   isUndefined: $t,
   isDate: Od,
-  isFile: Md,
-  isBlob: kd,
+  isFile: kd,
+  isBlob: Md,
   isRegExp: tf,
   isFunction: Pe,
   isStream: Ld,
@@ -428,7 +428,7 @@ function ja(e, t, n) {
   }
   return e;
 }
-class Ms {
+class ks {
   constructor() {
     this.handlers = [];
   }
@@ -645,7 +645,7 @@ const Pf = S.toObjectSet([
 `).forEach(function(a) {
     o = a.indexOf(":"), n = a.substring(0, o).trim().toLowerCase(), r = a.substring(o + 1).trim(), !(!n || t[n] && Pf[n]) && (n === "set-cookie" ? t[n] ? t[n].push(r) : t[n] = [r] : t[n] = t[n] ? t[n] + ", " + r : r);
   }), t;
-}, ks = Symbol("internals");
+}, Ms = Symbol("internals");
 function Jt(e) {
   return e && String(e).trim().toLowerCase();
 }
@@ -670,10 +670,10 @@ function Vr(e, t, n, r, o) {
       return r.test(t);
   }
 }
-function Mf(e) {
+function kf(e) {
   return e.trim().toLowerCase().replace(/([a-z\d])(\w*)/g, (t, n, r) => n.toUpperCase() + r);
 }
-function kf(e, t) {
+function Mf(e, t) {
   const n = S.toCamelCase(" " + t);
   ["get", "set", "has"].forEach((r) => {
     Object.defineProperty(e, r + n, {
@@ -766,7 +766,7 @@ let Ie = class {
         n[a] = $n(o), delete n[s];
         return;
       }
-      const i = t ? Mf(s) : String(s).trim();
+      const i = t ? kf(s) : String(s).trim();
       i !== s && delete n[s], n[i] = $n(o), r[i] = !0;
     }), this;
   }
@@ -800,12 +800,12 @@ let Ie = class {
     return n.forEach((o) => r.set(o)), r;
   }
   static accessor(t) {
-    const r = (this[ks] = this[ks] = {
+    const r = (this[Ms] = this[Ms] = {
       accessors: {}
     }).accessors, o = this.prototype;
     function s(a) {
       const i = Jt(a);
-      r[i] || (kf(o, a), r[i] = !0);
+      r[i] || (Mf(o, a), r[i] = !0);
     }
     return S.isArray(t) ? t.forEach(s) : s(t), this;
   }
@@ -1238,24 +1238,24 @@ const Ja = (e) => {
       onDownloadProgress: R,
       onUploadProgress: _,
       responseType: N,
-      headers: M,
+      headers: k,
       withCredentials: L = "same-origin",
       fetchOptions: P
     } = Ja(g), $ = t || fetch;
     N = N ? (N + "").toLowerCase() : "text";
     let K = Vf([x, y && y.toAbortSignal()], C), B = null;
-    const k = K && K.unsubscribe && (() => {
+    const M = K && K.unsubscribe && (() => {
       K.unsubscribe();
     });
     let H;
     try {
-      if (_ && f && b !== "get" && b !== "head" && (H = await v(M, w)) !== 0) {
+      if (_ && f && b !== "get" && b !== "head" && (H = await v(k, w)) !== 0) {
         let q = new n(h, {
           method: "POST",
           body: w,
           duplex: "half"
         }), se;
-        if (S.isFormData(w) && (se = q.headers.get("content-type")) && M.setContentType(se), q.body) {
+        if (S.isFormData(w) && (se = q.headers.get("content-type")) && k.setContentType(se), q.body) {
           const [F, V] = Ds(
             H,
             Zn(Ls(_))
@@ -1268,7 +1268,7 @@ const Ja = (e) => {
         ...P,
         signal: K,
         method: b.toUpperCase(),
-        headers: M.normalize().toJSON(),
+        headers: k.normalize().toJSON(),
         body: w,
         duplex: "half",
         credentials: O ? L : void 0
@@ -1276,7 +1276,7 @@ const Ja = (e) => {
       B = s && new n(h, G);
       let D = await (s ? $(B, P) : $(h, G));
       const T = d && (N === "stream" || N === "response");
-      if (d && (R || T && k)) {
+      if (d && (R || T && M)) {
         const q = {};
         ["status", "statusText", "headers"].forEach((ce) => {
           q[ce] = D[ce];
@@ -1287,14 +1287,14 @@ const Ja = (e) => {
         ) || [];
         D = new r(
           $s(D.body, Bs, F, () => {
-            V && V(), k && k();
+            V && V(), M && M();
           }),
           q
         );
       }
       N = N || "text";
       let Q = await p[S.findKey(p, N) || "text"](D, g);
-      return !T && k && k(), await new Promise((q, se) => {
+      return !T && M && M(), await new Promise((q, se) => {
         Xa(q, se, {
           data: Q,
           headers: Ie.from(D.headers),
@@ -1305,7 +1305,7 @@ const Ja = (e) => {
         });
       });
     } catch (O) {
-      throw k && k(), O && O.name === "TypeError" && /Load failed|fetch/i.test(O.message) ? Object.assign(
+      throw M && M(), O && O.name === "TypeError" && /Load failed|fetch/i.test(O.message) ? Object.assign(
         new ne("Network Error", ne.ERR_NETWORK, g, B),
         {
           cause: O.cause || O
@@ -1447,8 +1447,8 @@ const Bn = {
 let vt = class {
   constructor(t) {
     this.defaults = t || {}, this.interceptors = {
-      request: new Ms(),
-      response: new Ms()
+      request: new ks(),
+      response: new ks()
     };
   }
   /**
@@ -1718,7 +1718,7 @@ Object.entries(bo).forEach(([e, t]) => {
   bo[t] = e;
 });
 function ni(e) {
-  const t = new vt(e), n = Ma(vt.prototype.request, t);
+  const t = new vt(e), n = ka(vt.prototype.request, t);
   return S.extend(n, vt.prototype, t, { allOwnKeys: !0 }), S.extend(n, t, null, { allOwnKeys: !0 }), n.create = function(o) {
     return ni(wt(e, o));
   }, n;
@@ -1754,8 +1754,8 @@ const {
   Cancel: Iy,
   isAxiosError: _y,
   spread: Oy,
-  toFormData: My,
-  AxiosHeaders: ky,
+  toFormData: ky,
+  AxiosHeaders: My,
   HttpStatusCode: Dy,
   formToJSON: Ly,
   getAdapter: Fy,
@@ -1945,29 +1945,29 @@ function ip(e = {}) {
       return g.current = _, (async () => {
         var L, P, $, K, B;
         const N = (() => {
-          var k;
+          var M;
           try {
-            return typeof window < "u" && ((k = window.localStorage) == null ? void 0 : k.getItem("chat-debug")) === "1";
+            return typeof window < "u" && ((M = window.localStorage) == null ? void 0 : M.getItem("chat-debug")) === "1";
           } catch {
             return !1;
           }
-        })(), M = (k) => {
+        })(), k = (M) => {
           var H;
           try {
-            const O = JSON.parse(JSON.stringify(k));
+            const O = JSON.parse(JSON.stringify(M));
             return (H = O == null ? void 0 : O.payload) != null && H.files_info && Array.isArray(O.payload.files_info) && (O.payload.files_info = O.payload.files_info.map((G) => ({
               ...G,
               data: G != null && G.data ? `<base64 ${String(G.data).length} chars>` : G == null ? void 0 : G.data
             }))), O;
           } catch {
-            return k;
+            return M;
           }
         };
         try {
-          let k = {};
+          let M = {};
           try {
             if (r)
-              k = { Authorization: `Bearer ${r}` };
+              M = { Authorization: `Bearer ${r}` };
             else if (typeof window < "u") {
               const Q = window.__AUTH_TOKEN__, q = ((L = window.localStorage) == null ? void 0 : L.getItem("authToken")) || null;
               let se = null;
@@ -1977,17 +1977,17 @@ function ip(e = {}) {
               } catch {
               }
               const F = Q || q || se || null;
-              F && (k = { Authorization: `Bearer ${F}` });
+              F && (M = { Authorization: `Bearer ${F}` });
             }
           } catch {
           }
-          N && console.debug("[use-chat] POST", t + n, M(y));
+          N && console.debug("[use-chat] POST", t + n, k(y));
           const H = await fetch(t + n, {
             method: "POST",
             headers: {
               "Content-Type": "application/json",
               Accept: "text/event-stream",
-              ...k,
+              ...M,
               ...s.current
             },
             body: JSON.stringify(y),
@@ -2037,9 +2037,9 @@ function ip(e = {}) {
               } else ce.type === "checkpoint" ? v(ce.checkpointId) : ce.type === "error" && f(ce.message);
             }
           }
-        } catch (k) {
-          if ((k == null ? void 0 : k.name) === "AbortError") return;
-          const H = (k == null ? void 0 : k.message) || String(k);
+        } catch (M) {
+          if ((M == null ? void 0 : M.name) === "AbortError") return;
+          const H = (M == null ? void 0 : M.message) || String(M);
           N && console.debug("[use-chat] error:", H), f(H), (B = R == null ? void 0 : R.onError) == null || B.call(R, H);
         } finally {
           i(!1), g.current = null;
@@ -2278,7 +2278,7 @@ function Un({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }, [l, v]);
   const b = ve((Z) => {
     l.setAuthToken(Z);
-  }, [l]), { state: w, seed: x, prepend: y, pushUser: C, onEvent: R, reset: _ } = fp(), N = s && s > 0 ? s : 6, [M, L] = re(!1), [P, $] = re(!1), [K, B] = re(null), [k, H] = re(void 0), O = ve(
+  }, [l]), { state: w, seed: x, prepend: y, pushUser: C, onEvent: R, reset: _ } = fp(), N = s && s > 0 ? s : 6, [k, L] = re(!1), [P, $] = re(!1), [K, B] = re(null), [M, H] = re(void 0), O = ve(
     (Z, Y) => {
       const he = Array.isArray(Z == null ? void 0 : Z.messages) ? Z.messages : [];
       Y === "replace" ? x(he) : Y === "prepend" && he.length && y(he), B((Z == null ? void 0 : Z.nextCursor) ?? null), L(!!(Z != null && Z.hasMore)), H((Oe) => (Z == null ? void 0 : Z.checkpointId) ?? Oe ?? void 0);
@@ -2459,14 +2459,14 @@ function Un({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }, [T, C, p, R, w.lastCheckpointId, l, t == null ? void 0 : t.uploadPath, q, Q]), me = ve(
     async (Z) => {
       if (!T) throw new Error("No active thread");
-      if (P || !M) return;
+      if (P || !k) return;
       const Y = K;
       if (Y) {
         $(!0);
         try {
           const he = await l.getMessages({
             threadId: T,
-            checkpointId: k,
+            checkpointId: M,
             limit: (Z == null ? void 0 : Z.limit) ?? N,
             beforeId: Y
           });
@@ -2476,7 +2476,7 @@ function Un({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
         }
       }
     },
-    [l, T, k, K, M, P, O]
+    [l, T, M, K, k, P, O]
   ), de = {
     baseUrl: l.baseUrl,
     token: g,
@@ -2490,7 +2490,7 @@ function Un({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     error: d,
     lastCheckpointId: w.lastCheckpointId,
     streamingAssistantId: w.assemblingId,
-    hasMoreHistory: M,
+    hasMoreHistory: k,
     isLoadingHistory: P,
     loadOlderMessages: me,
     historyPageSize: N,
@@ -2888,11 +2888,11 @@ di.displayName = ui;
 var Vo = "CollapsibleContent", Op = u.forwardRef(
   (e, t) => {
     const { forceMount: n, ...r } = e, o = Wo(Vo, e.__scopeCollapsible);
-    return /* @__PURE__ */ c(_e, { present: n || o.open, children: ({ present: s }) => /* @__PURE__ */ c(Mp, { ...r, ref: t, present: s }) });
+    return /* @__PURE__ */ c(_e, { present: n || o.open, children: ({ present: s }) => /* @__PURE__ */ c(kp, { ...r, ref: t, present: s }) });
   }
 );
 Op.displayName = Vo;
-var Mp = u.forwardRef((e, t) => {
+var kp = u.forwardRef((e, t) => {
   const { __scopeCollapsible: n, present: r, children: o, ...s } = e, a = Wo(Vo, n), [i, l] = u.useState(r), f = u.useRef(null), d = ie(t, f), p = u.useRef(0), m = p.current, v = u.useRef(0), g = v.current, h = a.open || i, b = u.useRef(h), w = u.useRef(void 0);
   return u.useEffect(() => {
     const x = requestAnimationFrame(() => b.current = !1);
@@ -2928,8 +2928,8 @@ var Mp = u.forwardRef((e, t) => {
 function jo(e) {
   return e ? "open" : "closed";
 }
-var kp = li;
-const Ys = kp, Js = di;
+var Mp = li;
+const Ys = Mp, Js = di;
 function _n({ content: e, className: t = "" }) {
   const n = qe.useMemo(() => ({ table: ({ node: f, className: d, ...p }) => /* @__PURE__ */ c("div", { className: "max-w-full", children: /* @__PURE__ */ c(
     "table",
@@ -3031,7 +3031,7 @@ function Lp({
   onCancelEdit: b,
   onCopy: w
 }) {
-  const [x, y] = re(!1), [C, R] = re(!1), [_, N] = re(!1), [M, L] = re(!1), P = l === "phone" || l === "half-screen", $ = e.role, K = $ === "tool", B = qe.useMemo(() => {
+  const [x, y] = re(!1), [C, R] = re(!1), [_, N] = re(!1), [k, L] = re(!1), P = l === "phone" || l === "half-screen", $ = e.role, K = $ === "tool", B = qe.useMemo(() => {
     switch ($) {
       case "user":
         return "text-[hsl(var(--chat-bubble-user-text))]";
@@ -3044,16 +3044,16 @@ function Lp({
       default:
         return "text-foreground";
     }
-  }, [$]), k = gt(() => Fp(e.content), [e.content]), H = gt(() => Wp(e.content), [e.content]), O = gt(() => e.content.filter((W) => W.type === "image_url"), [e.content]), G = gt(() => e.content.filter((W) => W.type === "file"), [e.content]), D = jp(k, n ? r : 0), T = async () => {
+  }, [$]), M = gt(() => Fp(e.content), [e.content]), H = gt(() => Wp(e.content), [e.content]), O = gt(() => e.content.filter((W) => W.type === "image_url"), [e.content]), G = gt(() => e.content.filter((W) => W.type === "file"), [e.content]), D = jp(M, n ? r : 0), T = async () => {
     try {
-      const W = K ? Pt(e.content) : k;
+      const W = K ? Pt(e.content) : M;
       await navigator.clipboard.writeText(W), y(!0), setTimeout(() => y(!1), 2e3), w == null || w(W);
     } catch (W) {
       console.error("Failed to copy:", W);
     }
   }, Q = () => {
     if (!g) return;
-    const W = K ? Pt(e.content) : k;
+    const W = K ? Pt(e.content) : M;
     g(e.id, W);
   }, q = () => h == null ? void 0 : h(t), se = () => {
     const ae = A(P ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0", B);
@@ -3115,7 +3115,7 @@ function Lp({
     }
   }, pe = () => {
     if (e.model === "reflection") {
-      const j = k.trim(), X = Jr(j);
+      const j = M.trim(), X = Jr(j);
       if (X && typeof X == "object")
         return /* @__PURE__ */ c(Kp, { data: X });
     }
@@ -3138,7 +3138,7 @@ function Lp({
           /* @__PURE__ */ c(Zt, { className: "h-3 w-3 mr-1" }),
           "Show less"
         ] }) : /* @__PURE__ */ E(Ae, { children: [
-          /* @__PURE__ */ c(kt, { className: "h-3 w-3 mr-1" }),
+          /* @__PURE__ */ c(Mt, { className: "h-3 w-3 mr-1" }),
           "Show more (",
           j.length - d,
           " chars)"
@@ -3161,13 +3161,13 @@ function Lp({
         })(),
         /* @__PURE__ */ c(Dp, { className: A(B, P ? "text-xs" : "text-sm") })
       ] }) : (() => {
-        const j = Jr(k.trim());
+        const j = Jr(M.trim());
         if (j !== null) return /* @__PURE__ */ c(Zs, { data: j });
         if ($ === "user" && p) {
-          const X = k.trim();
+          const X = M.trim();
           if (X.length > m)
-            return /* @__PURE__ */ E(Ys, { open: M, onOpenChange: L, children: [
-              /* @__PURE__ */ c("div", { className: A("text-sm text-[hsl(var(--chat-bubble-user-text))]", P && "text-xs"), children: M ? /* @__PURE__ */ c(_n, { content: X }) : /* @__PURE__ */ E("pre", { className: A("font-sans whitespace-pre-wrap break-words bg-transparent p-0 m-0 text-[hsl(var(--chat-bubble-user-text))]", P && "text-xs"), children: [
+            return /* @__PURE__ */ E(Ys, { open: k, onOpenChange: L, children: [
+              /* @__PURE__ */ c("div", { className: A("text-sm text-[hsl(var(--chat-bubble-user-text))]", P && "text-xs"), children: k ? /* @__PURE__ */ c(_n, { content: X }) : /* @__PURE__ */ E("pre", { className: A("font-sans whitespace-pre-wrap break-words bg-transparent p-0 m-0 text-[hsl(var(--chat-bubble-user-text))]", P && "text-xs"), children: [
                 X.substring(0, m),
                 "..."
               ] }) }),
@@ -3177,11 +3177,11 @@ function Lp({
                   variant: "ghost",
                   size: "sm",
                   className: "h-6 text-xs !text-[hsl(var(--chat-bubble-user-text))]",
-                  children: M ? /* @__PURE__ */ E(Ae, { children: [
+                  children: k ? /* @__PURE__ */ E(Ae, { children: [
                     /* @__PURE__ */ c(Zt, { className: "h-3 w-3 mr-1" }),
                     " Show less"
                   ] }) : /* @__PURE__ */ E(Ae, { children: [
-                    /* @__PURE__ */ c(kt, { className: "h-3 w-3 mr-1" }),
+                    /* @__PURE__ */ c(Mt, { className: "h-3 w-3 mr-1" }),
                     " Show more (",
                     X.length - m,
                     " chars)"
@@ -3190,7 +3190,7 @@ function Lp({
               ) })
             ] });
         }
-        return /* @__PURE__ */ c(_n, { content: k.trim() });
+        return /* @__PURE__ */ c(_n, { content: M.trim() });
       })(),
       W && /* @__PURE__ */ c("div", { className: "mt-2 grid grid-cols-2 gap-2", children: O.map((j, X) => /* @__PURE__ */ E("div", { className: "relative border rounded overflow-hidden", children: [
         /* @__PURE__ */ c("img", { src: j.url, alt: j.alt ?? "image", className: "w-full h-auto" }),
@@ -3208,10 +3208,15 @@ function Lp({
             download: me,
             target: "_blank",
             rel: "noreferrer",
-            className: "inline-flex items-center gap-2 bg-gray-100 border border-gray-200 rounded px-2 py-1 text-xs hover:bg-gray-200",
+            className: A(
+              "inline-flex items-center gap-2 rounded px-2 py-1 text-xs",
+              "bg-gray-100 border border-gray-200 hover:bg-gray-200",
+              "dark:bg-background/10 dark:border-border/30 dark:hover:bg-background/20",
+              "text-current"
+            ),
             title: me,
             children: [
-              /* @__PURE__ */ c("span", { className: "inline-block w-1.5 h-1.5 rounded-full bg-gray-400" }),
+              /* @__PURE__ */ c("span", { className: "inline-block w-1.5 h-1.5 rounded-full bg-gray-400 dark:bg-gray-500" }),
               /* @__PURE__ */ c("span", { className: "truncate max-w-[180px]", children: me })
             ]
           },
@@ -3247,7 +3252,7 @@ function Lp({
                 onClick: () => N((W) => !W),
                 children: [
                   /* @__PURE__ */ c("span", { children: H.name }),
-                  /* @__PURE__ */ c("span", { className: "inline-flex items-center", children: _ ? /* @__PURE__ */ c(Zt, { className: "h-3 w-3" }) : /* @__PURE__ */ c(kt, { className: "h-3 w-3" }) })
+                  /* @__PURE__ */ c("span", { className: "inline-flex items-center", children: _ ? /* @__PURE__ */ c(Zt, { className: "h-3 w-3" }) : /* @__PURE__ */ c(Mt, { className: "h-3 w-3" }) })
                 ]
               }
             ),
@@ -3260,7 +3265,7 @@ function Lp({
                 onClick: () => N((W) => !W),
                 children: /* @__PURE__ */ E("span", { className: "text-xs flex items-center gap-1", children: [
                   "Tool Output ",
-                  _ ? /* @__PURE__ */ c(Zt, { className: "h-3 w-3" }) : /* @__PURE__ */ c(kt, { className: "h-3 w-3" })
+                  _ ? /* @__PURE__ */ c(Zt, { className: "h-3 w-3" }) : /* @__PURE__ */ c(Mt, { className: "h-3 w-3" })
                 ] })
               }
             )
@@ -3574,7 +3579,7 @@ function Gp({ issues: e }) {
     ] }, n.key);
   }) });
 }
-const Mt = 1e4;
+const kt = 1e4;
 function qp(e) {
   if (typeof e != "string")
     return String(e);
@@ -3602,7 +3607,7 @@ function qp(e) {
 `).replace(/<li>(.*?)<\/li>/gi, `- $1
 `).trim() : n.replace(/</g, "&lt;").replace(/>/g, "&gt;").trim();
 }
-function Xp(e, t = Mt) {
+function Xp(e, t = kt) {
   if (!e || typeof e != "string")
     throw new Error("Invalid content: must be a non-empty string");
   if (e.length > t)
@@ -3691,11 +3696,11 @@ var Qp = "DismissableLayer", wo = "dismissableLayer.update", eh = "dismissableLa
       onDismiss: i,
       ...l
     } = e, f = u.useContext(pi), [d, p] = u.useState(null), m = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, v] = u.useState({}), g = ie(t, (N) => p(N)), h = Array.from(f.layers), [b] = [...f.layersWithOutsidePointerEventsDisabled].slice(-1), w = h.indexOf(b), x = d ? h.indexOf(d) : -1, y = f.layersWithOutsidePointerEventsDisabled.size > 0, C = x >= w, R = oh((N) => {
-      const M = N.target, L = [...f.branches].some((P) => P.contains(M));
+      const k = N.target, L = [...f.branches].some((P) => P.contains(k));
       !C || L || (o == null || o(N), a == null || a(N), N.defaultPrevented || i == null || i());
     }, m), _ = sh((N) => {
-      const M = N.target;
-      [...f.branches].some((P) => P.contains(M)) || (s == null || s(N), a == null || a(N), N.defaultPrevented || i == null || i());
+      const k = N.target;
+      [...f.branches].some((P) => P.contains(k)) || (s == null || s(N), a == null || a(N), N.defaultPrevented || i == null || i());
     }, m);
     return Zp((N) => {
       x === f.layers.size - 1 && (r == null || r(N), !N.defaultPrevented && i && (N.preventDefault(), i()));
@@ -3934,7 +3939,7 @@ function sa(e, t) {
 function fh(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-const ph = ["top", "right", "bottom", "left"], dt = Math.min, Me = Math.max, er = Math.round, On = Math.floor, Je = (e) => ({
+const ph = ["top", "right", "bottom", "left"], dt = Math.min, ke = Math.max, er = Math.round, On = Math.floor, Je = (e) => ({
   x: e,
   y: e
 }), hh = {
@@ -3947,7 +3952,7 @@ const ph = ["top", "right", "bottom", "left"], dt = Math.min, Me = Math.max, er
   end: "start"
 };
 function yo(e, t, n) {
-  return Me(e, dt(t, n));
+  return ke(e, dt(t, n));
 }
 function rt(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -4218,12 +4223,12 @@ const Nh = (e) => ({
     }, v = Yo(o), g = Xo(v), h = await a.getDimensions(f), b = v === "y", w = b ? "top" : "left", x = b ? "bottom" : "right", y = b ? "clientHeight" : "clientWidth", C = s.reference[g] + s.reference[v] - m[v] - s.floating[g], R = m[v] - s.reference[v], _ = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(f));
     let N = _ ? _[y] : 0;
     (!N || !await (a.isElement == null ? void 0 : a.isElement(_))) && (N = i.floating[y] || s.floating[g]);
-    const M = C / 2 - R / 2, L = N / 2 - h[g] / 2 - 1, P = dt(p[w], L), $ = dt(p[x], L), K = P, B = N - h[g] - $, k = N / 2 - h[g] / 2 + M, H = yo(K, k, B), O = !l.arrow && jt(o) != null && k !== H && s.reference[g] / 2 - (k < K ? P : $) - h[g] / 2 < 0, G = O ? k < K ? k - K : k - B : 0;
+    const k = C / 2 - R / 2, L = N / 2 - h[g] / 2 - 1, P = dt(p[w], L), $ = dt(p[x], L), K = P, B = N - h[g] - $, M = N / 2 - h[g] / 2 + k, H = yo(K, M, B), O = !l.arrow && jt(o) != null && M !== H && s.reference[g] / 2 - (M < K ? P : $) - h[g] / 2 < 0, G = O ? M < K ? M - K : M - B : 0;
     return {
       [v]: m[v] + G,
       data: {
         [v]: H,
-        centerOffset: k - H - G,
+        centerOffset: M - H - G,
         ...O && {
           alignmentOffset: G
         }
@@ -4257,24 +4262,24 @@ const Nh = (e) => ({
         return {};
       const w = ot(o), x = Ye(i), y = ot(i) === i, C = await (l.isRTL == null ? void 0 : l.isRTL(f.floating)), R = m || (y || !h ? [tr(i)] : vh(i)), _ = g !== "none";
       !m && _ && R.push(...Sh(i, h, g, C));
-      const N = [i, ...R], M = await sn(t, b), L = [];
+      const N = [i, ...R], k = await sn(t, b), L = [];
       let P = ((r = s.flip) == null ? void 0 : r.overflows) || [];
-      if (d && L.push(M[w]), p) {
-        const k = bh(o, a, C);
-        L.push(M[k[0]], M[k[1]]);
+      if (d && L.push(k[w]), p) {
+        const M = bh(o, a, C);
+        L.push(k[M[0]], k[M[1]]);
       }
       if (P = [...P, {
         placement: o,
         overflows: L
-      }], !L.every((k) => k <= 0)) {
+      }], !L.every((M) => M <= 0)) {
         var $, K;
-        const k = ((($ = s.flip) == null ? void 0 : $.index) || 0) + 1, H = N[k];
+        const M = ((($ = s.flip) == null ? void 0 : $.index) || 0) + 1, H = N[M];
         if (H && (!(p === "alignment" ? x !== Ye(H) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         P.every((D) => Ye(D.placement) === x ? D.overflows[0] > 0 : !0)))
           return {
             data: {
-              index: k,
+              index: M,
               overflows: P
             },
             reset: {
@@ -4535,14 +4540,14 @@ const Ph = function(e) {
       let b, w;
       p === "top" || p === "bottom" ? (b = p, w = m === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (w = p, b = m === "end" ? "top" : "bottom");
       const x = h - d.top - d.bottom, y = g - d.left - d.right, C = dt(h - d[b], x), R = dt(g - d[w], y), _ = !t.middlewareData.shift;
-      let N = C, M = R;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (M = y), (r = t.middlewareData.shift) != null && r.enabled.y && (N = x), _ && !m) {
-        const P = Me(d.left, 0), $ = Me(d.right, 0), K = Me(d.top, 0), B = Me(d.bottom, 0);
-        v ? M = g - 2 * (P !== 0 || $ !== 0 ? P + $ : Me(d.left, d.right)) : N = h - 2 * (K !== 0 || B !== 0 ? K + B : Me(d.top, d.bottom));
+      let N = C, k = R;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (k = y), (r = t.middlewareData.shift) != null && r.enabled.y && (N = x), _ && !m) {
+        const P = ke(d.left, 0), $ = ke(d.right, 0), K = ke(d.top, 0), B = ke(d.bottom, 0);
+        v ? k = g - 2 * (P !== 0 || $ !== 0 ? P + $ : ke(d.left, d.right)) : N = h - 2 * (K !== 0 || B !== 0 ? K + B : ke(d.top, d.bottom));
       }
       await l({
         ...t,
-        availableWidth: M,
+        availableWidth: k,
         availableHeight: N
       });
       const L = await a.getDimensions(i.floating);
@@ -4560,7 +4565,7 @@ function wr() {
 function Kt(e) {
   return vi(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function ke(e) {
+function Me(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
@@ -4569,18 +4574,18 @@ function Qe(e) {
   return (t = (vi(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function vi(e) {
-  return wr() ? e instanceof Node || e instanceof ke(e).Node : !1;
+  return wr() ? e instanceof Node || e instanceof Me(e).Node : !1;
 }
 function ze(e) {
-  return wr() ? e instanceof Element || e instanceof ke(e).Element : !1;
+  return wr() ? e instanceof Element || e instanceof Me(e).Element : !1;
 }
 function Ze(e) {
-  return wr() ? e instanceof HTMLElement || e instanceof ke(e).HTMLElement : !1;
+  return wr() ? e instanceof HTMLElement || e instanceof Me(e).HTMLElement : !1;
 }
 function da(e) {
-  return !wr() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof ke(e).ShadowRoot;
+  return !wr() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof Me(e).ShadowRoot;
 }
-const Mh = /* @__PURE__ */ new Set(["inline", "contents"]);
+const kh = /* @__PURE__ */ new Set(["inline", "contents"]);
 function vn(e) {
   const {
     overflow: t,
@@ -4588,11 +4593,11 @@ function vn(e) {
     overflowY: r,
     display: o
   } = We(e);
-  return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !Mh.has(o);
+  return /auto|scroll|overlay|hidden|clip/.test(t + r + n) && !kh.has(o);
 }
-const kh = /* @__PURE__ */ new Set(["table", "td", "th"]);
+const Mh = /* @__PURE__ */ new Set(["table", "td", "th"]);
 function Dh(e) {
-  return kh.has(Kt(e));
+  return Mh.has(Kt(e));
 }
 const Lh = [":popover-open", ":modal"];
 function yr(e) {
@@ -4628,7 +4633,7 @@ function Bt(e) {
   return Hh.has(Kt(e));
 }
 function We(e) {
-  return ke(e).getComputedStyle(e);
+  return Me(e).getComputedStyle(e);
 }
 function xr(e) {
   return ze(e) ? {
@@ -4658,7 +4663,7 @@ function wi(e) {
 function an(e, t, n) {
   var r;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const o = wi(e), s = o === ((r = e.ownerDocument) == null ? void 0 : r.body), a = ke(o);
+  const o = wi(e), s = o === ((r = e.ownerDocument) == null ? void 0 : r.body), a = Me(o);
   if (s) {
     const i = So(a);
     return t.concat(a, a.visualViewport || [], vn(o) ? o : [], i && n ? an(i) : []);
@@ -4698,14 +4703,14 @@ function Dt(e) {
 }
 const zh = /* @__PURE__ */ Je(0);
 function xi(e) {
-  const t = ke(e);
+  const t = Me(e);
   return !Zo() || !t.visualViewport ? zh : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
 function Wh(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== ke(e) ? !1 : t;
+  return t === void 0 && (t = !1), !n || t && n !== Me(e) ? !1 : t;
 }
 function xt(e, t, n, r) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
@@ -4715,11 +4720,11 @@ function xt(e, t, n, r) {
   const i = Wh(s, n, r) ? xi(s) : Je(0);
   let l = (o.left + i.x) / a.x, f = (o.top + i.y) / a.y, d = o.width / a.x, p = o.height / a.y;
   if (s) {
-    const m = ke(s), v = r && ze(r) ? ke(r) : r;
+    const m = Me(s), v = r && ze(r) ? Me(r) : r;
     let g = m, h = So(g);
     for (; h && r && v !== g; ) {
       const b = Dt(h), w = h.getBoundingClientRect(), x = We(h), y = w.left + (h.clientLeft + parseFloat(x.paddingLeft)) * b.x, C = w.top + (h.clientTop + parseFloat(x.paddingTop)) * b.y;
-      l *= b.x, f *= b.y, d *= b.x, p *= b.y, l += y, f += C, g = ke(h), h = So(g);
+      l *= b.x, f *= b.y, d *= b.x, p *= b.y, l += y, f += C, g = Me(h), h = So(g);
     }
   }
   return nr({
@@ -4771,10 +4776,10 @@ function jh(e) {
   return Array.from(e.getClientRects());
 }
 function Kh(e) {
-  const t = Qe(e), n = xr(e), r = e.ownerDocument.body, o = Me(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), s = Me(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
+  const t = Qe(e), n = xr(e), r = e.ownerDocument.body, o = ke(t.scrollWidth, t.clientWidth, r.scrollWidth, r.clientWidth), s = ke(t.scrollHeight, t.clientHeight, r.scrollHeight, r.clientHeight);
   let a = -n.scrollLeft + Sr(e);
   const i = -n.scrollTop;
-  return We(r).direction === "rtl" && (a += Me(t.clientWidth, r.clientWidth) - o), {
+  return We(r).direction === "rtl" && (a += ke(t.clientWidth, r.clientWidth) - o), {
     width: o,
     height: s,
     x: a,
@@ -4783,7 +4788,7 @@ function Kh(e) {
 }
 const fa = 25;
 function Gh(e, t) {
-  const n = ke(e), r = Qe(e), o = n.visualViewport;
+  const n = Me(e), r = Qe(e), o = n.visualViewport;
   let s = r.clientWidth, a = r.clientHeight, i = 0, l = 0;
   if (o) {
     s = o.width, a = o.height;
@@ -4857,7 +4862,7 @@ function Jh(e) {
   } = e;
   const a = [...n === "clippingAncestors" ? yr(t) ? [] : Yh(t, this._c) : [].concat(n), r], i = a[0], l = a.reduce((f, d) => {
     const p = pa(t, d, o);
-    return f.top = Me(p.top, f.top), f.right = dt(p.right, f.right), f.bottom = dt(p.bottom, f.bottom), f.left = Me(p.left, f.left), f;
+    return f.top = ke(p.top, f.top), f.right = dt(p.right, f.right), f.bottom = dt(p.bottom, f.bottom), f.left = ke(p.left, f.left), f;
   }, pa(t, i, o));
   return {
     width: l.right - l.left,
@@ -4912,7 +4917,7 @@ function ha(e, t) {
   return Qe(e) === n && (n = n.ownerDocument.body), n;
 }
 function Ei(e, t) {
-  const n = ke(e);
+  const n = Me(e);
   if (yr(e))
     return n;
   if (!Ze(e)) {
@@ -4978,7 +4983,7 @@ function rm(e, t) {
       return;
     const g = On(p), h = On(o.clientWidth - (d + m)), b = On(o.clientHeight - (p + v)), w = On(d), y = {
       rootMargin: -g + "px " + -h + "px " + -b + "px " + -w + "px",
-      threshold: Me(0, dt(1, l)) || 1
+      threshold: ke(0, dt(1, l)) || 1
     };
     let C = !0;
     function R(_) {
@@ -5126,7 +5131,7 @@ function hm(e) {
     D !== _.current && (_.current = D, h(D));
   }, []), y = u.useCallback((D) => {
     D !== N.current && (N.current = D, w(D));
-  }, []), C = s || g, R = a || b, _ = u.useRef(null), N = u.useRef(null), M = u.useRef(d), L = l != null, P = no(l), $ = no(o), K = no(f), B = u.useCallback(() => {
+  }, []), C = s || g, R = a || b, _ = u.useRef(null), N = u.useRef(null), k = u.useRef(d), L = l != null, P = no(l), $ = no(o), K = no(f), B = u.useCallback(() => {
     if (!_.current || !N.current)
       return;
     const D = {
@@ -5143,20 +5148,20 @@ function hm(e) {
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: K.current !== !1
       };
-      k.current && !rr(M.current, Q) && (M.current = Q, ur.flushSync(() => {
+      M.current && !rr(k.current, Q) && (k.current = Q, ur.flushSync(() => {
         p(Q);
       }));
     });
   }, [m, t, n, $, K]);
   zn(() => {
-    f === !1 && M.current.isPositioned && (M.current.isPositioned = !1, p((D) => ({
+    f === !1 && k.current.isPositioned && (k.current.isPositioned = !1, p((D) => ({
       ...D,
       isPositioned: !1
     })));
   }, [f]);
-  const k = u.useRef(!1);
-  zn(() => (k.current = !0, () => {
-    k.current = !1;
+  const M = u.useRef(!1);
+  zn(() => (M.current = !0, () => {
+    M.current = !1;
   }), []), zn(() => {
     if (C && (_.current = C), R && (N.current = R), C && R) {
       if (P.current)
@@ -5288,7 +5293,7 @@ var es = "Popper", [Pi, Gt] = je(es), [Nm, Ii] = Pi(es), _i = (e) => {
   return /* @__PURE__ */ c(Nm, { scope: t, anchor: r, onAnchorChange: o, children: n });
 };
 _i.displayName = es;
-var Oi = "PopperAnchor", Mi = u.forwardRef(
+var Oi = "PopperAnchor", ki = u.forwardRef(
   (e, t) => {
     const { __scopePopper: n, virtualRef: r, ...o } = e, s = Ii(Oi, n), a = u.useRef(null), i = ie(t, a), l = u.useRef(null);
     return u.useEffect(() => {
@@ -5297,8 +5302,8 @@ var Oi = "PopperAnchor", Mi = u.forwardRef(
     }), r ? null : /* @__PURE__ */ c(ee.div, { ...o, ref: i });
   }
 );
-Mi.displayName = Oi;
-var ts = "PopperContent", [Rm, Tm] = Pi(ts), ki = u.forwardRef(
+ki.displayName = Oi;
+var ts = "PopperContent", [Rm, Tm] = Pi(ts), Mi = u.forwardRef(
   (e, t) => {
     var z, W, ae, j, X, te;
     const {
@@ -5316,12 +5321,12 @@ var ts = "PopperContent", [Rm, Tm] = Pi(ts), ki = u.forwardRef(
       updatePositionStrategy: v = "optimized",
       onPlaced: g,
       ...h
-    } = e, b = Ii(ts, n), [w, x] = u.useState(null), y = ie(t, (me) => x(me)), [C, R] = u.useState(null), _ = Ai(C), N = (_ == null ? void 0 : _.width) ?? 0, M = (_ == null ? void 0 : _.height) ?? 0, L = r + (s !== "center" ? "-" + s : ""), P = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, $ = Array.isArray(f) ? f : [f], K = $.length > 0, B = {
+    } = e, b = Ii(ts, n), [w, x] = u.useState(null), y = ie(t, (me) => x(me)), [C, R] = u.useState(null), _ = Ai(C), N = (_ == null ? void 0 : _.width) ?? 0, k = (_ == null ? void 0 : _.height) ?? 0, L = r + (s !== "center" ? "-" + s : ""), P = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, $ = Array.isArray(f) ? f : [f], K = $.length > 0, B = {
       padding: P,
       boundary: $.filter(Pm),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: K
-    }, { refs: k, floatingStyles: H, placement: O, isPositioned: G, middlewareData: D } = hm({
+    }, { refs: M, floatingStyles: H, placement: O, isPositioned: G, middlewareData: D } = hm({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: L,
@@ -5332,7 +5337,7 @@ var ts = "PopperContent", [Rm, Tm] = Pi(ts), ki = u.forwardRef(
         reference: b.anchor
       },
       middleware: [
-        gm({ mainAxis: o + M, alignmentAxis: a }),
+        gm({ mainAxis: o + k, alignmentAxis: a }),
         l && bm({
           mainAxis: !0,
           crossAxis: !1,
@@ -5348,7 +5353,7 @@ var ts = "PopperContent", [Rm, Tm] = Pi(ts), ki = u.forwardRef(
           }
         }),
         C && Sm({ element: C, padding: i }),
-        Im({ arrowWidth: N, arrowHeight: M }),
+        Im({ arrowWidth: N, arrowHeight: k }),
         m && xm({ strategy: "referenceHidden", ...B })
       ]
     }), [T, Q] = Fi(O), q = ye(g);
@@ -5361,7 +5366,7 @@ var ts = "PopperContent", [Rm, Tm] = Pi(ts), ki = u.forwardRef(
     }, [w]), /* @__PURE__ */ c(
       "div",
       {
-        ref: k.setFloating,
+        ref: M.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
           ...H,
@@ -5412,7 +5417,7 @@ var ts = "PopperContent", [Rm, Tm] = Pi(ts), ki = u.forwardRef(
     );
   }
 );
-ki.displayName = ts;
+Mi.displayName = ts;
 var Di = "PopperArrow", Am = {
   top: "bottom",
   right: "left",
@@ -5481,7 +5486,7 @@ function Fi(e) {
   const [t, n = "center"] = e.split("-");
   return [t, n];
 }
-var ns = _i, rs = Mi, os = ki, ss = Li, _m = "Portal", Cr = u.forwardRef((e, t) => {
+var ns = _i, rs = ki, os = Mi, ss = Li, _m = "Portal", Cr = u.forwardRef((e, t) => {
   var i;
   const { container: n, ...r } = e, [o, s] = u.useState(!1);
   we(() => s(!0), []);
@@ -5489,10 +5494,10 @@ var ns = _i, rs = Mi, os = ki, ss = Li, _m = "Portal", Cr = u.forwardRef((e, t)
   return a ? Ed.createPortal(/* @__PURE__ */ c(ee.div, { ...r, ref: t }), a) : null;
 });
 Cr.displayName = _m;
-var ro = "rovingFocusGroup.onEntryFocus", Om = { bubbles: !1, cancelable: !0 }, wn = "RovingFocusGroup", [Co, $i, Mm] = Ko(wn), [km, Bi] = je(
+var ro = "rovingFocusGroup.onEntryFocus", Om = { bubbles: !1, cancelable: !0 }, wn = "RovingFocusGroup", [Co, $i, km] = Ko(wn), [Mm, Bi] = je(
   wn,
-  [Mm]
-), [Dm, Lm] = km(wn), Ui = u.forwardRef(
+  [km]
+), [Dm, Lm] = Mm(wn), Ui = u.forwardRef(
   (e, t) => /* @__PURE__ */ c(Co.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Co.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ c(Fm, { ...e, ref: t }) }) })
 );
 Ui.displayName = wn;
@@ -5515,9 +5520,9 @@ var Fm = u.forwardRef((e, t) => {
     caller: wn
   }), [w, x] = u.useState(!1), y = ye(f), C = $i(n), R = u.useRef(!1), [_, N] = u.useState(0);
   return u.useEffect(() => {
-    const M = m.current;
-    if (M)
-      return M.addEventListener(ro, y), () => M.removeEventListener(ro, y);
+    const k = m.current;
+    if (k)
+      return k.addEventListener(ro, y), () => k.removeEventListener(ro, y);
   }, [y]), /* @__PURE__ */ c(
     Dm,
     {
@@ -5527,16 +5532,16 @@ var Fm = u.forwardRef((e, t) => {
       loop: o,
       currentTabStopId: h,
       onItemFocus: u.useCallback(
-        (M) => b(M),
+        (k) => b(k),
         [b]
       ),
       onItemShiftTab: u.useCallback(() => x(!0), []),
       onFocusableItemAdd: u.useCallback(
-        () => N((M) => M + 1),
+        () => N((k) => k + 1),
         []
       ),
       onFocusableItemRemove: u.useCallback(
-        () => N((M) => M - 1),
+        () => N((k) => k - 1),
         []
       ),
       children: /* @__PURE__ */ c(
@@ -5550,11 +5555,11 @@ var Fm = u.forwardRef((e, t) => {
           onMouseDown: U(e.onMouseDown, () => {
             R.current = !0;
           }),
-          onFocus: U(e.onFocus, (M) => {
+          onFocus: U(e.onFocus, (k) => {
             const L = !R.current;
-            if (M.target === M.currentTarget && L && !w) {
+            if (k.target === k.currentTarget && L && !w) {
               const P = new CustomEvent(ro, Om);
-              if (M.currentTarget.dispatchEvent(P), !P.defaultPrevented) {
+              if (k.currentTarget.dispatchEvent(P), !P.defaultPrevented) {
                 const $ = C().filter((O) => O.focusable), K = $.find((O) => O.active), B = $.find((O) => O.id === h), H = [K, B, ...$].filter(
                   Boolean
                 ).map((O) => O.ref.current);
@@ -5658,7 +5663,7 @@ var zm = Ui, Wm = zi, Vm = function(e) {
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, It = /* @__PURE__ */ new WeakMap(), Mn = /* @__PURE__ */ new WeakMap(), kn = {}, oo = 0, Vi = function(e) {
+}, It = /* @__PURE__ */ new WeakMap(), kn = /* @__PURE__ */ new WeakMap(), Mn = {}, oo = 0, Vi = function(e) {
   return e && (e.host || Vi(e.parentNode));
 }, jm = function(e, t) {
   return t.map(function(n) {
@@ -5671,8 +5676,8 @@ var zm = Ui, Wm = zi, Vm = function(e) {
   });
 }, Km = function(e, t, n, r) {
   var o = jm(t, Array.isArray(e) ? e : [e]);
-  kn[n] || (kn[n] = /* @__PURE__ */ new WeakMap());
-  var s = kn[n], a = [], i = /* @__PURE__ */ new Set(), l = new Set(o), f = function(p) {
+  Mn[n] || (Mn[n] = /* @__PURE__ */ new WeakMap());
+  var s = Mn[n], a = [], i = /* @__PURE__ */ new Set(), l = new Set(o), f = function(p) {
     !p || i.has(p) || (i.add(p), f(p.parentNode));
   };
   o.forEach(f);
@@ -5683,7 +5688,7 @@ var zm = Ui, Wm = zi, Vm = function(e) {
       else
         try {
           var v = m.getAttribute(r), g = v !== null && v !== "false", h = (It.get(m) || 0) + 1, b = (s.get(m) || 0) + 1;
-          It.set(m, h), s.set(m, b), a.push(m), h === 1 && g && Mn.set(m, !0), b === 1 && m.setAttribute(n, "true"), g || m.setAttribute(r, "true");
+          It.set(m, h), s.set(m, b), a.push(m), h === 1 && g && kn.set(m, !0), b === 1 && m.setAttribute(n, "true"), g || m.setAttribute(r, "true");
         } catch (w) {
           console.error("aria-hidden: cannot operate on ", m, w);
         }
@@ -5692,8 +5697,8 @@ var zm = Ui, Wm = zi, Vm = function(e) {
   return d(t), i.clear(), oo++, function() {
     a.forEach(function(p) {
       var m = It.get(p) - 1, v = s.get(p) - 1;
-      It.set(p, m), s.set(p, v), m || (Mn.has(p) || p.removeAttribute(r), Mn.delete(p)), v || p.removeAttribute(n);
-    }), oo--, oo || (It = /* @__PURE__ */ new WeakMap(), It = /* @__PURE__ */ new WeakMap(), Mn = /* @__PURE__ */ new WeakMap(), kn = {});
+      It.set(p, m), s.set(p, v), m || (kn.has(p) || p.removeAttribute(r), kn.delete(p)), v || p.removeAttribute(n);
+    }), oo--, oo || (It = /* @__PURE__ */ new WeakMap(), It = /* @__PURE__ */ new WeakMap(), kn = /* @__PURE__ */ new WeakMap(), Mn = {});
   };
 }, as = function(e, t, n) {
   n === void 0 && (n = "data-aria-hidden");
@@ -6104,10 +6109,10 @@ function Rg(e) {
     var w = Ln(h), x = n.current, y = "deltaX" in h ? h.deltaX : x[0] - w[0], C = "deltaY" in h ? h.deltaY : x[1] - w[1], R, _ = h.target, N = Math.abs(y) > Math.abs(C) ? "h" : "v";
     if ("touches" in h && N === "h" && _.type === "range")
       return !1;
-    var M = wa(N, _);
-    if (!M)
+    var k = wa(N, _);
+    if (!k)
       return !0;
-    if (M ? R = N : (R = N === "v" ? "h" : "v", M = wa(N, _)), !M)
+    if (k ? R = N : (R = N === "v" ? "h" : "v", k = wa(N, _)), !k)
       return !1;
     if (!r.current && "changedTouches" in h && (y || C) && (r.current = R), !R)
       return !0;
@@ -6179,8 +6184,8 @@ var No = ["Enter", " "], Pg = ["ArrowDown", "PageUp", "Home"], Zi = ["ArrowUp",
 }, Og = {
   ltr: ["ArrowLeft"],
   rtl: ["ArrowRight"]
-}, yn = "Menu", [cn, Mg, kg] = Ko(yn), [Nt, Qi] = je(yn, [
-  kg,
+}, yn = "Menu", [cn, kg, Mg] = Ko(yn), [Nt, Qi] = je(yn, [
+  Mg,
   Gt,
   Bi
 ]), Rr = Gt(), ec = Bi(), [Dg, Rt] = Nt(yn), [Lg, xn] = Nt(yn), tc = (e) => {
@@ -6287,7 +6292,7 @@ var Le = "MenuContent", [Bg, ls] = Nt(Le), oc = u.forwardRef(
       onDismiss: v,
       disableOutsideScroll: g,
       ...h
-    } = e, b = Rt(Le, n), w = xn(Le, n), x = Rr(n), y = ec(n), C = Mg(n), [R, _] = u.useState(null), N = u.useRef(null), M = ie(t, N, b.onContentChange), L = u.useRef(0), P = u.useRef(""), $ = u.useRef(0), K = u.useRef(null), B = u.useRef("right"), k = u.useRef(0), H = g ? Nr : u.Fragment, O = g ? { as: zg, allowPinchZoom: !0 } : void 0, G = (T) => {
+    } = e, b = Rt(Le, n), w = xn(Le, n), x = Rr(n), y = ec(n), C = kg(n), [R, _] = u.useState(null), N = u.useRef(null), k = ie(t, N, b.onContentChange), L = u.useRef(0), P = u.useRef(""), $ = u.useRef(0), K = u.useRef(null), B = u.useRef("right"), M = u.useRef(0), H = g ? Nr : u.Fragment, O = g ? { as: zg, allowPinchZoom: !0 } : void 0, G = (T) => {
       var z, W;
       const Q = P.current + T, q = C().filter((ae) => !ae.disabled), se = document.activeElement, F = (z = q.find((ae) => ae.ref.current === se)) == null ? void 0 : z.textValue, V = q.map((ae) => ae.textValue), ce = eb(V, Q, F), pe = (W = q.find((ae) => ae.textValue === ce)) == null ? void 0 : W.ref.current;
       (function ae(j) {
@@ -6371,7 +6376,7 @@ var Le = "MenuContent", [Bg, ls] = Nt(Le), oc = u.forwardRef(
                         dir: w.dir,
                         ...x,
                         ...h,
-                        ref: M,
+                        ref: k,
                         style: { outline: "none", ...h.style },
                         onKeyDown: U(h.onKeyDown, (T) => {
                           const q = T.target.closest("[data-radix-menu-content]") === T.currentTarget, se = T.ctrlKey || T.altKey || T.metaKey, F = T.key.length === 1;
@@ -6388,10 +6393,10 @@ var Le = "MenuContent", [Bg, ls] = Nt(Le), oc = u.forwardRef(
                         onPointerMove: U(
                           e.onPointerMove,
                           ln((T) => {
-                            const Q = T.target, q = k.current !== T.clientX;
+                            const Q = T.target, q = M.current !== T.clientX;
                             if (T.currentTarget.contains(Q) && q) {
-                              const se = T.clientX > k.current ? "right" : "left";
-                              B.current = se, k.current = T.clientX;
+                              const se = T.clientX > M.current ? "right" : "left";
+                              B.current = se, M.current = T.clientX;
                             }
                           })
                         )
@@ -6883,11 +6888,11 @@ var Pb = "DropdownMenuItemIndicator", Oc = u.forwardRef((e, t) => {
   return /* @__PURE__ */ c(pb, { ...o, ...r, ref: t });
 });
 Oc.displayName = Pb;
-var Ib = "DropdownMenuSeparator", Mc = u.forwardRef((e, t) => {
+var Ib = "DropdownMenuSeparator", kc = u.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = Ee(n);
   return /* @__PURE__ */ c(hb, { ...o, ...r, ref: t });
 });
-Mc.displayName = Ib;
+kc.displayName = Ib;
 var _b = "DropdownMenuArrow", Ob = u.forwardRef(
   (e, t) => {
     const { __scopeDropdownMenu: n, ...r } = e, o = Ee(n);
@@ -6895,12 +6900,12 @@ var _b = "DropdownMenuArrow", Ob = u.forwardRef(
   }
 );
 Ob.displayName = _b;
-var Mb = "DropdownMenuSubTrigger", kc = u.forwardRef((e, t) => {
+var kb = "DropdownMenuSubTrigger", Mc = u.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = Ee(n);
   return /* @__PURE__ */ c(gb, { ...o, ...r, ref: t });
 });
-kc.displayName = Mb;
-var kb = "DropdownMenuSubContent", Dc = u.forwardRef((e, t) => {
+Mc.displayName = kb;
+var Mb = "DropdownMenuSubContent", Dc = u.forwardRef((e, t) => {
   const { __scopeDropdownMenu: n, ...r } = e, o = Ee(n);
   return /* @__PURE__ */ c(
     bb,
@@ -6919,8 +6924,8 @@ var kb = "DropdownMenuSubContent", Dc = u.forwardRef((e, t) => {
     }
   );
 });
-Dc.displayName = kb;
-var Db = Sc, Lb = Ec, Fb = Nc, Lc = Tc, Fc = Ac, $c = Pc, Bc = Ic, Uc = _c, Hc = Oc, zc = Mc, Wc = kc, Vc = Dc;
+Dc.displayName = Mb;
+var Db = Sc, Lb = Ec, Fb = Nc, Lc = Tc, Fc = Ac, $c = Pc, Bc = Ic, Uc = _c, Hc = Oc, zc = kc, Wc = Mc, Vc = Dc;
 const $b = Db, Bb = Lb, Ub = u.forwardRef(({ className: e, inset: t, children: n, ...r }, o) => /* @__PURE__ */ E(
   Wc,
   {
@@ -7058,10 +7063,10 @@ function jn({
     navigateToCheckpoint: R,
     returnToLatest: _,
     hasMoreHistory: N,
-    isLoadingHistory: M,
+    isLoadingHistory: k,
     loadOlderMessages: L,
     api: P
-  } = si(), [$, K] = re(""), [B, k] = re(null), [H, O] = re(null), [G, D] = re([]), [T, Q] = re(!1), [q, se] = re(null), [F, V] = re(null), [ce, pe] = re(!1), [z, W] = re(null), [ae, j] = re([]), [X, te] = re(null), me = Te(null), de = Te(null), Z = Te(null), Y = Te(null), he = Te(null), Oe = Te(!1), Ce = Te(!0), Xt = Te(0), st = Te(null), [Tt, Ur] = re("desktop");
+  } = si(), [$, K] = re(""), [B, M] = re(null), [H, O] = re(null), [G, D] = re([]), [T, Q] = re(!1), [q, se] = re(null), [F, V] = re(null), [ce, pe] = re(!1), [z, W] = re(null), [ae, j] = re([]), [X, te] = re(null), me = Te(null), de = Te(null), Z = Te(null), Y = Te(null), he = Te(null), Oe = Te(!1), Ce = Te(!0), Xt = Te(0), st = Te(null), [Tt, Ur] = re("desktop");
   ge(() => {
     const I = () => {
       const J = window.innerWidth;
@@ -7095,7 +7100,7 @@ function jn({
     y && te(y);
   }, [y]);
   const At = ve(async () => {
-    if (!N || M) return;
+    if (!N || k) return;
     const I = he.current;
     if (!I) return;
     const J = I.scrollHeight, le = I.scrollTop;
@@ -7117,7 +7122,7 @@ function jn({
         Ce.current = at <= 32, Oe.current = !1;
       });
     }
-  }, [N, M, L]);
+  }, [N, k, L]);
   ge(() => {
     const I = he.current;
     if (!I) return;
@@ -7148,8 +7153,8 @@ function jn({
     b && !ce && (p == null || p(b));
   }, [b, ce, p]);
   const Hr = (I) => {
-    if (I.length > Mt)
-      return `Message too long (${I.length}/${Mt} characters)`;
+    if (I.length > kt)
+      return `Message too long (${I.length}/${kt} characters)`;
     try {
       return Yp(I), null;
     } catch (J) {
@@ -7174,18 +7179,18 @@ function jn({
         }
       }
       try {
-        await w(I, { checkpointId: X || y || void 0, payloadExtras: B ? { edit: !0, originalMessageId: B } : void 0, attachments: G }), f == null || f(I), K(""), O(null), D([]), k(null), de.current && (de.current.style.height = "auto");
+        await w(I, { checkpointId: X || y || void 0, payloadExtras: B ? { edit: !0, originalMessageId: B } : void 0, attachments: G }), f == null || f(I), K(""), O(null), D([]), M(null), de.current && (de.current.style.height = "auto");
       } catch (J) {
         const le = (J == null ? void 0 : J.message) || "Failed to send message";
         O(le), p == null || p(le);
       }
     }
   }, zr = (I, J) => {
-    i && (k(I), K(J), O(null), setTimeout(() => {
+    i && (M(I), K(J), O(null), setTimeout(() => {
       de.current && (de.current.focus(), de.current.style.height = "auto", de.current.style.height = de.current.scrollHeight + "px");
     }, 0));
   }, Yt = () => {
-    k(null), K(""), O(null), de.current && (de.current.style.height = "auto");
+    M(null), K(""), O(null), de.current && (de.current.style.height = "auto");
   }, En = (I) => {
     I.key === "Enter" && !I.shiftKey ? (I.preventDefault(), Cn()) : I.key === "Escape" && B && (I.preventDefault(), Yt());
   }, oe = (I) => {
@@ -7262,7 +7267,7 @@ function jn({
         style: r ? { maxHeight: r } : void 0,
         children: [
           v.length === 0 ? /* @__PURE__ */ c("div", { className: "flex items-center justify-center py-8 text-muted-foreground text-center max-w-md mx-auto", children: z || "No messages yet. Start a conversation!" }) : /* @__PURE__ */ E(Ae, { children: [
-            (M || !N) && /* @__PURE__ */ c("div", { className: "flex justify-center py-2 text-xs text-muted-foreground", children: M ? /* @__PURE__ */ c(As, { className: "h-4 w-4 animate-spin" }) : "You've reached the beginning" }),
+            (k || !N) && /* @__PURE__ */ c("div", { className: "flex justify-center py-2 text-xs text-muted-foreground", children: k ? /* @__PURE__ */ c(As, { className: "h-4 w-4 animate-spin" }) : "You've reached the beginning" }),
             v.map((I, J) => /* @__PURE__ */ c(
               Lp,
               {
@@ -7406,7 +7411,7 @@ function jn({
             placeholder: B ? "Edit your message..." : t,
             className: `resize-none min-h-[44px] max-h-[20rem] w-full transition-colors ${B ? "border-blue-400 bg-blue-50 text-blue-900 dark:border-blue-500 dark:bg-blue-950/60 dark:text-blue-50" : ""} ${H ? "border-red-400" : ""} ${l.textarea || ""}`,
             disabled: !1,
-            maxLength: Mt,
+            maxLength: kt,
             rows: 1
           }
         ) }),
@@ -7434,10 +7439,10 @@ function jn({
           }
         ) })
       ] }),
-      $.length > Mt * 0.8 && /* @__PURE__ */ E("div", { className: "mt-2 text-xs text-gray-500 text-right", children: [
+      $.length > kt * 0.8 && /* @__PURE__ */ E("div", { className: "mt-2 text-xs text-gray-500 text-right", children: [
         $.length,
         "/",
-        Mt
+        kt
       ] })
     ] })
   ] });
@@ -7471,7 +7476,7 @@ var hs = "ScrollArea", [Kc, zy] = je(hs), [Gb, Fe] = Kc(hs), Gc = u.forwardRef(
       dir: o,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, l] = u.useState(null), [f, d] = u.useState(null), [p, m] = u.useState(null), [v, g] = u.useState(null), [h, b] = u.useState(null), [w, x] = u.useState(0), [y, C] = u.useState(0), [R, _] = u.useState(!1), [N, M] = u.useState(!1), L = ie(t, ($) => l($)), P = br(o);
+    } = e, [i, l] = u.useState(null), [f, d] = u.useState(null), [p, m] = u.useState(null), [v, g] = u.useState(null), [h, b] = u.useState(null), [w, x] = u.useState(0), [y, C] = u.useState(0), [R, _] = u.useState(!1), [N, k] = u.useState(!1), L = ie(t, ($) => l($)), P = br(o);
     return /* @__PURE__ */ c(
       Gb,
       {
@@ -7491,7 +7496,7 @@ var hs = "ScrollArea", [Kc, zy] = je(hs), [Gb, Fe] = Kc(hs), Gc = u.forwardRef(
         scrollbarY: h,
         onScrollbarYChange: b,
         scrollbarYEnabled: N,
-        onScrollbarYEnabledChange: M,
+        onScrollbarYEnabledChange: k,
         onCornerWidthChange: x,
         onCornerHeightChange: C,
         children: /* @__PURE__ */ c(
@@ -7794,7 +7799,7 @@ var qb = u.forwardRef((e, t) => {
     onResize: p,
     ...m
   } = e, v = Fe(et, n), [g, h] = u.useState(null), b = ie(t, (L) => h(L)), w = u.useRef(null), x = u.useRef(""), y = v.viewport, C = r.content - r.viewport, R = ye(d), _ = ye(l), N = Ir(p, 10);
-  function M(L) {
+  function k(L) {
     if (w.current) {
       const P = L.clientX - w.current.left, $ = L.clientY - w.current.top;
       f({ x: P, y: $ });
@@ -7823,9 +7828,9 @@ var qb = u.forwardRef((e, t) => {
           ref: b,
           style: { position: "absolute", ...m.style },
           onPointerDown: U(e.onPointerDown, (L) => {
-            L.button === 0 && (L.target.setPointerCapture(L.pointerId), w.current = g.getBoundingClientRect(), x.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", v.viewport && (v.viewport.style.scrollBehavior = "auto"), M(L));
+            L.button === 0 && (L.target.setPointerCapture(L.pointerId), w.current = g.getBoundingClientRect(), x.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", v.viewport && (v.viewport.style.scrollBehavior = "auto"), k(L));
           }),
-          onPointerMove: U(e.onPointerMove, M),
+          onPointerMove: U(e.onPointerMove, k),
           onPointerUp: U(e.onPointerUp, (L) => {
             const P = L.target;
             P.hasPointerCapture(L.pointerId) && P.releasePointerCapture(L.pointerId), document.body.style.webkitUserSelect = x.current, v.viewport && (v.viewport.style.scrollBehavior = ""), w.current = null;
@@ -8022,11 +8027,11 @@ function Ao({
     createThread: h,
     deleteThread: b,
     renameThread: w
-  } = si(), [x, y] = re(m ?? []), [C, R] = re(!1), [_, N] = re(null), [M, L] = re(null), [P, $] = re(""), [K, B] = re(!1);
+  } = si(), [x, y] = re(m ?? []), [C, R] = re(!1), [_, N] = re(null), [k, L] = re(null), [P, $] = re(""), [K, B] = re(!1);
   ge(() => {
     y(m ?? []);
   }, [m]);
-  const k = async (F) => {
+  const M = async (F) => {
     try {
       await p(F), i == null || i(F), l == null || l(F);
     } catch (V) {
@@ -8095,11 +8100,11 @@ function Ao({
         ] }) : x.slice().sort((F, V) => new Date(V.updatedAt || V.createdAt || "").getTime() - new Date(F.updatedAt || F.createdAt || "").getTime()).map((F) => /* @__PURE__ */ E(
           "div",
           {
-            onClick: () => k(F.threadId),
+            onClick: () => M(F.threadId),
             className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${(a ?? g) === F.threadId ? `${s.activeThread || "bg-slate-600 border-slate-500"} ` : `${s.threadItem || "bg-slate-700 border-slate-600 hover:bg-slate-600 text-gray-900 dark:text-slate-100"}`} ${s.threadItem || ""} text-gray-900 dark:text-slate-100`,
             children: [
               /* @__PURE__ */ E("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: M === F.threadId ? /* @__PURE__ */ E("div", { className: "flex items-center gap-2", onClick: (V) => V.stopPropagation(), children: [
+                /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: k === F.threadId ? /* @__PURE__ */ E("div", { className: "flex items-center gap-2", onClick: (V) => V.stopPropagation(), children: [
                   /* @__PURE__ */ c(un, { value: P, onChange: (V) => $(V.target.value), onKeyDown: (V) => Q(V, F.threadId), className: "h-6 text-sm", autoFocus: !0 }),
                   /* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", onClick: () => D(F.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ c($o, { size: 12 }) }),
                   /* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", onClick: T, className: "h-6 w-6 p-0", children: /* @__PURE__ */ c(tn, { size: 12 }) })
@@ -8111,7 +8116,7 @@ function Ao({
                   ] })
                 ] }) }),
                 /* @__PURE__ */ E("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity ml-2", children: [
-                  r && M !== F.threadId && /* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", onClick: (V) => G(F, V), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ c(Oa, { size: 12 }) }),
+                  r && k !== F.threadId && /* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", onClick: (V) => G(F, V), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ c(Oa, { size: 12 }) }),
                   n && /* @__PURE__ */ c(
                     fe,
                     {
@@ -8531,7 +8536,7 @@ const Iv = fn(
   )
 ] }));
 Ss.displayName = Al.displayName;
-const Ml = ({
+const kl = ({
   className: e,
   ...t
 }) => /* @__PURE__ */ c(
@@ -8544,8 +8549,8 @@ const Ml = ({
     ...t
   }
 );
-Ml.displayName = "SheetHeader";
-const kl = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
+kl.displayName = "SheetHeader";
+const Ml = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
   Pl,
   {
     ref: n,
@@ -8553,7 +8558,7 @@ const kl = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
     ...t
   }
 ));
-kl.displayName = Pl.displayName;
+Ml.displayName = Pl.displayName;
 const Dl = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
   Il,
   {
@@ -8600,10 +8605,10 @@ var Ll = Object.freeze({
 Fl.displayName = _v;
 var Ov = Fl, [Or, Xy] = je("Tooltip", [
   Gt
-]), Mr = Gt(), $l = "TooltipProvider", Mv = 700, Po = "tooltip.open", [kv, Cs] = Or($l), Bl = (e) => {
+]), kr = Gt(), $l = "TooltipProvider", kv = 700, Po = "tooltip.open", [Mv, Cs] = Or($l), Bl = (e) => {
   const {
     __scopeTooltip: t,
-    delayDuration: n = Mv,
+    delayDuration: n = kv,
     skipDelayDuration: r = 300,
     disableHoverableContent: o = !1,
     children: s
@@ -8612,7 +8617,7 @@ var Ov = Fl, [Or, Xy] = je("Tooltip", [
     const f = l.current;
     return () => window.clearTimeout(f);
   }, []), /* @__PURE__ */ c(
-    kv,
+    Mv,
     {
       scope: t,
       isOpenDelayedRef: a,
@@ -8636,7 +8641,7 @@ var Ov = Fl, [Or, Xy] = je("Tooltip", [
   );
 };
 Bl.displayName = $l;
-var dn = "Tooltip", [Dv, kr] = Or(dn), Ul = (e) => {
+var dn = "Tooltip", [Dv, Mr] = Or(dn), Ul = (e) => {
   const {
     __scopeTooltip: t,
     children: n,
@@ -8645,7 +8650,7 @@ var dn = "Tooltip", [Dv, kr] = Or(dn), Ul = (e) => {
     onOpenChange: s,
     disableHoverableContent: a,
     delayDuration: i
-  } = e, l = Cs(dn, e.__scopeTooltip), f = Mr(t), [d, p] = u.useState(null), m = He(), v = u.useRef(0), g = a ?? l.disableHoverableContent, h = i ?? l.delayDuration, b = u.useRef(!1), [w, x] = ut({
+  } = e, l = Cs(dn, e.__scopeTooltip), f = kr(t), [d, p] = u.useState(null), m = He(), v = u.useRef(0), g = a ?? l.disableHoverableContent, h = i ?? l.delayDuration, b = u.useRef(!1), [w, x] = ut({
     prop: r,
     defaultProp: o ?? !1,
     onChange: (N) => {
@@ -8688,7 +8693,7 @@ var dn = "Tooltip", [Dv, kr] = Or(dn), Ul = (e) => {
 Ul.displayName = dn;
 var Io = "TooltipTrigger", Hl = u.forwardRef(
   (e, t) => {
-    const { __scopeTooltip: n, ...r } = e, o = kr(Io, n), s = Cs(Io, n), a = Mr(n), i = u.useRef(null), l = ie(t, i, o.onTriggerChange), f = u.useRef(!1), d = u.useRef(!1), p = u.useCallback(() => f.current = !1, []);
+    const { __scopeTooltip: n, ...r } = e, o = Mr(Io, n), s = Cs(Io, n), a = kr(n), i = u.useRef(null), l = ie(t, i, o.onTriggerChange), f = u.useRef(!1), d = u.useRef(!1), p = u.useCallback(() => f.current = !1, []);
     return u.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ c(rs, { asChild: !0, ...a, children: /* @__PURE__ */ c(
       ee.button,
       {
@@ -8719,11 +8724,11 @@ var Lv = "TooltipPortal", [Yy, Fv] = Or(Lv, {
   forceMount: void 0
 }), Ht = "TooltipContent", zl = u.forwardRef(
   (e, t) => {
-    const n = Fv(Ht, e.__scopeTooltip), { forceMount: r = n.forceMount, side: o = "top", ...s } = e, a = kr(Ht, e.__scopeTooltip);
+    const n = Fv(Ht, e.__scopeTooltip), { forceMount: r = n.forceMount, side: o = "top", ...s } = e, a = Mr(Ht, e.__scopeTooltip);
     return /* @__PURE__ */ c(_e, { present: r || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ c(Wl, { side: o, ...s, ref: t }) : /* @__PURE__ */ c($v, { side: o, ...s, ref: t }) });
   }
 ), $v = u.forwardRef((e, t) => {
-  const n = kr(Ht, e.__scopeTooltip), r = Cs(Ht, e.__scopeTooltip), o = u.useRef(null), s = ie(t, o), [a, i] = u.useState(null), { trigger: l, onClose: f } = n, d = o.current, { onPointerInTransitChange: p } = r, m = u.useCallback(() => {
+  const n = Mr(Ht, e.__scopeTooltip), r = Cs(Ht, e.__scopeTooltip), o = u.useRef(null), s = ie(t, o), [a, i] = u.useState(null), { trigger: l, onClose: f } = n, d = o.current, { onPointerInTransitChange: p } = r, m = u.useCallback(() => {
     i(null), p(!1);
   }, [p]), v = u.useCallback(
     (g, h) => {
@@ -8757,7 +8762,7 @@ var Lv = "TooltipPortal", [Yy, Fv] = Or(Lv, {
       onEscapeKeyDown: s,
       onPointerDownOutside: a,
       ...i
-    } = e, l = kr(Ht, n), f = Mr(n), { onClose: d } = l;
+    } = e, l = Mr(Ht, n), f = kr(n), { onClose: d } = l;
     return u.useEffect(() => (document.addEventListener(Po, d), () => document.removeEventListener(Po, d)), [d]), u.useEffect(() => {
       if (l.trigger) {
         const p = (m) => {
@@ -8803,7 +8808,7 @@ var Lv = "TooltipPortal", [Yy, Fv] = Or(Lv, {
 zl.displayName = Ht;
 var Vl = "TooltipArrow", zv = u.forwardRef(
   (e, t) => {
-    const { __scopeTooltip: n, ...r } = e, o = Mr(n);
+    const { __scopeTooltip: n, ...r } = e, o = kr(n);
     return Uv(
       Vl,
       n
@@ -9627,7 +9632,7 @@ var Rw = [" ", "Enter", "ArrowUp", "ArrowDown"], Tw = [" ", "Enter"], Ct = "Sele
     disabled: m,
     required: v,
     form: g
-  } = e, h = Br(t), [b, w] = u.useState(null), [x, y] = u.useState(null), [C, R] = u.useState(!1), _ = br(f), [N, M] = ut({
+  } = e, h = Br(t), [b, w] = u.useState(null), [x, y] = u.useState(null), [C, R] = u.useState(!1), _ = br(f), [N, k] = ut({
     prop: r,
     defaultProp: o ?? !1,
     onChange: s,
@@ -9637,7 +9642,7 @@ var Rw = [" ", "Enter", "ArrowUp", "ArrowDown"], Tw = [" ", "Enter"], Ct = "Sele
     defaultProp: i,
     onChange: l,
     caller: Ct
-  }), $ = u.useRef(null), K = b ? g || !!b.closest("form") : !0, [B, k] = u.useState(/* @__PURE__ */ new Set()), H = Array.from(B).map((O) => O.props.value).join(";");
+  }), $ = u.useRef(null), K = b ? g || !!b.closest("form") : !0, [B, M] = u.useState(/* @__PURE__ */ new Set()), H = Array.from(B).map((O) => O.props.value).join(";");
   return /* @__PURE__ */ c(ns, { ...h, children: /* @__PURE__ */ E(
     Pw,
     {
@@ -9653,7 +9658,7 @@ var Rw = [" ", "Enter", "ArrowUp", "ArrowDown"], Tw = [" ", "Enter"], Ct = "Sele
       value: L,
       onValueChange: P,
       open: N,
-      onOpenChange: M,
+      onOpenChange: k,
       dir: _,
       triggerPointerDownPosRef: $,
       disabled: m,
@@ -9663,10 +9668,10 @@ var Rw = [" ", "Enter", "ArrowUp", "ArrowDown"], Tw = [" ", "Enter"], Ct = "Sele
           {
             scope: e.__scopeSelect,
             onNativeOptionAdd: u.useCallback((O) => {
-              k((G) => new Set(G).add(O));
+              M((G) => new Set(G).add(O));
             }, []),
             onNativeOptionRemove: u.useCallback((O) => {
-              k((G) => {
+              M((G) => {
                 const D = new Set(G);
                 return D.delete(O), D;
               });
@@ -9766,8 +9771,8 @@ var Ow = "SelectIcon", yu = u.forwardRef(
   }
 );
 yu.displayName = Ow;
-var Mw = "SelectPortal", xu = (e) => /* @__PURE__ */ c(Cr, { asChild: !0, ...e });
-xu.displayName = Mw;
+var kw = "SelectPortal", xu = (e) => /* @__PURE__ */ c(Cr, { asChild: !0, ...e });
+xu.displayName = kw;
 var Et = "SelectContent", Su = u.forwardRef(
   (e, t) => {
     const n = pt(Et, e.__scopeSelect), [r, o] = u.useState();
@@ -9784,7 +9789,7 @@ var Et = "SelectContent", Su = u.forwardRef(
   }
 );
 Su.displayName = Et;
-var Ue = 10, [Cu, ht] = qt(Et), kw = "SelectContentImpl", Dw = Ft("SelectContent.RemoveScroll"), Eu = u.forwardRef(
+var Ue = 10, [Cu, ht] = qt(Et), Mw = "SelectContentImpl", Dw = Ft("SelectContent.RemoveScroll"), Eu = u.forwardRef(
   (e, t) => {
     const {
       __scopeSelect: n,
@@ -9806,9 +9811,9 @@ var Ue = 10, [Cu, ht] = qt(Et), kw = "SelectContentImpl", Dw = Ft("SelectContent
       avoidCollisions: b,
       //
       ...w
-    } = e, x = pt(Et, n), [y, C] = u.useState(null), [R, _] = u.useState(null), N = ie(t, (z) => C(z)), [M, L] = u.useState(null), [P, $] = u.useState(
+    } = e, x = pt(Et, n), [y, C] = u.useState(null), [R, _] = u.useState(null), N = ie(t, (z) => C(z)), [k, L] = u.useState(null), [P, $] = u.useState(
       null
-    ), K = $r(n), [B, k] = u.useState(!1), H = u.useRef(!1);
+    ), K = $r(n), [B, M] = u.useState(!1), H = u.useRef(!1);
     u.useEffect(() => {
       if (y) return as(y);
     }, [y]), Go();
@@ -9820,8 +9825,8 @@ var Ue = 10, [Cu, ht] = qt(Et), kw = "SelectContentImpl", Dw = Ft("SelectContent
       },
       [K, R]
     ), G = u.useCallback(
-      () => O([M, y]),
-      [O, M, y]
+      () => O([k, y]),
+      [O, k, y]
     );
     u.useEffect(() => {
       B && G();
@@ -9884,7 +9889,7 @@ var Ue = 10, [Cu, ht] = qt(Et), kw = "SelectContentImpl", Dw = Ft("SelectContent
         viewport: R,
         onViewportChange: _,
         itemRefCallback: se,
-        selectedItem: M,
+        selectedItem: k,
         onItemLeave: F,
         itemTextRefCallback: V,
         focusSelectedItem: G,
@@ -9923,7 +9928,7 @@ var Ue = 10, [Cu, ht] = qt(Et), kw = "SelectContentImpl", Dw = Ft("SelectContent
                     onContextMenu: (z) => z.preventDefault(),
                     ...w,
                     ...pe,
-                    onPlaced: () => k(!0),
+                    onPlaced: () => M(!0),
                     ref: N,
                     style: {
                       // flex layout so we can place the scroll buttons properly
@@ -9954,13 +9959,13 @@ var Ue = 10, [Cu, ht] = qt(Et), kw = "SelectContentImpl", Dw = Ft("SelectContent
     );
   }
 );
-Eu.displayName = kw;
+Eu.displayName = Mw;
 var Lw = "SelectItemAlignedPosition", Nu = u.forwardRef((e, t) => {
   const { __scopeSelect: n, onPlaced: r, ...o } = e, s = pt(Et, n), a = ht(Et, n), [i, l] = u.useState(null), [f, d] = u.useState(null), p = ie(t, (N) => d(N)), m = $r(n), v = u.useRef(!1), g = u.useRef(!0), { viewport: h, selectedItem: b, selectedItemText: w, focusSelectedItem: x } = a, y = u.useCallback(() => {
     if (s.trigger && s.valueNode && i && f && h && b && w) {
-      const N = s.trigger.getBoundingClientRect(), M = f.getBoundingClientRect(), L = s.valueNode.getBoundingClientRect(), P = w.getBoundingClientRect();
+      const N = s.trigger.getBoundingClientRect(), k = f.getBoundingClientRect(), L = s.valueNode.getBoundingClientRect(), P = w.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const X = P.left - M.left, te = L.left - X, me = N.left - te, de = N.width + me, Z = Math.max(de, M.width), Y = window.innerWidth - Ue, he = To(te, [
+        const X = P.left - k.left, te = L.left - X, me = N.left - te, de = N.width + me, Z = Math.max(de, k.width), Y = window.innerWidth - Ue, he = To(te, [
           Ue,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -9971,13 +9976,13 @@ var Lw = "SelectItemAlignedPosition", Nu = u.forwardRef((e, t) => {
         ]);
         i.style.minWidth = de + "px", i.style.left = he + "px";
       } else {
-        const X = M.right - P.right, te = window.innerWidth - L.right - X, me = window.innerWidth - N.right - te, de = N.width + me, Z = Math.max(de, M.width), Y = window.innerWidth - Ue, he = To(te, [
+        const X = k.right - P.right, te = window.innerWidth - L.right - X, me = window.innerWidth - N.right - te, de = N.width + me, Z = Math.max(de, k.width), Y = window.innerWidth - Ue, he = To(te, [
           Ue,
           Math.max(Ue, Y - Z)
         ]);
         i.style.minWidth = de + "px", i.style.right = he + "px";
       }
-      const $ = m(), K = window.innerHeight - Ue * 2, B = h.scrollHeight, k = window.getComputedStyle(f), H = parseInt(k.borderTopWidth, 10), O = parseInt(k.paddingTop, 10), G = parseInt(k.borderBottomWidth, 10), D = parseInt(k.paddingBottom, 10), T = H + O + B + D + G, Q = Math.min(b.offsetHeight * 5, T), q = window.getComputedStyle(h), se = parseInt(q.paddingTop, 10), F = parseInt(q.paddingBottom, 10), V = N.top + N.height / 2 - Ue, ce = K - V, pe = b.offsetHeight / 2, z = b.offsetTop + pe, W = H + O + z, ae = T - W;
+      const $ = m(), K = window.innerHeight - Ue * 2, B = h.scrollHeight, M = window.getComputedStyle(f), H = parseInt(M.borderTopWidth, 10), O = parseInt(M.paddingTop, 10), G = parseInt(M.borderBottomWidth, 10), D = parseInt(M.paddingBottom, 10), T = H + O + B + D + G, Q = Math.min(b.offsetHeight * 5, T), q = window.getComputedStyle(h), se = parseInt(q.paddingTop, 10), F = parseInt(q.paddingBottom, 10), V = N.top + N.height / 2 - Ue, ce = K - V, pe = b.offsetHeight / 2, z = b.offsetTop + pe, W = H + O + z, ae = T - W;
       if (W <= V) {
         const X = $.length > 0 && b === $[$.length - 1].ref.current;
         i.style.bottom = "0px";
@@ -10261,15 +10266,15 @@ var en = "SelectItemText", Ou = u.forwardRef(
   }
 );
 Ou.displayName = en;
-var Mu = "SelectItemIndicator", ku = u.forwardRef(
+var ku = "SelectItemIndicator", Mu = u.forwardRef(
   (e, t) => {
     const { __scopeSelect: n, ...r } = e;
-    return Iu(Mu, n).isSelected ? /* @__PURE__ */ c(ee.span, { "aria-hidden": !0, ...r, ref: t }) : null;
+    return Iu(ku, n).isSelected ? /* @__PURE__ */ c(ee.span, { "aria-hidden": !0, ...r, ref: t }) : null;
   }
 );
-ku.displayName = Mu;
-var Mo = "SelectScrollUpButton", Du = u.forwardRef((e, t) => {
-  const n = ht(Mo, e.__scopeSelect), r = Es(Mo, e.__scopeSelect), [o, s] = u.useState(!1), a = ie(t, r.onScrollButtonChange);
+Mu.displayName = ku;
+var ko = "SelectScrollUpButton", Du = u.forwardRef((e, t) => {
+  const n = ht(ko, e.__scopeSelect), r = Es(ko, e.__scopeSelect), [o, s] = u.useState(!1), a = ie(t, r.onScrollButtonChange);
   return we(() => {
     if (n.viewport && n.isPositioned) {
       let i = function() {
@@ -10291,9 +10296,9 @@ var Mo = "SelectScrollUpButton", Du = u.forwardRef((e, t) => {
     }
   ) : null;
 });
-Du.displayName = Mo;
-var ko = "SelectScrollDownButton", Lu = u.forwardRef((e, t) => {
-  const n = ht(ko, e.__scopeSelect), r = Es(ko, e.__scopeSelect), [o, s] = u.useState(!1), a = ie(t, r.onScrollButtonChange);
+Du.displayName = ko;
+var Mo = "SelectScrollDownButton", Lu = u.forwardRef((e, t) => {
+  const n = ht(Mo, e.__scopeSelect), r = Es(Mo, e.__scopeSelect), [o, s] = u.useState(!1), a = ie(t, r.onScrollButtonChange);
   return we(() => {
     if (n.viewport && n.isPositioned) {
       let i = function() {
@@ -10315,7 +10320,7 @@ var ko = "SelectScrollDownButton", Lu = u.forwardRef((e, t) => {
     }
   ) : null;
 });
-Lu.displayName = ko;
+Lu.displayName = Mo;
 var Fu = u.forwardRef((e, t) => {
   const { __scopeSelect: n, onAutoScroll: r, ...o } = e, s = ht("SelectScrollButton", n), a = u.useRef(null), i = $r(n), l = u.useCallback(() => {
     a.current !== null && (window.clearInterval(a.current), a.current = null);
@@ -10412,7 +10417,7 @@ function zu(e, t, n) {
 function Kw(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
-var Gw = mu, Wu = bu, qw = wu, Xw = yu, Yw = xu, Vu = Su, Jw = Ru, ju = Pu, Ku = _u, Zw = Ou, Qw = ku, Gu = Du, qu = Lu, Xu = $u;
+var Gw = mu, Wu = bu, qw = wu, Xw = yu, Yw = xu, Vu = Su, Jw = Ru, ju = Pu, Ku = _u, Zw = Ou, Qw = Mu, Gu = Du, qu = Lu, Xu = $u;
 const Ta = Gw, Aa = qw, Lo = u.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ E(
   Wu,
   {
@@ -10424,7 +10429,7 @@ const Ta = Gw, Aa = qw, Lo = u.forwardRef(({ className: e, children: t, ...n },
     ...n,
     children: [
       t,
-      /* @__PURE__ */ c(Xw, { asChild: !0, children: /* @__PURE__ */ c(kt, { className: "h-4 w-4 opacity-50" }) })
+      /* @__PURE__ */ c(Xw, { asChild: !0, children: /* @__PURE__ */ c(Mt, { className: "h-4 w-4 opacity-50" }) })
     ]
   }
 ));
@@ -10451,7 +10456,7 @@ const Ju = u.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
       e
     ),
     ...t,
-    children: /* @__PURE__ */ c(kt, { className: "h-4 w-4" })
+    children: /* @__PURE__ */ c(Mt, { className: "h-4 w-4" })
   }
 ));
 Ju.displayName = qu.displayName;
@@ -10722,8 +10727,8 @@ function ex({ settings: e, onSettingsChange: t, className: n = "" }) {
       f && /* @__PURE__ */ c(ii, { variant: "destructive", className: "ml-2 h-4 w-4 p-0" })
     ] }) }),
     /* @__PURE__ */ E(Ss, { className: "w-[500px] sm:w-[600px] overflow-y-auto", children: [
-      /* @__PURE__ */ E(Ml, { children: [
-        /* @__PURE__ */ c(kl, { children: "Chat Settings" }),
+      /* @__PURE__ */ E(kl, { children: [
+        /* @__PURE__ */ c(Ml, { children: "Chat Settings" }),
         /* @__PURE__ */ c(Dl, { children: "Configure your chat interface, API connection, and behavior preferences." })
       ] }),
       /* @__PURE__ */ E("div", { className: "space-y-6 py-6", children: [