teodor-new-chat-ui 2.0.24 → 2.0.26

package/dist/index.esm.js

@@ -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,
@@ -1239,7 +1239,7 @@ const Ia = (e) => {
       onUploadProgress: I,
       responseType: N,
       headers: L,
-      withCredentials: k = "same-origin",
+      withCredentials: M = "same-origin",
       fetchOptions: D
     } = Ia(m), j = t || fetch;
     N = N ? (N + "").toLowerCase() : "text";
@@ -1263,7 +1263,7 @@ const Ia = (e) => {
           w = hs(O.body, ms, $, z);
         }
       }
-      S.isString(k) || (k = k ? "include" : "omit");
+      S.isString(M) || (M = M ? "include" : "omit");
       const F = s && "credentials" in n.prototype, G = {
         ...D,
         signal: K,
@@ -1271,7 +1271,7 @@ const Ia = (e) => {
         headers: L.normalize().toJSON(),
         body: w,
         duplex: "half",
-        credentials: F ? k : void 0
+        credentials: F ? M : void 0
       };
       W = s && new n(h, G);
       let T = await (s ? j(W, D) : j(h, G));
@@ -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 {
@@ -1728,7 +1728,7 @@ me.Axios = dt;
 me.CanceledError = Ft;
 me.CancelToken = Df;
 me.isCancel = Aa;
-me.VERSION = Ma;
+me.VERSION = ka;
 me.toFormData = Zn;
 me.AxiosError = ee;
 me.Cancel = me.CanceledError;
@@ -1740,7 +1740,7 @@ 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.getAdapter = Ma.getAdapter;
 me.HttpStatusCode = qr;
 me.default = me;
 const {
@@ -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 M, D, j, K;
         const N = (() => {
           var W;
           try {
@@ -1978,7 +1978,7 @@ 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__, _ = ((M = window.localStorage) == null ? void 0 : M.getItem("authToken")) || null;
               let O = null;
               try {
                 const $ = (D = window.localStorage) == null ? void 0 : D.getItem("chat-settings");
@@ -2279,16 +2279,16 @@ function Rn({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     o && L.current !== o && (L.current = o, D(o).catch(() => {
     }));
   }, [o]);
-  const k = rt(null), D = Ce(
+  const M = rt(null), D = Ce(
     async (_, O, X) => {
       var $;
-      if (k.current !== _) {
-        k.current = _;
+      if (M.current !== _) {
+        M.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 });
           I(_), h(le.messages);
         } finally {
-          k.current = null;
+          M.current = null;
         }
       }
     },
@@ -2888,12 +2888,12 @@ function gp({
   onRegenerate: I,
   onEditFromCheckpoint: N,
   onCancelEdit: L,
-  onCopy: k
+  onCopy: M
 }) {
   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 () => {
     try {
       const Y = _ ? St(e.content) : O;
-      await navigator.clipboard.writeText(Y), j(!0), setTimeout(() => j(!1), 2e3), k == null || k(Y);
+      await navigator.clipboard.writeText(Y), j(!0), setTimeout(() => j(!1), 2e3), M == null || M(Y);
     } catch (Y) {
       console.error("Failed to copy:", Y);
     }
@@ -2934,24 +2934,18 @@ function gp({
       case "user":
         return A(
           Y,
-          // Ensure width constraints
           "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,
           "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%]");
@@ -2974,7 +2968,7 @@ function gp({
         return /* @__PURE__ */ c(Tp, { data: he });
     }
     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);
+      const te = e.content.find((k) => k.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 (_ && !B) {
@@ -3021,19 +3015,27 @@ function gp({
           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: [
+              /* @__PURE__ */ c("div", { className: A("text-sm text-[hsl(var(--chat-bubble-user-text))]", 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-[hsl(var(--chat-bubble-user-text))]", T && "text-xs"), children: [
                 he.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(
+                fe,
+                {
+                  variant: "ghost",
+                  size: "sm",
+                  className: "h-6 text-xs !text-[hsl(var(--chat-bubble-user-text))]",
+                  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)"
+                  ] })
+                }
+              ) })
             ] });
         }
         return /* @__PURE__ */ c(gn, { content: O.trim() });
@@ -3046,19 +3048,19 @@ function gp({
         ] })
       ] }, 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";
+        const ve = te, k = ve.name || "file";
         return /* @__PURE__ */ R(
           "a",
           {
             href: ve.url,
-            download: M,
+            download: k,
             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: k,
             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: k })
             ]
           },
           he
@@ -3528,7 +3530,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 +3539,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()
@@ -3552,13 +3554,13 @@ var Mp = "DismissableLayer", Yr = "dismissableLayer.update", Dp = "dismissableLa
       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());
+      const L = N.target, M = [...f.branches].some((D) => D.contains(L));
+      !E || M || (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());
     }, 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,7 +3591,7 @@ 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);
   return l.useEffect(() => {
@@ -3657,16 +3659,16 @@ 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,
@@ -3708,12 +3710,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);
       };
@@ -4079,7 +4081,7 @@ 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 L = E / 2 - C / 2, M = N / 2 - h[m] / 2 - 1, D = st(p[w], M), j = st(p[y], M), 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;
     return {
       [v]: g[v] + G,
       data: {
@@ -4118,16 +4120,16 @@ const ah = (e) => ({
         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";
       !g && I && C.push(...rh(i, h, m, E));
-      const N = [i, ...C], L = await Jt(t, b), k = [];
+      const N = [i, ...C], L = await Jt(t, b), M = [];
       let D = ((r = s.flip) == null ? void 0 : r.overflows) || [];
-      if (d && k.push(L[w]), p) {
+      if (d && M.push(L[w]), p) {
         const B = Zp(o, a, E);
-        k.push(L[B[0]], L[B[1]]);
+        M.push(L[B[0]], L[B[1]]);
       }
       if (D = [...D, {
         placement: o,
-        overflows: k
-      }], !k.every((B) => B <= 0)) {
+        overflows: M
+      }], !M.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
@@ -4406,8 +4408,8 @@ const uh = function(e) {
         availableWidth: L,
         availableHeight: N
       });
-      const k = await a.getDimensions(i.floating);
-      return m !== k.width || h !== k.height ? {
+      const M = await a.getDimensions(i.floating);
+      return m !== M.width || h !== M.height ? {
         reset: {
           rects: !0
         }
@@ -4727,7 +4729,7 @@ function Oh(e) {
     y: u.top
   };
 }
-function kh(e) {
+function Mh(e) {
   const {
     width: t,
     height: n
@@ -4737,7 +4739,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 +4763,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 +4781,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 +4814,7 @@ const Fh = {
   getOffsetParent: si,
   getElementRects: Dh,
   getClientRects: Nh,
-  getDimensions: kh,
+  getDimensions: Mh,
   getScale: At,
   isElement: Fe,
   isRTL: Lh
@@ -4954,7 +4956,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 +4989,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), L = l.useRef(d), M = u != null, D = kr(u), j = kr(o), K = kr(f), W = l.useCallback(() => {
     if (!I.current || !N.current)
       return;
     const T = {
@@ -5024,7 +5026,7 @@ function Xh(e) {
         return D.current(E, C, W);
       W();
     }
-  }, [E, C, W, D, k]);
+  }, [E, C, W, D, M]);
   const q = l.useMemo(() => ({
     reference: I,
     floating: N,
@@ -5177,7 +5179,7 @@ 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 = {
+    } = 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, M = 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,
       boundary: j.filter(um),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
@@ -5185,7 +5187,7 @@ var Oo = "PopperContent", [im, cm] = ui(Oo), mi = l.forwardRef(
     }, { refs: B, floatingStyles: q, placement: F, 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: M,
       whileElementsMounted: (...de) => Bh(...de, {
         animationFrame: v === "always"
       }),
@@ -5342,7 +5344,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), []);
@@ -5412,8 +5414,8 @@ var vm = l.forwardRef((e, t) => {
             C.current = !0;
           }),
           onFocus: U(e.onFocus, (L) => {
-            const k = !C.current;
-            if (L.target === L.currentTarget && k && !w) {
+            const M = !C.current;
+            if (L.target === L.currentTarget && M && !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(
@@ -5610,7 +5612,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 +5631,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 +5713,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,
@@ -5972,8 +5974,8 @@ function ig(e) {
       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 M = r.current || C;
+    return rg(M, b, h, M === "h" ? x : E);
   }, []), u = l.useCallback(function(h) {
     var b = h;
     if (!(!Rt.length || Rt[Rt.length - 1] !== s)) {
@@ -6034,13 +6036,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 +6055,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 +6081,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;
@@ -6148,14 +6150,14 @@ 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) => {
+    } = 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), M = 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));
+        D.current = se, window.clearTimeout(M.current), se !== "" && (M.current = window.setTimeout(() => ie(""), 1e3));
       })(_), ae && setTimeout(() => ae.focus());
     };
-    l.useEffect(() => () => window.clearTimeout(k.current), []), Eo();
+    l.useEffect(() => () => window.clearTimeout(M.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);
@@ -6241,10 +6243,10 @@ var Oe = "MenuContent", [yg, Uo] = vt(Oe), Bi = l.forwardRef(
                           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);
+                          Mi.includes(P.key) && ae.reverse(), Mg(ae);
                         }),
                         onBlur: U(e.onBlur, (P) => {
-                          P.currentTarget.contains(P.target) || (window.clearTimeout(k.current), D.current = "");
+                          P.currentTarget.contains(P.target) || (window.clearTimeout(M.current), D.current = "");
                         }),
                         onPointerMove: U(
                           e.onPointerMove,
@@ -6571,17 +6573,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 +6609,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,30 +6918,30 @@ 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, L] = ce(null), [M, 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");
   we(() => {
-    const M = () => {
+    const k = () => {
       const Q = window.innerWidth;
       $(Q < 640 ? "phone" : Q < 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);
       return;
     }
     return y(d).then((Q) => {
       var Re;
-      if (!M) return;
+      if (!k) return;
       const re = Q.checkpoints || [];
       F(re);
       const ue = ((Re = re.slice().sort(
@@ -6948,32 +6950,32 @@ function Pn({
       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;
+      return Ip(k), null;
     } catch (Q) {
       return (Q == null ? void 0 : Q.message) || "Invalid message";
     }
-  }, le = (M) => {
-    const Q = M.content || [], re = Q.filter((ue) => ue.type === "text").map((ue) => ue.text).join("");
+  }, le = (k) => {
+    const Q = k.content || [], re = Q.filter((ue) => ue.type === "text").map((ue) => ue.text).join("");
     if (re) return re;
     try {
       return JSON.stringify(Q, null, 2);
     } catch {
       return String(Q);
     }
-  }, ae = (M) => {
+  }, ae = (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;
+    const re = (((yt = p[k]) == null ? void 0 : yt.role) ?? "user") === "user", ue = re ? k + 2 : k + 1;
     return q.filter((Se) => (Se.messagesLen ?? -1) >= (re ? ue : 0)).filter((Se) => re ? (Se.messagesLen ?? 0) >= ue : (Se.messagesLen ?? 0) === ue).map((Se) => ({
       checkpoint_id: Se.checkpointId,
       checkpoint_ns: Se.checkpointNs,
@@ -6981,54 +6983,54 @@ function Pn({
       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);
+    const Q = ae(k);
     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);
+    const k = C.trim();
+    if (!k && j.length === 0) return;
+    const Q = z(k);
     if (Q) {
       D(Q);
       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");
+      await h(k, { checkpointId: re, payloadExtras: N ? { edit: !0, originalMessageId: N } : void 0, attachments: j }), u == null || u(k), 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(() => {
+  }, ie = (k, Q) => {
+    a && (L(k), I(Q), D(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);
+  }, se = async (k, Q) => {
+    const re = p.find((Re) => Re.id === k);
     if (!re) {
       D("Message not found");
       return;
     }
     const ue = le(re);
-    L(M), I(ue), window.__editingCheckpointId = Q, setTimeout(() => {
+    L(k), I(ue), window.__editingCheckpointId = Q, 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 || []);
+  }, Z = (k) => {
+    k.key === "Enter" && !k.shiftKey ? (k.preventDefault(), oe()) : k.key === "Escape" && N && (k.preventDefault(), H());
+  }, de = (k) => {
+    const Q = Array.from(k.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));
+  }, pe = (k) => K((Q) => Q.filter((re, ue) => k !== ue)), Y = async (k) => {
+    d && (await x(k), T(k));
   }, ge = 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 || ""}`;
@@ -7055,29 +7057,29 @@ function Pn({
         {
           className: "border rounded px-2 py-1 text-xs",
           value: G ?? "",
-          onChange: (M) => {
-            const Q = M.target.value || null;
+          onChange: (k) => {
+            const Q = k.target.value || null;
             Q ? Y(Q) : ge();
           },
           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, Q) => new Date(Q.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(
+      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, Q) => /* @__PURE__ */ c(
         gp,
         {
-          message: M,
+          message: k,
           messageIndex: Q,
-          isStreamingMessage: g && v === M.id,
+          isStreamingMessage: g && v === k.id,
           streamingDebounceMs: o,
-          isEditing: N === M.id,
+          isEditing: N === k.id,
           showActions: a,
           showTimestamp: !1,
           showAgentName: !0,
@@ -7105,7 +7107,7 @@ function Pn({
           },
           onCancelEdit: H
         },
-        M.id || Q
+        k.id || Q
       )),
       /* @__PURE__ */ c("div", { ref: P })
     ] }),
@@ -7133,13 +7135,13 @@ 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, Q) => /* @__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,
             {
@@ -7147,13 +7149,13 @@ function Pn({
               size: "sm",
               onClick: () => pe(Q),
               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)) })
       ] }),
-      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 }),
+      M && /* @__PURE__ */ c("div", { className: "mb-3 text-sm text-red-600 bg-red-50 border border-red-200 rounded px-3 py-2", children: M }),
       /* @__PURE__ */ R("div", { className: "flex items-end gap-2", children: [
         s && /* @__PURE__ */ R(wb, { children: [
           /* @__PURE__ */ c(yb, { asChild: !0, children: /* @__PURE__ */ c(
@@ -7169,8 +7171,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,12 +7183,12 @@ 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), D(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" : ""} ${M ? "border-red-400" : ""} ${i.textarea || ""}`,
             disabled: !1,
             maxLength: Nt,
             rows: 1
@@ -7245,7 +7247,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,7 +7255,7 @@ 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, L] = l.useState(!1), M = ne(t, (j) => u(j)), D = tr(o);
     return /* @__PURE__ */ c(
       Ab,
       {
@@ -7281,7 +7283,7 @@ var jo = "ScrollArea", [Ac, Ey] = Ue(jo), [Ab, ke] = Ac(jo), Pc = l.forwardRef(
           {
             dir: D,
             ...a,
-            ref: k,
+            ref: M,
             style: {
               position: "relative",
               // Pass corner sizes as CSS vars to reduce re-renders of context consumers
@@ -7298,7 +7300,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 = ne(t, i, a.onViewportChange);
     return /* @__PURE__ */ R(De, { children: [
       /* @__PURE__ */ c(
         "style",
@@ -7340,7 +7342,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 +7350,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 +7373,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 +7417,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 +7432,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 +7486,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 = ne(t, u, s.onScrollbarXChange);
   return l.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ c(
-    Mc,
+    kc,
     {
       "data-orientation": "horizontal",
       ...o,
@@ -7523,11 +7525,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 = ne(t, u, s.onScrollbarYChange);
   return l.useEffect(() => {
     u.current && i(getComputedStyle(u.current));
   }, [u]), /* @__PURE__ */ c(
-    Mc,
+    kc,
     {
       "data-orientation": "vertical",
       ...o,
@@ -7562,7 +7564,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 +7577,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 = ne(t, (M) => h(M)), 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(M) {
     if (w.current) {
-      const D = k.clientX - w.current.left, j = k.clientY - w.current.top;
+      const D = M.clientX - w.current.left, j = M.clientY - w.current.top;
       f({ x: D, y: j });
     }
   }
   return l.useEffect(() => {
-    const k = (D) => {
+    const M = (D) => {
       const j = D.target;
       (m == null ? void 0 : m.contains(j)) && C(D, 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", M, { passive: !1 }), () => document.removeEventListener("wheel", M, { 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 +7606,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, (M) => {
+            M.button === 0 && (M.target.setPointerCapture(M.pointerId), w.current = m.getBoundingClientRect(), y.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", v.viewport && (v.viewport.style.scrollBehavior = "auto"), L(M));
           }),
           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;
+          onPointerUp: U(e.onPointerUp, (M) => {
+            const D = M.target;
+            D.hasPointerCapture(M.pointerId) && D.releasePointerCapture(M.pointerId), document.body.style.webkitUserSelect = y.current, v.viewport && (v.viewport.style.scrollBehavior = ""), w.current = null;
           })
         }
       )
@@ -7618,12 +7620,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 = ne(
       t,
       (p) => a.onThumbChange(p)
     ), f = l.useRef(void 0), d = hr(() => {
@@ -7663,18 +7665,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 +7740,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,7 +7806,7 @@ 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), [L, M] = ce(null), [D, j] = ce(""), [K, W] = ce(!1);
   we(() => {
     x(g ?? []);
   }, [g]);
@@ -7832,16 +7834,16 @@ function oo({
         console.error("Failed to delete thread:", le);
       }
   }, G = ($, z) => {
-    z.stopPropagation(), k($.threadId), j($.title || `Thread ${$.threadId.slice(0, 8)}`);
+    z.stopPropagation(), M($.threadId), j($.title || `Thread ${$.threadId.slice(0, 8)}`);
   }, T = async ($) => {
     if (D.trim())
       try {
-        await w($, D.trim()), k(null), j("");
+        await w($, D.trim()), M(null), j("");
       } catch (z) {
         console.error("Failed to update title:", z);
       }
   }, P = () => {
-    k(null), j("");
+    M(null), j("");
   }, _ = ($, z) => {
     $.key === "Enter" ? T(z) : $.key === "Escape" && P();
   }, O = ($) => {
@@ -8438,7 +8440,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,
@@ -8464,7 +8466,7 @@ 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(
+    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 +8494,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 = ne(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 +8534,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 +8577,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 +8681,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 +8736,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: {
@@ -8882,7 +8884,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 +8896,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 +8910,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 +8919,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 +9065,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 +9185,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 +9196,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 +9210,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 +9248,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,
@@ -9407,13 +9409,13 @@ var iw = [" ", "Enter", "ArrowUp", "ArrowDown"], cw = [" ", "Enter"], gt = "Sele
     defaultProp: o ?? !1,
     onChange: s,
     caller: gt
-  }), [k, D] = ot({
+  }), [M, D] = 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(
+  return /* @__PURE__ */ c(Mo, { ...h, children: /* @__PURE__ */ R(
     uw,
     {
       required: v,
@@ -9425,7 +9427,7 @@ var iw = [" ", "Enter", "ArrowUp", "ArrowDown"], cw = [" ", "Enter"], gt = "Sele
       valueNodeHasChildren: E,
       onValueNodeHasChildrenChange: C,
       contentId: Le(),
-      value: k,
+      value: M,
       onValueChange: D,
       open: N,
       onOpenChange: L,
@@ -9457,12 +9459,12 @@ var iw = [" ", "Enter", "ArrowUp", "ArrowDown"], cw = [" ", "Enter"], gt = "Sele
             tabIndex: -1,
             name: d,
             autoComplete: p,
-            value: k,
+            value: M,
             onChange: (F) => D(F.target.value),
             disabled: g,
             form: m,
             children: [
-              k === void 0 ? /* @__PURE__ */ c("option", { value: "" }) : null,
+              M === void 0 ? /* @__PURE__ */ c("option", { value: "" }) : null,
               Array.from(W)
             ]
           },
@@ -9484,7 +9486,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",
@@ -9559,7 +9561,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,7 +9583,7 @@ 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 = ne(t, (V) => E(V)), [L, M] = l.useState(null), [D, j] = l.useState(
       null
     ), K = Sr(n), [W, B] = l.useState(!1), q = l.useRef(!1);
     l.useEffect(() => {
@@ -9630,7 +9632,7 @@ var Me = 10, [su, ct] = zt(bt), mw = "SelectContentImpl", gw = _t("SelectContent
     }), 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));
+        (y.value !== void 0 && y.value === oe || se) && (M(V), se && (q.current = !0));
       },
       [y.value]
     ), $ = l.useCallback(() => x == null ? void 0 : x.focus(), [x]), z = l.useCallback(
@@ -9733,26 +9735,26 @@ 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(() => {
     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(), L = f.getBoundingClientRect(), M = s.valueNode.getBoundingClientRect(), D = 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 = D.left - L.left, Z = M.left - H, de = N.left - Z, pe = N.width + de, Y = Math.max(pe, L.width), ge = window.innerWidth - ke, te = 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, ge - Y)
         ]);
         i.style.minWidth = pe + "px", i.style.left = te + "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 = L.right - D.right, Z = window.innerWidth - M.right - H, de = window.innerWidth - N.right - Z, pe = N.width + de, Y = Math.max(pe, L.width), ge = window.innerWidth - ke, te = ro(Z, [
+          ke,
+          Math.max(ke, ge - Y)
         ]);
         i.style.minWidth = pe + "px", i.style.right = te + "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;
+      const j = g(), K = window.innerHeight - ke * 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 - ke, le = K - z, ae = b.offsetHeight / 2, V = b.offsetTop + ae, oe = q + F + V, ie = P - oe;
       if (oe <= z) {
         const H = j.length > 0 && b === j[j.length - 1].ref.current;
         i.style.bottom = "0px";
@@ -9772,7 +9774,7 @@ var bw = "SelectItemAlignedPosition", iu = l.forwardRef((e, t) => {
         ) + ie;
         i.style.height = de + "px", h.scrollTop = oe - 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 +9841,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(
@@ -9902,7 +9904,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");
@@ -10187,7 +10189,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 +10219,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 +10231,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 +10255,7 @@ const ho = l.forwardRef(({ className: e, children: t, position: n = "popper", ..
           children: t
         }
       ),
-      /* @__PURE__ */ c(ku, {})
+      /* @__PURE__ */ c(Mu, {})
     ]
   }
 ) }));
@@ -10277,8 +10279,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 +10336,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 +10399,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 +10429,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,
@@ -10507,7 +10509,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: [
@@ -10574,7 +10576,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 +10671,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" }),
@@ -10819,7 +10821,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,