teodor-new-chat-ui 2.0.25 → 2.0.27

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx as c, jsxs as R, Fragment as De } from "react/jsx-runtime";
 import * as l from "react";
-import Qe, { useState as ce, useRef as rt, useCallback as Ce, useEffect as we, useReducer as Du, useMemo as nt, createContext as ca, useContext as la, useLayoutEffect as Lu } from "react";
+import Je, { useState as ce, useRef as rt, useCallback as Ce, useEffect as we, useReducer as Du, useMemo as nt, createContext as ca, useContext as la, useLayoutEffect as Lu } from "react";
 import { ChevronUp as Wt, ChevronDown as Tt, Copy as ns, Edit as rs, RotateCcw as Wr, GitBranch as ua, ChevronLeft as Fu, ChevronRight as da, Bot as os, Wrench as $u, User as Bu, Image as Uu, Check as mo, Circle as zu, X as Kt, Edit3 as fa, Paperclip as ss, Plus as Hu, Square as Wu, Send as Vu, MessageSquarePlus as ju, MessageSquare as Ku, Calendar as Gu, Trash2 as qu, PanelLeft as Xu, Settings as Yu, Server as Ju, EyeOff as Zu, Eye as Qu, Layout as ed, MessageCircle as td, Save as nd } from "lucide-react";
 import { Slot as Dt, createSlot as _t, createSlottable as rd } from "@radix-ui/react-slot";
 import { cva as rn } from "class-variance-authority";
@@ -111,14 +111,14 @@ const Nd = (e, t, n, { allOwnKeys: r } = {}) => (an(t, (o, s) => {
   for (; t-- > 0; )
     n[t] = e[t];
   return n;
-}, Od = /* @__PURE__ */ ((e) => (t) => e && t instanceof e)(typeof Uint8Array < "u" && go(Uint8Array)), kd = (e, t) => {
+}, Od = /* @__PURE__ */ ((e) => (t) => e && t instanceof e)(typeof Uint8Array < "u" && go(Uint8Array)), Md = (e, t) => {
   const r = (e && e[Xn]).call(e);
   let o;
   for (; (o = r.next()) && !o.done; ) {
     const s = o.value;
     t.call(e, s[0], s[1]);
   }
-}, Md = (e, t) => {
+}, kd = (e, t) => {
   let n;
   const r = [];
   for (; (n = e.exec(t)) !== null; )
@@ -225,8 +225,8 @@ const Wd = (e) => {
   kindOfTest: Be,
   endsWith: _d,
   toArray: Id,
-  forEachEntry: kd,
-  matchAll: Md,
+  forEachEntry: Md,
+  matchAll: kd,
   isHTMLForm: Dd,
   hasOwnProperty: as,
   hasOwnProp: as,
@@ -1238,9 +1238,9 @@ const Ia = (e) => {
       onDownloadProgress: C,
       onUploadProgress: I,
       responseType: N,
-      headers: L,
-      withCredentials: k = "same-origin",
-      fetchOptions: D
+      headers: F,
+      withCredentials: D = "same-origin",
+      fetchOptions: L
     } = Ia(m), j = t || fetch;
     N = N ? (N + "").toLowerCase() : "text";
     let K = Nf([y, x && x.toAbortSignal()], E), W = null;
@@ -1249,44 +1249,44 @@ const Ia = (e) => {
     });
     let q;
     try {
-      if (I && f && b !== "get" && b !== "head" && (q = await v(L, w)) !== 0) {
+      if (I && f && b !== "get" && b !== "head" && (q = await v(F, w)) !== 0) {
         let O = new n(h, {
           method: "POST",
           body: w,
           duplex: "half"
-        }), X;
-        if (S.isFormData(w) && (X = O.headers.get("content-type")) && L.setContentType(X), O.body) {
-          const [$, z] = ds(
+        }), Y;
+        if (S.isFormData(w) && (Y = O.headers.get("content-type")) && F.setContentType(Y), O.body) {
+          const [M, z] = ds(
             q,
             Ln(fs(I))
           );
-          w = hs(O.body, ms, $, z);
+          w = hs(O.body, ms, M, z);
         }
       }
-      S.isString(k) || (k = k ? "include" : "omit");
-      const F = s && "credentials" in n.prototype, G = {
-        ...D,
+      S.isString(D) || (D = D ? "include" : "omit");
+      const $ = s && "credentials" in n.prototype, G = {
+        ...L,
         signal: K,
         method: b.toUpperCase(),
-        headers: L.normalize().toJSON(),
+        headers: F.normalize().toJSON(),
         body: w,
         duplex: "half",
-        credentials: F ? k : void 0
+        credentials: $ ? D : void 0
       };
       W = s && new n(h, G);
-      let T = await (s ? j(W, D) : j(h, G));
+      let T = await (s ? j(W, L) : j(h, G));
       const P = d && (N === "stream" || N === "response");
       if (d && (C || P && B)) {
         const O = {};
         ["status", "statusText", "headers"].forEach((le) => {
           O[le] = T[le];
         });
-        const X = S.toFiniteNumber(T.headers.get("content-length")), [$, z] = C && ds(
-          X,
+        const Y = S.toFiniteNumber(T.headers.get("content-length")), [M, z] = C && ds(
+          Y,
           Ln(fs(C), !0)
         ) || [];
         T = new r(
-          hs(T.body, ms, $, () => {
+          hs(T.body, ms, M, () => {
             z && z(), B && B();
           }),
           O
@@ -1294,8 +1294,8 @@ const Ia = (e) => {
       }
       N = N || "text";
       let _ = await p[S.findKey(p, N) || "text"](T, m);
-      return !P && B && B(), await new Promise((O, X) => {
-        Pa(O, X, {
+      return !P && B && B(), await new Promise((O, Y) => {
+        Pa(O, Y, {
           data: _,
           headers: Te.from(T.headers),
           status: T.status,
@@ -1304,13 +1304,13 @@ const Ia = (e) => {
           request: W
         });
       });
-    } catch (F) {
-      throw B && B(), F && F.name === "TypeError" && /Load failed|fetch/i.test(F.message) ? Object.assign(
+    } catch ($) {
+      throw B && B(), $ && $.name === "TypeError" && /Load failed|fetch/i.test($.message) ? Object.assign(
         new ee("Network Error", ee.ERR_NETWORK, m, W),
         {
-          cause: F.cause || F
+          cause: $.cause || $
         }
-      ) : ee.from(F, F && F.code, m, W);
+      ) : ee.from($, $ && $.code, m, W);
     }
   };
 }, Of = /* @__PURE__ */ new Map(), Oa = (e) => {
@@ -1342,7 +1342,7 @@ S.forEach(Gr, (e, t) => {
     Object.defineProperty(e, "adapterName", { value: t });
   }
 });
-const ws = (e) => `- ${e}`, kf = (e) => S.isFunction(e) || e === null || e === !1, ka = {
+const ws = (e) => `- ${e}`, Mf = (e) => S.isFunction(e) || e === null || e === !1, Ma = {
   getAdapter: (e, t) => {
     e = S.isArray(e) ? e : [e];
     const { length: n } = e;
@@ -1351,7 +1351,7 @@ const ws = (e) => `- ${e}`, kf = (e) => S.isFunction(e) || e === null || e === !
     for (let a = 0; a < n; a++) {
       r = e[a];
       let i;
-      if (o = r, !kf(r) && (o = Gr[(i = String(r)).toLowerCase()], o === void 0))
+      if (o = r, !Mf(r) && (o = Gr[(i = String(r)).toLowerCase()], o === void 0))
         throw new ee(`Unknown adapter '${i}'`);
       if (o && (S.isFunction(o) || (o = o.get(t))))
         break;
@@ -1381,7 +1381,7 @@ function ys(e) {
   return Nr(e), e.headers = Te.from(e.headers), e.data = Rr.call(
     e,
     e.transformRequest
-  ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), ka.getAdapter(e.adapter || cn.adapter, e)(e).then(function(r) {
+  ), ["post", "put", "patch"].indexOf(e.method) !== -1 && e.headers.setContentType("application/x-www-form-urlencoded", !1), Ma.getAdapter(e.adapter || cn.adapter, e)(e).then(function(r) {
     return Nr(e), r.data = Rr.call(
       e,
       e.transformResponse,
@@ -1395,7 +1395,7 @@ function ys(e) {
     ), r.response.headers = Te.from(r.response.headers))), Promise.reject(r);
   });
 }
-const Ma = "1.12.2", Qn = {};
+const ka = "1.12.2", Qn = {};
 ["object", "boolean", "number", "function", "string", "symbol"].forEach((e, t) => {
   Qn[e] = function(r) {
     return typeof r === e || "a" + (t < 1 ? "n " : " ") + e;
@@ -1404,7 +1404,7 @@ const Ma = "1.12.2", Qn = {};
 const xs = {};
 Qn.transitional = function(t, n, r) {
   function o(s, a) {
-    return "[Axios v" + Ma + "] Transitional option '" + s + "'" + a + (r ? ". " + r : "");
+    return "[Axios v" + ka + "] Transitional option '" + s + "'" + a + (r ? ". " + r : "");
   }
   return (s, a, i) => {
     if (t === !1)
@@ -1423,7 +1423,7 @@ Qn.transitional = function(t, n, r) {
 Qn.spelling = function(t) {
   return (n, r) => (console.warn(`${r} is likely a misspelling of ${t}`), !0);
 };
-function Mf(e, t, n) {
+function kf(e, t, n) {
   if (typeof e != "object")
     throw new ee("options must be an object", ee.ERR_BAD_OPTION_VALUE);
   const r = Object.keys(e);
@@ -1441,7 +1441,7 @@ function Mf(e, t, n) {
   }
 }
 const En = {
-  assertOptions: Mf,
+  assertOptions: kf,
   validators: Qn
 }, He = En.validators;
 let dt = class {
@@ -1723,26 +1723,26 @@ function La(e) {
     return La(ft(e, o));
   }, n;
 }
-const me = La(cn);
-me.Axios = dt;
-me.CanceledError = Ft;
-me.CancelToken = Df;
-me.isCancel = Aa;
-me.VERSION = Ma;
-me.toFormData = Zn;
-me.AxiosError = ee;
-me.Cancel = me.CanceledError;
-me.all = function(t) {
+const ge = La(cn);
+ge.Axios = dt;
+ge.CanceledError = Ft;
+ge.CancelToken = Df;
+ge.isCancel = Aa;
+ge.VERSION = ka;
+ge.toFormData = Zn;
+ge.AxiosError = ee;
+ge.Cancel = ge.CanceledError;
+ge.all = function(t) {
   return Promise.all(t);
 };
-me.spread = Lf;
-me.isAxiosError = Ff;
-me.mergeConfig = ft;
-me.AxiosHeaders = Te;
-me.formToJSON = (e) => Ta(S.isHTMLForm(e) ? new FormData(e) : e);
-me.getAdapter = ka.getAdapter;
-me.HttpStatusCode = qr;
-me.default = me;
+ge.spread = Lf;
+ge.isAxiosError = Ff;
+ge.mergeConfig = ft;
+ge.AxiosHeaders = Te;
+ge.formToJSON = (e) => Ta(S.isHTMLForm(e) ? new FormData(e) : e);
+ge.getAdapter = Ma.getAdapter;
+ge.HttpStatusCode = qr;
+ge.default = ge;
 const {
   Axios: oy,
   AxiosError: sy,
@@ -1760,7 +1760,7 @@ const {
   formToJSON: by,
   getAdapter: vy,
   mergeConfig: wy
-} = me, Tr = {};
+} = ge, Tr = {};
 function Gt() {
   var e;
   try {
@@ -1782,7 +1782,7 @@ function Cs(e) {
 function $f(e) {
   return Xr.add(e), () => Xr.delete(e);
 }
-const Ge = me.create({
+const Ge = ge.create({
   baseURL: Fa || "http://localhost:8000",
   // Fallback base URL
   timeout: 3e4,
@@ -1952,7 +1952,7 @@ function Hf(e = {}) {
       m.current && (m.current.abort(), m.current = null), i(!0), f(null), e.autoAppendAssistant !== !1 && p("");
       const I = new AbortController();
       return m.current = I, (async () => {
-        var k, D, j, K;
+        var D, L, j, K;
         const N = (() => {
           var W;
           try {
@@ -1960,13 +1960,13 @@ function Hf(e = {}) {
           } catch {
             return !1;
           }
-        })(), L = (W) => {
+        })(), F = (W) => {
           var B;
           try {
             const q = JSON.parse(JSON.stringify(W));
-            return (B = q == null ? void 0 : q.payload) != null && B.files_info && Array.isArray(q.payload.files_info) && (q.payload.files_info = q.payload.files_info.map((F) => ({
-              ...F,
-              data: F != null && F.data ? `<base64 ${String(F.data).length} chars>` : F == null ? void 0 : F.data
+            return (B = q == null ? void 0 : q.payload) != null && B.files_info && Array.isArray(q.payload.files_info) && (q.payload.files_info = q.payload.files_info.map(($) => ({
+              ...$,
+              data: $ != null && $.data ? `<base64 ${String($.data).length} chars>` : $ == null ? void 0 : $.data
             }))), q;
           } catch {
             return W;
@@ -1978,19 +1978,19 @@ function Hf(e = {}) {
             if (r)
               W = { Authorization: `Bearer ${r}` };
             else if (typeof window < "u") {
-              const P = window.__AUTH_TOKEN__, _ = ((k = window.localStorage) == null ? void 0 : k.getItem("authToken")) || null;
+              const P = window.__AUTH_TOKEN__, _ = ((D = window.localStorage) == null ? void 0 : D.getItem("authToken")) || null;
               let O = null;
               try {
-                const $ = (D = window.localStorage) == null ? void 0 : D.getItem("chat-settings");
-                $ && (O = ((j = JSON.parse($)) == null ? void 0 : j.apiKey) || null);
+                const M = (L = window.localStorage) == null ? void 0 : L.getItem("chat-settings");
+                M && (O = ((j = JSON.parse(M)) == null ? void 0 : j.apiKey) || null);
               } catch {
               }
-              const X = P || _ || O || null;
-              X && (W = { Authorization: `Bearer ${X}` });
+              const Y = P || _ || O || null;
+              Y && (W = { Authorization: `Bearer ${Y}` });
             }
           } catch {
           }
-          N && console.debug("[use-chat] POST", t + n, L(x));
+          N && console.debug("[use-chat] POST", t + n, F(x));
           const B = await fetch(t + n, {
             method: "POST",
             headers: {
@@ -2006,33 +2006,33 @@ function Hf(e = {}) {
             const T = await B.text().catch(() => "");
             throw N && console.debug("[use-chat] non-OK response", B.status, T == null ? void 0 : T.slice(0, 500)), new Error(`stream ${B.status}${T ? ": " + T : ""}`);
           }
-          const q = B.body.getReader(), F = new TextDecoder();
+          const q = B.body.getReader(), $ = new TextDecoder();
           let G = "";
           for (; ; ) {
             const { value: T, done: P } = await q.read();
             if (P) break;
-            G += F.decode(T, { stream: !0 });
+            G += $.decode(T, { stream: !0 });
             let _;
             for (; (_ = G.indexOf(`
 
 `)) >= 0; ) {
               const O = G.slice(0, _);
               G = G.slice(_ + 2);
-              const X = Vf(O);
-              if (!X) continue;
-              let $;
+              const Y = Vf(O);
+              if (!Y) continue;
+              let M;
               try {
-                $ = JSON.parse(X);
+                M = JSON.parse(Y);
               } catch {
-                N && console.debug("[use-chat] skip malformed SSE data:", X == null ? void 0 : X.slice(0, 200));
+                N && console.debug("[use-chat] skip malformed SSE data:", Y == null ? void 0 : Y.slice(0, 200));
                 continue;
               }
-              const z = Wf($) ? $.data : $;
+              const z = Wf(M) ? M.data : M;
               if (N && console.debug("[use-chat] event:", z == null ? void 0 : z.type, z), E == null || E(z), z.type === "token")
                 e.autoAppendAssistant !== !1 && p((le) => le + z.content);
               else if (z.type === "message_delta") {
-                const le = z.delta.filter((ae) => ae.type === "text").map((ae) => ae.text).join("");
-                le && e.autoAppendAssistant !== !1 && p((ae) => ae + le);
+                const le = z.delta.filter((se) => se.type === "text").map((se) => se.text).join("");
+                le && e.autoAppendAssistant !== !1 && p((se) => se + le);
               } else z.type === "checkpoint" ? v(z.checkpointId) : z.type === "error" && f(z.message);
             }
           }
@@ -2274,21 +2274,21 @@ function Rn({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }, [N]), we(() => {
     r == null || r(C);
   }, [C, r]);
-  const L = rt(null);
+  const F = rt(null);
   we(() => {
-    o && L.current !== o && (L.current = o, D(o).catch(() => {
+    o && F.current !== o && (F.current = o, L(o).catch(() => {
     }));
   }, [o]);
-  const k = rt(null), D = Ce(
-    async (_, O, X) => {
-      var $;
-      if (k.current !== _) {
-        k.current = _;
+  const D = rt(null), L = Ce(
+    async (_, O, Y) => {
+      var M;
+      if (D.current !== _) {
+        D.current = _;
         try {
-          const z = O ?? (($ = (await s.listCheckpoints(_)).checkpoints.slice().sort((ae, V) => new Date(V.createdAt).getTime() - new Date(ae.createdAt).getTime())[0]) == null ? void 0 : $.checkpointId), le = await s.getMessages({ threadId: _, checkpointId: z, checkpointNs: X });
+          const z = O ?? ((M = (await s.listCheckpoints(_)).checkpoints.slice().sort((se, V) => new Date(V.createdAt).getTime() - new Date(se.createdAt).getTime())[0]) == null ? void 0 : M.checkpointId), le = await s.getMessages({ threadId: _, checkpointId: z, checkpointNs: Y });
           I(_), h(le.messages);
         } finally {
-          k.current = null;
+          D.current = null;
         }
       }
     },
@@ -2299,16 +2299,16 @@ function Rn({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     h(O.messages);
   }, [s, C, h]), W = Ce(async () => {
     if (!C) throw new Error("No active thread");
-    await D(C);
-  }, [C, D]), B = rt(!1);
+    await L(C);
+  }, [C, L]), B = rt(!1);
   we(() => {
     const _ = B.current;
     if (B.current = a, _ && !a && C) {
       const O = m.lastCheckpointId ?? void 0;
       (async () => {
         try {
-          const X = await s.getMessages({ threadId: C, checkpointId: O });
-          h(X.messages);
+          const Y = await s.getMessages({ threadId: C, checkpointId: O });
+          h(Y.messages);
         } catch {
         }
         try {
@@ -2320,40 +2320,40 @@ function Rn({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }, [a, C, m.lastCheckpointId, s, h, N]);
   const q = Ce(async (_) => {
     const O = await s.createThread(_);
-    return await N(), await D(O.threadId), O.threadId;
-  }, [s, N, D]), F = Ce(async (_) => {
+    return await N(), await L(O.threadId), O.threadId;
+  }, [s, N, L]), $ = Ce(async (_) => {
     await s.deleteThread(_), await N(), C === _ && (I(null), y([]));
   }, [s, N, C, y]), G = Ce(async (_, O) => {
     await s.updateThread(_, O), await N();
   }, [s, N]), T = Ce(async (_, O) => {
-    var se;
+    var oe;
     if (!C) throw new Error("No active thread");
-    async function X(H) {
+    async function Y(H) {
       return await new Promise((Z, de) => {
-        const pe = new FileReader();
-        pe.onload = () => Z(String(pe.result)), pe.onerror = (Y) => de(Y), pe.readAsDataURL(H);
+        const he = new FileReader();
+        he.onload = () => Z(String(he.result)), he.onerror = (me) => de(me), he.readAsDataURL(H);
       });
     }
-    async function $(H) {
+    async function M(H) {
       return await new Promise((Z, de) => {
-        const pe = new FileReader();
-        pe.onload = () => {
+        const he = new FileReader();
+        he.onload = () => {
           try {
-            const Y = pe.result;
-            let ge = "";
-            const te = new Uint8Array(Y), he = te.byteLength;
-            for (let ve = 0; ve < he; ve++) ge += String.fromCharCode(te[ve]);
-            Z(btoa(ge));
-          } catch (Y) {
-            de(Y);
+            const me = he.result;
+            let Q = "";
+            const ve = new Uint8Array(me), ae = ve.byteLength;
+            for (let fe = 0; fe < ae; fe++) Q += String.fromCharCode(ve[fe]);
+            Z(btoa(Q));
+          } catch (me) {
+            de(me);
           }
-        }, pe.onerror = (Y) => de(Y), pe.readAsArrayBuffer(H);
+        }, he.onerror = (me) => de(me), he.readAsArrayBuffer(H);
       });
     }
     const z = [];
     _ && z.push({ type: "text", text: _ });
     const le = (O == null ? void 0 : O.attachments) || [];
-    let ae = [];
+    let se = [];
     if (le.length > 0)
       for (const H of le)
         if (H.type && H.type.startsWith("image/")) {
@@ -2365,7 +2365,7 @@ function Rn({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
           }
           if (!Z)
             try {
-              Z = await X(H);
+              Z = await Y(H);
             } catch {
               Z = null;
             }
@@ -2374,34 +2374,34 @@ function Rn({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
             z.push(de);
           }
           try {
-            ae.push({ filename: H.name, data: await $(H), mime_type: H.type || "application/octet-stream" });
+            se.push({ filename: H.name, data: await M(H), mime_type: H.type || "application/octet-stream" });
           } catch {
           }
         } else {
-          const Z = await X(H).catch(() => null), de = { type: "file", url: String(Z), mimeType: H.type || void 0, name: H.name, size: H.size };
+          const Z = await Y(H).catch(() => null), de = { type: "file", url: String(Z), mimeType: H.type || void 0, name: H.name, size: H.size };
           z.push(de);
           try {
-            ae.push({ filename: H.name, data: await $(H), mime_type: H.type || "application/octet-stream" });
+            se.push({ filename: H.name, data: await M(H), mime_type: H.type || "application/octet-stream" });
           } catch {
           }
         }
     const V = {
-      id: ((se = crypto.randomUUID) == null ? void 0 : se.call(crypto)) || `user-${Date.now()}`,
+      id: ((oe = crypto.randomUUID) == null ? void 0 : oe.call(crypto)) || `user-${Date.now()}`,
       role: "user",
       content: z,
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
       checkpointId: (O == null ? void 0 : O.checkpointId) ?? m.lastCheckpointId ?? void 0
     };
     b(V);
-    const oe = {
+    const re = {
       ...V,
       content: V.content.filter((H) => H.type === "text" || H.type === "image_url")
     }, ie = {
       threadId: C,
       payload: {
-        messages: [oe],
+        messages: [re],
         attachments: V.content.filter((H) => H.type === "file").map((H) => ({ type: "file", url: H.url, mimeType: H.mimeType, name: H.name, size: H.size })),
-        files_info: ae,
+        files_info: se,
         ...(O == null ? void 0 : O.payloadExtras) ?? {}
       },
       checkpointId: (O == null ? void 0 : O.checkpointId) ?? m.lastCheckpointId ?? void 0,
@@ -2425,9 +2425,9 @@ function Rn({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     streamingAssistantId: m.assemblingId,
     refreshThreads: N,
     createThread: q,
-    deleteThread: F,
+    deleteThread: $,
     renameThread: G,
-    loadThread: D,
+    loadThread: L,
     listCheckpoints: j,
     navigateToCheckpoint: K,
     returnToLatest: W,
@@ -2468,7 +2468,7 @@ const Zf = rn(
       size: "default"
     }
   }
-), fe = l.forwardRef(
+), pe = l.forwardRef(
   ({ className: e, variant: t, size: n, asChild: r = !1, ...o }, s) => /* @__PURE__ */ c(
     r ? Dt : "button",
     {
@@ -2478,7 +2478,7 @@ const Zf = rn(
     }
   )
 );
-fe.displayName = "Button";
+pe.displayName = "Button";
 const za = l.forwardRef(
   ({ className: e, ...t }, n) => /* @__PURE__ */ c(
     "textarea",
@@ -2653,7 +2653,7 @@ function wo(...e) {
       };
   };
 }
-function ne(...e) {
+function te(...e) {
   return l.useCallback(wo(...e), e);
 }
 var sp = [
@@ -2688,7 +2688,7 @@ function ap(e, t) {
   return l.useReducer((n, r) => t[n][r] ?? n, e);
 }
 var Ae = (e) => {
-  const { present: t, children: n } = e, r = ip(t), o = typeof n == "function" ? n({ present: r.isPresent }) : l.Children.only(n), s = ne(r.ref, cp(o));
+  const { present: t, children: n } = e, r = ip(t), o = typeof n == "function" ? n({ present: r.isPresent }) : l.Children.only(n), s = te(r.ref, cp(o));
   return typeof n == "function" || r.isPresent ? l.cloneElement(o, { ref: s }) : null;
 };
 Ae.displayName = "Presence";
@@ -2822,7 +2822,7 @@ var xo = "CollapsibleContent", pp = l.forwardRef(
 );
 pp.displayName = xo;
 var hp = l.forwardRef((e, t) => {
-  const { __scopeCollapsible: n, present: r, children: o, ...s } = e, a = yo(xo, n), [i, u] = l.useState(r), f = l.useRef(null), d = ne(t, f), p = l.useRef(0), g = p.current, v = l.useRef(0), m = v.current, h = a.open || i, b = l.useRef(h), w = l.useRef(void 0);
+  const { __scopeCollapsible: n, present: r, children: o, ...s } = e, a = yo(xo, n), [i, u] = l.useState(r), f = l.useRef(null), d = te(t, f), p = l.useRef(0), g = p.current, v = l.useRef(0), m = v.current, h = a.open || i, b = l.useRef(h), w = l.useRef(void 0);
   return l.useEffect(() => {
     const y = requestAnimationFrame(() => b.current = !1);
     return () => cancelAnimationFrame(y);
@@ -2887,217 +2887,247 @@ function gp({
   onEdit: C,
   onRegenerate: I,
   onEditFromCheckpoint: N,
-  onCancelEdit: L,
-  onCopy: k
+  onCancelEdit: F,
+  onCopy: D
 }) {
-  const [D, j] = ce(!1), [K, W] = ce(!1), [B, q] = ce(!1), [F, G] = ce(!1), T = u === "phone" || u === "half-screen", P = e.role, _ = P === "tool", O = nt(() => bp(e.content), [e.content]), X = nt(() => Cp(e.content), [e.content]), $ = nt(() => e.content.filter((Y) => Y.type === "image_url"), [e.content]), z = nt(() => e.content.filter((Y) => Y.type === "file"), [e.content]), le = Np(O, n ? r : 0), ae = async () => {
+  const [L, j] = ce(!1), [K, W] = ce(!1), [B, q] = ce(!1), [$, G] = ce(!1), T = u === "phone" || u === "half-screen", P = e.role, _ = P === "tool", O = Je.useMemo(() => {
+    switch (P) {
+      case "user":
+        return "text-[hsl(var(--chat-bubble-user-text))]";
+      case "assistant":
+        return "text-[hsl(var(--chat-bubble-ai-text))]";
+      case "tool":
+        return "text-secondary-foreground";
+      case "system":
+        return "text-muted-foreground";
+      default:
+        return "text-foreground";
+    }
+  }, [P]), Y = nt(() => bp(e.content), [e.content]), M = nt(() => Cp(e.content), [e.content]), z = nt(() => e.content.filter((Q) => Q.type === "image_url"), [e.content]), le = nt(() => e.content.filter((Q) => Q.type === "file"), [e.content]), se = Np(Y, n ? r : 0), V = async () => {
     try {
-      const Y = _ ? St(e.content) : O;
-      await navigator.clipboard.writeText(Y), j(!0), setTimeout(() => j(!1), 2e3), k == null || k(Y);
-    } catch (Y) {
-      console.error("Failed to copy:", Y);
+      const Q = _ ? St(e.content) : Y;
+      await navigator.clipboard.writeText(Q), j(!0), setTimeout(() => j(!1), 2e3), D == null || D(Q);
+    } catch (Q) {
+      console.error("Failed to copy:", Q);
     }
-  }, V = () => {
+  }, re = () => {
     if (!C) return;
-    const Y = _ ? St(e.content) : O;
-    C(e.id, Y);
-  }, oe = () => I == null ? void 0 : I(t), ie = () => {
-    const ge = A(T ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0 text-current dark:text-primary-foreground");
+    const Q = _ ? St(e.content) : Y;
+    C(e.id, Q);
+  }, ie = () => I == null ? void 0 : I(t), oe = () => {
+    const ve = A(T ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0", O);
     switch (P) {
       case "user":
-        return /* @__PURE__ */ c(Bu, { className: ge });
+        return /* @__PURE__ */ c(Bu, { className: ve });
       case "assistant":
-        return /* @__PURE__ */ c(os, { className: ge });
+        return /* @__PURE__ */ c(os, { className: ve });
       case "tool":
-        return /* @__PURE__ */ c($u, { className: ge });
+        return /* @__PURE__ */ c($u, { className: ve });
       default:
-        return /* @__PURE__ */ c(os, { className: ge });
+        return /* @__PURE__ */ c(os, { className: ve });
     }
-  }, se = () => {
-    const Y = "group relative mb-4 max-w-full";
+  }, H = () => {
+    const Q = "group relative mb-4 max-w-full";
     switch (P) {
       case "user":
-        return A(Y, "flex justify-end");
+        return A(Q, "flex justify-end");
       case "assistant":
       case "tool":
       case "system":
-        return A(Y, "flex justify-start");
+        return A(Q, "flex justify-start");
       default:
-        return Y;
+        return Q;
     }
-  }, H = () => {
-    const Y = A(
+  }, Z = () => {
+    const Q = A(
       "rounded-lg px-4 py-3 relative transition-all duration-200 min-w-0 break-words",
       T && "px-3 py-2 text-sm"
     );
     switch (P) {
       case "user":
         return A(
-          Y,
-          // Ensure width constraints
+          Q,
           "max-w-[95%]",
           u === "phone" && "max-w-[98%]",
-          // Light mode: very light blue background with dark text for good contrast.
-          // Dark mode: keep the existing primary background + foreground (white text).
-          // Use Tailwind's `dark:` variants so the bubble adapts when the document root toggles the `dark` class.
-          "bg-blue-50 text-gray-900 dark:bg-primary dark:text-primary-foreground",
-          // Subtle blue border in light mode to separate from page background; remove in dark mode to keep the primary look.
-          "border border-blue-100 dark:border-transparent"
+          "bg-[hsl(var(--chat-bubble-user))] text-[hsl(var(--chat-bubble-user-text))]",
+          "border border-transparent"
         );
       case "assistant":
         return A(
-          Y,
+          Q,
           "max-w-[95%]",
           u === "phone" && "max-w-[98%]",
-          // Assistant (AI) messages: white background with dark text in light mode for readability,
-          // and a muted/darker background with light text in dark mode.
-          "bg-white text-gray-900 border border-gray-200 dark:bg-muted dark:text-muted-foreground dark:border-transparent"
+          "bg-[hsl(var(--chat-bubble-ai))] text-[hsl(var(--chat-bubble-ai-text))]",
+          "border border-border/60 dark:border-border/40"
         );
       case "tool":
-        return A(Y, "bg-secondary/50 text-secondary-foreground border border-dashed max-w-[95%]", u === "phone" && "max-w-[98%]");
+        return A(Q, "bg-secondary/50 text-secondary-foreground border border-dashed max-w-[95%]", u === "phone" && "max-w-[98%]");
       case "system":
-        return A(Y, "bg-accent/40 text-muted-foreground max-w-[85%] border");
+        return A(Q, "bg-accent/40 text-muted-foreground max-w-[85%] border");
       default:
-        return Y;
+        return Q;
     }
-  }, Z = (Y) => {
-    if (!Y) return "";
+  }, de = (Q) => {
+    if (!Q) return "";
     try {
-      return new Date(Y).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+      return new Date(Q).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
     } catch {
       return "";
     }
-  }, de = () => {
+  }, he = () => {
     if (e.model === "reflection") {
-      const te = O.trim(), he = Pr(te);
-      if (he && typeof he == "object")
-        return /* @__PURE__ */ c(Tp, { data: he });
+      const ae = Y.trim(), fe = Pr(ae);
+      if (fe && typeof fe == "object")
+        return /* @__PURE__ */ c(Tp, { data: fe });
     }
-    if (_ && X.name === "get_issues") {
-      const te = e.content.find((M) => M.type === "tool_result"), he = (te == null ? void 0 : te.output) ?? St(e.content), ve = Ga(he);
-      if (ve) return /* @__PURE__ */ c(Ap, { issues: ve });
+    if (_ && M.name === "get_issues") {
+      const ae = e.content.find((X) => X.type === "tool_result"), fe = (ae == null ? void 0 : ae.output) ?? St(e.content), k = Ga(fe);
+      if (k) return /* @__PURE__ */ c(Ap, { issues: k });
     }
     if (_ && !B) {
-      const te = St(e.content).slice(0, 80).replace(/\s+/g, " ");
+      const ae = St(e.content).slice(0, 80).replace(/\s+/g, " ");
       return /* @__PURE__ */ c("div", { className: A("text-xs font-mono opacity-70 flex items-center justify-between gap-2 text-current", T && "text-[10px]"), children: /* @__PURE__ */ R("span", { className: "truncate max-w-full text-current", children: [
-        te,
-        te.length >= 80 ? "…" : ""
+        ae,
+        ae.length >= 80 ? "…" : ""
       ] }) });
     }
     if (_ && f) {
-      const te = St(e.content), he = te.length > d;
+      const ae = St(e.content), fe = ae.length > d;
       return /* @__PURE__ */ c(As, { open: K, onOpenChange: W, children: /* @__PURE__ */ R("div", { className: "font-mono text-sm text-current", children: [
-        /* @__PURE__ */ c("pre", { className: A("whitespace-pre-wrap break-words text-current", T && "text-xs"), children: he && !K ? te.substring(0, d) + "..." : te }),
-        he && /* @__PURE__ */ c(Ps, { asChild: !0, children: /* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", className: "h-6 text-xs text-current", children: K ? /* @__PURE__ */ R(De, { children: [
+        /* @__PURE__ */ c("pre", { className: A("whitespace-pre-wrap break-words text-current", T && "text-xs"), children: fe && !K ? ae.substring(0, d) + "..." : ae }),
+        fe && /* @__PURE__ */ c(Ps, { asChild: !0, children: /* @__PURE__ */ c(pe, { variant: "ghost", size: "sm", className: "h-6 text-xs text-current", children: K ? /* @__PURE__ */ R(De, { children: [
           /* @__PURE__ */ c(Wt, { className: "h-3 w-3 mr-1" }),
           "Show less"
         ] }) : /* @__PURE__ */ R(De, { children: [
           /* @__PURE__ */ c(Tt, { className: "h-3 w-3 mr-1" }),
           "Show more (",
-          te.length - d,
+          ae.length - d,
           " chars)"
         ] }) }) })
       ] }) });
     }
     if (_ && B && !f) {
-      const te = Sp(e.content);
-      if (te && vp(te))
-        return /* @__PURE__ */ c(gn, { content: te.trim() });
-      const he = St(e.content);
-      return /* @__PURE__ */ c("div", { className: "font-mono text-sm text-current", children: /* @__PURE__ */ c("pre", { className: A("whitespace-pre-wrap break-words text-current", T && "text-xs"), children: he }) });
+      const ae = Sp(e.content);
+      if (ae && vp(ae))
+        return /* @__PURE__ */ c(gn, { content: ae.trim() });
+      const fe = St(e.content);
+      return /* @__PURE__ */ c("div", { className: "font-mono text-sm text-current", children: /* @__PURE__ */ c("pre", { className: A("whitespace-pre-wrap break-words text-current", T && "text-xs"), children: fe }) });
     }
-    const Y = $.length > 0 && P !== "tool", ge = z.length > 0 && P !== "tool";
+    const Q = z.length > 0 && P !== "tool", ve = le.length > 0 && P !== "tool";
     return /* @__PURE__ */ R("div", { children: [
       n ? /* @__PURE__ */ R("div", { className: "relative", children: [
         (() => {
-          const te = Pr(le);
-          return te !== null ? /* @__PURE__ */ c(_s, { data: te }) : /* @__PURE__ */ c(gn, { content: yp(wp(le)) });
+          const ae = Pr(se);
+          return ae !== null ? /* @__PURE__ */ c(_s, { data: ae }) : /* @__PURE__ */ c(gn, { content: yp(wp(se)) });
         })(),
         /* @__PURE__ */ c("span", { className: "inline-block w-[6px] h-[14px] align-baseline ml-0.5 bg-foreground/40 animate-pulse", style: { verticalAlign: "text-bottom" } })
       ] }) : (() => {
-        const te = Pr(O.trim());
-        if (te !== null) return /* @__PURE__ */ c(_s, { data: te });
+        const ae = Pr(Y.trim());
+        if (ae !== null) return /* @__PURE__ */ c(_s, { data: ae });
         if (P === "user" && p) {
-          const he = O.trim();
-          if (he.length > g)
-            return /* @__PURE__ */ R(As, { open: F, onOpenChange: G, children: [
-              /* @__PURE__ */ c("div", { className: A("text-sm text-gray-900 dark:text-primary-foreground", T && "text-xs"), children: F ? /* @__PURE__ */ c(gn, { content: he }) : /* @__PURE__ */ R("pre", { className: A("font-sans whitespace-pre-wrap break-words bg-transparent p-0 m-0 text-gray-900 dark:text-primary-foreground", T && "text-xs"), children: [
-                he.substring(0, g),
+          const fe = Y.trim();
+          if (fe.length > g)
+            return /* @__PURE__ */ R(As, { open: $, onOpenChange: G, children: [
+              /* @__PURE__ */ c("div", { className: A("text-sm text-[hsl(var(--chat-bubble-user-text))]", T && "text-xs"), children: $ ? /* @__PURE__ */ c(gn, { content: fe }) : /* @__PURE__ */ R("pre", { className: A("font-sans whitespace-pre-wrap break-words bg-transparent p-0 m-0 text-[hsl(var(--chat-bubble-user-text))]", T && "text-xs"), children: [
+                fe.substring(0, g),
                 "..."
               ] }) }),
-              /* @__PURE__ */ c(Ps, { asChild: !0, children: /* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", className: "h-6 text-xs !text-gray-900 dark:!text-primary-foreground", children: F ? /* @__PURE__ */ R(De, { children: [
-                /* @__PURE__ */ c(Wt, { className: "h-3 w-3 mr-1" }),
-                " Show less"
-              ] }) : /* @__PURE__ */ R(De, { children: [
-                /* @__PURE__ */ c(Tt, { className: "h-3 w-3 mr-1" }),
-                " Show more (",
-                he.length - g,
-                " chars)"
-              ] }) }) })
+              /* @__PURE__ */ c(Ps, { asChild: !0, children: /* @__PURE__ */ c(
+                pe,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-6 text-xs !text-[hsl(var(--chat-bubble-user-text))]",
+                  children: $ ? /* @__PURE__ */ R(De, { children: [
+                    /* @__PURE__ */ c(Wt, { className: "h-3 w-3 mr-1" }),
+                    " Show less"
+                  ] }) : /* @__PURE__ */ R(De, { children: [
+                    /* @__PURE__ */ c(Tt, { className: "h-3 w-3 mr-1" }),
+                    " Show more (",
+                    fe.length - g,
+                    " chars)"
+                  ] })
+                }
+              ) })
             ] });
         }
-        return /* @__PURE__ */ c(gn, { content: O.trim() });
+        return /* @__PURE__ */ c(gn, { content: Y.trim() });
       })(),
-      Y && /* @__PURE__ */ c("div", { className: "mt-2 grid grid-cols-2 gap-2", children: $.map((te, he) => /* @__PURE__ */ R("div", { className: "relative border rounded overflow-hidden", children: [
-        /* @__PURE__ */ c("img", { src: te.url, alt: te.alt ?? "image", className: "w-full h-auto" }),
+      Q && /* @__PURE__ */ c("div", { className: "mt-2 grid grid-cols-2 gap-2", children: z.map((ae, fe) => /* @__PURE__ */ R("div", { className: "relative border rounded overflow-hidden", children: [
+        /* @__PURE__ */ c("img", { src: ae.url, alt: ae.alt ?? "image", className: "w-full h-auto" }),
         /* @__PURE__ */ R("div", { className: "absolute top-1 right-1 bg-background/70 rounded px-1 py-0.5 text-[10px] flex items-center gap-1", children: [
           /* @__PURE__ */ c(Uu, { className: "h-3 w-3" }),
           /* @__PURE__ */ c("span", { children: "image" })
         ] })
-      ] }, he)) }),
-      ge && /* @__PURE__ */ c("div", { className: "mt-2 flex flex-wrap gap-2", children: z.map((te, he) => {
-        const ve = te, M = ve.name || "file";
+      ] }, fe)) }),
+      ve && /* @__PURE__ */ c("div", { className: "mt-2 flex flex-wrap gap-2", children: le.map((ae, fe) => {
+        const k = ae, X = k.name || "file";
         return /* @__PURE__ */ R(
           "a",
           {
-            href: ve.url,
-            download: M,
+            href: k.url,
+            download: X,
             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",
-            title: M,
+            title: X,
             children: [
               /* @__PURE__ */ c("span", { className: "inline-block w-1.5 h-1.5 rounded-full bg-gray-400" }),
-              /* @__PURE__ */ c("span", { className: "truncate max-w-[180px]", children: M })
+              /* @__PURE__ */ c("span", { className: "truncate max-w-[180px]", children: X })
             ]
           },
-          he
+          fe
         );
       }) })
     ] });
-  }, pe = nt(() => Ep(e), [e]);
-  return nt(() => Rp(e, h), [e, h]), /* @__PURE__ */ c("div", { className: A(se(), v.container), children: /* @__PURE__ */ R("div", { className: A(H(), v.content), children: [
+  }, me = nt(() => Ep(e), [e]);
+  return nt(() => Rp(e, h), [e, h]), /* @__PURE__ */ c("div", { className: A(H(), v.container), children: /* @__PURE__ */ R("div", { className: A(Z(), v.content), children: [
     (a || i || _) && /* @__PURE__ */ R(
       "div",
       {
         className: A(
           "flex items-center justify-between mb-2 pb-2 border-b border-current/10",
           T && "mb-1 pb-1",
+          O,
           v.header
         ),
         children: [
           /* @__PURE__ */ R("div", { className: "flex items-center gap-2", children: [
-            ie(),
-            i && pe && /* @__PURE__ */ c("span", { className: A("font-medium", T ? "text-xs" : "text-sm"), children: pe }),
-            _ && X.name && /* @__PURE__ */ R(
+            oe(),
+            i && me && /* @__PURE__ */ c("span", { className: A("font-medium", T ? "text-xs" : "text-sm"), children: me }),
+            _ && M.name && /* @__PURE__ */ R(
               Ha,
               {
                 variant: "outline",
-                className: A("text-xs flex items-center gap-1 cursor-pointer text-current", T && "text-xs h-4"),
-                onClick: () => q((Y) => !Y),
+                className: A(
+                  "text-xs flex items-center gap-1 cursor-pointer",
+                  O,
+                  "border border-current/40",
+                  T && "text-xs h-4"
+                ),
+                onClick: () => q((Q) => !Q),
                 children: [
-                  /* @__PURE__ */ c("span", { children: X.name }),
+                  /* @__PURE__ */ c("span", { children: M.name }),
                   /* @__PURE__ */ c("span", { className: "inline-flex items-center", children: B ? /* @__PURE__ */ c(Wt, { className: "h-3 w-3" }) : /* @__PURE__ */ c(Tt, { className: "h-3 w-3" }) })
                 ]
               }
             ),
-            _ && !X.name && /* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", className: "h-6 px-1 text-current", onClick: () => q((Y) => !Y), children: /* @__PURE__ */ R("span", { className: "text-xs flex items-center gap-1", children: [
-              "Tool Output ",
-              B ? /* @__PURE__ */ c(Wt, { className: "h-3 w-3" }) : /* @__PURE__ */ c(Tt, { className: "h-3 w-3" })
-            ] }) })
+            _ && !M.name && /* @__PURE__ */ c(
+              pe,
+              {
+                variant: "ghost",
+                size: "sm",
+                className: A("h-6 px-1", O, "hover:bg-foreground/10"),
+                onClick: () => q((Q) => !Q),
+                children: /* @__PURE__ */ R("span", { className: "text-xs flex items-center gap-1", children: [
+                  "Tool Output ",
+                  B ? /* @__PURE__ */ c(Wt, { className: "h-3 w-3" }) : /* @__PURE__ */ c(Tt, { className: "h-3 w-3" })
+                ] })
+              }
+            )
           ] }),
           /* @__PURE__ */ R("div", { className: "flex items-center gap-2", children: [
-            a && /* @__PURE__ */ c("span", { className: A("text-xs opacity-60", T && "text-xs"), children: Z(e.createdAt) }),
+            a && /* @__PURE__ */ c("span", { className: A("text-xs opacity-60", O, T && "text-xs"), children: de(e.createdAt) }),
             s && !o && /* @__PURE__ */ R(
               "div",
               {
@@ -3108,33 +3138,41 @@ function gp({
                 ),
                 children: [
                   /* @__PURE__ */ c(
-                    fe,
+                    pe,
                     {
                       variant: "ghost",
                       size: "sm",
-                      onClick: ae,
-                      className: A("h-6 w-6 p-0 hover:bg-background/50 text-current", T && "h-5 w-5"),
-                      children: /* @__PURE__ */ c(ns, { className: A(D ? "text-success" : "text-current", T ? "h-3 w-3" : "h-4 w-4") })
+                      onClick: V,
+                      className: A("h-6 w-6 p-0 hover:bg-foreground/10", O, T && "h-5 w-5"),
+                      children: /* @__PURE__ */ c(
+                        ns,
+                        {
+                          className: A(
+                            L ? "text-success" : O,
+                            T ? "h-3 w-3" : "h-4 w-4"
+                          )
+                        }
+                      )
                     }
                   ),
                   P === "user" && C && /* @__PURE__ */ c(
-                    fe,
+                    pe,
                     {
                       variant: "ghost",
                       size: "sm",
-                      onClick: V,
-                      className: A("h-6 w-6 p-0 hover:bg-background/50 text-current", T && "h-5 w-5"),
-                      children: /* @__PURE__ */ c(rs, { className: A("text-current", T ? "h-3 w-3" : "h-4 w-4") })
+                      onClick: re,
+                      className: A("h-6 w-6 p-0 hover:bg-foreground/10", O, T && "h-5 w-5"),
+                      children: /* @__PURE__ */ c(rs, { className: A(O, T ? "h-3 w-3" : "h-4 w-4") })
                     }
                   ),
                   P === "assistant" && I && /* @__PURE__ */ c(
-                    fe,
+                    pe,
                     {
                       variant: "ghost",
                       size: "sm",
-                      onClick: oe,
-                      className: A("h-6 w-6 p-0 hover:bg-background/50 text-current", T && "h-5 w-5"),
-                      children: /* @__PURE__ */ c(Wr, { className: A("text-current", T ? "h-3 w-3" : "h-4 w-4") })
+                      onClick: ie,
+                      className: A("h-6 w-6 p-0 hover:bg-foreground/10", O, T && "h-5 w-5"),
+                      children: /* @__PURE__ */ c(Wr, { className: A(O, T ? "h-3 w-3" : "h-4 w-4") })
                     }
                   )
                 ]
@@ -3144,15 +3182,15 @@ function gp({
         ]
       }
     ),
-    /* @__PURE__ */ c("div", { className: "relative", children: de() }),
-    _ && B && (X.toolCallId || X.name) && /* @__PURE__ */ R("div", { className: A("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", T && "text-xs"), children: [
-      X.name && /* @__PURE__ */ R("div", { children: [
+    /* @__PURE__ */ c("div", { className: "relative", children: he() }),
+    _ && B && (M.toolCallId || M.name) && /* @__PURE__ */ R("div", { className: A("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", T && "text-xs"), children: [
+      M.name && /* @__PURE__ */ R("div", { children: [
         "Function: ",
-        X.name
+        M.name
       ] }),
-      X.toolCallId && /* @__PURE__ */ R("div", { children: [
+      M.toolCallId && /* @__PURE__ */ R("div", { children: [
         "Call ID: ",
-        X.toolCallId
+        M.toolCallId
       ] })
     ] }),
     s && P === "user" && y && y.totalBranches > 1 && /* @__PURE__ */ R("div", { className: "flex items-center gap-2 mt-2 p-2 bg-muted/30 rounded border", children: [
@@ -3165,27 +3203,27 @@ function gp({
       ] }),
       /* @__PURE__ */ R("div", { className: "flex items-center gap-1", children: [
         /* @__PURE__ */ c(
-          fe,
+          pe,
           {
             variant: "ghost",
             size: "sm",
-            className: "h-6 w-6 p-0 text-current",
+            className: A("h-6 w-6 p-0", O),
             disabled: !y.canGoBack,
             onClick: () => x == null ? void 0 : x(),
             title: "Go back to previous branch",
-            children: /* @__PURE__ */ c(Fu, { className: "h-3 w-3 text-current" })
+            children: /* @__PURE__ */ c(Fu, { className: A("h-3 w-3", O) })
           }
         ),
         /* @__PURE__ */ c(
-          fe,
+          pe,
           {
             variant: "ghost",
             size: "sm",
-            className: "h-6 w-6 p-0 text-current",
+            className: A("h-6 w-6 p-0", O),
             disabled: !y.canGoForward,
             onClick: () => E == null ? void 0 : E(),
             title: "Go forward to next branch",
-            children: /* @__PURE__ */ c(da, { className: "h-3 w-3 text-current" })
+            children: /* @__PURE__ */ c(da, { className: A("h-3 w-3", O) })
           }
         )
       ] })
@@ -3200,31 +3238,31 @@ function gp({
         ),
         children: [
           /* @__PURE__ */ c(
-            fe,
+            pe,
             {
               variant: "ghost",
               size: "sm",
-              onClick: ae,
+              onClick: V,
               className: A("h-6 w-6 p-0 hover:bg-background/50 text-current", T && "h-5 w-5"),
-              children: /* @__PURE__ */ c(ns, { className: A(D ? "text-success" : "text-current", T ? "h-3 w-3" : "h-4 w-4") })
+              children: /* @__PURE__ */ c(ns, { className: A(L ? "text-success" : "text-current", T ? "h-3 w-3" : "h-4 w-4") })
             }
           ),
           P === "user" && C && /* @__PURE__ */ c(
-            fe,
+            pe,
             {
               variant: "ghost",
               size: "sm",
-              onClick: V,
+              onClick: re,
               className: A("h-6 w-6 p-0 hover:bg-background/50 text-current", T && "h-5 w-5"),
               children: /* @__PURE__ */ c(rs, { className: A("text-current", T ? "h-3 w-3" : "h-4 w-4") })
             }
           ),
           P === "assistant" && I && /* @__PURE__ */ c(
-            fe,
+            pe,
             {
               variant: "ghost",
               size: "sm",
-              onClick: oe,
+              onClick: ie,
               className: A("h-6 w-6 p-0 hover:bg-background/50 text-current", T && "h-5 w-5"),
               children: /* @__PURE__ */ c(Wr, { className: A("text-current", T ? "h-3 w-3" : "h-4 w-4") })
             }
@@ -3479,27 +3517,27 @@ function Co(e) {
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), a = (h) => {
-    const { scope: b, children: w } = h, y = Qe.useRef(null), x = Qe.useRef(/* @__PURE__ */ new Map()).current;
+    const { scope: b, children: w } = h, y = Je.useRef(null), x = Je.useRef(/* @__PURE__ */ new Map()).current;
     return /* @__PURE__ */ c(o, { scope: b, itemMap: x, collectionRef: y, children: w });
   };
   a.displayName = t;
-  const i = e + "CollectionSlot", u = _t(i), f = Qe.forwardRef(
+  const i = e + "CollectionSlot", u = _t(i), f = Je.forwardRef(
     (h, b) => {
-      const { scope: w, children: y } = h, x = s(i, w), E = ne(b, x.collectionRef);
+      const { scope: w, children: y } = h, x = s(i, w), E = te(b, x.collectionRef);
       return /* @__PURE__ */ c(u, { ref: E, children: y });
     }
   );
   f.displayName = i;
-  const d = e + "CollectionItemSlot", p = "data-radix-collection-item", g = _t(d), v = Qe.forwardRef(
+  const d = e + "CollectionItemSlot", p = "data-radix-collection-item", g = _t(d), v = Je.forwardRef(
     (h, b) => {
-      const { scope: w, children: y, ...x } = h, E = Qe.useRef(null), C = ne(b, E), I = s(d, w);
-      return Qe.useEffect(() => (I.itemMap.set(E, { ref: E, ...x }), () => void I.itemMap.delete(E))), /* @__PURE__ */ c(g, { [p]: "", ref: C, children: y });
+      const { scope: w, children: y, ...x } = h, E = Je.useRef(null), C = te(b, E), I = s(d, w);
+      return Je.useEffect(() => (I.itemMap.set(E, { ref: E, ...x }), () => void I.itemMap.delete(E))), /* @__PURE__ */ c(g, { [p]: "", ref: C, children: y });
     }
   );
   v.displayName = d;
   function m(h) {
     const b = s(e + "CollectionConsumer", h);
-    return Qe.useCallback(() => {
+    return Je.useCallback(() => {
       const y = b.collectionRef.current;
       if (!y) return [];
       const x = Array.from(y.querySelectorAll(`[${p}]`));
@@ -3528,7 +3566,7 @@ function ye(e) {
     return (r = t.current) == null ? void 0 : r.call(t, ...n);
   }, []);
 }
-function kp(e, t = globalThis == null ? void 0 : globalThis.document) {
+function Mp(e, t = globalThis == null ? void 0 : globalThis.document) {
   const n = ye(e);
   l.useEffect(() => {
     const r = (o) => {
@@ -3537,7 +3575,7 @@ function kp(e, t = globalThis == null ? void 0 : globalThis.document) {
     return t.addEventListener("keydown", r, { capture: !0 }), () => t.removeEventListener("keydown", r, { capture: !0 });
   }, [n, t]);
 }
-var Mp = "DismissableLayer", Yr = "dismissableLayer.update", Dp = "dismissableLayer.pointerDownOutside", Lp = "dismissableLayer.focusOutside", Is, qa = l.createContext({
+var kp = "DismissableLayer", Yr = "dismissableLayer.update", Dp = "dismissableLayer.pointerDownOutside", Lp = "dismissableLayer.focusOutside", Is, qa = l.createContext({
   layers: /* @__PURE__ */ new Set(),
   layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
   branches: /* @__PURE__ */ new Set()
@@ -3551,14 +3589,14 @@ var Mp = "DismissableLayer", Yr = "dismissableLayer.update", Dp = "dismissableLa
       onInteractOutside: a,
       onDismiss: i,
       ...u
-    } = e, f = l.useContext(qa), [d, p] = l.useState(null), g = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, v] = l.useState({}), m = ne(t, (N) => p(N)), h = Array.from(f.layers), [b] = [...f.layersWithOutsidePointerEventsDisabled].slice(-1), w = h.indexOf(b), y = d ? h.indexOf(d) : -1, x = f.layersWithOutsidePointerEventsDisabled.size > 0, E = y >= w, C = Bp((N) => {
-      const L = N.target, k = [...f.branches].some((D) => D.contains(L));
-      !E || k || (o == null || o(N), a == null || a(N), N.defaultPrevented || i == null || i());
+    } = e, f = l.useContext(qa), [d, p] = l.useState(null), g = (d == null ? void 0 : d.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, v] = l.useState({}), m = te(t, (N) => p(N)), h = Array.from(f.layers), [b] = [...f.layersWithOutsidePointerEventsDisabled].slice(-1), w = h.indexOf(b), y = d ? h.indexOf(d) : -1, x = f.layersWithOutsidePointerEventsDisabled.size > 0, E = y >= w, C = Bp((N) => {
+      const F = N.target, D = [...f.branches].some((L) => L.contains(F));
+      !E || D || (o == null || o(N), a == null || a(N), N.defaultPrevented || i == null || i());
     }, g), I = Up((N) => {
-      const L = N.target;
-      [...f.branches].some((D) => D.contains(L)) || (s == null || s(N), a == null || a(N), N.defaultPrevented || i == null || i());
+      const F = N.target;
+      [...f.branches].some((L) => L.contains(F)) || (s == null || s(N), a == null || a(N), N.defaultPrevented || i == null || i());
     }, g);
-    return kp((N) => {
+    return Mp((N) => {
       y === f.layers.size - 1 && (r == null || r(N), !N.defaultPrevented && i && (N.preventDefault(), i()));
     }, g), l.useEffect(() => {
       if (d)
@@ -3589,9 +3627,9 @@ var Mp = "DismissableLayer", Yr = "dismissableLayer.update", Dp = "dismissableLa
     );
   }
 );
-ln.displayName = Mp;
+ln.displayName = kp;
 var Fp = "DismissableLayerBranch", $p = l.forwardRef((e, t) => {
-  const n = l.useContext(qa), r = l.useRef(null), o = ne(t, r);
+  const n = l.useContext(qa), r = l.useRef(null), o = te(t, r);
   return l.useEffect(() => {
     const s = r.current;
     if (s)
@@ -3657,23 +3695,23 @@ var _r = 0;
 function Eo() {
   l.useEffect(() => {
     const e = document.querySelectorAll("[data-radix-focus-guard]");
-    return document.body.insertAdjacentElement("afterbegin", e[0] ?? ks()), document.body.insertAdjacentElement("beforeend", e[1] ?? ks()), _r++, () => {
+    return document.body.insertAdjacentElement("afterbegin", e[0] ?? Ms()), document.body.insertAdjacentElement("beforeend", e[1] ?? Ms()), _r++, () => {
       _r === 1 && document.querySelectorAll("[data-radix-focus-guard]").forEach((t) => t.remove()), _r--;
     };
   }, []);
 }
-function ks() {
+function Ms() {
   const e = document.createElement("span");
   return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
 }
-var Ir = "focusScope.autoFocusOnMount", Or = "focusScope.autoFocusOnUnmount", Ms = { bubbles: !1, cancelable: !0 }, zp = "FocusScope", nr = l.forwardRef((e, t) => {
+var Ir = "focusScope.autoFocusOnMount", Or = "focusScope.autoFocusOnUnmount", ks = { bubbles: !1, cancelable: !0 }, zp = "FocusScope", nr = l.forwardRef((e, t) => {
   const {
     loop: n = !1,
     trapped: r = !1,
     onMountAutoFocus: o,
     onUnmountAutoFocus: s,
     ...a
-  } = e, [i, u] = l.useState(null), f = ye(o), d = ye(s), p = l.useRef(null), g = ne(t, (h) => u(h)), v = l.useRef({
+  } = e, [i, u] = l.useState(null), f = ye(o), d = ye(s), p = l.useRef(null), g = te(t, (h) => u(h)), v = l.useRef({
     paused: !1,
     pause() {
       this.paused = !0;
@@ -3708,12 +3746,12 @@ var Ir = "focusScope.autoFocusOnMount", Or = "focusScope.autoFocusOnUnmount", Ms
       Ls.add(v);
       const h = document.activeElement;
       if (!i.contains(h)) {
-        const w = new CustomEvent(Ir, Ms);
+        const w = new CustomEvent(Ir, ks);
         i.addEventListener(Ir, f), i.dispatchEvent(w), w.defaultPrevented || (Hp(Gp(Ya(i)), { select: !0 }), document.activeElement === h && et(i));
       }
       return () => {
         i.removeEventListener(Ir, f), setTimeout(() => {
-          const w = new CustomEvent(Or, Ms);
+          const w = new CustomEvent(Or, ks);
           i.addEventListener(Or, d), i.dispatchEvent(w), w.defaultPrevented || et(h ?? document.body, { select: !0 }), i.removeEventListener(Or, d), Ls.remove(v);
         }, 0);
       };
@@ -3810,10 +3848,10 @@ const qp = ["top", "right", "bottom", "left"], st = Math.min, Pe = Math.max, $n
 function Jr(e, t, n) {
   return Pe(e, st(t, n));
 }
-function Je(e, t) {
+function Ze(e, t) {
   return typeof e == "function" ? e(t) : e;
 }
-function Ze(e) {
+function Qe(e) {
   return e.split("-")[0];
 }
 function $t(e) {
@@ -3827,7 +3865,7 @@ function No(e) {
 }
 const Jp = /* @__PURE__ */ new Set(["top", "bottom"]);
 function je(e) {
-  return Jp.has(Ze(e)) ? "y" : "x";
+  return Jp.has(Qe(e)) ? "y" : "x";
 }
 function To(e) {
   return Ro(je(e));
@@ -3860,7 +3898,7 @@ function nh(e, t, n) {
 }
 function rh(e, t, n, r) {
   const o = $t(e);
-  let s = nh(Ze(e), n === "start", r);
+  let s = nh(Qe(e), n === "start", r);
   return o && (s = s.map((a) => a + "-" + o), t && (s = s.concat(s.map(Zr)))), s;
 }
 function Bn(e) {
@@ -3906,7 +3944,7 @@ function Us(e, t, n) {
     reference: r,
     floating: o
   } = e;
-  const s = je(t), a = To(t), i = No(a), u = Ze(t), f = s === "y", d = r.x + r.width / 2 - o.width / 2, p = r.y + r.height / 2 - o.height / 2, g = r[i] / 2 - o[i] / 2;
+  const s = je(t), a = To(t), i = No(a), u = Qe(t), f = s === "y", d = r.x + r.width / 2 - o.width / 2, p = r.y + r.height / 2 - o.height / 2, g = r[i] / 2 - o[i] / 2;
   let v;
   switch (u) {
     case "top":
@@ -4026,7 +4064,7 @@ async function Jt(e, t) {
     elementContext: p = "floating",
     altBoundary: g = !1,
     padding: v = 0
-  } = Je(t, e), m = Ja(v), b = i[g ? p === "floating" ? "reference" : "floating" : p], w = Un(await s.getClippingRect({
+  } = Ze(t, e), m = Ja(v), b = i[g ? p === "floating" ? "reference" : "floating" : p], w = Un(await s.getClippingRect({
     element: (n = await (s.isElement == null ? void 0 : s.isElement(b))) == null || n ? b : b.contextElement || await (s.getDocumentElement == null ? void 0 : s.getDocumentElement(i.floating)),
     boundary: f,
     rootBoundary: d,
@@ -4070,7 +4108,7 @@ const ah = (e) => ({
     } = t, {
       element: f,
       padding: d = 0
-    } = Je(e, t) || {};
+    } = Ze(e, t) || {};
     if (f == null)
       return {};
     const p = Ja(d), g = {
@@ -4079,17 +4117,17 @@ const ah = (e) => ({
     }, v = To(o), m = No(v), h = await a.getDimensions(f), b = v === "y", w = b ? "top" : "left", y = b ? "bottom" : "right", x = b ? "clientHeight" : "clientWidth", E = s.reference[m] + s.reference[v] - g[v] - s.floating[m], C = g[v] - s.reference[v], I = await (a.getOffsetParent == null ? void 0 : a.getOffsetParent(f));
     let N = I ? I[x] : 0;
     (!N || !await (a.isElement == null ? void 0 : a.isElement(I))) && (N = i.floating[x] || s.floating[m]);
-    const L = E / 2 - C / 2, k = N / 2 - h[m] / 2 - 1, D = st(p[w], k), j = st(p[y], k), K = D, W = N - h[m] - j, B = N / 2 - h[m] / 2 + L, q = Jr(K, B, W), F = !u.arrow && $t(o) != null && B !== q && s.reference[m] / 2 - (B < K ? D : j) - h[m] / 2 < 0, G = F ? B < K ? B - K : B - W : 0;
+    const F = E / 2 - C / 2, D = N / 2 - h[m] / 2 - 1, L = st(p[w], D), j = st(p[y], D), K = L, W = N - h[m] - j, B = N / 2 - h[m] / 2 + F, q = Jr(K, B, W), $ = !u.arrow && $t(o) != null && B !== q && s.reference[m] / 2 - (B < K ? L : j) - h[m] / 2 < 0, G = $ ? B < K ? B - K : B - W : 0;
     return {
       [v]: g[v] + G,
       data: {
         [v]: q,
         centerOffset: B - q - G,
-        ...F && {
+        ...$ && {
           alignmentOffset: G
         }
       },
-      reset: F
+      reset: $
     };
   }
 }), ih = function(e) {
@@ -4113,41 +4151,41 @@ const ah = (e) => ({
         fallbackAxisSideDirection: m = "none",
         flipAlignment: h = !0,
         ...b
-      } = Je(e, t);
+      } = Ze(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const w = Ze(o), y = je(i), x = Ze(i) === i, E = await (u.isRTL == null ? void 0 : u.isRTL(f.floating)), C = g || (x || !h ? [Bn(i)] : Qp(i)), I = m !== "none";
+      const w = Qe(o), y = je(i), x = Qe(i) === i, E = await (u.isRTL == null ? void 0 : u.isRTL(f.floating)), C = g || (x || !h ? [Bn(i)] : Qp(i)), I = m !== "none";
       !g && I && C.push(...rh(i, h, m, E));
-      const N = [i, ...C], L = await Jt(t, b), k = [];
-      let D = ((r = s.flip) == null ? void 0 : r.overflows) || [];
-      if (d && k.push(L[w]), p) {
+      const N = [i, ...C], F = await Jt(t, b), D = [];
+      let L = ((r = s.flip) == null ? void 0 : r.overflows) || [];
+      if (d && D.push(F[w]), p) {
         const B = Zp(o, a, E);
-        k.push(L[B[0]], L[B[1]]);
+        D.push(F[B[0]], F[B[1]]);
       }
-      if (D = [...D, {
+      if (L = [...L, {
         placement: o,
-        overflows: k
-      }], !k.every((B) => B <= 0)) {
+        overflows: D
+      }], !D.every((B) => B <= 0)) {
         var j, K;
         const B = (((j = s.flip) == null ? void 0 : j.index) || 0) + 1, q = N[B];
         if (q && (!(p === "alignment" ? y !== je(q) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        D.every((T) => je(T.placement) === y ? T.overflows[0] > 0 : !0)))
+        L.every((T) => je(T.placement) === y ? T.overflows[0] > 0 : !0)))
           return {
             data: {
               index: B,
-              overflows: D
+              overflows: L
             },
             reset: {
               placement: q
             }
           };
-        let F = (K = D.filter((G) => G.overflows[0] <= 0).sort((G, T) => G.overflows[1] - T.overflows[1])[0]) == null ? void 0 : K.placement;
-        if (!F)
+        let $ = (K = L.filter((G) => G.overflows[0] <= 0).sort((G, T) => G.overflows[1] - T.overflows[1])[0]) == null ? void 0 : K.placement;
+        if (!$)
           switch (v) {
             case "bestFit": {
               var W;
-              const G = (W = D.filter((T) => {
+              const G = (W = L.filter((T) => {
                 if (I) {
                   const P = je(T.placement);
                   return P === y || // Create a bias to the `y` side axis due to horizontal
@@ -4156,17 +4194,17 @@ const ah = (e) => ({
                 }
                 return !0;
               }).map((T) => [T.placement, T.overflows.filter((P) => P > 0).reduce((P, _) => P + _, 0)]).sort((T, P) => T[1] - P[1])[0]) == null ? void 0 : W[0];
-              G && (F = G);
+              G && ($ = G);
               break;
             }
             case "initialPlacement":
-              F = i;
+              $ = i;
               break;
           }
-        if (o !== F)
+        if (o !== $)
           return {
             reset: {
-              placement: F
+              placement: $
             }
           };
       }
@@ -4195,7 +4233,7 @@ const ch = function(e) {
       } = t, {
         strategy: r = "referenceHidden",
         ...o
-      } = Je(e, t);
+      } = Ze(e, t);
       switch (r) {
         case "referenceHidden": {
           const s = await Jt(t, {
@@ -4232,7 +4270,7 @@ async function lh(e, t) {
     placement: n,
     platform: r,
     elements: o
-  } = e, s = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), a = Ze(n), i = $t(n), u = je(n) === "y", f = Za.has(a) ? -1 : 1, d = s && u ? -1 : 1, p = Je(t, e);
+  } = e, s = await (r.isRTL == null ? void 0 : r.isRTL(o.floating)), a = Qe(n), i = $t(n), u = je(n) === "y", f = Za.has(a) ? -1 : 1, d = s && u ? -1 : 1, p = Ze(t, e);
   let {
     mainAxis: g,
     crossAxis: v,
@@ -4301,10 +4339,10 @@ const uh = function(e) {
           }
         },
         ...u
-      } = Je(e, t), f = {
+      } = Ze(e, t), f = {
         x: n,
         y: r
-      }, d = await Jt(t, u), p = je(Ze(o)), g = Ro(p);
+      }, d = await Jt(t, u), p = je(Qe(o)), g = Ro(p);
       let v = f[g], m = f[p];
       if (s) {
         const b = g === "y" ? "top" : "left", w = g === "y" ? "bottom" : "right", y = v + d[b], x = v - d[w];
@@ -4346,12 +4384,12 @@ const uh = function(e) {
         offset: i = 0,
         mainAxis: u = !0,
         crossAxis: f = !0
-      } = Je(e, t), d = {
+      } = Ze(e, t), d = {
         x: n,
         y: r
       }, p = je(o), g = Ro(p);
       let v = d[g], m = d[p];
-      const h = Je(i, t), b = typeof h == "number" ? {
+      const h = Ze(i, t), b = typeof h == "number" ? {
         mainAxis: h,
         crossAxis: 0
       } : {
@@ -4365,7 +4403,7 @@ const uh = function(e) {
       }
       if (f) {
         var w, y;
-        const x = g === "y" ? "width" : "height", E = Za.has(Ze(o)), C = s.reference[p] - s.floating[x] + (E && ((w = a.offset) == null ? void 0 : w[p]) || 0) + (E ? 0 : b.crossAxis), I = s.reference[p] + s.reference[x] + (E ? 0 : ((y = a.offset) == null ? void 0 : y[p]) || 0) - (E ? b.crossAxis : 0);
+        const x = g === "y" ? "width" : "height", E = Za.has(Qe(o)), C = s.reference[p] - s.floating[x] + (E && ((w = a.offset) == null ? void 0 : w[p]) || 0) + (E ? 0 : b.crossAxis), I = s.reference[p] + s.reference[x] + (E ? 0 : ((y = a.offset) == null ? void 0 : y[p]) || 0) - (E ? b.crossAxis : 0);
         m < C ? m = C : m > I && (m = I);
       }
       return {
@@ -4389,25 +4427,25 @@ const uh = function(e) {
         apply: u = () => {
         },
         ...f
-      } = Je(e, t), d = await Jt(t, f), p = Ze(o), g = $t(o), v = je(o) === "y", {
+      } = Ze(e, t), d = await Jt(t, f), p = Qe(o), g = $t(o), v = je(o) === "y", {
         width: m,
         height: h
       } = s.floating;
       let b, w;
       p === "top" || p === "bottom" ? (b = p, w = g === (await (a.isRTL == null ? void 0 : a.isRTL(i.floating)) ? "start" : "end") ? "left" : "right") : (w = p, b = g === "end" ? "top" : "bottom");
       const y = h - d.top - d.bottom, x = m - d.left - d.right, E = st(h - d[b], y), C = st(m - d[w], x), I = !t.middlewareData.shift;
-      let N = E, L = C;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (L = x), (r = t.middlewareData.shift) != null && r.enabled.y && (N = y), I && !g) {
-        const D = Pe(d.left, 0), j = Pe(d.right, 0), K = Pe(d.top, 0), W = Pe(d.bottom, 0);
-        v ? L = m - 2 * (D !== 0 || j !== 0 ? D + j : Pe(d.left, d.right)) : N = h - 2 * (K !== 0 || W !== 0 ? K + W : Pe(d.top, d.bottom));
+      let N = E, F = C;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (F = x), (r = t.middlewareData.shift) != null && r.enabled.y && (N = y), I && !g) {
+        const L = Pe(d.left, 0), j = Pe(d.right, 0), K = Pe(d.top, 0), W = Pe(d.bottom, 0);
+        v ? F = m - 2 * (L !== 0 || j !== 0 ? L + j : Pe(d.left, d.right)) : N = h - 2 * (K !== 0 || W !== 0 ? K + W : Pe(d.top, d.bottom));
       }
       await u({
         ...t,
-        availableWidth: L,
+        availableWidth: F,
         availableHeight: N
       });
-      const k = await a.getDimensions(i.floating);
-      return m !== k.width || h !== k.height ? {
+      const D = await a.getDimensions(i.floating);
+      return m !== D.width || h !== D.height ? {
         reset: {
           rects: !0
         }
@@ -4727,7 +4765,7 @@ function Oh(e) {
     y: u.top
   };
 }
-function kh(e) {
+function Mh(e) {
   const {
     width: t,
     height: n
@@ -4737,7 +4775,7 @@ function kh(e) {
     height: n
   };
 }
-function Mh(e, t, n) {
+function kh(e, t, n) {
   const r = qe(t), o = Xe(t), s = n === "fixed", a = ht(e, !0, s, t);
   let i = {
     scrollLeft: 0,
@@ -4761,7 +4799,7 @@ function Mh(e, t, n) {
     height: a.height
   };
 }
-function kr(e) {
+function Mr(e) {
   return $e(e).position === "static";
 }
 function Ks(e, t) {
@@ -4779,21 +4817,21 @@ function si(e, t) {
   if (!qe(e)) {
     let o = at(e);
     for (; o && !Ot(o); ) {
-      if (Fe(o) && !kr(o))
+      if (Fe(o) && !Mr(o))
         return o;
       o = at(o);
     }
     return n;
   }
   let r = Ks(e, t);
-  for (; r && gh(r) && kr(r); )
+  for (; r && gh(r) && Mr(r); )
     r = Ks(r, t);
-  return r && Ot(r) && kr(r) && !Ao(r) ? n : r || xh(e) || n;
+  return r && Ot(r) && Mr(r) && !Ao(r) ? n : r || xh(e) || n;
 }
 const Dh = async function(e) {
   const t = this.getOffsetParent || si, n = this.getDimensions, r = await n(e.floating);
   return {
-    reference: Mh(e.reference, await t(e.floating), e.strategy),
+    reference: kh(e.reference, await t(e.floating), e.strategy),
     floating: {
       x: 0,
       y: 0,
@@ -4812,7 +4850,7 @@ const Fh = {
   getOffsetParent: si,
   getElementRects: Dh,
   getClientRects: Nh,
-  getDimensions: kh,
+  getDimensions: Mh,
   getScale: At,
   isElement: Fe,
   isRTL: Lh
@@ -4954,7 +4992,7 @@ function qs(e, t) {
   const n = ii(e);
   return Math.round(t * n) / n;
 }
-function Mr(e) {
+function kr(e) {
   const t = l.useRef(e);
   return Nn(() => {
     t.current = e;
@@ -4987,7 +5025,7 @@ function Xh(e) {
     T !== I.current && (I.current = T, h(T));
   }, []), x = l.useCallback((T) => {
     T !== N.current && (N.current = T, w(T));
-  }, []), E = s || m, C = a || b, I = l.useRef(null), N = l.useRef(null), L = l.useRef(d), k = u != null, D = Mr(u), j = Mr(o), K = Mr(f), W = l.useCallback(() => {
+  }, []), E = s || m, C = a || b, I = l.useRef(null), N = l.useRef(null), F = l.useRef(d), D = u != null, L = kr(u), j = kr(o), K = kr(f), W = l.useCallback(() => {
     if (!I.current || !N.current)
       return;
     const T = {
@@ -5004,13 +5042,13 @@ function Xh(e) {
         // setting it to `true` when `open === false` (must be specified).
         isPositioned: K.current !== !1
       };
-      B.current && !zn(L.current, _) && (L.current = _, qn.flushSync(() => {
+      B.current && !zn(F.current, _) && (F.current = _, qn.flushSync(() => {
         p(_);
       }));
     });
   }, [g, t, n, j, K]);
   Nn(() => {
-    f === !1 && L.current.isPositioned && (L.current.isPositioned = !1, p((T) => ({
+    f === !1 && F.current.isPositioned && (F.current.isPositioned = !1, p((T) => ({
       ...T,
       isPositioned: !1
     })));
@@ -5020,17 +5058,17 @@ function Xh(e) {
     B.current = !1;
   }), []), Nn(() => {
     if (E && (I.current = E), C && (N.current = C), E && C) {
-      if (D.current)
-        return D.current(E, C, W);
+      if (L.current)
+        return L.current(E, C, W);
       W();
     }
-  }, [E, C, W, D, k]);
+  }, [E, C, W, L, D]);
   const q = l.useMemo(() => ({
     reference: I,
     floating: N,
     setReference: y,
     setFloating: x
-  }), [y, x]), F = l.useMemo(() => ({
+  }), [y, x]), $ = l.useMemo(() => ({
     reference: E,
     floating: C
   }), [E, C]), G = l.useMemo(() => {
@@ -5039,13 +5077,13 @@ function Xh(e) {
       left: 0,
       top: 0
     };
-    if (!F.floating)
+    if (!$.floating)
       return T;
-    const P = qs(F.floating, d.x), _ = qs(F.floating, d.y);
+    const P = qs($.floating, d.x), _ = qs($.floating, d.y);
     return i ? {
       ...T,
       transform: "translate(" + P + "px, " + _ + "px)",
-      ...ii(F.floating) >= 1.5 && {
+      ...ii($.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
@@ -5053,14 +5091,14 @@ function Xh(e) {
       left: P,
       top: _
     };
-  }, [n, i, F.floating, d.x, d.y]);
+  }, [n, i, $.floating, d.x, d.y]);
   return l.useMemo(() => ({
     ...d,
     update: W,
     refs: q,
-    elements: F,
+    elements: $,
     floatingStyles: G
-  }), [d, W, q, F, G]);
+  }), [d, W, q, $, G]);
 }
 const Yh = (e) => {
   function t(n) {
@@ -5151,7 +5189,7 @@ var Io = "Popper", [ui, Ut] = Ue(Io), [am, di] = ui(Io), fi = (e) => {
 fi.displayName = Io;
 var pi = "PopperAnchor", hi = l.forwardRef(
   (e, t) => {
-    const { __scopePopper: n, virtualRef: r, ...o } = e, s = di(pi, n), a = l.useRef(null), i = ne(t, a), u = l.useRef(null);
+    const { __scopePopper: n, virtualRef: r, ...o } = e, s = di(pi, n), a = l.useRef(null), i = te(t, a), u = l.useRef(null);
     return l.useEffect(() => {
       const f = u.current;
       u.current = (r == null ? void 0 : r.current) || a.current, f !== u.current && s.onAnchorChange(u.current);
@@ -5161,7 +5199,7 @@ var pi = "PopperAnchor", hi = l.forwardRef(
 hi.displayName = pi;
 var Oo = "PopperContent", [im, cm] = ui(Oo), mi = l.forwardRef(
   (e, t) => {
-    var V, oe, ie, se, H, Z;
+    var V, re, ie, oe, H, Z;
     const {
       __scopePopper: n,
       side: r = "bottom",
@@ -5177,15 +5215,15 @@ var Oo = "PopperContent", [im, cm] = ui(Oo), mi = l.forwardRef(
       updatePositionStrategy: v = "optimized",
       onPlaced: m,
       ...h
-    } = e, b = di(Oo, n), [w, y] = l.useState(null), x = ne(t, (de) => y(de)), [E, C] = l.useState(null), I = li(E), N = (I == null ? void 0 : I.width) ?? 0, L = (I == null ? void 0 : I.height) ?? 0, k = r + (s !== "center" ? "-" + s : ""), D = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, j = Array.isArray(f) ? f : [f], K = j.length > 0, W = {
-      padding: D,
+    } = e, b = di(Oo, n), [w, y] = l.useState(null), x = te(t, (de) => y(de)), [E, C] = l.useState(null), I = li(E), N = (I == null ? void 0 : I.width) ?? 0, F = (I == null ? void 0 : I.height) ?? 0, D = r + (s !== "center" ? "-" + s : ""), L = typeof d == "number" ? d : { top: 0, right: 0, bottom: 0, left: 0, ...d }, j = Array.isArray(f) ? f : [f], K = j.length > 0, W = {
+      padding: L,
       boundary: j.filter(um),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: K
-    }, { refs: B, floatingStyles: q, placement: F, isPositioned: G, middlewareData: T } = Xh({
+    }, { refs: B, floatingStyles: q, placement: $, isPositioned: G, middlewareData: T } = Xh({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
-      placement: k,
+      placement: D,
       whileElementsMounted: (...de) => Bh(...de, {
         animationFrame: v === "always"
       }),
@@ -5193,7 +5231,7 @@ var Oo = "PopperContent", [im, cm] = ui(Oo), mi = l.forwardRef(
         reference: b.anchor
       },
       middleware: [
-        Jh({ mainAxis: o + L, alignmentAxis: a }),
+        Jh({ mainAxis: o + F, alignmentAxis: a }),
         u && Zh({
           mainAxis: !0,
           crossAxis: !1,
@@ -5203,22 +5241,22 @@ var Oo = "PopperContent", [im, cm] = ui(Oo), mi = l.forwardRef(
         u && em({ ...W }),
         tm({
           ...W,
-          apply: ({ elements: de, rects: pe, availableWidth: Y, availableHeight: ge }) => {
-            const { width: te, height: he } = pe.reference, ve = de.floating.style;
-            ve.setProperty("--radix-popper-available-width", `${Y}px`), ve.setProperty("--radix-popper-available-height", `${ge}px`), ve.setProperty("--radix-popper-anchor-width", `${te}px`), ve.setProperty("--radix-popper-anchor-height", `${he}px`);
+          apply: ({ elements: de, rects: he, availableWidth: me, availableHeight: Q }) => {
+            const { width: ve, height: ae } = he.reference, fe = de.floating.style;
+            fe.setProperty("--radix-popper-available-width", `${me}px`), fe.setProperty("--radix-popper-available-height", `${Q}px`), fe.setProperty("--radix-popper-anchor-width", `${ve}px`), fe.setProperty("--radix-popper-anchor-height", `${ae}px`);
           }
         }),
         E && rm({ element: E, padding: i }),
-        dm({ arrowWidth: N, arrowHeight: L }),
+        dm({ arrowWidth: N, arrowHeight: F }),
         g && nm({ strategy: "referenceHidden", ...W })
       ]
-    }), [P, _] = vi(F), O = ye(m);
+    }), [P, _] = vi($), O = ye(m);
     be(() => {
       G && (O == null || O());
     }, [G, O]);
-    const X = (V = T.arrow) == null ? void 0 : V.x, $ = (oe = T.arrow) == null ? void 0 : oe.y, z = ((ie = T.arrow) == null ? void 0 : ie.centerOffset) !== 0, [le, ae] = l.useState();
+    const Y = (V = T.arrow) == null ? void 0 : V.x, M = (re = T.arrow) == null ? void 0 : re.y, z = ((ie = T.arrow) == null ? void 0 : ie.centerOffset) !== 0, [le, se] = l.useState();
     return be(() => {
-      w && ae(window.getComputedStyle(w).zIndex);
+      w && se(window.getComputedStyle(w).zIndex);
     }, [w]), /* @__PURE__ */ c(
       "div",
       {
@@ -5231,7 +5269,7 @@ var Oo = "PopperContent", [im, cm] = ui(Oo), mi = l.forwardRef(
           minWidth: "max-content",
           zIndex: le,
           "--radix-popper-transform-origin": [
-            (se = T.transformOrigin) == null ? void 0 : se.x,
+            (oe = T.transformOrigin) == null ? void 0 : oe.x,
             (H = T.transformOrigin) == null ? void 0 : H.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
@@ -5249,8 +5287,8 @@ var Oo = "PopperContent", [im, cm] = ui(Oo), mi = l.forwardRef(
             scope: n,
             placedSide: P,
             onArrowChange: C,
-            arrowX: X,
-            arrowY: $,
+            arrowX: Y,
+            arrowY: M,
             shouldHideArrow: z,
             children: /* @__PURE__ */ c(
               J.div,
@@ -5342,7 +5380,7 @@ function vi(e) {
   const [t, n = "center"] = e.split("-");
   return [t, n];
 }
-var ko = fi, Mo = hi, Do = mi, Lo = bi, fm = "Portal", ir = l.forwardRef((e, t) => {
+var Mo = fi, ko = hi, Do = mi, Lo = bi, fm = "Portal", ir = l.forwardRef((e, t) => {
   var i;
   const { container: n, ...r } = e, [o, s] = l.useState(!1);
   be(() => s(!0), []);
@@ -5369,16 +5407,16 @@ var vm = l.forwardRef((e, t) => {
     onEntryFocus: f,
     preventScrollOnEntryFocus: d = !1,
     ...p
-  } = e, g = l.useRef(null), v = ne(t, g), m = tr(s), [h, b] = ot({
+  } = e, g = l.useRef(null), v = te(t, g), m = tr(s), [h, b] = ot({
     prop: a,
     defaultProp: i ?? null,
     onChange: u,
     caller: dn
   }), [w, y] = l.useState(!1), x = ye(f), E = wi(n), C = l.useRef(!1), [I, N] = l.useState(0);
   return l.useEffect(() => {
-    const L = g.current;
-    if (L)
-      return L.addEventListener(Dr, x), () => L.removeEventListener(Dr, x);
+    const F = g.current;
+    if (F)
+      return F.addEventListener(Dr, x), () => F.removeEventListener(Dr, x);
   }, [x]), /* @__PURE__ */ c(
     gm,
     {
@@ -5388,16 +5426,16 @@ var vm = l.forwardRef((e, t) => {
       loop: o,
       currentTabStopId: h,
       onItemFocus: l.useCallback(
-        (L) => b(L),
+        (F) => b(F),
         [b]
       ),
       onItemShiftTab: l.useCallback(() => y(!0), []),
       onFocusableItemAdd: l.useCallback(
-        () => N((L) => L + 1),
+        () => N((F) => F + 1),
         []
       ),
       onFocusableItemRemove: l.useCallback(
-        () => N((L) => L - 1),
+        () => N((F) => F - 1),
         []
       ),
       children: /* @__PURE__ */ c(
@@ -5411,14 +5449,14 @@ var vm = l.forwardRef((e, t) => {
           onMouseDown: U(e.onMouseDown, () => {
             C.current = !0;
           }),
-          onFocus: U(e.onFocus, (L) => {
-            const k = !C.current;
-            if (L.target === L.currentTarget && k && !w) {
-              const D = new CustomEvent(Dr, pm);
-              if (L.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
-                const j = E().filter((F) => F.focusable), K = j.find((F) => F.active), W = j.find((F) => F.id === h), q = [K, W, ...j].filter(
+          onFocus: U(e.onFocus, (F) => {
+            const D = !C.current;
+            if (F.target === F.currentTarget && D && !w) {
+              const L = new CustomEvent(Dr, pm);
+              if (F.currentTarget.dispatchEvent(L), !L.defaultPrevented) {
+                const j = E().filter(($) => $.focusable), K = j.find(($) => $.active), W = j.find(($) => $.id === h), q = [K, W, ...j].filter(
                   Boolean
-                ).map((F) => F.ref.current);
+                ).map(($) => $.ref.current);
                 Ei(q, d);
               }
             }
@@ -5610,7 +5648,7 @@ function Im(e, t) {
   return n.callback = t, n.facade;
 }
 var Om = typeof window < "u" ? l.useLayoutEffect : l.useEffect, Xs = /* @__PURE__ */ new WeakMap();
-function km(e, t) {
+function Mm(e, t) {
   var n = Im(null, function(r) {
     return e.forEach(function(o) {
       return Fr(o, r);
@@ -5629,11 +5667,11 @@ function km(e, t) {
     Xs.set(n, e);
   }, [e]), n;
 }
-function Mm(e) {
+function km(e) {
   return e;
 }
 function Dm(e, t) {
-  t === void 0 && (t = Mm);
+  t === void 0 && (t = km);
   var n = [], r = !1, o = {
     read: function() {
       if (r)
@@ -5711,7 +5749,7 @@ var Ai = Lm(), $r = function() {
     onScrollCapture: $r,
     onWheelCapture: $r,
     onTouchMoveCapture: $r
-  }), o = r[0], s = r[1], a = e.forwardProps, i = e.children, u = e.className, f = e.removeScrollBar, d = e.enabled, p = e.shards, g = e.sideCar, v = e.noRelative, m = e.noIsolation, h = e.inert, b = e.allowPinchZoom, w = e.as, y = w === void 0 ? "div" : w, x = e.gapMode, E = Ni(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = g, I = km([n, t]), N = Ve(Ve({}, E), o);
+  }), o = r[0], s = r[1], a = e.forwardProps, i = e.children, u = e.className, f = e.removeScrollBar, d = e.enabled, p = e.shards, g = e.sideCar, v = e.noRelative, m = e.noIsolation, h = e.inert, b = e.allowPinchZoom, w = e.as, y = w === void 0 ? "div" : w, x = e.gapMode, E = Ni(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), C = g, I = Mm([n, t]), N = Ve(Ve({}, E), o);
   return l.createElement(
     l.Fragment,
     null,
@@ -5965,15 +6003,15 @@ function ig(e) {
     var w = xn(h), y = n.current, x = "deltaX" in h ? h.deltaX : y[0] - w[0], E = "deltaY" in h ? h.deltaY : y[1] - w[1], C, I = h.target, N = Math.abs(x) > Math.abs(E) ? "h" : "v";
     if ("touches" in h && N === "h" && I.type === "range")
       return !1;
-    var L = Js(N, I);
-    if (!L)
+    var F = Js(N, I);
+    if (!F)
       return !0;
-    if (L ? C = N : (C = N === "v" ? "h" : "v", L = Js(N, I)), !L)
+    if (F ? C = N : (C = N === "v" ? "h" : "v", F = Js(N, I)), !F)
       return !1;
     if (!r.current && "changedTouches" in h && (x || E) && (r.current = C), !C)
       return !0;
-    var k = r.current || C;
-    return rg(k, b, h, k === "h" ? x : E);
+    var D = r.current || C;
+    return rg(D, b, h, D === "h" ? x : E);
   }, []), u = l.useCallback(function(h) {
     var b = h;
     if (!(!Rt.length || Rt[Rt.length - 1] !== s)) {
@@ -6034,13 +6072,13 @@ var lr = l.forwardRef(function(e, t) {
   return l.createElement(cr, Ve({}, e, { ref: t, sideCar: lg }));
 });
 lr.classNames = cr.classNames;
-var no = ["Enter", " "], ug = ["ArrowDown", "PageUp", "Home"], ki = ["ArrowUp", "PageDown", "End"], dg = [...ug, ...ki], fg = {
+var no = ["Enter", " "], ug = ["ArrowDown", "PageUp", "Home"], Mi = ["ArrowUp", "PageDown", "End"], dg = [...ug, ...Mi], fg = {
   ltr: [...no, "ArrowRight"],
   rtl: [...no, "ArrowLeft"]
 }, pg = {
   ltr: ["ArrowLeft"],
   rtl: ["ArrowRight"]
-}, fn = "Menu", [Qt, hg, mg] = Co(fn), [vt, Mi] = Ue(fn, [
+}, fn = "Menu", [Qt, hg, mg] = Co(fn), [vt, ki] = Ue(fn, [
   mg,
   Ut,
   yi
@@ -6053,7 +6091,7 @@ var no = ["Enter", " "], ug = ["ArrowDown", "PageUp", "Home"], ki = ["ArrowUp",
     return document.addEventListener("keydown", v, { capture: !0 }), () => {
       document.removeEventListener("keydown", v, { capture: !0 }), document.removeEventListener("pointerdown", m, { capture: !0 }), document.removeEventListener("pointermove", m, { capture: !0 });
     };
-  }, []), /* @__PURE__ */ c(ko, { ...i, children: /* @__PURE__ */ c(
+  }, []), /* @__PURE__ */ c(Mo, { ...i, children: /* @__PURE__ */ c(
     gg,
     {
       scope: t,
@@ -6079,7 +6117,7 @@ Li.displayName = fn;
 var vg = "MenuAnchor", $o = l.forwardRef(
   (e, t) => {
     const { __scopeMenu: n, ...r } = e, o = ur(n);
-    return /* @__PURE__ */ c(Mo, { ...o, ...r, ref: t });
+    return /* @__PURE__ */ c(ko, { ...o, ...r, ref: t });
   }
 );
 $o.displayName = vg;
@@ -6097,7 +6135,7 @@ var Oe = "MenuContent", [yg, Uo] = vt(Oe), Bi = l.forwardRef(
   }
 ), xg = l.forwardRef(
   (e, t) => {
-    const n = wt(Oe, e.__scopeMenu), r = l.useRef(null), o = ne(t, r);
+    const n = wt(Oe, e.__scopeMenu), r = l.useRef(null), o = te(t, r);
     return l.useEffect(() => {
       const s = r.current;
       if (s) return Fo(s);
@@ -6148,23 +6186,23 @@ var Oe = "MenuContent", [yg, Uo] = vt(Oe), Bi = l.forwardRef(
       onDismiss: v,
       disableOutsideScroll: m,
       ...h
-    } = e, b = wt(Oe, n), w = pn(Oe, n), y = ur(n), x = Di(n), E = hg(n), [C, I] = l.useState(null), N = l.useRef(null), L = ne(t, N, b.onContentChange), k = l.useRef(0), D = l.useRef(""), j = l.useRef(0), K = l.useRef(null), W = l.useRef("right"), B = l.useRef(0), q = m ? lr : l.Fragment, F = m ? { as: Cg, allowPinchZoom: !0 } : void 0, G = (P) => {
-      var V, oe;
-      const _ = D.current + P, O = E().filter((ie) => !ie.disabled), X = document.activeElement, $ = (V = O.find((ie) => ie.ref.current === X)) == null ? void 0 : V.textValue, z = O.map((ie) => ie.textValue), le = Dg(z, _, $), ae = (oe = O.find((ie) => ie.textValue === le)) == null ? void 0 : oe.ref.current;
-      (function ie(se) {
-        D.current = se, window.clearTimeout(k.current), se !== "" && (k.current = window.setTimeout(() => ie(""), 1e3));
-      })(_), ae && setTimeout(() => ae.focus());
+    } = e, b = wt(Oe, n), w = pn(Oe, n), y = ur(n), x = Di(n), E = hg(n), [C, I] = l.useState(null), N = l.useRef(null), F = te(t, N, b.onContentChange), D = l.useRef(0), L = l.useRef(""), j = l.useRef(0), K = l.useRef(null), W = l.useRef("right"), B = l.useRef(0), q = m ? lr : l.Fragment, $ = m ? { as: Cg, allowPinchZoom: !0 } : void 0, G = (P) => {
+      var V, re;
+      const _ = L.current + P, O = E().filter((ie) => !ie.disabled), Y = document.activeElement, M = (V = O.find((ie) => ie.ref.current === Y)) == null ? void 0 : V.textValue, z = O.map((ie) => ie.textValue), le = Dg(z, _, M), se = (re = O.find((ie) => ie.textValue === le)) == null ? void 0 : re.ref.current;
+      (function ie(oe) {
+        L.current = oe, window.clearTimeout(D.current), oe !== "" && (D.current = window.setTimeout(() => ie(""), 1e3));
+      })(_), se && setTimeout(() => se.focus());
     };
-    l.useEffect(() => () => window.clearTimeout(k.current), []), Eo();
+    l.useEffect(() => () => window.clearTimeout(D.current), []), Eo();
     const T = l.useCallback((P) => {
-      var O, X;
-      return W.current === ((O = K.current) == null ? void 0 : O.side) && Fg(P, (X = K.current) == null ? void 0 : X.area);
+      var O, Y;
+      return W.current === ((O = K.current) == null ? void 0 : O.side) && Fg(P, (Y = K.current) == null ? void 0 : Y.area);
     }, []);
     return /* @__PURE__ */ c(
       yg,
       {
         scope: n,
-        searchRef: D,
+        searchRef: L,
         onItemEnter: l.useCallback(
           (P) => {
             T(P) && P.preventDefault();
@@ -6188,7 +6226,7 @@ var Oe = "MenuContent", [yg, Uo] = vt(Oe), Bi = l.forwardRef(
         onPointerGraceIntentChange: l.useCallback((P) => {
           K.current = P;
         }, []),
-        children: /* @__PURE__ */ c(q, { ...F, children: /* @__PURE__ */ c(
+        children: /* @__PURE__ */ c(q, { ...$, children: /* @__PURE__ */ c(
           nr,
           {
             asChild: !0,
@@ -6232,27 +6270,27 @@ var Oe = "MenuContent", [yg, Uo] = vt(Oe), Bi = l.forwardRef(
                         dir: w.dir,
                         ...y,
                         ...h,
-                        ref: L,
+                        ref: F,
                         style: { outline: "none", ...h.style },
                         onKeyDown: U(h.onKeyDown, (P) => {
-                          const O = P.target.closest("[data-radix-menu-content]") === P.currentTarget, X = P.ctrlKey || P.altKey || P.metaKey, $ = P.key.length === 1;
-                          O && (P.key === "Tab" && P.preventDefault(), !X && $ && G(P.key));
+                          const O = P.target.closest("[data-radix-menu-content]") === P.currentTarget, Y = P.ctrlKey || P.altKey || P.metaKey, M = P.key.length === 1;
+                          O && (P.key === "Tab" && P.preventDefault(), !Y && M && G(P.key));
                           const z = N.current;
                           if (P.target !== z || !dg.includes(P.key)) return;
                           P.preventDefault();
-                          const ae = E().filter((V) => !V.disabled).map((V) => V.ref.current);
-                          ki.includes(P.key) && ae.reverse(), kg(ae);
+                          const se = E().filter((V) => !V.disabled).map((V) => V.ref.current);
+                          Mi.includes(P.key) && se.reverse(), Mg(se);
                         }),
                         onBlur: U(e.onBlur, (P) => {
-                          P.currentTarget.contains(P.target) || (window.clearTimeout(k.current), D.current = "");
+                          P.currentTarget.contains(P.target) || (window.clearTimeout(D.current), L.current = "");
                         }),
                         onPointerMove: U(
                           e.onPointerMove,
                           en((P) => {
                             const _ = P.target, O = B.current !== P.clientX;
                             if (P.currentTarget.contains(_) && O) {
-                              const X = P.clientX > B.current ? "right" : "left";
-                              W.current = X, B.current = P.clientX;
+                              const Y = P.clientX > B.current ? "right" : "left";
+                              W.current = Y, B.current = P.clientX;
                             }
                           })
                         )
@@ -6285,7 +6323,7 @@ var Rg = "MenuLabel", Ui = l.forwardRef(
 Ui.displayName = Rg;
 var Hn = "MenuItem", ea = "menu.itemSelect", dr = l.forwardRef(
   (e, t) => {
-    const { disabled: n = !1, onSelect: r, ...o } = e, s = l.useRef(null), a = pn(Hn, e.__scopeMenu), i = Uo(Hn, e.__scopeMenu), u = ne(t, s), f = l.useRef(!1), d = () => {
+    const { disabled: n = !1, onSelect: r, ...o } = e, s = l.useRef(null), a = pn(Hn, e.__scopeMenu), i = Uo(Hn, e.__scopeMenu), u = te(t, s), f = l.useRef(!1), d = () => {
       const p = s.current;
       if (!n && p) {
         const g = new CustomEvent(ea, { bubbles: !0, cancelable: !0 });
@@ -6318,7 +6356,7 @@ var Hn = "MenuItem", ea = "menu.itemSelect", dr = l.forwardRef(
 dr.displayName = Hn;
 var zi = l.forwardRef(
   (e, t) => {
-    const { __scopeMenu: n, disabled: r = !1, textValue: o, ...s } = e, a = Uo(Hn, n), i = Di(n), u = l.useRef(null), f = ne(t, u), [d, p] = l.useState(!1), [g, v] = l.useState("");
+    const { __scopeMenu: n, disabled: r = !1, textValue: o, ...s } = e, a = Uo(Hn, n), i = Di(n), u = l.useRef(null), f = te(t, u), [d, p] = l.useState(!1), [g, v] = l.useState("");
     return l.useEffect(() => {
       const m = u.current;
       m && v((m.textContent ?? "").trim());
@@ -6528,7 +6566,7 @@ var Og = "MenuSub", [Sy, Ji] = vt(Og), Vt = "MenuSubTrigger", Zi = l.forwardRef(
 Zi.displayName = Vt;
 var Qi = "MenuSubContent", ec = l.forwardRef(
   (e, t) => {
-    const n = Fi(Oe, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, s = wt(Oe, e.__scopeMenu), a = pn(Oe, e.__scopeMenu), i = Ji(Qi, e.__scopeMenu), u = l.useRef(null), f = ne(t, u);
+    const n = Fi(Oe, e.__scopeMenu), { forceMount: r = n.forceMount, ...o } = e, s = wt(Oe, e.__scopeMenu), a = pn(Oe, e.__scopeMenu), i = Ji(Qi, e.__scopeMenu), u = l.useRef(null), f = te(t, u);
     return /* @__PURE__ */ c(Qt.Provider, { scope: e.__scopeMenu, children: /* @__PURE__ */ c(Ae, { present: r || s.open, children: /* @__PURE__ */ c(Qt.Slot, { scope: e.__scopeMenu, children: /* @__PURE__ */ c(
       zo,
       {
@@ -6571,17 +6609,17 @@ function Wn(e) {
 function Vo(e) {
   return Wn(e) ? "indeterminate" : e ? "checked" : "unchecked";
 }
-function kg(e) {
+function Mg(e) {
   const t = document.activeElement;
   for (const n of e)
     if (n === t || (n.focus(), document.activeElement !== t)) return;
 }
-function Mg(e, t) {
+function kg(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
 function Dg(e, t, n) {
   const o = t.length > 1 && Array.from(t).every((f) => f === t[0]) ? t[0] : t, s = n ? e.indexOf(n) : -1;
-  let a = Mg(e, Math.max(s, 0));
+  let a = kg(e, Math.max(s, 0));
   o.length === 1 && (a = a.filter((f) => f !== n));
   const u = a.find(
     (f) => f.toLowerCase().startsWith(o.toLowerCase())
@@ -6607,8 +6645,8 @@ function en(e) {
 }
 var $g = Li, Bg = $o, Ug = $i, zg = Bi, Hg = Ho, Wg = Ui, Vg = dr, jg = Hi, Kg = Vi, Gg = Ki, qg = qi, Xg = Xi, Yg = Yi, Jg = Zi, Zg = ec, fr = "DropdownMenu", [Qg, Cy] = Ue(
   fr,
-  [Mi]
-), Ee = Mi(), [eb, nc] = Qg(fr), rc = (e) => {
+  [ki]
+), Ee = ki(), [eb, nc] = Qg(fr), rc = (e) => {
   const {
     __scopeDropdownMenu: t,
     children: n,
@@ -6916,127 +6954,127 @@ function Pn({
     listCheckpoints: y,
     navigateToCheckpoint: x,
     returnToLatest: E
-  } = Ua(), [C, I] = ce(""), [N, L] = ce(null), [k, D] = ce(null), [j, K] = ce([]), [W, B] = ce(!1), [q, F] = ce([]), [G, T] = ce(null), P = rt(null), _ = rt(null), O = rt(null), [X, $] = ce("desktop");
+  } = Ua(), [C, I] = ce(""), [N, F] = ce(null), [D, L] = ce(null), [j, K] = ce([]), [W, B] = ce(!1), [q, $] = ce([]), [G, T] = ce(null), P = rt(null), _ = rt(null), O = rt(null), [Y, M] = ce("desktop");
   we(() => {
-    const M = () => {
-      const Q = window.innerWidth;
-      $(Q < 640 ? "phone" : Q < 1024 ? "tablet" : "desktop");
+    const k = () => {
+      const X = window.innerWidth;
+      M(X < 640 ? "phone" : X < 1024 ? "tablet" : "desktop");
     };
-    return M(), window.addEventListener("resize", M), () => window.removeEventListener("resize", M);
+    return k(), window.addEventListener("resize", k), () => window.removeEventListener("resize", k);
   }, []), we(() => {
-    var M;
-    (M = P.current) == null || M.scrollIntoView({ behavior: "smooth" });
+    var k;
+    (k = P.current) == null || k.scrollIntoView({ behavior: "smooth" });
   }, [p]), we(() => {
-    var M;
-    n && ((M = _.current) == null || M.focus());
+    var k;
+    n && ((k = _.current) == null || k.focus());
   }, [n]), we(() => {
     m && !W && (f == null || f(m));
   }, [m, W, f]), we(() => {
-    let M = !0;
+    let k = !0;
     if (!d) {
-      F([]), T(null);
+      $([]), T(null);
       return;
     }
-    return y(d).then((Q) => {
+    return y(d).then((X) => {
       var Re;
-      if (!M) return;
-      const re = Q.checkpoints || [];
-      F(re);
-      const ue = ((Re = re.slice().sort(
+      if (!k) return;
+      const ne = X.checkpoints || [];
+      $(ne);
+      const ue = ((Re = ne.slice().sort(
         (yt, Se) => new Date(Se.createdAt).getTime() - new Date(yt.createdAt).getTime()
       )[0]) == null ? void 0 : Re.checkpointId) || null;
       T((yt) => yt ?? ue);
     }).catch(() => {
     }), () => {
-      M = !1;
+      k = !1;
     };
   }, [d, y]), we(() => {
     w && T(w);
   }, [w]);
-  const z = (M) => {
-    if (M.length > Nt)
-      return `Message too long (${M.length}/${Nt} characters)`;
+  const z = (k) => {
+    if (k.length > Nt)
+      return `Message too long (${k.length}/${Nt} characters)`;
     try {
-      return Ip(M), null;
-    } catch (Q) {
-      return (Q == null ? void 0 : Q.message) || "Invalid message";
+      return Ip(k), null;
+    } catch (X) {
+      return (X == null ? void 0 : X.message) || "Invalid message";
     }
-  }, le = (M) => {
-    const Q = M.content || [], re = Q.filter((ue) => ue.type === "text").map((ue) => ue.text).join("");
-    if (re) return re;
+  }, le = (k) => {
+    const X = k.content || [], ne = X.filter((ue) => ue.type === "text").map((ue) => ue.text).join("");
+    if (ne) return ne;
     try {
-      return JSON.stringify(Q, null, 2);
+      return JSON.stringify(X, null, 2);
     } catch {
-      return String(Q);
+      return String(X);
     }
-  }, ae = (M) => {
+  }, se = (k) => {
     var yt;
     if (!q.length)
       return [];
-    const re = (((yt = p[M]) == null ? void 0 : yt.role) ?? "user") === "user", ue = re ? M + 2 : M + 1;
-    return q.filter((Se) => (Se.messagesLen ?? -1) >= (re ? ue : 0)).filter((Se) => re ? (Se.messagesLen ?? 0) >= ue : (Se.messagesLen ?? 0) === ue).map((Se) => ({
+    const ne = (((yt = p[k]) == null ? void 0 : yt.role) ?? "user") === "user", ue = ne ? k + 2 : k + 1;
+    return q.filter((Se) => (Se.messagesLen ?? -1) >= (ne ? ue : 0)).filter((Se) => ne ? (Se.messagesLen ?? 0) >= ue : (Se.messagesLen ?? 0) === ue).map((Se) => ({
       checkpoint_id: Se.checkpointId,
       checkpoint_ns: Se.checkpointNs,
       message_count: Se.messagesLen ?? 0,
       last_message_preview: Se.preview ?? void 0,
       ts: new Date(Se.createdAt).getTime(),
       isCurrent: Se.checkpointId === G
-    })).sort((Se, Mu) => (Se.ts || 0) - (Mu.ts || 0));
-  }, V = (M) => {
-    if (M === void 0)
+    })).sort((Se, ku) => (Se.ts || 0) - (ku.ts || 0));
+  }, V = (k) => {
+    if (k === void 0)
       return { canGoBack: !1, canGoForward: !1, currentIndex: 0, totalBranches: 0 };
-    const Q = ae(M);
-    if (Q.length <= 1)
-      return { canGoBack: !1, canGoForward: !1, currentIndex: 0, totalBranches: Q.length };
-    const re = Math.max(0, Q.findIndex((ue) => ue.isCurrent));
-    return { canGoBack: re > 0, canGoForward: re < Q.length - 1, currentIndex: re, totalBranches: Q.length };
-  }, oe = async () => {
-    const M = C.trim();
-    if (!M && j.length === 0) return;
-    const Q = z(M);
-    if (Q) {
-      D(Q);
+    const X = se(k);
+    if (X.length <= 1)
+      return { canGoBack: !1, canGoForward: !1, currentIndex: 0, totalBranches: X.length };
+    const ne = Math.max(0, X.findIndex((ue) => ue.isCurrent));
+    return { canGoBack: ne > 0, canGoForward: ne < X.length - 1, currentIndex: ne, totalBranches: X.length };
+  }, re = async () => {
+    const k = C.trim();
+    if (!k && j.length === 0) return;
+    const X = z(k);
+    if (X) {
+      L(X);
       return;
     }
     try {
-      const re = window.__editingCheckpointId || G || void 0;
-      await h(M, { checkpointId: re, payloadExtras: N ? { edit: !0, originalMessageId: N } : void 0, attachments: j }), u == null || u(M), I(""), D(null), K([]), delete window.__editingCheckpointId, L(null), _.current && (_.current.style.height = "auto");
-    } catch (re) {
-      const ue = (re == null ? void 0 : re.message) || "Failed to send message";
-      D(ue), f == null || f(ue);
-    }
-  }, ie = (M, Q) => {
-    a && (L(M), I(Q), D(null), setTimeout(() => {
+      const ne = window.__editingCheckpointId || G || void 0;
+      await h(k, { checkpointId: ne, payloadExtras: N ? { edit: !0, originalMessageId: N } : void 0, attachments: j }), u == null || u(k), I(""), L(null), K([]), delete window.__editingCheckpointId, F(null), _.current && (_.current.style.height = "auto");
+    } catch (ne) {
+      const ue = (ne == null ? void 0 : ne.message) || "Failed to send message";
+      L(ue), f == null || f(ue);
+    }
+  }, ie = (k, X) => {
+    a && (F(k), I(X), L(null), setTimeout(() => {
       _.current && (_.current.focus(), _.current.style.height = "auto", _.current.style.height = _.current.scrollHeight + "px");
     }, 0));
-  }, se = async (M, Q) => {
-    const re = p.find((Re) => Re.id === M);
-    if (!re) {
-      D("Message not found");
+  }, oe = async (k, X) => {
+    const ne = p.find((Re) => Re.id === k);
+    if (!ne) {
+      L("Message not found");
       return;
     }
-    const ue = le(re);
-    L(M), I(ue), window.__editingCheckpointId = Q, setTimeout(() => {
+    const ue = le(ne);
+    F(k), I(ue), window.__editingCheckpointId = X, setTimeout(() => {
       var Re;
       return (Re = _.current) == null ? void 0 : Re.focus();
     }, 0);
   }, H = () => {
-    L(null), I(""), D(null), delete window.__editingCheckpointId, _.current && (_.current.style.height = "auto");
-  }, Z = (M) => {
-    M.key === "Enter" && !M.shiftKey ? (M.preventDefault(), oe()) : M.key === "Escape" && N && (M.preventDefault(), H());
-  }, de = (M) => {
-    const Q = Array.from(M.target.files || []);
-    K((re) => [...re, ...Q]);
-  }, pe = (M) => K((Q) => Q.filter((re, ue) => M !== ue)), Y = async (M) => {
-    d && (await x(M), T(M));
-  }, ge = async () => {
+    F(null), I(""), L(null), delete window.__editingCheckpointId, _.current && (_.current.style.height = "auto");
+  }, Z = (k) => {
+    k.key === "Enter" && !k.shiftKey ? (k.preventDefault(), re()) : k.key === "Escape" && N && (k.preventDefault(), H());
+  }, de = (k) => {
+    const X = Array.from(k.target.files || []);
+    K((ne) => [...ne, ...X]);
+  }, he = (k) => K((X) => X.filter((ne, ue) => k !== ue)), me = async (k) => {
+    d && (await x(k), T(k));
+  }, Q = async () => {
     await E(), T(null);
-  }, te = `flex flex-col h-full min-w-0 bg-transparent ${e} ${i.container || ""}`, he = `flex-1 min-h-0 min-w-0 overflow-y-auto p-4 space-y-4 bg-transparent ${i.messagesArea || ""}`, ve = `flex-shrink-0 border-t p-4 bg-transparent ${i.inputArea || ""}`;
-  return /* @__PURE__ */ R("div", { className: te, children: [
+  }, ve = `flex flex-col h-full min-w-0 bg-transparent ${e} ${i.container || ""}`, ae = `flex-1 min-h-0 min-w-0 overflow-y-auto p-4 space-y-4 bg-transparent ${i.messagesArea || ""}`, fe = `flex-shrink-0 border-t p-4 bg-transparent ${i.inputArea || ""}`;
+  return /* @__PURE__ */ R("div", { className: ve, children: [
     !!m && !W && /* @__PURE__ */ R("div", { className: "bg-red-50 border border-red-200 text-red-800 px-4 py-2 text-sm flex items-center justify-between", children: [
       /* @__PURE__ */ c("span", { children: m }),
       /* @__PURE__ */ c(
-        fe,
+        pe,
         {
           variant: "ghost",
           size: "sm",
@@ -7055,68 +7093,68 @@ function Pn({
         {
           className: "border rounded px-2 py-1 text-xs",
           value: G ?? "",
-          onChange: (M) => {
-            const Q = M.target.value || null;
-            Q ? Y(Q) : ge();
+          onChange: (k) => {
+            const X = k.target.value || null;
+            X ? me(X) : Q();
           },
           children: [
             /* @__PURE__ */ c("option", { value: "", children: "Latest" }),
-            q.slice().sort((M, Q) => new Date(Q.createdAt).getTime() - new Date(M.createdAt).getTime()).map((M) => /* @__PURE__ */ R("option", { value: M.checkpointId, children: [
-              new Date(M.createdAt).toLocaleString(),
-              M.preview ? ` — ${M.preview.slice(0, 30)}` : ""
-            ] }, M.checkpointId))
+            q.slice().sort((k, X) => new Date(X.createdAt).getTime() - new Date(k.createdAt).getTime()).map((k) => /* @__PURE__ */ R("option", { value: k.checkpointId, children: [
+              new Date(k.createdAt).toLocaleString(),
+              k.preview ? ` — ${k.preview.slice(0, 30)}` : ""
+            ] }, k.checkpointId))
           ]
         }
       )
     ] }),
-    /* @__PURE__ */ R("div", { className: he, style: r ? { maxHeight: r } : void 0, children: [
-      p.length === 0 ? /* @__PURE__ */ c("div", { className: "flex items-center justify-center py-8 text-muted-foreground", children: "No messages yet. Start a conversation!" }) : p.map((M, Q) => /* @__PURE__ */ c(
+    /* @__PURE__ */ R("div", { className: ae, style: r ? { maxHeight: r } : void 0, children: [
+      p.length === 0 ? /* @__PURE__ */ c("div", { className: "flex items-center justify-center py-8 text-muted-foreground", children: "No messages yet. Start a conversation!" }) : p.map((k, X) => /* @__PURE__ */ c(
         gp,
         {
-          message: M,
-          messageIndex: Q,
-          isStreamingMessage: g && v === M.id,
+          message: k,
+          messageIndex: X,
+          isStreamingMessage: g && v === k.id,
           streamingDebounceMs: o,
-          isEditing: N === M.id,
+          isEditing: N === k.id,
           showActions: a,
           showTimestamp: !1,
           showAgentName: !0,
-          layoutSize: X,
+          layoutSize: Y,
           truncateToolMessages: !1,
           toolMessagePreviewLength: 200,
-          checkpointBranches: ae(Q),
+          checkpointBranches: se(X),
           currentCheckpointId: G ?? void 0,
-          temporalNavigation: V(Q),
-          onSwitchToCheckpoint: Y,
-          onReturnToMainThread: ge,
+          temporalNavigation: V(X),
+          onSwitchToCheckpoint: me,
+          onReturnToMainThread: Q,
           onNavigateToPreviousBranch: () => {
-            const re = ae(Q), ue = Math.max(0, re.findIndex((Re) => Re.isCurrent));
-            ue > 0 && Y(re[ue - 1].checkpoint_id);
+            const ne = se(X), ue = Math.max(0, ne.findIndex((Re) => Re.isCurrent));
+            ue > 0 && me(ne[ue - 1].checkpoint_id);
           },
           onNavigateToNextBranch: () => {
-            const re = ae(Q), ue = Math.max(0, re.findIndex((Re) => Re.isCurrent));
-            ue >= 0 && ue < re.length - 1 && Y(re[ue + 1].checkpoint_id);
+            const ne = se(X), ue = Math.max(0, ne.findIndex((Re) => Re.isCurrent));
+            ue >= 0 && ue < ne.length - 1 && me(ne[ue + 1].checkpoint_id);
           },
-          onEdit: (re, ue) => ie(re, ue),
-          onEditFromCheckpoint: se,
+          onEdit: (ne, ue) => ie(ne, ue),
+          onEditFromCheckpoint: oe,
           onRegenerate: () => {
-            const re = [...p].reverse().find((Re) => Re.role === "user"), ue = re ? le(re) : "";
+            const ne = [...p].reverse().find((Re) => Re.role === "user"), ue = ne ? le(ne) : "";
             ue && h(ue, { checkpointId: G ?? void 0 });
           },
           onCancelEdit: H
         },
-        M.id || Q
+        k.id || X
       )),
       /* @__PURE__ */ c("div", { ref: P })
     ] }),
-    /* @__PURE__ */ R("div", { className: ve, children: [
+    /* @__PURE__ */ R("div", { className: fe, children: [
       N && /* @__PURE__ */ c("div", { className: "mb-3 p-3 bg-blue-50 border border-blue-200 rounded-lg", children: /* @__PURE__ */ R("div", { className: "flex items-center justify-between", children: [
         /* @__PURE__ */ R("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ c(fa, { size: 16, className: "text-blue-600" }),
           /* @__PURE__ */ c("span", { className: "text-sm font-medium text-blue-800", children: "Editing message" })
         ] }),
         /* @__PURE__ */ c(
-          fe,
+          pe,
           {
             variant: "ghost",
             size: "sm",
@@ -7133,31 +7171,31 @@ function Pn({
             ref: O,
             type: "file",
             multiple: !0,
-            onChange: (M) => de(M),
+            onChange: (k) => de(k),
             className: "hidden"
           }
         ),
-        j.length > 0 && /* @__PURE__ */ c("div", { className: "mb-3 flex flex-wrap gap-2", children: j.map((M, Q) => /* @__PURE__ */ R("div", { className: "flex items-center gap-2 bg-gray-100 rounded-lg px-3 py-2 text-sm", children: [
+        j.length > 0 && /* @__PURE__ */ c("div", { className: "mb-3 flex flex-wrap gap-2", children: j.map((k, X) => /* @__PURE__ */ R("div", { className: "flex items-center gap-2 bg-gray-100 rounded-lg px-3 py-2 text-sm", children: [
           /* @__PURE__ */ c(ss, { size: 14 }),
-          /* @__PURE__ */ c("span", { className: "truncate max-w-[150px]", children: M.name }),
+          /* @__PURE__ */ c("span", { className: "truncate max-w-[150px]", children: k.name }),
           /* @__PURE__ */ c(
-            fe,
+            pe,
             {
               variant: "ghost",
               size: "sm",
-              onClick: () => pe(Q),
+              onClick: () => he(X),
               className: "h-4 w-4 p-0 text-gray-500 hover:text-red-500",
-              "aria-label": `Remove ${M.name}`,
+              "aria-label": `Remove ${k.name}`,
               children: /* @__PURE__ */ c(Kt, { size: 12 })
             }
           )
-        ] }, Q)) })
+        ] }, X)) })
       ] }),
-      k && /* @__PURE__ */ c("div", { className: "mb-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded px-3 py-2", children: k }),
+      D && /* @__PURE__ */ c("div", { className: "mb-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded px-3 py-2", children: D }),
       /* @__PURE__ */ R("div", { className: "flex items-end gap-2", children: [
         s && /* @__PURE__ */ R(wb, { children: [
           /* @__PURE__ */ c(yb, { asChild: !0, children: /* @__PURE__ */ c(
-            fe,
+            pe,
             {
               type: "button",
               size: "icon",
@@ -7169,8 +7207,8 @@ function Pn({
             }
           ) }),
           /* @__PURE__ */ c(Nc, { align: "start", sideOffset: 6, className: "w-52", children: /* @__PURE__ */ R(Tc, { onClick: () => {
-            var M;
-            return (M = O.current) == null ? void 0 : M.click();
+            var k;
+            return (k = O.current) == null ? void 0 : k.click();
           }, className: "cursor-pointer", children: [
             /* @__PURE__ */ c(ss, { className: "h-4 w-4 mr-2" }),
             " Attach files or images"
@@ -7181,19 +7219,19 @@ function Pn({
           {
             ref: _,
             value: C,
-            onChange: (M) => {
-              I(M.target.value), D(null), _.current && (_.current.style.height = "auto", _.current.style.height = `${_.current.scrollHeight}px`);
+            onChange: (k) => {
+              I(k.target.value), L(null), _.current && (_.current.style.height = "auto", _.current.style.height = `${_.current.scrollHeight}px`);
             },
             onKeyDown: Z,
             placeholder: N ? "Edit your message..." : t,
-            className: `resize-none min-h-[44px] max-h-[20rem] w-full ${N ? "border-blue-400 bg-blue-50" : ""} ${k ? "border-red-400" : ""} ${i.textarea || ""}`,
+            className: `resize-none min-h-[44px] max-h-[20rem] w-full ${N ? "border-blue-400 bg-blue-50" : ""} ${D ? "border-red-400" : ""} ${i.textarea || ""}`,
             disabled: !1,
             maxLength: Nt,
             rows: 1
           }
         ) }),
         /* @__PURE__ */ c("div", { children: g ? /* @__PURE__ */ c(
-          fe,
+          pe,
           {
             type: "button",
             onClick: b,
@@ -7204,10 +7242,10 @@ function Pn({
             children: /* @__PURE__ */ c(Wu, { size: 16 })
           }
         ) : /* @__PURE__ */ c(
-          fe,
+          pe,
           {
             type: "button",
-            onClick: oe,
+            onClick: re,
             size: "icon",
             disabled: !C.trim() && j.length === 0,
             className: `shrink-0 ${i.sendButton || ""}`,
@@ -7245,7 +7283,7 @@ function ro(e, [t, n]) {
 function Tb(e, t) {
   return l.useReducer((n, r) => t[n][r] ?? n, e);
 }
-var jo = "ScrollArea", [Ac, Ey] = Ue(jo), [Ab, ke] = Ac(jo), Pc = l.forwardRef(
+var jo = "ScrollArea", [Ac, Ey] = Ue(jo), [Ab, Me] = Ac(jo), Pc = l.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: n,
@@ -7253,13 +7291,13 @@ var jo = "ScrollArea", [Ac, Ey] = Ue(jo), [Ab, ke] = Ac(jo), Pc = l.forwardRef(
       dir: o,
       scrollHideDelay: s = 600,
       ...a
-    } = e, [i, u] = l.useState(null), [f, d] = l.useState(null), [p, g] = l.useState(null), [v, m] = l.useState(null), [h, b] = l.useState(null), [w, y] = l.useState(0), [x, E] = l.useState(0), [C, I] = l.useState(!1), [N, L] = l.useState(!1), k = ne(t, (j) => u(j)), D = tr(o);
+    } = e, [i, u] = l.useState(null), [f, d] = l.useState(null), [p, g] = l.useState(null), [v, m] = l.useState(null), [h, b] = l.useState(null), [w, y] = l.useState(0), [x, E] = l.useState(0), [C, I] = l.useState(!1), [N, F] = l.useState(!1), D = te(t, (j) => u(j)), L = tr(o);
     return /* @__PURE__ */ c(
       Ab,
       {
         scope: n,
         type: r,
-        dir: D,
+        dir: L,
         scrollHideDelay: s,
         scrollArea: i,
         viewport: f,
@@ -7273,15 +7311,15 @@ var jo = "ScrollArea", [Ac, Ey] = Ue(jo), [Ab, ke] = Ac(jo), Pc = l.forwardRef(
         scrollbarY: h,
         onScrollbarYChange: b,
         scrollbarYEnabled: N,
-        onScrollbarYEnabledChange: L,
+        onScrollbarYEnabledChange: F,
         onCornerWidthChange: y,
         onCornerHeightChange: E,
         children: /* @__PURE__ */ c(
           J.div,
           {
-            dir: D,
+            dir: L,
             ...a,
-            ref: k,
+            ref: D,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
@@ -7298,7 +7336,7 @@ var jo = "ScrollArea", [Ac, Ey] = Ue(jo), [Ab, ke] = Ac(jo), Pc = l.forwardRef(
 Pc.displayName = jo;
 var _c = "ScrollAreaViewport", Ic = l.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: n, children: r, nonce: o, ...s } = e, a = ke(_c, n), i = l.useRef(null), u = ne(t, i, a.onViewportChange);
+    const { __scopeScrollArea: n, children: r, nonce: o, ...s } = e, a = Me(_c, n), i = l.useRef(null), u = te(t, i, a.onViewportChange);
     return /* @__PURE__ */ R(De, { children: [
       /* @__PURE__ */ c(
         "style",
@@ -7340,7 +7378,7 @@ var _c = "ScrollAreaViewport", Ic = l.forwardRef(
 Ic.displayName = _c;
 var Ye = "ScrollAreaScrollbar", Ko = l.forwardRef(
   (e, t) => {
-    const { forceMount: n, ...r } = e, o = ke(Ye, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: a } = o, i = e.orientation === "horizontal";
+    const { forceMount: n, ...r } = e, o = Me(Ye, e.__scopeScrollArea), { onScrollbarXEnabledChange: s, onScrollbarYEnabledChange: a } = o, i = e.orientation === "horizontal";
     return l.useEffect(() => (i ? s(!0) : a(!0), () => {
       i ? s(!1) : a(!1);
     }), [i, s, a]), o.type === "hover" ? /* @__PURE__ */ c(Pb, { ...r, ref: t, forceMount: n }) : o.type === "scroll" ? /* @__PURE__ */ c(_b, { ...r, ref: t, forceMount: n }) : o.type === "auto" ? /* @__PURE__ */ c(Oc, { ...r, ref: t, forceMount: n }) : o.type === "always" ? /* @__PURE__ */ c(Go, { ...r, ref: t }) : null;
@@ -7348,7 +7386,7 @@ var Ye = "ScrollAreaScrollbar", Ko = l.forwardRef(
 );
 Ko.displayName = Ye;
 var Pb = l.forwardRef((e, t) => {
-  const { forceMount: n, ...r } = e, o = ke(Ye, e.__scopeScrollArea), [s, a] = l.useState(!1);
+  const { forceMount: n, ...r } = e, o = Me(Ye, e.__scopeScrollArea), [s, a] = l.useState(!1);
   return l.useEffect(() => {
     const i = o.scrollArea;
     let u = 0;
@@ -7371,7 +7409,7 @@ var Pb = l.forwardRef((e, t) => {
     }
   ) });
 }), _b = l.forwardRef((e, t) => {
-  const { forceMount: n, ...r } = e, o = ke(Ye, e.__scopeScrollArea), s = e.orientation === "horizontal", a = hr(() => u("SCROLL_END"), 100), [i, u] = Tb("hidden", {
+  const { forceMount: n, ...r } = e, o = Me(Ye, e.__scopeScrollArea), s = e.orientation === "horizontal", a = hr(() => u("SCROLL_END"), 100), [i, u] = Tb("hidden", {
     hidden: {
       SCROLL: "scrolling"
     },
@@ -7415,13 +7453,13 @@ var Pb = l.forwardRef((e, t) => {
     }
   ) });
 }), Oc = l.forwardRef((e, t) => {
-  const n = ke(Ye, e.__scopeScrollArea), { forceMount: r, ...o } = e, [s, a] = l.useState(!1), i = e.orientation === "horizontal", u = hr(() => {
+  const n = Me(Ye, e.__scopeScrollArea), { forceMount: r, ...o } = e, [s, a] = l.useState(!1), i = e.orientation === "horizontal", u = hr(() => {
     if (n.viewport) {
       const f = n.viewport.offsetWidth < n.viewport.scrollWidth, d = n.viewport.offsetHeight < n.viewport.scrollHeight;
       a(i ? f : d);
     }
   }, 10);
-  return kt(n.viewport, u), kt(n.content, u), /* @__PURE__ */ c(Ae, { present: r || s, children: /* @__PURE__ */ c(
+  return Mt(n.viewport, u), Mt(n.content, u), /* @__PURE__ */ c(Ae, { present: r || s, children: /* @__PURE__ */ c(
     Go,
     {
       "data-state": s ? "visible" : "hidden",
@@ -7430,7 +7468,7 @@ var Pb = l.forwardRef((e, t) => {
     }
   ) });
 }), Go = l.forwardRef((e, t) => {
-  const { orientation: n = "vertical", ...r } = e, o = ke(Ye, e.__scopeScrollArea), s = l.useRef(null), a = l.useRef(0), [i, u] = l.useState({
+  const { orientation: n = "vertical", ...r } = e, o = Me(Ye, e.__scopeScrollArea), s = l.useRef(null), a = l.useRef(0), [i, u] = l.useState({
     content: 0,
     viewport: 0,
     scrollbar: { size: 0, paddingStart: 0, paddingEnd: 0 }
@@ -7484,11 +7522,11 @@ var Pb = l.forwardRef((e, t) => {
     }
   ) : null;
 }), Ib = l.forwardRef((e, t) => {
-  const { sizes: n, onSizesChange: r, ...o } = e, s = ke(Ye, e.__scopeScrollArea), [a, i] = l.useState(), u = l.useRef(null), f = ne(t, u, s.onScrollbarXChange);
+  const { sizes: n, onSizesChange: r, ...o } = e, s = Me(Ye, e.__scopeScrollArea), [a, i] = l.useState(), u = l.useRef(null), f = te(t, u, s.onScrollbarXChange);
   return l.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ c(
-    Mc,
+    kc,
     {
       "data-orientation": "horizontal",
       ...o,
@@ -7523,11 +7561,11 @@ var Pb = l.forwardRef((e, t) => {
     }
   );
 }), Ob = l.forwardRef((e, t) => {
-  const { sizes: n, onSizesChange: r, ...o } = e, s = ke(Ye, e.__scopeScrollArea), [a, i] = l.useState(), u = l.useRef(null), f = ne(t, u, s.onScrollbarYChange);
+  const { sizes: n, onSizesChange: r, ...o } = e, s = Me(Ye, e.__scopeScrollArea), [a, i] = l.useState(), u = l.useRef(null), f = te(t, u, s.onScrollbarYChange);
   return l.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ c(
-    Mc,
+    kc,
     {
       "data-orientation": "vertical",
       ...o,
@@ -7562,7 +7600,7 @@ var Pb = l.forwardRef((e, t) => {
       }
     }
   );
-}), [kb, kc] = Ac(Ye), Mc = l.forwardRef((e, t) => {
+}), [Mb, Mc] = Ac(Ye), kc = l.forwardRef((e, t) => {
   const {
     __scopeScrollArea: n,
     sizes: r,
@@ -7575,21 +7613,21 @@ var Pb = l.forwardRef((e, t) => {
     onWheelScroll: d,
     onResize: p,
     ...g
-  } = e, v = ke(Ye, n), [m, h] = l.useState(null), b = ne(t, (k) => h(k)), w = l.useRef(null), y = l.useRef(""), x = v.viewport, E = r.content - r.viewport, C = ye(d), I = ye(u), N = hr(p, 10);
-  function L(k) {
+  } = e, v = Me(Ye, n), [m, h] = l.useState(null), b = te(t, (D) => h(D)), w = l.useRef(null), y = l.useRef(""), x = v.viewport, E = r.content - r.viewport, C = ye(d), I = ye(u), N = hr(p, 10);
+  function F(D) {
     if (w.current) {
-      const D = k.clientX - w.current.left, j = k.clientY - w.current.top;
-      f({ x: D, y: j });
+      const L = D.clientX - w.current.left, j = D.clientY - w.current.top;
+      f({ x: L, y: j });
     }
   }
   return l.useEffect(() => {
-    const k = (D) => {
-      const j = D.target;
-      (m == null ? void 0 : m.contains(j)) && C(D, E);
+    const D = (L) => {
+      const j = L.target;
+      (m == null ? void 0 : m.contains(j)) && C(L, E);
     };
-    return document.addEventListener("wheel", k, { passive: !1 }), () => document.removeEventListener("wheel", k, { passive: !1 });
-  }, [x, m, E, C]), l.useEffect(I, [r, I]), kt(m, N), kt(v.content, N), /* @__PURE__ */ c(
-    kb,
+    return document.addEventListener("wheel", D, { passive: !1 }), () => document.removeEventListener("wheel", D, { passive: !1 });
+  }, [x, m, E, C]), l.useEffect(I, [r, I]), Mt(m, N), Mt(v.content, N), /* @__PURE__ */ c(
+    Mb,
     {
       scope: n,
       scrollbar: m,
@@ -7604,13 +7642,13 @@ var Pb = l.forwardRef((e, t) => {
           ...g,
           ref: b,
           style: { position: "absolute", ...g.style },
-          onPointerDown: U(e.onPointerDown, (k) => {
-            k.button === 0 && (k.target.setPointerCapture(k.pointerId), w.current = m.getBoundingClientRect(), y.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", v.viewport && (v.viewport.style.scrollBehavior = "auto"), L(k));
+          onPointerDown: U(e.onPointerDown, (D) => {
+            D.button === 0 && (D.target.setPointerCapture(D.pointerId), w.current = m.getBoundingClientRect(), y.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", v.viewport && (v.viewport.style.scrollBehavior = "auto"), F(D));
           }),
-          onPointerMove: U(e.onPointerMove, L),
-          onPointerUp: U(e.onPointerUp, (k) => {
-            const D = k.target;
-            D.hasPointerCapture(k.pointerId) && D.releasePointerCapture(k.pointerId), document.body.style.webkitUserSelect = y.current, v.viewport && (v.viewport.style.scrollBehavior = ""), w.current = null;
+          onPointerMove: U(e.onPointerMove, F),
+          onPointerUp: U(e.onPointerUp, (D) => {
+            const L = D.target;
+            L.hasPointerCapture(D.pointerId) && L.releasePointerCapture(D.pointerId), document.body.style.webkitUserSelect = y.current, v.viewport && (v.viewport.style.scrollBehavior = ""), w.current = null;
           })
         }
       )
@@ -7618,12 +7656,12 @@ var Pb = l.forwardRef((e, t) => {
   );
 }), Vn = "ScrollAreaThumb", Dc = l.forwardRef(
   (e, t) => {
-    const { forceMount: n, ...r } = e, o = kc(Vn, e.__scopeScrollArea);
-    return /* @__PURE__ */ c(Ae, { present: n || o.hasThumb, children: /* @__PURE__ */ c(Mb, { ref: t, ...r }) });
+    const { forceMount: n, ...r } = e, o = Mc(Vn, e.__scopeScrollArea);
+    return /* @__PURE__ */ c(Ae, { present: n || o.hasThumb, children: /* @__PURE__ */ c(kb, { ref: t, ...r }) });
   }
-), Mb = l.forwardRef(
+), kb = l.forwardRef(
   (e, t) => {
-    const { __scopeScrollArea: n, style: r, ...o } = e, s = ke(Vn, n), a = kc(Vn, n), { onThumbPositionChange: i } = a, u = ne(
+    const { __scopeScrollArea: n, style: r, ...o } = e, s = Me(Vn, n), a = Mc(Vn, n), { onThumbPositionChange: i } = a, u = te(
       t,
       (p) => a.onThumbChange(p)
     ), f = l.useRef(void 0), d = hr(() => {
@@ -7663,18 +7701,18 @@ var Pb = l.forwardRef((e, t) => {
 Dc.displayName = Vn;
 var qo = "ScrollAreaCorner", Lc = l.forwardRef(
   (e, t) => {
-    const n = ke(qo, e.__scopeScrollArea), r = !!(n.scrollbarX && n.scrollbarY);
+    const n = Me(qo, e.__scopeScrollArea), r = !!(n.scrollbarX && n.scrollbarY);
     return n.type !== "scroll" && r ? /* @__PURE__ */ c(Db, { ...e, ref: t }) : null;
   }
 );
 Lc.displayName = qo;
 var Db = l.forwardRef((e, t) => {
-  const { __scopeScrollArea: n, ...r } = e, o = ke(qo, n), [s, a] = l.useState(0), [i, u] = l.useState(0), f = !!(s && i);
-  return kt(o.scrollbarX, () => {
+  const { __scopeScrollArea: n, ...r } = e, o = Me(qo, n), [s, a] = l.useState(0), [i, u] = l.useState(0), f = !!(s && i);
+  return Mt(o.scrollbarX, () => {
     var p;
     const d = ((p = o.scrollbarX) == null ? void 0 : p.offsetHeight) || 0;
     o.onCornerHeightChange(d), u(d);
-  }), kt(o.scrollbarY, () => {
+  }), Mt(o.scrollbarY, () => {
     var p;
     const d = ((p = o.scrollbarY) == null ? void 0 : p.offsetWidth) || 0;
     o.onCornerWidthChange(d), a(d);
@@ -7738,7 +7776,7 @@ function hr(e, t) {
     window.clearTimeout(r.current), r.current = window.setTimeout(n, t);
   }, [n, t]);
 }
-function kt(e, t) {
+function Mt(e, t) {
   const n = ye(t);
   be(() => {
     let r = 0;
@@ -7804,58 +7842,58 @@ function oo({
     createThread: h,
     deleteThread: b,
     renameThread: w
-  } = Ua(), [y, x] = ce(g ?? []), [E, C] = ce(!1), [I, N] = ce(null), [L, k] = ce(null), [D, j] = ce(""), [K, W] = ce(!1);
+  } = Ua(), [y, x] = ce(g ?? []), [E, C] = ce(!1), [I, N] = ce(null), [F, D] = ce(null), [L, j] = ce(""), [K, W] = ce(!1);
   we(() => {
     x(g ?? []);
   }, [g]);
-  const B = async ($) => {
+  const B = async (M) => {
     try {
-      await p($), i == null || i($), u == null || u($);
+      await p(M), i == null || i(M), u == null || u(M);
     } catch (z) {
       console.error("Failed to select thread:", z);
     }
   }, q = async () => {
     try {
       W(!0);
-      const $ = await h();
-      f == null || f($), i == null || i($);
-    } catch ($) {
-      console.error("Failed to create thread:", $);
+      const M = await h();
+      f == null || f(M), i == null || i(M);
+    } catch (M) {
+      console.error("Failed to create thread:", M);
     } finally {
       W(!1);
     }
-  }, F = async ($, z) => {
+  }, $ = async (M, z) => {
     if (z.stopPropagation(), !!confirm("Delete this thread?"))
       try {
-        await b($), d == null || d($);
+        await b(M), d == null || d(M);
       } catch (le) {
         console.error("Failed to delete thread:", le);
       }
-  }, G = ($, z) => {
-    z.stopPropagation(), k($.threadId), j($.title || `Thread ${$.threadId.slice(0, 8)}`);
-  }, T = async ($) => {
-    if (D.trim())
+  }, G = (M, z) => {
+    z.stopPropagation(), D(M.threadId), j(M.title || `Thread ${M.threadId.slice(0, 8)}`);
+  }, T = async (M) => {
+    if (L.trim())
       try {
-        await w($, D.trim()), k(null), j("");
+        await w(M, L.trim()), D(null), j("");
       } catch (z) {
         console.error("Failed to update title:", z);
       }
   }, P = () => {
-    k(null), j("");
-  }, _ = ($, z) => {
-    $.key === "Enter" ? T(z) : $.key === "Escape" && P();
-  }, O = ($) => {
-    if (!$) return "";
+    D(null), j("");
+  }, _ = (M, z) => {
+    M.key === "Enter" ? T(z) : M.key === "Escape" && P();
+  }, O = (M) => {
+    if (!M) return "";
     try {
-      const z = new Date($), ae = (/* @__PURE__ */ new Date()).getTime() - z.getTime(), V = Math.floor(ae / (1e3 * 60 * 60 * 24));
+      const z = new Date(M), se = (/* @__PURE__ */ new Date()).getTime() - z.getTime(), V = Math.floor(se / (1e3 * 60 * 60 * 24));
       return V === 0 ? z.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : V === 1 ? "Yesterday" : V < 7 ? `${V} days ago` : z.toLocaleDateString();
     } catch {
       return "";
     }
-  }, X = ($) => $.title || `Thread ${$.threadId.slice(0, 8)}`;
+  }, Y = (M) => M.title || `Thread ${M.threadId.slice(0, 8)}`;
   return /* @__PURE__ */ R("div", { className: `flex flex-col h-full ${e} ${s.container || ""}`, children: [
     t && /* @__PURE__ */ c("div", { className: s.header || "flex-shrink-0 p-2 border-b bg-slate-800 border-slate-700 text-slate-100 flex justify-end", children: /* @__PURE__ */ c(
-      fe,
+      pe,
       {
         onClick: q,
         disabled: K || E,
@@ -7869,32 +7907,32 @@ function oo({
     /* @__PURE__ */ c(zc, { className: `flex-1 ${s.threadList || ""}`, style: { maxHeight: o }, children: /* @__PURE__ */ c("div", { className: "p-2 space-y-1 pb-4", children: E ? /* @__PURE__ */ c("div", { className: "text-center py-8 text-slate-400", children: "Loading…" }) : y.length === 0 ? /* @__PURE__ */ R("div", { className: "text-center py-8 text-slate-400", children: [
       /* @__PURE__ */ c(Ku, { className: "w-8 h-8 mx-auto mb-2 opacity-40 text-slate-500" }),
       /* @__PURE__ */ c("p", { className: "text-sm text-slate-500", children: "No conversations yet" })
-    ] }) : y.slice().sort(($, z) => new Date(z.updatedAt || z.createdAt || "").getTime() - new Date($.updatedAt || $.createdAt || "").getTime()).map(($) => /* @__PURE__ */ R(
+    ] }) : y.slice().sort((M, z) => new Date(z.updatedAt || z.createdAt || "").getTime() - new Date(M.updatedAt || M.createdAt || "").getTime()).map((M) => /* @__PURE__ */ R(
       "div",
       {
-        onClick: () => B($.threadId),
-        className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${(a ?? m) === $.threadId ? `${s.activeThread || "bg-slate-600 border-slate-500"} ` : `${s.threadItem || "bg-slate-700 border-slate-600 hover:bg-slate-600 text-gray-900 dark:text-slate-100"}`} ${s.threadItem || ""} text-gray-900 dark:text-slate-100`,
+        onClick: () => B(M.threadId),
+        className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${(a ?? m) === M.threadId ? `${s.activeThread || "bg-slate-600 border-slate-500"} ` : `${s.threadItem || "bg-slate-700 border-slate-600 hover:bg-slate-600 text-gray-900 dark:text-slate-100"}`} ${s.threadItem || ""} text-gray-900 dark:text-slate-100`,
         children: [
           /* @__PURE__ */ R("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: L === $.threadId ? /* @__PURE__ */ R("div", { className: "flex items-center gap-2", onClick: (z) => z.stopPropagation(), children: [
-              /* @__PURE__ */ c(tn, { value: D, onChange: (z) => j(z.target.value), onKeyDown: (z) => _(z, $.threadId), className: "h-6 text-sm", autoFocus: !0 }),
-              /* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", onClick: () => T($.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ c(mo, { size: 12 }) }),
-              /* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", onClick: P, className: "h-6 w-6 p-0", children: /* @__PURE__ */ c(Kt, { size: 12 }) })
+            /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: F === M.threadId ? /* @__PURE__ */ R("div", { className: "flex items-center gap-2", onClick: (z) => z.stopPropagation(), children: [
+              /* @__PURE__ */ c(tn, { value: L, onChange: (z) => j(z.target.value), onKeyDown: (z) => _(z, M.threadId), className: "h-6 text-sm", autoFocus: !0 }),
+              /* @__PURE__ */ c(pe, { variant: "ghost", size: "sm", onClick: () => T(M.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ c(mo, { size: 12 }) }),
+              /* @__PURE__ */ c(pe, { variant: "ghost", size: "sm", onClick: P, className: "h-6 w-6 p-0", children: /* @__PURE__ */ c(Kt, { size: 12 }) })
             ] }) : /* @__PURE__ */ R(De, { children: [
-              /* @__PURE__ */ c("div", { className: "font-medium text-sm truncate text-gray-900 dark:text-slate-100", children: X($) }),
+              /* @__PURE__ */ c("div", { className: "font-medium text-sm truncate text-gray-900 dark:text-slate-100", children: Y(M) }),
               /* @__PURE__ */ R("div", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-slate-400 mt-1", children: [
                 /* @__PURE__ */ c(Gu, { size: 10 }),
-                /* @__PURE__ */ c("span", { children: O($.updatedAt || $.createdAt) })
+                /* @__PURE__ */ c("span", { children: O(M.updatedAt || M.createdAt) })
               ] })
             ] }) }),
             /* @__PURE__ */ R("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity ml-2", children: [
-              r && L !== $.threadId && /* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", onClick: (z) => G($, z), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ c(fa, { size: 12 }) }),
+              r && F !== M.threadId && /* @__PURE__ */ c(pe, { variant: "ghost", size: "sm", onClick: (z) => G(M, z), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ c(fa, { size: 12 }) }),
               n && /* @__PURE__ */ c(
-                fe,
+                pe,
                 {
                   variant: "ghost",
                   size: "sm",
-                  onClick: (z) => F($.threadId, z),
+                  onClick: (z) => $(M.threadId, z),
                   className: "h-6 w-6 p-0 text-red-400 hover:text-red-300 hover:bg-red-900/20",
                   title: "Delete thread",
                   children: /* @__PURE__ */ c(qu, { size: 12 })
@@ -7902,10 +7940,10 @@ function oo({
               )
             ] })
           ] }),
-          a === $.threadId && /* @__PURE__ */ c("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-blue-400 rounded-r" })
+          a === M.threadId && /* @__PURE__ */ c("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-blue-400 rounded-r" })
         ]
       },
-      $.threadId
+      M.threadId
     )) }) })
   ] });
 }
@@ -8068,7 +8106,7 @@ var mr = "Dialog", [Gc, Py] = Ue(mr), [Yb, ze] = Gc(mr), qc = (e) => {
 qc.displayName = mr;
 var Xc = "DialogTrigger", Yc = l.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, ...r } = e, o = ze(Xc, n), s = ne(t, o.triggerRef);
+    const { __scopeDialog: n, ...r } = e, o = ze(Xc, n), s = te(t, o.triggerRef);
     return /* @__PURE__ */ c(
       J.button,
       {
@@ -8125,7 +8163,7 @@ var Zb = _t("DialogOverlay.RemoveScroll"), Qb = l.forwardRef(
 el.displayName = mt;
 var ev = l.forwardRef(
   (e, t) => {
-    const n = ze(mt, e.__scopeDialog), r = l.useRef(null), o = ne(t, n.contentRef, r);
+    const n = ze(mt, e.__scopeDialog), r = l.useRef(null), o = te(t, n.contentRef, r);
     return l.useEffect(() => {
       const s = r.current;
       if (s) return Fo(s);
@@ -8176,7 +8214,7 @@ var ev = l.forwardRef(
   }
 ), tl = l.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: s, ...a } = e, i = ze(mt, n), u = l.useRef(null), f = ne(t, u);
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: s, ...a } = e, i = ze(mt, n), u = l.useRef(null), f = te(t, u);
     return Eo(), /* @__PURE__ */ R(De, { children: [
       /* @__PURE__ */ c(
         nr,
@@ -8438,7 +8476,7 @@ var nn = "Tooltip", [gv, vr] = gr(nn), Sl = (e) => {
   }, [h, y]);
   return l.useEffect(() => () => {
     v.current && (window.clearTimeout(v.current), v.current = 0);
-  }, []), /* @__PURE__ */ c(ko, { ...f, children: /* @__PURE__ */ c(
+  }, []), /* @__PURE__ */ c(Mo, { ...f, children: /* @__PURE__ */ c(
     gv,
     {
       scope: t,
@@ -8463,8 +8501,8 @@ var nn = "Tooltip", [gv, vr] = gr(nn), Sl = (e) => {
 Sl.displayName = nn;
 var ao = "TooltipTrigger", Cl = l.forwardRef(
   (e, t) => {
-    const { __scopeTooltip: n, ...r } = e, o = vr(ao, n), s = es(ao, n), a = br(n), i = l.useRef(null), u = ne(t, i, o.onTriggerChange), f = l.useRef(!1), d = l.useRef(!1), p = l.useCallback(() => f.current = !1, []);
-    return l.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ c(Mo, { asChild: !0, ...a, children: /* @__PURE__ */ c(
+    const { __scopeTooltip: n, ...r } = e, o = vr(ao, n), s = es(ao, n), a = br(n), i = l.useRef(null), u = te(t, i, o.onTriggerChange), f = l.useRef(!1), d = l.useRef(!1), p = l.useCallback(() => f.current = !1, []);
+    return l.useEffect(() => () => document.removeEventListener("pointerup", p), [p]), /* @__PURE__ */ c(ko, { asChild: !0, ...a, children: /* @__PURE__ */ c(
       J.button,
       {
         "aria-describedby": o.open ? o.contentId : void 0,
@@ -8492,13 +8530,13 @@ var ao = "TooltipTrigger", Cl = l.forwardRef(
 Cl.displayName = ao;
 var bv = "TooltipPortal", [Oy, vv] = gr(bv, {
   forceMount: void 0
-}), Mt = "TooltipContent", El = l.forwardRef(
+}), kt = "TooltipContent", El = l.forwardRef(
   (e, t) => {
-    const n = vv(Mt, e.__scopeTooltip), { forceMount: r = n.forceMount, side: o = "top", ...s } = e, a = vr(Mt, e.__scopeTooltip);
+    const n = vv(kt, e.__scopeTooltip), { forceMount: r = n.forceMount, side: o = "top", ...s } = e, a = vr(kt, e.__scopeTooltip);
     return /* @__PURE__ */ c(Ae, { present: r || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ c(Rl, { side: o, ...s, ref: t }) : /* @__PURE__ */ c(wv, { side: o, ...s, ref: t }) });
   }
 ), wv = l.forwardRef((e, t) => {
-  const n = vr(Mt, e.__scopeTooltip), r = es(Mt, e.__scopeTooltip), o = l.useRef(null), s = ne(t, o), [a, i] = l.useState(null), { trigger: u, onClose: f } = n, d = o.current, { onPointerInTransitChange: p } = r, g = l.useCallback(() => {
+  const n = vr(kt, e.__scopeTooltip), r = es(kt, e.__scopeTooltip), o = l.useRef(null), s = te(t, o), [a, i] = l.useState(null), { trigger: u, onClose: f } = n, d = o.current, { onPointerInTransitChange: p } = r, g = l.useCallback(() => {
     i(null), p(!1);
   }, [p]), v = l.useCallback(
     (m, h) => {
@@ -8532,7 +8570,7 @@ var bv = "TooltipPortal", [Oy, vv] = gr(bv, {
       onEscapeKeyDown: s,
       onPointerDownOutside: a,
       ...i
-    } = e, u = vr(Mt, n), f = br(n), { onClose: d } = u;
+    } = e, u = vr(kt, n), f = br(n), { onClose: d } = u;
     return l.useEffect(() => (document.addEventListener(so, d), () => document.removeEventListener(so, d)), [d]), l.useEffect(() => {
       if (u.trigger) {
         const p = (g) => {
@@ -8575,7 +8613,7 @@ var bv = "TooltipPortal", [Oy, vv] = gr(bv, {
     );
   }
 );
-El.displayName = Mt;
+El.displayName = kt;
 var Nl = "TooltipArrow", Cv = l.forwardRef(
   (e, t) => {
     const { __scopeTooltip: n, ...r } = e, o = br(n);
@@ -8679,7 +8717,7 @@ function Pv(e) {
   return n.pop(), t.length === 1 && n.length === 1 && t[0].x === n[0].x && t[0].y === n[0].y ? t : t.concat(n);
 }
 var _v = xl, Iv = Sl, Ov = Cl, Tl = El;
-const kv = _v, Mv = Iv, Dv = Ov, Al = l.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ c(
+const Mv = _v, kv = Iv, Dv = Ov, Al = l.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__PURE__ */ c(
   Tl,
   {
     ref: r,
@@ -8734,7 +8772,7 @@ const _l = l.forwardRef(
       }),
       [b, v, m, u, f, d, h]
     );
-    return /* @__PURE__ */ c(Pl.Provider, { value: w, children: /* @__PURE__ */ c(kv, { delayDuration: 0, children: /* @__PURE__ */ c(
+    return /* @__PURE__ */ c(Pl.Provider, { value: w, children: /* @__PURE__ */ c(Mv, { delayDuration: 0, children: /* @__PURE__ */ c(
       "div",
       {
         style: {
@@ -8838,7 +8876,7 @@ Il.displayName = "Sidebar";
 const Ol = l.forwardRef(({ className: e, onClick: t, ...n }, r) => {
   const { toggleSidebar: o } = wr();
   return /* @__PURE__ */ R(
-    fe,
+    pe,
     {
       ref: r,
       "data-sidebar": "trigger",
@@ -8882,7 +8920,7 @@ const Hv = l.forwardRef(({ className: e, ...t }, n) => {
   );
 });
 Hv.displayName = "SidebarRail";
-const kl = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
+const Ml = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
   "main",
   {
     ref: n,
@@ -8894,7 +8932,7 @@ const kl = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
     ...t
   }
 ));
-kl.displayName = "SidebarInset";
+Ml.displayName = "SidebarInset";
 const Wv = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
   tn,
   {
@@ -8908,7 +8946,7 @@ const Wv = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
   }
 ));
 Wv.displayName = "SidebarInput";
-const Ml = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
+const kl = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
   "div",
   {
     ref: n,
@@ -8917,7 +8955,7 @@ const Ml = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
     ...t
   }
 ));
-Ml.displayName = "SidebarHeader";
+kl.displayName = "SidebarHeader";
 const Vv = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
   "div",
   {
@@ -9063,7 +9101,7 @@ const Gv = rn(
     );
     return o ? (typeof o == "string" && (o = {
       children: o
-    }), /* @__PURE__ */ R(Mv, { children: [
+    }), /* @__PURE__ */ R(kv, { children: [
       /* @__PURE__ */ c(Dv, { asChild: !0, children: p }),
       /* @__PURE__ */ c(
         Al,
@@ -9183,7 +9221,7 @@ const Qv = l.forwardRef(({ asChild: e = !1, size: t = "md", isActive: n, classNa
   }
 ));
 Qv.displayName = "SidebarMenuSubButton";
-function ky({
+function My({
   header: e,
   sidebarTitle: t = "Threads",
   showThreads: n = !0,
@@ -9194,7 +9232,7 @@ function ky({
 }) {
   return /* @__PURE__ */ c(Rn, { ...a, children: /* @__PURE__ */ R(_l, { className: `w-full ${r}`, children: [
     /* @__PURE__ */ R(Il, { className: `border-r ${o}`, children: [
-      /* @__PURE__ */ c(Ml, { children: /* @__PURE__ */ c(Bl, { children: /* @__PURE__ */ c(Ul, { children: /* @__PURE__ */ c(zl, { size: "lg", children: /* @__PURE__ */ c("span", { className: "font-semibold", children: t }) }) }) }) }),
+      /* @__PURE__ */ c(kl, { children: /* @__PURE__ */ c(Bl, { children: /* @__PURE__ */ c(Ul, { children: /* @__PURE__ */ c(zl, { size: "lg", children: /* @__PURE__ */ c("span", { className: "font-semibold", children: t }) }) }) }) }),
       /* @__PURE__ */ c(Dl, { children: n && /* @__PURE__ */ R(Ll, { children: [
         /* @__PURE__ */ c(Fl, { children: "Conversations" }),
         /* @__PURE__ */ c($l, { children: /* @__PURE__ */ c("div", { className: "px-2 py-1", children: /* @__PURE__ */ c(
@@ -9208,7 +9246,7 @@ function ky({
         ) }) })
       ] }) })
     ] }),
-    /* @__PURE__ */ R(kl, { children: [
+    /* @__PURE__ */ R(Ml, { children: [
       /* @__PURE__ */ R("header", { className: "h-14 border-b bg-background/60 backdrop-blur flex items-center gap-2 px-4", children: [
         /* @__PURE__ */ c(Ol, {}),
         /* @__PURE__ */ c("div", { className: "flex-1" }),
@@ -9246,7 +9284,7 @@ function Vl(e) {
   const t = l.useRef({ value: e, previous: e });
   return l.useMemo(() => (t.current.value !== e && (t.current.previous = t.current.value, t.current.value = e), t.current.previous), [e]);
 }
-var yr = "Switch", [nw, My] = Ue(yr), [rw, ow] = nw(yr), jl = l.forwardRef(
+var yr = "Switch", [nw, ky] = Ue(yr), [rw, ow] = nw(yr), jl = l.forwardRef(
   (e, t) => {
     const {
       __scopeSwitch: n,
@@ -9259,7 +9297,7 @@ var yr = "Switch", [nw, My] = Ue(yr), [rw, ow] = nw(yr), jl = l.forwardRef(
       onCheckedChange: f,
       form: d,
       ...p
-    } = e, [g, v] = l.useState(null), m = ne(t, (x) => v(x)), h = l.useRef(!1), b = g ? d || !!g.closest("form") : !0, [w, y] = ot({
+    } = e, [g, v] = l.useState(null), m = te(t, (x) => v(x)), h = l.useRef(!1), b = g ? d || !!g.closest("form") : !0, [w, y] = ot({
       prop: o,
       defaultProp: s ?? !1,
       onChange: f,
@@ -9325,7 +9363,7 @@ var sw = "SwitchBubbleInput", ql = l.forwardRef(
     bubbles: r = !0,
     ...o
   }, s) => {
-    const a = l.useRef(null), i = ne(a, s), u = Vl(n), f = li(t);
+    const a = l.useRef(null), i = te(a, s), u = Vl(n), f = li(t);
     return l.useEffect(() => {
       const d = a.current;
       if (!d) return;
@@ -9402,18 +9440,18 @@ var iw = [" ", "Enter", "ArrowUp", "ArrowDown"], cw = [" ", "Enter"], gt = "Sele
     disabled: g,
     required: v,
     form: m
-  } = e, h = Cr(t), [b, w] = l.useState(null), [y, x] = l.useState(null), [E, C] = l.useState(!1), I = tr(f), [N, L] = ot({
+  } = e, h = Cr(t), [b, w] = l.useState(null), [y, x] = l.useState(null), [E, C] = l.useState(!1), I = tr(f), [N, F] = ot({
     prop: r,
     defaultProp: o ?? !1,
     onChange: s,
     caller: gt
-  }), [k, D] = ot({
+  }), [D, L] = ot({
     prop: a,
     defaultProp: i,
     onChange: u,
     caller: gt
-  }), j = l.useRef(null), K = b ? m || !!b.closest("form") : !0, [W, B] = l.useState(/* @__PURE__ */ new Set()), q = Array.from(W).map((F) => F.props.value).join(";");
-  return /* @__PURE__ */ c(ko, { ...h, children: /* @__PURE__ */ R(
+  }), j = l.useRef(null), K = b ? m || !!b.closest("form") : !0, [W, B] = l.useState(/* @__PURE__ */ new Set()), q = Array.from(W).map(($) => $.props.value).join(";");
+  return /* @__PURE__ */ c(Mo, { ...h, children: /* @__PURE__ */ R(
     uw,
     {
       required: v,
@@ -9425,10 +9463,10 @@ var iw = [" ", "Enter", "ArrowUp", "ArrowDown"], cw = [" ", "Enter"], gt = "Sele
       valueNodeHasChildren: E,
       onValueNodeHasChildrenChange: C,
       contentId: Le(),
-      value: k,
-      onValueChange: D,
+      value: D,
+      onValueChange: L,
       open: N,
-      onOpenChange: L,
+      onOpenChange: F,
       dir: I,
       triggerPointerDownPosRef: j,
       disabled: g,
@@ -9437,13 +9475,13 @@ var iw = [" ", "Enter", "ArrowUp", "ArrowDown"], cw = [" ", "Enter"], gt = "Sele
           dw,
           {
             scope: e.__scopeSelect,
-            onNativeOptionAdd: l.useCallback((F) => {
-              B((G) => new Set(G).add(F));
+            onNativeOptionAdd: l.useCallback(($) => {
+              B((G) => new Set(G).add($));
             }, []),
-            onNativeOptionRemove: l.useCallback((F) => {
+            onNativeOptionRemove: l.useCallback(($) => {
               B((G) => {
                 const T = new Set(G);
-                return T.delete(F), T;
+                return T.delete($), T;
               });
             }, []),
             children: n
@@ -9457,12 +9495,12 @@ var iw = [" ", "Enter", "ArrowUp", "ArrowDown"], cw = [" ", "Enter"], gt = "Sele
             tabIndex: -1,
             name: d,
             autoComplete: p,
-            value: k,
-            onChange: (F) => D(F.target.value),
+            value: D,
+            onChange: ($) => L($.target.value),
             disabled: g,
             form: m,
             children: [
-              k === void 0 ? /* @__PURE__ */ c("option", { value: "" }) : null,
+              D === void 0 ? /* @__PURE__ */ c("option", { value: "" }) : null,
               Array.from(W)
             ]
           },
@@ -9475,7 +9513,7 @@ var iw = [" ", "Enter", "ArrowUp", "ArrowDown"], cw = [" ", "Enter"], gt = "Sele
 Jl.displayName = gt;
 var Zl = "SelectTrigger", Ql = l.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, disabled: r = !1, ...o } = e, s = Cr(n), a = it(Zl, n), i = a.disabled || r, u = ne(t, a.onTriggerChange), f = Sr(n), d = l.useRef("touch"), [p, g, v] = Cu((h) => {
+    const { __scopeSelect: n, disabled: r = !1, ...o } = e, s = Cr(n), a = it(Zl, n), i = a.disabled || r, u = te(t, a.onTriggerChange), f = Sr(n), d = l.useRef("touch"), [p, g, v] = Cu((h) => {
       const b = f().filter((x) => !x.disabled), w = b.find((x) => x.value === a.value), y = Eu(b, h, w);
       y !== void 0 && a.onValueChange(y.value);
     }), m = (h) => {
@@ -9484,7 +9522,7 @@ var Zl = "SelectTrigger", Ql = l.forwardRef(
         y: Math.round(h.pageY)
       });
     };
-    return /* @__PURE__ */ c(Mo, { asChild: !0, ...s, children: /* @__PURE__ */ c(
+    return /* @__PURE__ */ c(ko, { asChild: !0, ...s, children: /* @__PURE__ */ c(
       J.button,
       {
         type: "button",
@@ -9519,7 +9557,7 @@ var Zl = "SelectTrigger", Ql = l.forwardRef(
 Ql.displayName = Zl;
 var eu = "SelectValue", tu = l.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: r, style: o, children: s, placeholder: a = "", ...i } = e, u = it(eu, n), { onValueNodeHasChildrenChange: f } = u, d = s !== void 0, p = ne(t, u.onValueNodeChange);
+    const { __scopeSelect: n, className: r, style: o, children: s, placeholder: a = "", ...i } = e, u = it(eu, n), { onValueNodeHasChildrenChange: f } = u, d = s !== void 0, p = te(t, u.onValueNodeChange);
     return be(() => {
       f(d);
     }, [f, d]), /* @__PURE__ */ c(
@@ -9559,7 +9597,7 @@ var bt = "SelectContent", ou = l.forwardRef(
   }
 );
 ou.displayName = bt;
-var Me = 10, [su, ct] = zt(bt), mw = "SelectContentImpl", gw = _t("SelectContent.RemoveScroll"), au = l.forwardRef(
+var ke = 10, [su, ct] = zt(bt), mw = "SelectContentImpl", gw = _t("SelectContent.RemoveScroll"), au = l.forwardRef(
   (e, t) => {
     const {
       __scopeSelect: n,
@@ -9581,22 +9619,22 @@ var Me = 10, [su, ct] = zt(bt), mw = "SelectContentImpl", gw = _t("SelectContent
       avoidCollisions: b,
       //
       ...w
-    } = e, y = it(bt, n), [x, E] = l.useState(null), [C, I] = l.useState(null), N = ne(t, (V) => E(V)), [L, k] = l.useState(null), [D, j] = l.useState(
+    } = e, y = it(bt, n), [x, E] = l.useState(null), [C, I] = l.useState(null), N = te(t, (V) => E(V)), [F, D] = l.useState(null), [L, j] = l.useState(
       null
     ), K = Sr(n), [W, B] = l.useState(!1), q = l.useRef(!1);
     l.useEffect(() => {
       if (x) return Fo(x);
     }, [x]), Eo();
-    const F = l.useCallback(
+    const $ = l.useCallback(
       (V) => {
-        const [oe, ...ie] = K().map((Z) => Z.ref.current), [se] = ie.slice(-1), H = document.activeElement;
+        const [re, ...ie] = K().map((Z) => Z.ref.current), [oe] = ie.slice(-1), H = document.activeElement;
         for (const Z of V)
-          if (Z === H || (Z == null || Z.scrollIntoView({ block: "nearest" }), Z === oe && C && (C.scrollTop = 0), Z === se && C && (C.scrollTop = C.scrollHeight), Z == null || Z.focus(), document.activeElement !== H)) return;
+          if (Z === H || (Z == null || Z.scrollIntoView({ block: "nearest" }), Z === re && C && (C.scrollTop = 0), Z === oe && C && (C.scrollTop = C.scrollHeight), Z == null || Z.focus(), document.activeElement !== H)) return;
       },
       [K, C]
     ), G = l.useCallback(
-      () => F([L, x]),
-      [F, L, x]
+      () => $([F, x]),
+      [$, F, x]
     );
     l.useEffect(() => {
       W && G();
@@ -9605,17 +9643,17 @@ var Me = 10, [su, ct] = zt(bt), mw = "SelectContentImpl", gw = _t("SelectContent
     l.useEffect(() => {
       if (x) {
         let V = { x: 0, y: 0 };
-        const oe = (se) => {
+        const re = (oe) => {
           var H, Z;
           V = {
-            x: Math.abs(Math.round(se.pageX) - (((H = P.current) == null ? void 0 : H.x) ?? 0)),
-            y: Math.abs(Math.round(se.pageY) - (((Z = P.current) == null ? void 0 : Z.y) ?? 0))
+            x: Math.abs(Math.round(oe.pageX) - (((H = P.current) == null ? void 0 : H.x) ?? 0)),
+            y: Math.abs(Math.round(oe.pageY) - (((Z = P.current) == null ? void 0 : Z.y) ?? 0))
           };
-        }, ie = (se) => {
-          V.x <= 10 && V.y <= 10 ? se.preventDefault() : x.contains(se.target) || T(!1), document.removeEventListener("pointermove", oe), P.current = null;
+        }, ie = (oe) => {
+          V.x <= 10 && V.y <= 10 ? oe.preventDefault() : x.contains(oe.target) || T(!1), document.removeEventListener("pointermove", re), P.current = null;
         };
-        return P.current !== null && (document.addEventListener("pointermove", oe), document.addEventListener("pointerup", ie, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", oe), document.removeEventListener("pointerup", ie, { capture: !0 });
+        return P.current !== null && (document.addEventListener("pointermove", re), document.addEventListener("pointerup", ie, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", re), document.removeEventListener("pointerup", ie, { capture: !0 });
         };
       }
     }, [x, T, P]), l.useEffect(() => {
@@ -9625,21 +9663,21 @@ var Me = 10, [su, ct] = zt(bt), mw = "SelectContentImpl", gw = _t("SelectContent
       };
     }, [T]);
     const [_, O] = Cu((V) => {
-      const oe = K().filter((H) => !H.disabled), ie = oe.find((H) => H.ref.current === document.activeElement), se = Eu(oe, V, ie);
-      se && setTimeout(() => se.ref.current.focus());
-    }), X = l.useCallback(
-      (V, oe, ie) => {
-        const se = !q.current && !ie;
-        (y.value !== void 0 && y.value === oe || se) && (k(V), se && (q.current = !0));
+      const re = K().filter((H) => !H.disabled), ie = re.find((H) => H.ref.current === document.activeElement), oe = Eu(re, V, ie);
+      oe && setTimeout(() => oe.ref.current.focus());
+    }), Y = l.useCallback(
+      (V, re, ie) => {
+        const oe = !q.current && !ie;
+        (y.value !== void 0 && y.value === re || oe) && (D(V), oe && (q.current = !0));
       },
       [y.value]
-    ), $ = l.useCallback(() => x == null ? void 0 : x.focus(), [x]), z = l.useCallback(
-      (V, oe, ie) => {
-        const se = !q.current && !ie;
-        (y.value !== void 0 && y.value === oe || se) && j(V);
+    ), M = l.useCallback(() => x == null ? void 0 : x.focus(), [x]), z = l.useCallback(
+      (V, re, ie) => {
+        const oe = !q.current && !ie;
+        (y.value !== void 0 && y.value === re || oe) && j(V);
       },
       [y.value]
-    ), le = r === "popper" ? io : iu, ae = le === io ? {
+    ), le = r === "popper" ? io : iu, se = le === io ? {
       side: i,
       sideOffset: u,
       align: f,
@@ -9658,12 +9696,12 @@ var Me = 10, [su, ct] = zt(bt), mw = "SelectContentImpl", gw = _t("SelectContent
         content: x,
         viewport: C,
         onViewportChange: I,
-        itemRefCallback: X,
-        selectedItem: L,
-        onItemLeave: $,
+        itemRefCallback: Y,
+        selectedItem: F,
+        onItemLeave: M,
         itemTextRefCallback: z,
         focusSelectedItem: G,
-        selectedItemText: D,
+        selectedItemText: L,
         position: r,
         isPositioned: W,
         searchRef: _,
@@ -9676,8 +9714,8 @@ var Me = 10, [su, ct] = zt(bt), mw = "SelectContentImpl", gw = _t("SelectContent
               V.preventDefault();
             },
             onUnmountAutoFocus: U(o, (V) => {
-              var oe;
-              (oe = y.trigger) == null || oe.focus({ preventScroll: !0 }), V.preventDefault();
+              var re;
+              (re = y.trigger) == null || re.focus({ preventScroll: !0 }), V.preventDefault();
             }),
             children: /* @__PURE__ */ c(
               ln,
@@ -9697,7 +9735,7 @@ var Me = 10, [su, ct] = zt(bt), mw = "SelectContentImpl", gw = _t("SelectContent
                     dir: y.dir,
                     onContextMenu: (V) => V.preventDefault(),
                     ...w,
-                    ...ae,
+                    ...se,
                     onPlaced: () => B(!0),
                     ref: N,
                     style: {
@@ -9709,14 +9747,14 @@ var Me = 10, [su, ct] = zt(bt), mw = "SelectContentImpl", gw = _t("SelectContent
                       ...w.style
                     },
                     onKeyDown: U(w.onKeyDown, (V) => {
-                      const oe = V.ctrlKey || V.altKey || V.metaKey;
-                      if (V.key === "Tab" && V.preventDefault(), !oe && V.key.length === 1 && O(V.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(V.key)) {
-                        let se = K().filter((H) => !H.disabled).map((H) => H.ref.current);
-                        if (["ArrowUp", "End"].includes(V.key) && (se = se.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(V.key)) {
-                          const H = V.target, Z = se.indexOf(H);
-                          se = se.slice(Z + 1);
+                      const re = V.ctrlKey || V.altKey || V.metaKey;
+                      if (V.key === "Tab" && V.preventDefault(), !re && V.key.length === 1 && O(V.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(V.key)) {
+                        let oe = K().filter((H) => !H.disabled).map((H) => H.ref.current);
+                        if (["ArrowUp", "End"].includes(V.key) && (oe = oe.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(V.key)) {
+                          const H = V.target, Z = oe.indexOf(H);
+                          oe = oe.slice(Z + 1);
                         }
-                        setTimeout(() => F(se)), V.preventDefault();
+                        setTimeout(() => $(oe)), V.preventDefault();
                       }
                     })
                   }
@@ -9731,48 +9769,48 @@ var Me = 10, [su, ct] = zt(bt), mw = "SelectContentImpl", gw = _t("SelectContent
 );
 au.displayName = mw;
 var bw = "SelectItemAlignedPosition", iu = l.forwardRef((e, t) => {
-  const { __scopeSelect: n, onPlaced: r, ...o } = e, s = it(bt, n), a = ct(bt, n), [i, u] = l.useState(null), [f, d] = l.useState(null), p = ne(t, (N) => d(N)), g = Sr(n), v = l.useRef(!1), m = l.useRef(!0), { viewport: h, selectedItem: b, selectedItemText: w, focusSelectedItem: y } = a, x = l.useCallback(() => {
+  const { __scopeSelect: n, onPlaced: r, ...o } = e, s = it(bt, n), a = ct(bt, n), [i, u] = l.useState(null), [f, d] = l.useState(null), p = te(t, (N) => d(N)), g = Sr(n), v = l.useRef(!1), m = l.useRef(!0), { viewport: h, selectedItem: b, selectedItemText: w, focusSelectedItem: y } = a, x = l.useCallback(() => {
     if (s.trigger && s.valueNode && i && f && h && b && w) {
-      const N = s.trigger.getBoundingClientRect(), L = f.getBoundingClientRect(), k = s.valueNode.getBoundingClientRect(), D = w.getBoundingClientRect();
+      const N = s.trigger.getBoundingClientRect(), F = f.getBoundingClientRect(), D = s.valueNode.getBoundingClientRect(), L = w.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const H = D.left - L.left, Z = k.left - H, de = N.left - Z, pe = N.width + de, Y = Math.max(pe, L.width), ge = window.innerWidth - Me, te = ro(Z, [
-          Me,
+        const H = L.left - F.left, Z = D.left - H, de = N.left - Z, he = N.width + de, me = Math.max(he, F.width), Q = window.innerWidth - ke, ve = ro(Z, [
+          ke,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
           // controlled by the user since they may want to manage overflow in a
           // specific way.
           // https://github.com/radix-ui/primitives/issues/2049
-          Math.max(Me, ge - Y)
+          Math.max(ke, Q - me)
         ]);
-        i.style.minWidth = pe + "px", i.style.left = te + "px";
+        i.style.minWidth = he + "px", i.style.left = ve + "px";
       } else {
-        const H = L.right - D.right, Z = window.innerWidth - k.right - H, de = window.innerWidth - N.right - Z, pe = N.width + de, Y = Math.max(pe, L.width), ge = window.innerWidth - Me, te = ro(Z, [
-          Me,
-          Math.max(Me, ge - Y)
+        const H = F.right - L.right, Z = window.innerWidth - D.right - H, de = window.innerWidth - N.right - Z, he = N.width + de, me = Math.max(he, F.width), Q = window.innerWidth - ke, ve = ro(Z, [
+          ke,
+          Math.max(ke, Q - me)
         ]);
-        i.style.minWidth = pe + "px", i.style.right = te + "px";
+        i.style.minWidth = he + "px", i.style.right = ve + "px";
       }
-      const j = g(), K = window.innerHeight - Me * 2, W = h.scrollHeight, B = window.getComputedStyle(f), q = parseInt(B.borderTopWidth, 10), F = parseInt(B.paddingTop, 10), G = parseInt(B.borderBottomWidth, 10), T = parseInt(B.paddingBottom, 10), P = q + F + W + T + G, _ = Math.min(b.offsetHeight * 5, P), O = window.getComputedStyle(h), X = parseInt(O.paddingTop, 10), $ = parseInt(O.paddingBottom, 10), z = N.top + N.height / 2 - Me, le = K - z, ae = b.offsetHeight / 2, V = b.offsetTop + ae, oe = q + F + V, ie = P - oe;
-      if (oe <= z) {
+      const j = g(), K = window.innerHeight - ke * 2, W = h.scrollHeight, B = window.getComputedStyle(f), q = parseInt(B.borderTopWidth, 10), $ = parseInt(B.paddingTop, 10), G = parseInt(B.borderBottomWidth, 10), T = parseInt(B.paddingBottom, 10), P = q + $ + W + T + G, _ = Math.min(b.offsetHeight * 5, P), O = window.getComputedStyle(h), Y = parseInt(O.paddingTop, 10), M = parseInt(O.paddingBottom, 10), z = N.top + N.height / 2 - ke, le = K - z, se = b.offsetHeight / 2, V = b.offsetTop + se, re = q + $ + V, ie = P - re;
+      if (re <= z) {
         const H = j.length > 0 && b === j[j.length - 1].ref.current;
         i.style.bottom = "0px";
         const Z = f.clientHeight - h.offsetTop - h.offsetHeight, de = Math.max(
           le,
-          ae + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (H ? $ : 0) + Z + G
-        ), pe = oe + de;
-        i.style.height = pe + "px";
+          se + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (H ? M : 0) + Z + G
+        ), he = re + de;
+        i.style.height = he + "px";
       } else {
         const H = j.length > 0 && b === j[0].ref.current;
         i.style.top = "0px";
         const de = Math.max(
           z,
           q + h.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (H ? X : 0) + ae
+          (H ? Y : 0) + se
         ) + ie;
-        i.style.height = de + "px", h.scrollTop = oe - z + h.offsetTop;
+        i.style.height = de + "px", h.scrollTop = re - z + h.offsetTop;
       }
-      i.style.margin = `${Me}px 0`, i.style.minHeight = _ + "px", i.style.maxHeight = K + "px", r == null || r(), requestAnimationFrame(() => v.current = !0);
+      i.style.margin = `${ke}px 0`, i.style.minHeight = _ + "px", i.style.maxHeight = K + "px", r == null || r(), requestAnimationFrame(() => v.current = !0);
     }
   }, [
     g,
@@ -9839,7 +9877,7 @@ var vw = "SelectPopperPosition", io = l.forwardRef((e, t) => {
   const {
     __scopeSelect: n,
     align: r = "start",
-    collisionPadding: o = Me,
+    collisionPadding: o = ke,
     ...s
   } = e, a = Cr(n);
   return /* @__PURE__ */ c(
@@ -9866,7 +9904,7 @@ var vw = "SelectPopperPosition", io = l.forwardRef((e, t) => {
 io.displayName = vw;
 var [ww, ts] = zt(bt, {}), co = "SelectViewport", cu = l.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, nonce: r, ...o } = e, s = ct(co, n), a = ts(co, n), i = ne(t, s.onViewportChange), u = l.useRef(0);
+    const { __scopeSelect: n, nonce: r, ...o } = e, s = ct(co, n), a = ts(co, n), i = te(t, s.onViewportChange), u = l.useRef(0);
     return /* @__PURE__ */ R(De, { children: [
       /* @__PURE__ */ c(
         "style",
@@ -9902,7 +9940,7 @@ var [ww, ts] = zt(bt, {}), co = "SelectViewport", cu = l.forwardRef(
             if (g != null && g.current && p) {
               const v = Math.abs(u.current - d.scrollTop);
               if (v > 0) {
-                const m = window.innerHeight - Me * 2, h = parseFloat(p.style.minHeight), b = parseFloat(p.style.height), w = Math.max(h, b);
+                const m = window.innerHeight - ke * 2, h = parseFloat(p.style.minHeight), b = parseFloat(p.style.height), w = Math.max(h, b);
                 if (w < m) {
                   const y = w + v, x = Math.min(m, y), E = y - x;
                   p.style.height = x + "px", p.style.bottom === "0px" && (d.scrollTop = E > 0 ? E : 0, p.style.justifyContent = "flex-end");
@@ -9939,7 +9977,7 @@ var Gn = "SelectItem", [Cw, fu] = zt(Gn), pu = l.forwardRef(
       disabled: o = !1,
       textValue: s,
       ...a
-    } = e, i = it(Gn, n), u = ct(Gn, n), f = i.value === r, [d, p] = l.useState(s ?? ""), [g, v] = l.useState(!1), m = ne(
+    } = e, i = it(Gn, n), u = ct(Gn, n), f = i.value === r, [d, p] = l.useState(s ?? ""), [g, v] = l.useState(!1), m = te(
       t,
       (y) => {
         var x;
@@ -10017,7 +10055,7 @@ var Gn = "SelectItem", [Cw, fu] = zt(Gn), pu = l.forwardRef(
 pu.displayName = Gn;
 var jt = "SelectItemText", hu = l.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: r, style: o, ...s } = e, a = it(jt, n), i = ct(jt, n), u = fu(jt, n), f = fw(jt, n), [d, p] = l.useState(null), g = ne(
+    const { __scopeSelect: n, className: r, style: o, ...s } = e, a = it(jt, n), i = ct(jt, n), u = fu(jt, n), f = fw(jt, n), [d, p] = l.useState(null), g = te(
       t,
       (w) => p(w),
       u.onItemTextChange,
@@ -10044,7 +10082,7 @@ var mu = "SelectItemIndicator", gu = l.forwardRef(
 );
 gu.displayName = mu;
 var lo = "SelectScrollUpButton", bu = l.forwardRef((e, t) => {
-  const n = ct(lo, e.__scopeSelect), r = ts(lo, e.__scopeSelect), [o, s] = l.useState(!1), a = ne(t, r.onScrollButtonChange);
+  const n = ct(lo, e.__scopeSelect), r = ts(lo, e.__scopeSelect), [o, s] = l.useState(!1), a = te(t, r.onScrollButtonChange);
   return be(() => {
     if (n.viewport && n.isPositioned) {
       let i = function() {
@@ -10068,7 +10106,7 @@ var lo = "SelectScrollUpButton", bu = l.forwardRef((e, t) => {
 });
 bu.displayName = lo;
 var uo = "SelectScrollDownButton", vu = l.forwardRef((e, t) => {
-  const n = ct(uo, e.__scopeSelect), r = ts(uo, e.__scopeSelect), [o, s] = l.useState(!1), a = ne(t, r.onScrollButtonChange);
+  const n = ct(uo, e.__scopeSelect), r = ts(uo, e.__scopeSelect), [o, s] = l.useState(!1), a = te(t, r.onScrollButtonChange);
   return be(() => {
     if (n.viewport && n.isPositioned) {
       let i = function() {
@@ -10134,7 +10172,7 @@ var fo = "SelectArrow", Rw = l.forwardRef(
 Rw.displayName = fo;
 var Nw = "SelectBubbleInput", xu = l.forwardRef(
   ({ __scopeSelect: e, value: t, ...n }, r) => {
-    const o = l.useRef(null), s = ne(r, o), a = Vl(t);
+    const o = l.useRef(null), s = te(r, o), a = Vl(t);
     return l.useEffect(() => {
       const i = o.current;
       if (!i) return;
@@ -10187,7 +10225,7 @@ function Eu(e, t, n) {
 function Tw(e, t) {
   return e.map((n, r) => e[(t + r) % e.length]);
 }
-var Aw = Jl, Ru = Ql, Pw = tu, _w = nu, Iw = ru, Nu = ou, Ow = cu, Tu = du, Au = pu, kw = hu, Mw = gu, Pu = bu, _u = vu, Iu = yu;
+var Aw = Jl, Ru = Ql, Pw = tu, _w = nu, Iw = ru, Nu = ou, Ow = cu, Tu = du, Au = pu, Mw = hu, kw = gu, Pu = bu, _u = vu, Iu = yu;
 const sa = Aw, aa = Pw, po = l.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ R(
   Ru,
   {
@@ -10217,7 +10255,7 @@ const Ou = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
   }
 ));
 Ou.displayName = Pu.displayName;
-const ku = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
+const Mu = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
   _u,
   {
     ref: n,
@@ -10229,7 +10267,7 @@ const ku = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
     children: /* @__PURE__ */ c(Tt, { className: "h-4 w-4" })
   }
 ));
-ku.displayName = _u.displayName;
+Mu.displayName = _u.displayName;
 const ho = l.forwardRef(({ className: e, children: t, position: n = "popper", ...r }, o) => /* @__PURE__ */ c(Iw, { children: /* @__PURE__ */ R(
   Nu,
   {
@@ -10253,7 +10291,7 @@ const ho = l.forwardRef(({ className: e, children: t, position: n = "popper", ..
           children: t
         }
       ),
-      /* @__PURE__ */ c(ku, {})
+      /* @__PURE__ */ c(Mu, {})
     ]
   }
 ) }));
@@ -10277,8 +10315,8 @@ const lt = l.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
     ),
     ...n,
     children: [
-      /* @__PURE__ */ c("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ c(Mw, { children: /* @__PURE__ */ c(mo, { className: "h-4 w-4" }) }) }),
-      /* @__PURE__ */ c(kw, { children: t })
+      /* @__PURE__ */ c("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ c(kw, { children: /* @__PURE__ */ c(mo, { className: "h-4 w-4" }) }) }),
+      /* @__PURE__ */ c(Mw, { children: t })
     ]
   }
 ));
@@ -10334,8 +10372,8 @@ const Fw = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
   }
 ));
 Fw.displayName = "CardDescription";
-const kn = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c("div", { ref: n, className: A("p-6 pt-0", e), ...t }));
-kn.displayName = "CardContent";
+const Mn = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c("div", { ref: n, className: A("p-6 pt-0", e), ...t }));
+Mn.displayName = "CardContent";
 const $w = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
   "div",
   {
@@ -10397,10 +10435,10 @@ const Hr = /* @__PURE__ */ new Map(), ia = (e) => {
         toasts: e.toasts.filter((n) => n.id !== t.toastId)
       };
   }
-}, Mn = [];
+}, kn = [];
 let Dn = { toasts: [] };
 function Yt(e) {
-  Dn = Hw(Dn, e), Mn.forEach((t) => {
+  Dn = Hw(Dn, e), kn.forEach((t) => {
     t(Dn);
   });
 }
@@ -10427,9 +10465,9 @@ function Ww({ ...e }) {
 }
 function Vw() {
   const [e, t] = l.useState(Dn);
-  return l.useEffect(() => (Mn.push(t), () => {
-    const n = Mn.indexOf(t);
-    n > -1 && Mn.splice(n, 1);
+  return l.useEffect(() => (kn.push(t), () => {
+    const n = kn.indexOf(t);
+    n > -1 && kn.splice(n, 1);
   }), [e]), {
     ...e,
     toast: Ww,
@@ -10491,7 +10529,7 @@ function Ly({ settings: e, onSettingsChange: t, className: n = "" }) {
     }
   };
   return /* @__PURE__ */ R(pl, { open: r, onOpenChange: o, children: [
-    /* @__PURE__ */ c(lv, { asChild: !0, children: /* @__PURE__ */ R(fe, { variant: "outline", size: "sm", className: n, children: [
+    /* @__PURE__ */ c(lv, { asChild: !0, children: /* @__PURE__ */ R(pe, { variant: "outline", size: "sm", className: n, children: [
       /* @__PURE__ */ c(Yu, { className: "h-4 w-4 mr-2" }),
       "Settings",
       f && /* @__PURE__ */ c(Ha, { variant: "destructive", className: "ml-2 h-4 w-4 p-0" })
@@ -10507,7 +10545,7 @@ function Ly({ settings: e, onSettingsChange: t, className: n = "" }) {
             /* @__PURE__ */ c(Ju, { className: "h-5 w-5" }),
             "API Configuration"
           ] }) }),
-          /* @__PURE__ */ R(kn, { className: "space-y-4", children: [
+          /* @__PURE__ */ R(Mn, { className: "space-y-4", children: [
             /* @__PURE__ */ R("div", { className: "space-y-2", children: [
               /* @__PURE__ */ c(Ie, { htmlFor: "api-url", children: "API Base URL" }),
               /* @__PURE__ */ R("div", { className: "flex gap-2", children: [
@@ -10523,7 +10561,7 @@ function Ly({ settings: e, onSettingsChange: t, className: n = "" }) {
                     placeholder: "http://localhost:8000/api"
                   }
                 ),
-                /* @__PURE__ */ c(fe, { variant: "outline", onClick: h, children: "Test" })
+                /* @__PURE__ */ c(pe, { variant: "outline", onClick: h, children: "Test" })
               ] })
             ] }),
             /* @__PURE__ */ R("div", { className: "flex items-center justify-between", children: [
@@ -10557,7 +10595,7 @@ function Ly({ settings: e, onSettingsChange: t, className: n = "" }) {
                   }
                 ),
                 /* @__PURE__ */ c(
-                  fe,
+                  pe,
                   {
                     variant: "outline",
                     size: "icon",
@@ -10574,7 +10612,7 @@ function Ly({ settings: e, onSettingsChange: t, className: n = "" }) {
             /* @__PURE__ */ c(ed, { className: "h-5 w-5" }),
             "Interface Settings"
           ] }) }),
-          /* @__PURE__ */ R(kn, { className: "space-y-4", children: [
+          /* @__PURE__ */ R(Mn, { className: "space-y-4", children: [
             /* @__PURE__ */ R("div", { className: "space-y-2", children: [
               /* @__PURE__ */ c(Ie, { htmlFor: "layout", children: "Layout Style" }),
               /* @__PURE__ */ R(
@@ -10669,7 +10707,7 @@ function Ly({ settings: e, onSettingsChange: t, className: n = "" }) {
             /* @__PURE__ */ c(td, { className: "h-5 w-5" }),
             "Behavior Settings"
           ] }) }),
-          /* @__PURE__ */ R(kn, { className: "space-y-4", children: [
+          /* @__PURE__ */ R(Mn, { className: "space-y-4", children: [
             /* @__PURE__ */ R("div", { className: "flex items-center justify-between", children: [
               /* @__PURE__ */ R("div", { children: [
                 /* @__PURE__ */ c(Ie, { htmlFor: "auto-save", children: "Auto-save Conversations" }),
@@ -10725,13 +10763,13 @@ function Ly({ settings: e, onSettingsChange: t, className: n = "" }) {
         ] })
       ] }),
       /* @__PURE__ */ R("div", { className: "flex items-center justify-between pt-6 border-t", children: [
-        /* @__PURE__ */ R(fe, { variant: "outline", onClick: v, children: [
+        /* @__PURE__ */ R(pe, { variant: "outline", onClick: v, children: [
           /* @__PURE__ */ c(Wr, { className: "h-4 w-4 mr-2" }),
           "Reset"
         ] }),
         /* @__PURE__ */ R("div", { className: "flex gap-2", children: [
-          /* @__PURE__ */ c(fe, { variant: "outline", onClick: m, children: "Cancel" }),
-          /* @__PURE__ */ R(fe, { onClick: g, disabled: !f, children: [
+          /* @__PURE__ */ c(pe, { variant: "outline", onClick: m, children: "Cancel" }),
+          /* @__PURE__ */ R(pe, { onClick: g, disabled: !f, children: [
             /* @__PURE__ */ c(nd, { className: "h-4 w-4 mr-2" }),
             "Save Changes"
           ] })
@@ -10765,7 +10803,7 @@ function Fy({
     "--chat-sidebar-width": f === "phone" ? "100%" : f === "tablet" ? "280px" : f === "half-screen" ? "240px" : "320px",
     "--chat-message-max-width": f === "phone" ? "95%" : f === "tablet" ? "90%" : f === "half-screen" ? "85%" : "80%",
     "--chat-input-height": f === "phone" ? "120px" : "100px"
-  }), u = Qe.useCallback((f) => {
+  }), u = Je.useCallback((f) => {
     var d;
     (d = s.onThreadChange) == null || d.call(s, f);
   }, [s.onThreadChange]);
@@ -10819,7 +10857,7 @@ export {
   zf as ApiClient,
   zf as ChatApi,
   Pn as ChatInterface,
-  ky as ChatMainLayout,
+  My as ChatMainLayout,
   Rn as ChatProvider,
   Ry as ChatRoutingProvider,
   Ly as ChatSettings,