teodor-new-chat-ui 1.5.1 → 1.5.2

package/dist/index.esm.js

@@ -1,6 +1,6 @@
 import { jsx as c, jsxs as C, Fragment as _e } from "react/jsx-runtime";
 import * as l from "react";
-import $e, { useState as J, useRef as tt, useCallback as he, useEffect as ue, useReducer as Ai, useMemo as ke, createContext as Xr, useContext as Kr, useLayoutEffect as Ri } from "react";
+import $e, { useState as Q, useRef as We, useCallback as he, useEffect as ue, useReducer as Ai, useMemo as ke, createContext as Xr, useContext as Kr, useLayoutEffect as Ri } from "react";
 import { ChevronUp as At, ChevronDown as ut, Copy as cr, Edit as lr, RotateCcw as En, GitBranch as Gr, ChevronLeft as Pi, ChevronRight as Ii, Bot as dr, Wrench as ki, User as _i, Image as Oi, X as ft, Edit3 as qr, Paperclip as ur, Square as Di, Send as Mi, Plus as Li, MessageSquare as $i, Check as Zr, Calendar as Fi, Trash2 as Bi, Settings as Wi, Server as zi, EyeOff as Hi, Eye as Ui, Layout as Vi, MessageCircle as ji, Save as Yi } from "lucide-react";
 import { Slot as Xi, createSlot as mt } from "@radix-ui/react-slot";
 import { cva as Xt } from "class-variance-authority";
@@ -107,7 +107,7 @@ function yt(e) {
   return !!e && typeof e == "object" && e.protocolVersion === "v1" && "data" in e;
 }
 function Qi(e = {}) {
-  const t = e.baseUrl ?? "/api", n = e.streamPath ?? "/stream", [r, o] = J(e.token ?? null), s = tt(e.headers ?? {}), [i, a] = J(!1), [d, u] = J(null), [f, h] = J(""), [m, w] = J(null), y = tt(null), p = he((x) => {
+  const t = e.baseUrl ?? "/api", n = e.streamPath ?? "/stream", [r, o] = Q(e.token ?? null), s = We(e.headers ?? {}), [i, a] = Q(!1), [d, u] = Q(null), [f, h] = Q(""), [m, w] = Q(null), y = We(null), p = he((x) => {
     o(x);
   }, []), g = he(() => {
     var x;
@@ -117,11 +117,11 @@ function Qi(e = {}) {
   }, []), b = he(
     (x, S, E) => {
       y.current && (y.current.abort(), y.current = null), a(!0), u(null), e.autoAppendAssistant !== !1 && h("");
-      const T = new AbortController();
-      return y.current = T, (async () => {
+      const A = new AbortController();
+      return y.current = A, (async () => {
         var N;
         try {
-          const A = await fetch(t + n, {
+          const R = await fetch(t + n, {
             method: "POST",
             headers: {
               "Content-Type": "application/json",
@@ -130,46 +130,46 @@ function Qi(e = {}) {
               ...s.current
             },
             body: JSON.stringify(x),
-            signal: T.signal
+            signal: A.signal
           });
-          if (!A.ok || !A.body) throw new Error(`stream ${A.status}`);
-          const _ = A.body.getReader(), D = new TextDecoder();
-          let H = "";
+          if (!R.ok || !R.body) throw new Error(`stream ${R.status}`);
+          const _ = R.body.getReader(), D = new TextDecoder();
+          let B = "";
           for (; ; ) {
-            const { value: Y, done: X } = await _.read();
-            if (X) break;
-            H += D.decode(Y, { stream: !0 });
+            const { value: j, done: Y } = await _.read();
+            if (Y) break;
+            B += D.decode(j, { stream: !0 });
             let O;
-            for (; (O = H.indexOf(`
+            for (; (O = B.indexOf(`
 
 `)) >= 0; ) {
-              const j = H.slice(0, O);
-              H = H.slice(O + 2);
-              const B = ta(j);
-              if (!B) continue;
+              const U = B.slice(0, O);
+              B = B.slice(O + 2);
+              const F = ta(U);
+              if (!F) continue;
               let W;
               try {
-                W = JSON.parse(B);
+                W = JSON.parse(F);
               } catch {
                 continue;
               }
               const I = ea(W) ? W.data : W;
               if (S == null || S(I), I.type === "token")
-                e.autoAppendAssistant !== !1 && h((L) => L + I.content);
+                e.autoAppendAssistant !== !1 && h((X) => X + I.content);
               else if (I.type === "message_delta") {
-                const L = I.delta.filter((k) => k.type === "text").map((k) => k.text).join("");
-                L && e.autoAppendAssistant !== !1 && h((k) => k + L);
+                const X = I.delta.filter((V) => V.type === "text").map((V) => V.text).join("");
+                X && e.autoAppendAssistant !== !1 && h((V) => V + X);
               } else I.type === "checkpoint" ? w(I.checkpointId) : I.type === "error" && u(I.message);
             }
           }
-        } catch (A) {
-          if ((A == null ? void 0 : A.name) === "AbortError") return;
-          const _ = (A == null ? void 0 : A.message) || String(A);
+        } catch (R) {
+          if ((R == null ? void 0 : R.name) === "AbortError") return;
+          const _ = (R == null ? void 0 : R.message) || String(R);
           u(_), (N = E == null ? void 0 : E.onError) == null || N.call(E, _);
         } finally {
           a(!1), y.current = null;
         }
-      })(), { close: () => T.abort() };
+      })(), { close: () => A.abort() };
     },
     [t, r, e.autoAppendAssistant]
   );
@@ -385,97 +385,105 @@ function un({
   onThreadChange: r,
   initialThreadId: o = null
 }) {
-  const s = ua(), i = (t == null ? void 0 : t.baseUrl) ?? s.baseUrl, [a, d] = J((t == null ? void 0 : t.apiKey) ?? s.apiKey ?? null), u = ke(() => new Jr(i), [i]), { isStreaming: f, error: h, stream: m, stop: w, setToken: y } = Qi({ baseUrl: u.baseUrl, token: a, headers: t == null ? void 0 : t.headers, streamPath: "/stream" });
+  const s = ua(), i = (t == null ? void 0 : t.baseUrl) ?? s.baseUrl, [a, d] = Q((t == null ? void 0 : t.apiKey) ?? s.apiKey ?? null), u = ke(() => new Jr(i), [i]), { isStreaming: f, error: h, stream: m, stop: w, setToken: y } = Qi({ baseUrl: u.baseUrl, token: a, headers: t == null ? void 0 : t.headers, streamPath: "/stream" });
   ue(() => y(a ?? null), [a, y]);
-  const { state: p, seed: g, pushUser: v, onEvent: b, reset: x } = oa(), [S, E] = J([]), [T, N] = J(null), A = he(async () => {
-    const L = await u.listThreads();
-    E(L);
+  const { state: p, seed: g, pushUser: v, onEvent: b, reset: x } = oa(), [S, E] = Q([]), [A, N] = Q(null), R = he(async () => {
+    const T = await u.listThreads();
+    E(T);
   }, [u]);
   ue(() => {
-    A().catch(() => {
-    });
-  }, [A]), ue(() => {
-    r == null || r(T);
-  }, [T, r]), ue(() => {
-    o && _(o).catch(() => {
+    R().catch(() => {
     });
+  }, [R]), ue(() => {
+    r == null || r(A);
+  }, [A, r]);
+  const _ = We(null);
+  ue(() => {
+    o && _.current !== o && (_.current = o, B(o).catch(() => {
+    }));
   }, [o]);
-  const _ = he(
-    async (L, k, R) => {
-      var re;
-      N(L);
-      const U = k ?? ((re = (await u.listCheckpoints(L)).checkpoints.slice().sort((ie, le) => new Date(le.createdAt).getTime() - new Date(ie.createdAt).getTime())[0]) == null ? void 0 : re.checkpointId), se = await u.getMessages({ threadId: L, checkpointId: U, checkpointNs: R });
-      g(se.messages);
+  const D = We(null), B = he(
+    async (T, k, se) => {
+      var ae;
+      if (D.current !== T) {
+        D.current = T;
+        try {
+          const re = k ?? ((ae = (await u.listCheckpoints(T)).checkpoints.slice().sort((H, J) => new Date(J.createdAt).getTime() - new Date(H.createdAt).getTime())[0]) == null ? void 0 : ae.checkpointId), ie = await u.getMessages({ threadId: T, checkpointId: re, checkpointNs: se });
+          N(T), g(ie.messages);
+        } finally {
+          D.current = null;
+        }
+      }
     },
     [u, g]
-  ), D = he(async (L) => u.listCheckpoints(L), [u]), H = he(async (L) => {
-    if (!T) throw new Error("No active thread");
-    const k = await u.getMessages({ threadId: T, checkpointId: L });
+  ), j = he(async (T) => u.listCheckpoints(T), [u]), Y = he(async (T) => {
+    if (!A) throw new Error("No active thread");
+    const k = await u.getMessages({ threadId: A, checkpointId: T });
     g(k.messages);
-  }, [u, T, g]), Y = he(async () => {
-    if (!T) throw new Error("No active thread");
-    await _(T);
-  }, [T, _]), X = tt(!1);
+  }, [u, A, g]), O = he(async () => {
+    if (!A) throw new Error("No active thread");
+    await B(A);
+  }, [A, B]), U = We(!1);
   ue(() => {
-    const L = X.current;
-    if (X.current = f, L && !f && T) {
+    const T = U.current;
+    if (U.current = f, T && !f && A) {
       const k = p.lastCheckpointId ?? void 0;
-      u.getMessages({ threadId: T, checkpointId: k }).then((R) => g(R.messages)).catch(() => {
+      u.getMessages({ threadId: A, checkpointId: k }).then((se) => g(se.messages)).catch(() => {
       });
     }
-  }, [f, T, p.lastCheckpointId, u, g]);
-  const O = he(async (L) => {
-    const k = await u.createThread(L);
-    return await A(), await _(k.threadId), k.threadId;
-  }, [u, A, _]), j = he(async (L) => {
-    await u.deleteThread(L), await A(), T === L && (N(null), x([]));
-  }, [u, A, T, x]), B = he(async (L, k) => {
-    await u.updateThread(L, k), await A();
-  }, [u, A]), W = he(async (L, k) => {
-    var se;
-    if (!T) throw new Error("No active thread");
-    const R = {
-      id: ((se = crypto.randomUUID) == null ? void 0 : se.call(crypto)) || `user-${Date.now()}`,
+  }, [f, A, p.lastCheckpointId, u, g]);
+  const F = he(async (T) => {
+    const k = await u.createThread(T);
+    return await R(), await B(k.threadId), k.threadId;
+  }, [u, R, B]), W = he(async (T) => {
+    await u.deleteThread(T), await R(), A === T && (N(null), x([]));
+  }, [u, R, A, x]), I = he(async (T, k) => {
+    await u.updateThread(T, k), await R();
+  }, [u, R]), X = he(async (T, k) => {
+    var re;
+    if (!A) throw new Error("No active thread");
+    const se = {
+      id: ((re = crypto.randomUUID) == null ? void 0 : re.call(crypto)) || `user-${Date.now()}`,
       role: "user",
-      content: [{ type: "text", text: L }],
+      content: [{ type: "text", text: T }],
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
       checkpointId: (k == null ? void 0 : k.checkpointId) ?? p.lastCheckpointId ?? void 0
     };
-    v(R);
-    const U = {
-      threadId: T,
-      payload: { messages: [R], ...(k == null ? void 0 : k.payloadExtras) ?? {} },
+    v(se);
+    const ae = {
+      threadId: A,
+      payload: { messages: [se], ...(k == null ? void 0 : k.payloadExtras) ?? {} },
       checkpointId: (k == null ? void 0 : k.checkpointId) ?? p.lastCheckpointId ?? void 0,
       checkpointNs: k == null ? void 0 : k.checkpointNs,
       nodeFilter: k == null ? void 0 : k.nodeFilter,
       config: k == null ? void 0 : k.config
     };
-    m(U, (re) => b(re), { onError: (re) => console.warn("stream error", re) });
-  }, [T, v, m, b, p.lastCheckpointId]), I = {
+    m(ae, (ie) => b(ie), { onError: (ie) => console.warn("stream error", ie) });
+  }, [A, v, m, b, p.lastCheckpointId]), V = {
     baseUrl: u.baseUrl,
     token: a,
     setToken: d,
     api: u,
     threads: S,
-    currentThreadId: T,
+    currentThreadId: A,
     setCurrentThreadId: N,
     messages: p.messages,
     isStreaming: f,
     error: h,
     lastCheckpointId: p.lastCheckpointId,
     streamingAssistantId: p.assemblingId,
-    refreshThreads: A,
-    createThread: O,
-    deleteThread: j,
-    renameThread: B,
-    loadThread: _,
-    listCheckpoints: D,
-    navigateToCheckpoint: H,
-    returnToLatest: Y,
-    send: W,
+    refreshThreads: R,
+    createThread: F,
+    deleteThread: W,
+    renameThread: I,
+    loadThread: B,
+    listCheckpoints: j,
+    navigateToCheckpoint: Y,
+    returnToLatest: O,
+    send: X,
     stop: w
   };
-  return /* @__PURE__ */ c(Qr.Provider, { value: I, children: e });
+  return /* @__PURE__ */ c(Qr.Provider, { value: V, children: e });
 }
 function eo() {
   const e = Kr(Qr);
@@ -573,7 +581,7 @@ function pa(e, t) {
   }
   return [r, o];
 }
-function qe(e, t = []) {
+function Ze(e, t = []) {
   let n = [];
   function r(s, i) {
     const a = l.createContext(i), d = n.length;
@@ -623,8 +631,8 @@ function ma(...e) {
   };
   return n.scopeName = t.scopeName, n;
 }
-var ae = globalThis != null && globalThis.document ? l.useLayoutEffect : () => {
-}, ga = l[" useInsertionEffect ".trim().toString()] || ae;
+var ce = globalThis != null && globalThis.document ? l.useLayoutEffect : () => {
+}, ga = l[" useInsertionEffect ".trim().toString()] || ce;
 function gt({
   prop: e,
   defaultProp: t,
@@ -750,13 +758,13 @@ function Ca(e) {
   return l.useEffect(() => {
     const u = xt(r.current);
     s.current = a === "mounted" ? u : "none";
-  }, [a]), ae(() => {
+  }, [a]), ce(() => {
     const u = r.current, f = o.current;
     if (f !== e) {
       const m = s.current, w = xt(u);
       e ? d("MOUNT") : w === "none" || (u == null ? void 0 : u.display) === "none" ? d("UNMOUNT") : d(f && m !== w ? "ANIMATION_OUT" : "UNMOUNT"), o.current = e;
     }
-  }, [e, d]), ae(() => {
+  }, [e, d]), ce(() => {
     if (t) {
       let u;
       const f = t.ownerDocument.defaultView ?? window, h = (w) => {
@@ -792,13 +800,13 @@ function Na(e) {
 }
 var Ea = l[" useId ".trim().toString()] || (() => {
 }), Ta = 0;
-function je(e) {
+function Ye(e) {
   const [t, n] = l.useState(Ea());
-  return ae(() => {
+  return ce(() => {
     n((r) => r ?? String(Ta++));
   }, [e]), t ? `radix-${t}` : "";
 }
-var Gt = "Collapsible", [Aa, nf] = qe(Gt), [Ra, Bn] = Aa(Gt), ro = l.forwardRef(
+var Gt = "Collapsible", [Aa, nf] = Ze(Gt), [Ra, Bn] = Aa(Gt), ro = l.forwardRef(
   (e, t) => {
     const {
       __scopeCollapsible: n,
@@ -818,7 +826,7 @@ var Gt = "Collapsible", [Aa, nf] = qe(Gt), [Ra, Bn] = Aa(Gt), ro = l.forwardRef(
       {
         scope: n,
         disabled: s,
-        contentId: je(),
+        contentId: Ye(),
         open: d,
         onOpenToggle: l.useCallback(() => u((f) => !f), [u]),
         children: /* @__PURE__ */ c(
@@ -867,7 +875,7 @@ var Ia = l.forwardRef((e, t) => {
   return l.useEffect(() => {
     const b = requestAnimationFrame(() => g.current = !1);
     return () => cancelAnimationFrame(b);
-  }, []), ae(() => {
+  }, []), ce(() => {
     const b = u.current;
     if (b) {
       v.current = v.current || {
@@ -943,112 +951,112 @@ function Da({
   onEdit: x,
   onRegenerate: S,
   onEditFromCheckpoint: E,
-  onCancelEdit: T,
+  onCancelEdit: A,
   onCopy: N
 }) {
-  const [A, _] = J(!1), [D, H] = J(!1), [Y, X] = J(!1), O = d === "phone" || d === "half-screen", j = e.role, B = j === "tool", W = ke(() => Ma(e.content), [e.content]), I = ke(() => za(e.content), [e.content]), L = ke(() => e.content.filter((F) => F.type === "image_url"), [e.content]), k = Va(W, n ? r : 0), R = async () => {
+  const [R, _] = Q(!1), [D, B] = Q(!1), [j, Y] = Q(!1), O = d === "phone" || d === "half-screen", U = e.role, F = U === "tool", W = ke(() => Ma(e.content), [e.content]), I = ke(() => za(e.content), [e.content]), X = ke(() => e.content.filter(($) => $.type === "image_url"), [e.content]), V = Va(W, n ? r : 0), T = async () => {
     try {
-      const F = B ? lt(e.content) : W;
-      await navigator.clipboard.writeText(F), _(!0), setTimeout(() => _(!1), 2e3), N == null || N(F);
-    } catch (F) {
-      console.error("Failed to copy:", F);
+      const $ = F ? lt(e.content) : W;
+      await navigator.clipboard.writeText($), _(!0), setTimeout(() => _(!1), 2e3), N == null || N($);
+    } catch ($) {
+      console.error("Failed to copy:", $);
     }
-  }, U = () => {
+  }, k = () => {
     if (!x) return;
-    const F = B ? lt(e.content) : W;
-    x(e.id, F);
-  }, se = () => S == null ? void 0 : S(t), re = () => {
-    const $ = M(O ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0");
-    switch (j) {
+    const $ = F ? lt(e.content) : W;
+    x(e.id, $);
+  }, se = () => S == null ? void 0 : S(t), ae = () => {
+    const L = M(O ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0");
+    switch (U) {
       case "user":
-        return /* @__PURE__ */ c(_i, { className: $ });
+        return /* @__PURE__ */ c(_i, { className: L });
       case "assistant":
-        return /* @__PURE__ */ c(dr, { className: $ });
+        return /* @__PURE__ */ c(dr, { className: L });
       case "tool":
-        return /* @__PURE__ */ c(ki, { className: $ });
+        return /* @__PURE__ */ c(ki, { className: L });
       default:
-        return /* @__PURE__ */ c(dr, { className: $ });
+        return /* @__PURE__ */ c(dr, { className: L });
     }
-  }, ie = () => {
-    const F = "group relative mb-4 max-w-full";
-    switch (j) {
+  }, re = () => {
+    const $ = "group relative mb-4 max-w-full";
+    switch (U) {
       case "user":
-        return M(F, "flex justify-end");
+        return M($, "flex justify-end");
       case "assistant":
       case "tool":
       case "system":
-        return M(F, "flex justify-start");
+        return M($, "flex justify-start");
       default:
-        return F;
+        return $;
     }
-  }, le = () => {
-    const F = M(
+  }, ie = () => {
+    const $ = M(
       "rounded-lg px-4 py-3 relative transition-all duration-200",
       O && "px-3 py-2 text-sm"
     );
-    switch (j) {
+    switch (U) {
       case "user":
-        return M(F, "bg-primary text-primary-foreground max-w-[95%]", d === "phone" && "max-w-[98%]");
+        return M($, "bg-primary text-primary-foreground max-w-[95%]", d === "phone" && "max-w-[98%]");
       case "assistant":
-        return M(F, "bg-muted text-muted-foreground max-w-[95%] border", d === "phone" && "max-w-[98%]");
+        return M($, "bg-muted text-muted-foreground max-w-[95%] border", d === "phone" && "max-w-[98%]");
       case "tool":
-        return M(F, "bg-secondary/50 text-secondary-foreground border border-dashed max-w-[95%]", d === "phone" && "max-w-[98%]");
+        return M($, "bg-secondary/50 text-secondary-foreground border border-dashed max-w-[95%]", d === "phone" && "max-w-[98%]");
       case "system":
-        return M(F, "bg-accent/40 text-muted-foreground max-w-[85%] border");
+        return M($, "bg-accent/40 text-muted-foreground max-w-[85%] border");
       default:
-        return F;
+        return $;
     }
-  }, V = (F) => {
-    if (!F) return "";
+  }, H = ($) => {
+    if (!$) return "";
     try {
-      return new Date(F).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+      return new Date($).toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
     } catch {
       return "";
     }
-  }, Q = () => {
-    if (B && !Y) {
-      const $ = lt(e.content).slice(0, 80).replace(/\s+/g, " ");
+  }, J = () => {
+    if (F && !j) {
+      const L = lt(e.content).slice(0, 80).replace(/\s+/g, " ");
       return /* @__PURE__ */ c("div", { className: M("text-xs font-mono opacity-70 flex items-center justify-between gap-2", O && "text-[10px]"), children: /* @__PURE__ */ C("span", { className: "truncate max-w-full", children: [
-        $,
-        $.length >= 80 ? "…" : ""
+        L,
+        L.length >= 80 ? "…" : ""
       ] }) });
     }
-    if (B && u) {
-      const $ = lt(e.content), q = $.length > f;
-      return /* @__PURE__ */ c(_a, { open: D, onOpenChange: H, children: /* @__PURE__ */ C("div", { className: "font-mono text-sm", children: [
-        /* @__PURE__ */ c("pre", { className: M("whitespace-pre-wrap break-words", O && "text-xs"), children: q && !D ? $.substring(0, f) + "..." : $ }),
+    if (F && u) {
+      const L = lt(e.content), q = L.length > f;
+      return /* @__PURE__ */ c(_a, { open: D, onOpenChange: B, children: /* @__PURE__ */ C("div", { className: "font-mono text-sm", children: [
+        /* @__PURE__ */ c("pre", { className: M("whitespace-pre-wrap break-words", O && "text-xs"), children: q && !D ? L.substring(0, f) + "..." : L }),
         q && /* @__PURE__ */ c(Oa, { asChild: !0, children: /* @__PURE__ */ c(ne, { variant: "ghost", size: "sm", className: "h-6 text-xs", children: D ? /* @__PURE__ */ C(_e, { children: [
           /* @__PURE__ */ c(At, { className: "h-3 w-3 mr-1" }),
           "Show less"
         ] }) : /* @__PURE__ */ C(_e, { children: [
           /* @__PURE__ */ c(ut, { className: "h-3 w-3 mr-1" }),
           "Show more (",
-          $.length - f,
+          L.length - f,
           " chars)"
         ] }) }) })
       ] }) });
     }
-    if (B && Y && !u) {
-      const $ = Wa(e.content);
-      if ($ && La($))
-        return /* @__PURE__ */ c(fn, { content: $.trim() });
+    if (F && j && !u) {
+      const L = Wa(e.content);
+      if (L && La(L))
+        return /* @__PURE__ */ c(fn, { content: L.trim() });
       const q = lt(e.content);
       return /* @__PURE__ */ c("div", { className: "font-mono text-sm", children: /* @__PURE__ */ c("pre", { className: M("whitespace-pre-wrap break-words", O && "text-xs"), children: q }) });
     }
-    const F = L.length > 0 && j !== "tool";
+    const $ = X.length > 0 && U !== "tool";
     return /* @__PURE__ */ C("div", { children: [
       n ? /* @__PURE__ */ C("div", { className: "relative", children: [
         (() => {
-          const $ = gr(k);
-          return $ !== null ? /* @__PURE__ */ c(vr, { data: $ }) : /* @__PURE__ */ c(fn, { content: Fa($a(k)) });
+          const L = gr(V);
+          return L !== null ? /* @__PURE__ */ c(vr, { data: L }) : /* @__PURE__ */ c(fn, { content: Fa($a(V)) });
         })(),
         /* @__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 $ = gr(W.trim());
-        return $ !== null ? /* @__PURE__ */ c(vr, { data: $ }) : /* @__PURE__ */ c(fn, { content: W.trim() });
+        const L = gr(W.trim());
+        return L !== null ? /* @__PURE__ */ c(vr, { data: L }) : /* @__PURE__ */ c(fn, { content: W.trim() });
       })(),
-      F && /* @__PURE__ */ c("div", { className: "mt-2 grid grid-cols-2 gap-2", children: L.map(($, q) => /* @__PURE__ */ C("div", { className: "relative border rounded overflow-hidden", children: [
-        /* @__PURE__ */ c("img", { src: $.url, alt: $.alt ?? "image", className: "w-full h-auto" }),
+      $ && /* @__PURE__ */ c("div", { className: "mt-2 grid grid-cols-2 gap-2", children: X.map((L, q) => /* @__PURE__ */ C("div", { className: "relative border rounded overflow-hidden", children: [
+        /* @__PURE__ */ c("img", { src: L.url, alt: L.alt ?? "image", className: "w-full h-auto" }),
         /* @__PURE__ */ C("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(Oi, { className: "h-3 w-3" }),
           /* @__PURE__ */ c("span", { children: "image" })
@@ -1056,8 +1064,8 @@ function Da({
       ] }, q)) })
     ] });
   }, oe = ke(() => Ha(e), [e]);
-  return ke(() => Ua(e, w), [e, w]), /* @__PURE__ */ c("div", { className: M(ie(), h.container), children: /* @__PURE__ */ C("div", { className: M(le(), h.content), children: [
-    (i || a || B) && /* @__PURE__ */ C(
+  return ke(() => Ua(e, w), [e, w]), /* @__PURE__ */ c("div", { className: M(re(), h.container), children: /* @__PURE__ */ C("div", { className: M(ie(), h.content), children: [
+    (i || a || F) && /* @__PURE__ */ C(
       "div",
       {
         className: M(
@@ -1067,27 +1075,27 @@ function Da({
         ),
         children: [
           /* @__PURE__ */ C("div", { className: "flex items-center gap-2", children: [
-            re(),
+            ae(),
             a && oe && /* @__PURE__ */ c("span", { className: M("font-medium", O ? "text-xs" : "text-sm"), children: oe }),
-            B && I.name && /* @__PURE__ */ C(
+            F && I.name && /* @__PURE__ */ C(
               no,
               {
                 variant: "outline",
                 className: M("text-xs flex items-center gap-1 cursor-pointer", O && "text-xs h-4"),
-                onClick: () => X((F) => !F),
+                onClick: () => Y(($) => !$),
                 children: [
                   /* @__PURE__ */ c("span", { children: I.name }),
-                  /* @__PURE__ */ c("span", { className: "inline-flex items-center", children: Y ? /* @__PURE__ */ c(At, { className: "h-3 w-3" }) : /* @__PURE__ */ c(ut, { className: "h-3 w-3" }) })
+                  /* @__PURE__ */ c("span", { className: "inline-flex items-center", children: j ? /* @__PURE__ */ c(At, { className: "h-3 w-3" }) : /* @__PURE__ */ c(ut, { className: "h-3 w-3" }) })
                 ]
               }
             ),
-            B && !I.name && /* @__PURE__ */ c(ne, { variant: "ghost", size: "sm", className: "h-6 px-1", onClick: () => X((F) => !F), children: /* @__PURE__ */ C("span", { className: "text-xs flex items-center gap-1", children: [
+            F && !I.name && /* @__PURE__ */ c(ne, { variant: "ghost", size: "sm", className: "h-6 px-1", onClick: () => Y(($) => !$), children: /* @__PURE__ */ C("span", { className: "text-xs flex items-center gap-1", children: [
               "Tool Output ",
-              Y ? /* @__PURE__ */ c(At, { className: "h-3 w-3" }) : /* @__PURE__ */ c(ut, { className: "h-3 w-3" })
+              j ? /* @__PURE__ */ c(At, { className: "h-3 w-3" }) : /* @__PURE__ */ c(ut, { className: "h-3 w-3" })
             ] }) })
           ] }),
           /* @__PURE__ */ C("div", { className: "flex items-center gap-2", children: [
-            i && /* @__PURE__ */ c("span", { className: M("text-xs opacity-60", O && "text-xs"), children: V(e.createdAt) }),
+            i && /* @__PURE__ */ c("span", { className: M("text-xs opacity-60", O && "text-xs"), children: H(e.createdAt) }),
             s && !o && /* @__PURE__ */ C(
               "div",
               {
@@ -1102,22 +1110,22 @@ function Da({
                     {
                       variant: "ghost",
                       size: "sm",
-                      onClick: R,
+                      onClick: T,
                       className: M("h-6 w-6 p-0 hover:bg-background/50", O && "h-5 w-5"),
-                      children: /* @__PURE__ */ c(cr, { className: M(A ? "text-success" : "", O ? "h-3 w-3" : "h-4 w-4") })
+                      children: /* @__PURE__ */ c(cr, { className: M(R ? "text-success" : "", O ? "h-3 w-3" : "h-4 w-4") })
                     }
                   ),
-                  j === "user" && x && /* @__PURE__ */ c(
+                  U === "user" && x && /* @__PURE__ */ c(
                     ne,
                     {
                       variant: "ghost",
                       size: "sm",
-                      onClick: U,
+                      onClick: k,
                       className: M("h-6 w-6 p-0 hover:bg-background/50", O && "h-5 w-5"),
                       children: /* @__PURE__ */ c(lr, { className: M(O ? "h-3 w-3" : "h-4 w-4") })
                     }
                   ),
-                  j === "assistant" && S && /* @__PURE__ */ c(
+                  U === "assistant" && S && /* @__PURE__ */ c(
                     ne,
                     {
                       variant: "ghost",
@@ -1134,8 +1142,8 @@ function Da({
         ]
       }
     ),
-    /* @__PURE__ */ c("div", { className: "relative", children: Q() }),
-    B && Y && (I.toolCallId || I.name) && /* @__PURE__ */ C("div", { className: M("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", O && "text-xs"), children: [
+    /* @__PURE__ */ c("div", { className: "relative", children: J() }),
+    F && j && (I.toolCallId || I.name) && /* @__PURE__ */ C("div", { className: M("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", O && "text-xs"), children: [
       I.name && /* @__PURE__ */ C("div", { children: [
         "Function: ",
         I.name
@@ -1145,7 +1153,7 @@ function Da({
         I.toolCallId
       ] })
     ] }),
-    s && j === "user" && g && g.totalBranches > 1 && /* @__PURE__ */ C("div", { className: "flex items-center gap-2 mt-2 p-2 bg-muted/30 rounded border", children: [
+    s && U === "user" && g && g.totalBranches > 1 && /* @__PURE__ */ C("div", { className: "flex items-center gap-2 mt-2 p-2 bg-muted/30 rounded border", children: [
       /* @__PURE__ */ c(Gr, { className: "h-3 w-3 text-muted-foreground" }),
       /* @__PURE__ */ C("span", { className: "text-xs text-muted-foreground", children: [
         "Branch ",
@@ -1180,7 +1188,7 @@ function Da({
         )
       ] })
     ] }),
-    !(i || a || B) && s && !o && /* @__PURE__ */ C(
+    !(i || a || F) && s && !o && /* @__PURE__ */ C(
       "div",
       {
         className: M(
@@ -1194,22 +1202,22 @@ function Da({
             {
               variant: "ghost",
               size: "sm",
-              onClick: R,
+              onClick: T,
               className: M("h-6 w-6 p-0 hover:bg-background/50", O && "h-5 w-5"),
-              children: /* @__PURE__ */ c(cr, { className: M(A ? "text-success" : "", O ? "h-3 w-3" : "h-4 w-4") })
+              children: /* @__PURE__ */ c(cr, { className: M(R ? "text-success" : "", O ? "h-3 w-3" : "h-4 w-4") })
             }
           ),
-          j === "user" && x && /* @__PURE__ */ c(
+          U === "user" && x && /* @__PURE__ */ c(
             ne,
             {
               variant: "ghost",
               size: "sm",
-              onClick: U,
+              onClick: k,
               className: M("h-6 w-6 p-0 hover:bg-background/50", O && "h-5 w-5"),
               children: /* @__PURE__ */ c(lr, { className: M(O ? "h-3 w-3" : "h-4 w-4") })
             }
           ),
-          j === "assistant" && S && /* @__PURE__ */ c(
+          U === "assistant" && S && /* @__PURE__ */ c(
             ne,
             {
               variant: "ghost",
@@ -1340,7 +1348,7 @@ function Ua(e, t) {
   return e.checkpointId || t || null;
 }
 function Va(e, t) {
-  const [n, r] = J(e);
+  const [n, r] = Q(e);
   return ue(() => {
     if (!t) {
       r(e);
@@ -1350,7 +1358,7 @@ function Va(e, t) {
     return () => clearTimeout(o);
   }, [e, t]), n;
 }
-const et = 1e4;
+const tt = 1e4;
 function ja(e) {
   if (typeof e != "string")
     return String(e);
@@ -1378,7 +1386,7 @@ function ja(e) {
 `).replace(/<li>(.*?)<\/li>/gi, `- $1
 `).trim() : n.replace(/</g, "&lt;").replace(/>/g, "&gt;").trim();
 }
-function Ya(e, t = et) {
+function Ya(e, t = tt) {
   if (!e || typeof e != "string")
     throw new Error("Invalid content: must be a non-empty string");
   if (e.length > t)
@@ -1413,7 +1421,7 @@ function hn({
     listCheckpoints: b,
     navigateToCheckpoint: x,
     returnToLatest: S
-  } = eo(), [E, T] = J(""), [N, A] = J(null), [_, D] = J(null), [H, Y] = J([]), [X, O] = J(!1), [j, B] = J([]), [W, I] = J(null), L = tt(null), k = tt(null), R = tt(null), [U, se] = J("desktop");
+  } = eo(), [E, A] = Q(""), [N, R] = Q(null), [_, D] = Q(null), [B, j] = Q([]), [Y, O] = Q(!1), [U, F] = Q([]), [W, I] = Q(null), X = We(null), V = We(null), T = We(null), [k, se] = Q("desktop");
   ue(() => {
     const P = () => {
       const z = window.innerWidth;
@@ -1422,24 +1430,24 @@ function hn({
     return P(), window.addEventListener("resize", P), () => window.removeEventListener("resize", P);
   }, []), ue(() => {
     var P;
-    (P = L.current) == null || P.scrollIntoView({ behavior: "smooth" });
+    (P = X.current) == null || P.scrollIntoView({ behavior: "smooth" });
   }, [h]), ue(() => {
     var P;
-    n && ((P = k.current) == null || P.focus());
+    n && ((P = V.current) == null || P.focus());
   }, [n]), ue(() => {
-    y && !X && (u == null || u(y));
-  }, [y, X, u]), ue(() => {
+    y && !Y && (u == null || u(y));
+  }, [y, Y, u]), ue(() => {
     let P = !0;
     if (!f) {
-      B([]), I(null);
+      F([]), I(null);
       return;
     }
     return b(f).then((z) => {
       var te, de;
       if (!P) return;
-      B(z.checkpoints || []);
-      const K = ((de = (te = z.checkpoints) == null ? void 0 : te.slice().sort((ce, ln) => new Date(ln.createdAt).getTime() - new Date(ce.createdAt).getTime())[0]) == null ? void 0 : de.checkpointId) || null;
-      I((ce) => ce ?? K);
+      F(z.checkpoints || []);
+      const K = ((de = (te = z.checkpoints) == null ? void 0 : te.slice().sort((le, ln) => new Date(ln.createdAt).getTime() - new Date(le.createdAt).getTime())[0]) == null ? void 0 : de.checkpointId) || null;
+      I((le) => le ?? K);
     }).catch(() => {
     }), () => {
       P = !1;
@@ -1447,14 +1455,14 @@ function hn({
   }, [f, b]), ue(() => {
     v && I(v);
   }, [v]);
-  const re = (P) => {
-    if (P.length > et) return `Message too long (${P.length}/${et} characters)`;
+  const ae = (P) => {
+    if (P.length > tt) return `Message too long (${P.length}/${tt} characters)`;
     try {
       return Xa(P), null;
     } catch (z) {
       return (z == null ? void 0 : z.message) || "Invalid message";
     }
-  }, ie = (P) => {
+  }, re = (P) => {
     const z = P.content || [], K = z.filter((te) => te.type === "text").map((te) => te.text).join("");
     if (K) return K;
     try {
@@ -1462,72 +1470,72 @@ function hn({
     } catch {
       return String(z);
     }
-  }, le = (P) => {
+  }, ie = (P) => {
     var de;
-    if (!j.length) return [];
+    if (!U.length) return [];
     const z = (((de = h[P]) == null ? void 0 : de.role) ?? "user") === "user", K = z ? P + 2 : P + 1;
-    return j.filter((ce) => (ce.messagesLen ?? -1) >= (z ? K : 0)).filter((ce) => z ? (ce.messagesLen ?? 0) >= K : (ce.messagesLen ?? 0) === K).map((ce) => ({
-      checkpoint_id: ce.checkpointId,
-      checkpoint_ns: ce.checkpointNs,
-      message_count: ce.messagesLen ?? 0,
-      last_message_preview: ce.preview ?? void 0,
-      ts: new Date(ce.createdAt).getTime(),
-      isCurrent: ce.checkpointId === W
-    })).sort((ce, ln) => (ce.ts || 0) - (ln.ts || 0));
-  }, V = (P) => {
+    return U.filter((le) => (le.messagesLen ?? -1) >= (z ? K : 0)).filter((le) => z ? (le.messagesLen ?? 0) >= K : (le.messagesLen ?? 0) === K).map((le) => ({
+      checkpoint_id: le.checkpointId,
+      checkpoint_ns: le.checkpointNs,
+      message_count: le.messagesLen ?? 0,
+      last_message_preview: le.preview ?? void 0,
+      ts: new Date(le.createdAt).getTime(),
+      isCurrent: le.checkpointId === W
+    })).sort((le, ln) => (le.ts || 0) - (ln.ts || 0));
+  }, H = (P) => {
     if (P === void 0) return { canGoBack: !1, canGoForward: !1, currentIndex: 0, totalBranches: 0 };
-    const z = le(P);
+    const z = ie(P);
     if (z.length <= 1) return { canGoBack: !1, canGoForward: !1, currentIndex: 0, totalBranches: z.length };
     const K = Math.max(0, z.findIndex((te) => te.isCurrent));
     return { canGoBack: K > 0, canGoForward: K < z.length - 1, currentIndex: K, totalBranches: z.length };
-  }, Q = async () => {
+  }, J = async () => {
     const P = E.trim();
     if (!P) return;
-    const z = re(P);
+    const z = ae(P);
     if (z) {
       D(z);
       return;
     }
     try {
       const K = window.__editingCheckpointId || W || void 0;
-      await p(P, { checkpointId: K, payloadExtras: N ? { edit: !0, originalMessageId: N } : void 0 }), d == null || d(P), T(""), D(null), Y([]), delete window.__editingCheckpointId, A(null), k.current && (k.current.style.height = "auto");
+      await p(P, { checkpointId: K, payloadExtras: N ? { edit: !0, originalMessageId: N } : void 0 }), d == null || d(P), A(""), D(null), j([]), delete window.__editingCheckpointId, R(null), V.current && (V.current.style.height = "auto");
     } catch (K) {
       const te = (K == null ? void 0 : K.message) || "Failed to send message";
       D(te), u == null || u(te);
     }
   }, oe = (P, z) => {
-    i && (A(P), T(z), D(null), setTimeout(() => {
-      k.current && (k.current.focus(), k.current.style.height = "auto", k.current.style.height = k.current.scrollHeight + "px");
+    i && (R(P), A(z), D(null), setTimeout(() => {
+      V.current && (V.current.focus(), V.current.style.height = "auto", V.current.style.height = V.current.scrollHeight + "px");
     }, 0));
-  }, F = async (P, z) => {
+  }, $ = async (P, z) => {
     const K = h.find((de) => de.id === P);
     if (!K) {
       D("Message not found");
       return;
     }
-    const te = ie(K);
-    A(P), T(te), window.__editingCheckpointId = z, setTimeout(() => {
+    const te = re(K);
+    R(P), A(te), window.__editingCheckpointId = z, setTimeout(() => {
       var de;
-      return (de = k.current) == null ? void 0 : de.focus();
+      return (de = V.current) == null ? void 0 : de.focus();
     }, 0);
-  }, $ = () => {
-    A(null), T(""), D(null), delete window.__editingCheckpointId, k.current && (k.current.style.height = "auto");
+  }, L = () => {
+    R(null), A(""), D(null), delete window.__editingCheckpointId, V.current && (V.current.style.height = "auto");
   }, q = (P) => {
-    P.key === "Enter" && !P.shiftKey ? (P.preventDefault(), Q()) : P.key === "Escape" && N && (P.preventDefault(), $());
+    P.key === "Enter" && !P.shiftKey ? (P.preventDefault(), J()) : P.key === "Escape" && N && (P.preventDefault(), L());
   }, fe = (P) => {
     const z = Array.from(P.target.files || []);
-    Y((K) => [...K, ...z]);
-  }, ve = (P) => Y((z) => z.filter((K, te) => P !== te)), Ne = async (P) => {
+    j((K) => [...K, ...z]);
+  }, ve = (P) => j((z) => z.filter((K, te) => P !== te)), Ne = async (P) => {
     f && (await x(P), I(P));
   }, Le = async () => {
     await S(), I(null);
   };
   return /* @__PURE__ */ C("div", { className: `flex flex-col h-full ${e} ${a.container || ""}`, children: [
-    !!y && !X && /* @__PURE__ */ C("div", { className: "bg-red-50 border border-red-200 text-red-800 px-4 py-2 text-sm flex items-center justify-between", children: [
+    !!y && !Y && /* @__PURE__ */ C("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: y }),
       /* @__PURE__ */ c(ne, { variant: "ghost", size: "sm", onClick: () => O(!0), className: "text-red-800 hover:bg-red-100", children: /* @__PURE__ */ c(ft, { size: 16 }) })
     ] }),
-    f && j.length > 0 && /* @__PURE__ */ C("div", { className: "flex items-center gap-2 px-4 py-2 border-b bg-background/50 text-xs", children: [
+    f && U.length > 0 && /* @__PURE__ */ C("div", { className: "flex items-center gap-2 px-4 py-2 border-b bg-background/50 text-xs", children: [
       /* @__PURE__ */ c(Gr, { className: "h-4 w-4 opacity-70" }),
       /* @__PURE__ */ c("span", { className: "opacity-70", children: "Checkpoint:" }),
       /* @__PURE__ */ C(
@@ -1541,7 +1549,7 @@ function hn({
           },
           children: [
             /* @__PURE__ */ c("option", { value: "", children: "Latest" }),
-            j.slice().sort((P, z) => new Date(z.createdAt).getTime() - new Date(P.createdAt).getTime()).map((P) => /* @__PURE__ */ C("option", { value: P.checkpointId, children: [
+            U.slice().sort((P, z) => new Date(z.createdAt).getTime() - new Date(P.createdAt).getTime()).map((P) => /* @__PURE__ */ C("option", { value: P.checkpointId, children: [
               new Date(P.createdAt).toLocaleString(),
               " ",
               P.preview ? `— ${P.preview.slice(0, 30)}` : ""
@@ -1562,33 +1570,33 @@ function hn({
           showActions: i,
           showTimestamp: !1,
           showAgentName: !0,
-          layoutSize: U,
+          layoutSize: k,
           truncateToolMessages: !1,
           toolMessagePreviewLength: 200,
-          checkpointBranches: le(z),
+          checkpointBranches: ie(z),
           currentCheckpointId: W ?? void 0,
-          temporalNavigation: V(z),
+          temporalNavigation: H(z),
           onSwitchToCheckpoint: Ne,
           onReturnToMainThread: Le,
           onNavigateToPreviousBranch: () => {
-            const K = le(z), te = Math.max(0, K.findIndex((de) => de.isCurrent));
+            const K = ie(z), te = Math.max(0, K.findIndex((de) => de.isCurrent));
             te > 0 && Ne(K[te - 1].checkpoint_id);
           },
           onNavigateToNextBranch: () => {
-            const K = le(z), te = Math.max(0, K.findIndex((de) => de.isCurrent));
+            const K = ie(z), te = Math.max(0, K.findIndex((de) => de.isCurrent));
             te >= 0 && te < K.length - 1 && Ne(K[te + 1].checkpoint_id);
           },
           onEdit: (K, te) => oe(K, te),
-          onEditFromCheckpoint: F,
+          onEditFromCheckpoint: $,
           onRegenerate: () => {
-            const K = [...h].reverse().find((de) => de.role === "user"), te = K ? ie(K) : "";
+            const K = [...h].reverse().find((de) => de.role === "user"), te = K ? re(K) : "";
             te && p(te, { checkpointId: W ?? void 0 });
           },
-          onCancelEdit: $
+          onCancelEdit: L
         },
         P.id || z
       )),
-      /* @__PURE__ */ c("div", { ref: L })
+      /* @__PURE__ */ c("div", { ref: X })
     ] }),
     /* @__PURE__ */ C("div", { className: `flex-shrink-0 border-t p-4 ${a.inputArea || ""}`, children: [
       N && /* @__PURE__ */ c("div", { className: "mb-3 p-3 bg-blue-50 border border-blue-200 rounded-lg", children: /* @__PURE__ */ C("div", { className: "flex items-center justify-between", children: [
@@ -1596,11 +1604,11 @@ function hn({
           /* @__PURE__ */ c(qr, { size: 16, className: "text-blue-600" }),
           /* @__PURE__ */ c("span", { className: "text-sm font-medium text-blue-800", children: "Editing message" })
         ] }),
-        /* @__PURE__ */ c(ne, { variant: "ghost", size: "sm", onClick: $, className: "text-blue-600 hover:bg-blue-100", children: /* @__PURE__ */ c(ft, { size: 16 }) })
+        /* @__PURE__ */ c(ne, { variant: "ghost", size: "sm", onClick: L, className: "text-blue-600 hover:bg-blue-100", children: /* @__PURE__ */ c(ft, { size: 16 }) })
       ] }) }),
       s && /* @__PURE__ */ C("div", { className: "mb-3", children: [
-        /* @__PURE__ */ c("input", { ref: R, type: "file", multiple: !0, onChange: (P) => fe(P), className: "hidden" }),
-        H.length > 0 && /* @__PURE__ */ c("div", { className: "mb-3 flex flex-wrap gap-2", children: H.map((P, z) => /* @__PURE__ */ C("div", { className: "flex items-center gap-2 bg-gray-100 rounded-lg px-3 py-2 text-sm", children: [
+        /* @__PURE__ */ c("input", { ref: T, type: "file", multiple: !0, onChange: (P) => fe(P), className: "hidden" }),
+        B.length > 0 && /* @__PURE__ */ c("div", { className: "mb-3 flex flex-wrap gap-2", children: B.map((P, z) => /* @__PURE__ */ C("div", { className: "flex items-center gap-2 bg-gray-100 rounded-lg px-3 py-2 text-sm", children: [
           /* @__PURE__ */ c(ur, { size: 14 }),
           /* @__PURE__ */ c("span", { className: "truncate max-w-[150px]", children: P.name }),
           /* @__PURE__ */ c(ne, { variant: "ghost", size: "sm", onClick: () => ve(z), className: "h-4 w-4 p-0 text-gray-500 hover:text-red-500", children: /* @__PURE__ */ c(ft, { size: 12 }) })
@@ -1610,30 +1618,30 @@ function hn({
       /* @__PURE__ */ C("div", { className: "flex items-end gap-2", children: [
         s && /* @__PURE__ */ c(ne, { type: "button", onClick: () => {
           var P;
-          return (P = R.current) == null ? void 0 : P.click();
+          return (P = T.current) == null ? void 0 : P.click();
         }, size: "icon", variant: "outline", disabled: m, title: "Attach files", children: /* @__PURE__ */ c(ur, { size: 16 }) }),
         /* @__PURE__ */ c("div", { className: "flex-1", children: /* @__PURE__ */ c(
           to,
           {
-            ref: k,
+            ref: V,
             value: E,
             onChange: (P) => {
-              T(P.target.value), D(null), k.current && (k.current.style.height = "auto", k.current.style.height = k.current.scrollHeight + "px");
+              A(P.target.value), D(null), V.current && (V.current.style.height = "auto", V.current.style.height = V.current.scrollHeight + "px");
             },
             onKeyDown: q,
             placeholder: N ? "Edit your message..." : t,
             className: `resize-none min-h-[44px] max-h-[20rem] ${N ? "border-blue-400 bg-blue-50" : ""} ${_ ? "border-red-400" : ""}`,
             disabled: !1,
-            maxLength: et,
+            maxLength: tt,
             rows: 1
           }
         ) }),
-        /* @__PURE__ */ c("div", { children: m ? /* @__PURE__ */ c(ne, { type: "button", onClick: g, size: "icon", variant: "outline", className: "shrink-0", title: "Stop generating", children: /* @__PURE__ */ c(Di, { size: 16 }) }) : /* @__PURE__ */ c(ne, { type: "button", onClick: Q, size: "icon", disabled: !E.trim(), className: `shrink-0 ${a.sendButton || ""}`, title: N ? "Save changes" : "Send message", children: /* @__PURE__ */ c(Mi, { size: 16 }) }) })
+        /* @__PURE__ */ c("div", { children: m ? /* @__PURE__ */ c(ne, { type: "button", onClick: g, size: "icon", variant: "outline", className: "shrink-0", title: "Stop generating", children: /* @__PURE__ */ c(Di, { size: 16 }) }) : /* @__PURE__ */ c(ne, { type: "button", onClick: J, size: "icon", disabled: !E.trim(), className: `shrink-0 ${a.sendButton || ""}`, title: N ? "Save changes" : "Send message", children: /* @__PURE__ */ c(Mi, { size: 16 }) }) })
       ] }),
-      E.length > et * 0.8 && /* @__PURE__ */ C("div", { className: "mt-2 text-xs text-gray-500 text-right", children: [
+      E.length > tt * 0.8 && /* @__PURE__ */ C("div", { className: "mt-2 text-xs text-gray-500 text-right", children: [
         E.length,
         "/",
-        et
+        tt
       ] })
     ] })
   ] });
@@ -1673,7 +1681,7 @@ function Tn(e, [t, n]) {
 function Ga(e, t) {
   return l.useReducer((n, r) => t[n][r] ?? n, e);
 }
-var Hn = "ScrollArea", [ao, rf] = qe(Hn), [qa, be] = ao(Hn), co = l.forwardRef(
+var Hn = "ScrollArea", [ao, rf] = Ze(Hn), [qa, be] = ao(Hn), co = l.forwardRef(
   (e, t) => {
     const {
       __scopeScrollArea: n,
@@ -1681,7 +1689,7 @@ var Hn = "ScrollArea", [ao, rf] = qe(Hn), [qa, be] = ao(Hn), co = l.forwardRef(
       dir: o,
       scrollHideDelay: s = 600,
       ...i
-    } = e, [a, d] = l.useState(null), [u, f] = l.useState(null), [h, m] = l.useState(null), [w, y] = l.useState(null), [p, g] = l.useState(null), [v, b] = l.useState(0), [x, S] = l.useState(0), [E, T] = l.useState(!1), [N, A] = l.useState(!1), _ = ee(t, (H) => d(H)), D = io(o);
+    } = e, [a, d] = l.useState(null), [u, f] = l.useState(null), [h, m] = l.useState(null), [w, y] = l.useState(null), [p, g] = l.useState(null), [v, b] = l.useState(0), [x, S] = l.useState(0), [E, A] = l.useState(!1), [N, R] = l.useState(!1), _ = ee(t, (B) => d(B)), D = io(o);
     return /* @__PURE__ */ c(
       qa,
       {
@@ -1697,11 +1705,11 @@ var Hn = "ScrollArea", [ao, rf] = qe(Hn), [qa, be] = ao(Hn), co = l.forwardRef(
         scrollbarX: w,
         onScrollbarXChange: y,
         scrollbarXEnabled: E,
-        onScrollbarXEnabledChange: T,
+        onScrollbarXEnabledChange: A,
         scrollbarY: p,
         onScrollbarYChange: g,
         scrollbarYEnabled: N,
-        onScrollbarYEnabledChange: A,
+        onScrollbarYEnabledChange: R,
         onCornerWidthChange: b,
         onCornerHeightChange: S,
         children: /* @__PURE__ */ c(
@@ -2003,20 +2011,20 @@ var Za = l.forwardRef((e, t) => {
     onWheelScroll: f,
     onResize: h,
     ...m
-  } = e, w = be(Pe, n), [y, p] = l.useState(null), g = ee(t, (_) => p(_)), v = l.useRef(null), b = l.useRef(""), x = w.viewport, S = r.content - r.viewport, E = pe(f), T = pe(d), N = Zt(h, 10);
-  function A(_) {
+  } = e, w = be(Pe, n), [y, p] = l.useState(null), g = ee(t, (_) => p(_)), v = l.useRef(null), b = l.useRef(""), x = w.viewport, S = r.content - r.viewport, E = pe(f), A = pe(d), N = Zt(h, 10);
+  function R(_) {
     if (v.current) {
-      const D = _.clientX - v.current.left, H = _.clientY - v.current.top;
-      u({ x: D, y: H });
+      const D = _.clientX - v.current.left, B = _.clientY - v.current.top;
+      u({ x: D, y: B });
     }
   }
   return l.useEffect(() => {
     const _ = (D) => {
-      const H = D.target;
-      (y == null ? void 0 : y.contains(H)) && E(D, S);
+      const B = D.target;
+      (y == null ? void 0 : y.contains(B)) && E(D, S);
     };
     return document.addEventListener("wheel", _, { passive: !1 }), () => document.removeEventListener("wheel", _, { passive: !1 });
-  }, [x, y, S, E]), l.useEffect(T, [r, T]), ot(y, N), ot(w.content, N), /* @__PURE__ */ c(
+  }, [x, y, S, E]), l.useEffect(A, [r, A]), ot(y, N), ot(w.content, N), /* @__PURE__ */ c(
     tc,
     {
       scope: n,
@@ -2024,7 +2032,7 @@ var Za = l.forwardRef((e, t) => {
       hasThumb: o,
       onThumbChange: pe(s),
       onThumbPointerUp: pe(i),
-      onThumbPositionChange: T,
+      onThumbPositionChange: A,
       onThumbPointerDown: pe(a),
       children: /* @__PURE__ */ c(
         G.div,
@@ -2033,9 +2041,9 @@ var Za = l.forwardRef((e, t) => {
           ref: g,
           style: { position: "absolute", ...m.style },
           onPointerDown: Z(e.onPointerDown, (_) => {
-            _.button === 0 && (_.target.setPointerCapture(_.pointerId), v.current = y.getBoundingClientRect(), b.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", w.viewport && (w.viewport.style.scrollBehavior = "auto"), A(_));
+            _.button === 0 && (_.target.setPointerCapture(_.pointerId), v.current = y.getBoundingClientRect(), b.current = document.body.style.webkitUserSelect, document.body.style.webkitUserSelect = "none", w.viewport && (w.viewport.style.scrollBehavior = "auto"), R(_));
           }),
-          onPointerMove: Z(e.onPointerMove, A),
+          onPointerMove: Z(e.onPointerMove, R),
           onPointerUp: Z(e.onPointerUp, (_) => {
             const D = _.target;
             D.hasPointerCapture(_.pointerId) && D.releasePointerCapture(_.pointerId), document.body.style.webkitUserSelect = b.current, w.viewport && (w.viewport.style.scrollBehavior = ""), v.current = null;
@@ -2168,7 +2176,7 @@ function Zt(e, t) {
 }
 function ot(e, t) {
   const n = pe(t);
-  ae(() => {
+  ce(() => {
     let r = 0;
     if (e) {
       const o = new ResizeObserver(() => {
@@ -2225,102 +2233,102 @@ function br({
   onThreadCreate: f,
   onThreadDelete: h
 }) {
-  const { api: m, loadThread: w } = eo(), y = ke(() => d ?? m ?? new Jr(), [d, m]), [p, g] = J([]), [v, b] = J(!0), [x, S] = J(null), [E, T] = J(null), [N, A] = J(""), [_, D] = J(!1);
+  const { api: m, loadThread: w } = eo(), y = ke(() => d ?? m ?? new Jr(), [d, m]), [p, g] = Q([]), [v, b] = Q(!0), [x, S] = Q(null), [E, A] = Q(null), [N, R] = Q(""), [_, D] = Q(!1);
   ue(() => {
-    let R = !0;
-    return b(!0), y.listThreads().then((U) => R && g(U)).catch((U) => R && S((U == null ? void 0 : U.message) || String(U))).finally(() => R && b(!1)), () => {
-      R = !1;
+    let T = !0;
+    return b(!0), y.listThreads().then((k) => T && g(k)).catch((k) => T && S((k == null ? void 0 : k.message) || String(k))).finally(() => T && b(!1)), () => {
+      T = !1;
     };
   }, [y]);
-  const H = async () => {
+  const B = async () => {
     b(!0);
     try {
-      const R = await y.listThreads();
-      g(R);
-    } catch (R) {
-      S((R == null ? void 0 : R.message) || String(R));
+      const T = await y.listThreads();
+      g(T);
+    } catch (T) {
+      S((T == null ? void 0 : T.message) || String(T));
     } finally {
       b(!1);
     }
-  }, Y = async (R) => {
+  }, j = async (T) => {
     try {
-      await w(R), a == null || a(R), u == null || u(R);
-    } catch (U) {
-      console.error("Failed to select thread:", U);
+      await w(T), a == null || a(T), u == null || u(T);
+    } catch (k) {
+      console.error("Failed to select thread:", k);
     }
-  }, X = async () => {
+  }, Y = async () => {
     try {
       D(!0);
-      const R = await y.createThread();
-      await H(), await w(R.threadId), f == null || f(R.threadId), a == null || a(R.threadId);
-    } catch (R) {
-      console.error("Failed to create thread:", R);
+      const T = await y.createThread();
+      await B(), await w(T.threadId), f == null || f(T.threadId), a == null || a(T.threadId);
+    } catch (T) {
+      console.error("Failed to create thread:", T);
     } finally {
       D(!1);
     }
-  }, O = async (R, U) => {
-    if (U.stopPropagation(), !!confirm("Delete this thread?"))
+  }, O = async (T, k) => {
+    if (k.stopPropagation(), !!confirm("Delete this thread?"))
       try {
-        await y.deleteThread(R), await H(), h == null || h(R);
+        await y.deleteThread(T), await B(), h == null || h(T);
       } catch (se) {
         console.error("Failed to delete thread:", se);
       }
-  }, j = (R, U) => {
-    U.stopPropagation(), T(R.threadId), A(R.title || `Thread ${R.threadId.slice(0, 8)}`);
-  }, B = async (R) => {
+  }, U = (T, k) => {
+    k.stopPropagation(), A(T.threadId), R(T.title || `Thread ${T.threadId.slice(0, 8)}`);
+  }, F = async (T) => {
     if (N.trim())
       try {
-        await y.updateThread(R, N.trim()), T(null), A(""), await H();
-      } catch (U) {
-        console.error("Failed to update title:", U);
+        await y.updateThread(T, N.trim()), A(null), R(""), await B();
+      } catch (k) {
+        console.error("Failed to update title:", k);
       }
   }, W = () => {
-    T(null), A("");
-  }, I = (R, U) => {
-    R.key === "Enter" ? B(U) : R.key === "Escape" && W();
-  }, L = (R) => {
-    if (!R) return "";
+    A(null), R("");
+  }, I = (T, k) => {
+    T.key === "Enter" ? F(k) : T.key === "Escape" && W();
+  }, X = (T) => {
+    if (!T) return "";
     try {
-      const U = new Date(R), re = (/* @__PURE__ */ new Date()).getTime() - U.getTime(), ie = Math.floor(re / (1e3 * 60 * 60 * 24));
-      return ie === 0 ? U.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : ie === 1 ? "Yesterday" : ie < 7 ? `${ie} days ago` : U.toLocaleDateString();
+      const k = new Date(T), ae = (/* @__PURE__ */ new Date()).getTime() - k.getTime(), re = Math.floor(ae / (1e3 * 60 * 60 * 24));
+      return re === 0 ? k.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : re === 1 ? "Yesterday" : re < 7 ? `${re} days ago` : k.toLocaleDateString();
     } catch {
       return "";
     }
-  }, k = (R) => R.title || `Thread ${R.threadId.slice(0, 8)}`;
+  }, V = (T) => T.title || `Thread ${T.threadId.slice(0, 8)}`;
   return /* @__PURE__ */ C("div", { className: `flex flex-col h-full ${e} ${s.container || ""}`, children: [
-    t && /* @__PURE__ */ c("div", { className: "flex-shrink-0 p-4 border-b bg-white", children: /* @__PURE__ */ C(ne, { onClick: X, disabled: _ || v, className: `w-full ${s.createButton || ""}`, size: "sm", children: [
+    t && /* @__PURE__ */ c("div", { className: "flex-shrink-0 p-4 border-b bg-white", children: /* @__PURE__ */ C(ne, { onClick: Y, disabled: _ || v, className: `w-full ${s.createButton || ""}`, size: "sm", children: [
       /* @__PURE__ */ c(Li, { size: 16, className: "mr-2" }),
       _ ? "Creating..." : "New Conversation"
     ] }) }),
     /* @__PURE__ */ c(xo, { className: `flex-1 ${s.threadList || ""}`, style: { maxHeight: o }, children: /* @__PURE__ */ c("div", { className: "p-2 space-y-1 pb-4", children: v ? /* @__PURE__ */ c("div", { className: "text-center py-8 text-gray-500", children: "Loading…" }) : p.length === 0 ? /* @__PURE__ */ C("div", { className: "text-center py-8 text-gray-500", children: [
       /* @__PURE__ */ c($i, { className: "w-8 h-8 mx-auto mb-2 opacity-50" }),
       /* @__PURE__ */ c("p", { className: "text-sm", children: "No conversations yet" })
-    ] }) : p.slice().sort((R, U) => new Date(U.updatedAt || U.createdAt || "").getTime() - new Date(R.updatedAt || R.createdAt || "").getTime()).map((R) => /* @__PURE__ */ C(
+    ] }) : p.slice().sort((T, k) => new Date(k.updatedAt || k.createdAt || "").getTime() - new Date(T.updatedAt || T.createdAt || "").getTime()).map((T) => /* @__PURE__ */ C(
       "div",
       {
-        onClick: () => Y(R.threadId),
-        className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${i === R.threadId ? `bg-blue-50 border-blue-200 ${s.activeThread || ""}` : "bg-white border-gray-200 hover:bg-gray-50"} ${s.threadItem || ""}`,
+        onClick: () => j(T.threadId),
+        className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${i === T.threadId ? `bg-blue-50 border-blue-200 ${s.activeThread || ""}` : "bg-white border-gray-200 hover:bg-gray-50"} ${s.threadItem || ""}`,
         children: [
           /* @__PURE__ */ C("div", { className: "flex items-center justify-between", children: [
-            /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: E === R.threadId ? /* @__PURE__ */ C("div", { className: "flex items-center gap-2", onClick: (U) => U.stopPropagation(), children: [
-              /* @__PURE__ */ c(Ft, { value: N, onChange: (U) => A(U.target.value), onKeyDown: (U) => I(U, R.threadId), className: "h-6 text-sm", autoFocus: !0 }),
-              /* @__PURE__ */ c(ne, { variant: "ghost", size: "sm", onClick: () => B(R.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ c(Zr, { size: 12 }) }),
+            /* @__PURE__ */ c("div", { className: "flex-1 min-w-0", children: E === T.threadId ? /* @__PURE__ */ C("div", { className: "flex items-center gap-2", onClick: (k) => k.stopPropagation(), children: [
+              /* @__PURE__ */ c(Ft, { value: N, onChange: (k) => R(k.target.value), onKeyDown: (k) => I(k, T.threadId), className: "h-6 text-sm", autoFocus: !0 }),
+              /* @__PURE__ */ c(ne, { variant: "ghost", size: "sm", onClick: () => F(T.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ c(Zr, { size: 12 }) }),
               /* @__PURE__ */ c(ne, { variant: "ghost", size: "sm", onClick: W, className: "h-6 w-6 p-0", children: /* @__PURE__ */ c(ft, { size: 12 }) })
             ] }) : /* @__PURE__ */ C(_e, { children: [
-              /* @__PURE__ */ c("div", { className: "font-medium text-sm truncate", children: k(R) }),
+              /* @__PURE__ */ c("div", { className: "font-medium text-sm truncate", children: V(T) }),
               /* @__PURE__ */ C("div", { className: "flex items-center gap-2 text-xs text-gray-500 mt-1", children: [
                 /* @__PURE__ */ c(Fi, { size: 10 }),
-                /* @__PURE__ */ c("span", { children: L(R.updatedAt || R.createdAt) })
+                /* @__PURE__ */ c("span", { children: X(T.updatedAt || T.createdAt) })
               ] })
             ] }) }),
             /* @__PURE__ */ C("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity ml-2", children: [
-              r && E !== R.threadId && /* @__PURE__ */ c(ne, { variant: "ghost", size: "sm", onClick: (U) => j(R, U), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ c(qr, { size: 12 }) }),
+              r && E !== T.threadId && /* @__PURE__ */ c(ne, { variant: "ghost", size: "sm", onClick: (k) => U(T, k), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ c(qr, { size: 12 }) }),
               n && /* @__PURE__ */ c(
                 ne,
                 {
                   variant: "ghost",
                   size: "sm",
-                  onClick: (U) => O(R.threadId, U),
+                  onClick: (k) => O(T.threadId, k),
                   className: "h-6 w-6 p-0 text-red-500 hover:text-red-700 hover:bg-red-50",
                   title: "Delete thread",
                   children: /* @__PURE__ */ c(Bi, { size: 12 })
@@ -2328,10 +2336,10 @@ function br({
               )
             ] })
           ] }),
-          i === R.threadId && /* @__PURE__ */ c("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-blue-500 rounded-r" })
+          i === T.threadId && /* @__PURE__ */ c("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-blue-500 rounded-r" })
         ]
       },
-      R.threadId
+      T.threadId
     )) }) })
   ] });
 }
@@ -2382,7 +2390,7 @@ function To(e) {
 }
 function Ao(e) {
   const [t, n] = l.useState(void 0);
-  return ae(() => {
+  return ce(() => {
     if (e) {
       n({ width: e.offsetWidth, height: e.offsetHeight });
       const r = new ResizeObserver((o) => {
@@ -2402,7 +2410,7 @@ function Ao(e) {
       n(void 0);
   }, [e]), t;
 }
-var Jt = "Switch", [dc, af] = qe(Jt), [uc, fc] = dc(Jt), Ro = l.forwardRef(
+var Jt = "Switch", [dc, af] = Ze(Jt), [uc, fc] = dc(Jt), Ro = l.forwardRef(
   (e, t) => {
     const {
       __scopeSwitch: n,
@@ -2540,7 +2548,7 @@ const Fe = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
 ));
 Fe.displayName = Oo.displayName;
 function mc(e) {
-  const t = e + "CollectionProvider", [n, r] = qe(t), [o, s] = n(
+  const t = e + "CollectionProvider", [n, r] = Ze(t), [o, s] = n(
     t,
     { collectionRef: { current: null }, itemMap: /* @__PURE__ */ new Map() }
   ), i = (p) => {
@@ -2557,8 +2565,8 @@ function mc(e) {
   u.displayName = a;
   const f = e + "CollectionItemSlot", h = "data-radix-collection-item", m = mt(f), w = $e.forwardRef(
     (p, g) => {
-      const { scope: v, children: b, ...x } = p, S = $e.useRef(null), E = ee(g, S), T = s(f, v);
-      return $e.useEffect(() => (T.itemMap.set(S, { ref: S, ...x }), () => void T.itemMap.delete(S))), /* @__PURE__ */ c(m, { [h]: "", ref: E, children: b });
+      const { scope: v, children: b, ...x } = p, S = $e.useRef(null), E = ee(g, S), A = s(f, v);
+      return $e.useEffect(() => (A.itemMap.set(S, { ref: S, ...x }), () => void A.itemMap.delete(S))), /* @__PURE__ */ c(m, { [h]: "", ref: E, children: b });
     }
   );
   w.displayName = f;
@@ -2569,7 +2577,7 @@ function mc(e) {
       if (!b) return [];
       const x = Array.from(b.querySelectorAll(`[${h}]`));
       return Array.from(g.itemMap.values()).sort(
-        (T, N) => x.indexOf(T.ref.current) - x.indexOf(N.ref.current)
+        (A, N) => x.indexOf(A.ref.current) - x.indexOf(N.ref.current)
       );
     }, [g.collectionRef, g.itemMap]);
   }
@@ -2603,11 +2611,11 @@ var vc = "DismissableLayer", An = "dismissableLayer.update", wc = "dismissableLa
       onDismiss: a,
       ...d
     } = e, u = l.useContext(Do), [f, h] = l.useState(null), m = (f == null ? void 0 : f.ownerDocument) ?? (globalThis == null ? void 0 : globalThis.document), [, w] = l.useState({}), y = ee(t, (N) => h(N)), p = Array.from(u.layers), [g] = [...u.layersWithOutsidePointerEventsDisabled].slice(-1), v = p.indexOf(g), b = f ? p.indexOf(f) : -1, x = u.layersWithOutsidePointerEventsDisabled.size > 0, S = b >= v, E = Sc((N) => {
-      const A = N.target, _ = [...u.branches].some((D) => D.contains(A));
+      const R = N.target, _ = [...u.branches].some((D) => D.contains(R));
       !S || _ || (o == null || o(N), i == null || i(N), N.defaultPrevented || a == null || a());
-    }, m), T = Cc((N) => {
-      const A = N.target;
-      [...u.branches].some((D) => D.contains(A)) || (s == null || s(N), i == null || i(N), N.defaultPrevented || a == null || a());
+    }, m), A = Cc((N) => {
+      const R = N.target;
+      [...u.branches].some((D) => D.contains(R)) || (s == null || s(N), i == null || i(N), N.defaultPrevented || a == null || a());
     }, m);
     return gc((N) => {
       b === u.layers.size - 1 && (r == null || r(N), !N.defaultPrevented && a && (N.preventDefault(), a()));
@@ -2630,8 +2638,8 @@ var vc = "DismissableLayer", An = "dismissableLayer.update", wc = "dismissableLa
           pointerEvents: x ? S ? "auto" : "none" : void 0,
           ...e.style
         },
-        onFocusCapture: Z(e.onFocusCapture, T.onFocusCapture),
-        onBlurCapture: Z(e.onBlurCapture, T.onBlurCapture),
+        onFocusCapture: Z(e.onFocusCapture, A.onFocusCapture),
+        onBlurCapture: Z(e.onBlurCapture, A.onBlurCapture),
         onPointerDownCapture: Z(
           e.onPointerDownCapture,
           E.onPointerDownCapture
@@ -2846,7 +2854,7 @@ function Tr(e, t) {
 function Ic(e) {
   return e.filter((t) => t.tagName !== "A");
 }
-const kc = ["top", "right", "bottom", "left"], We = Math.min, me = Math.max, zt = Math.round, St = Math.floor, Ae = (e) => ({
+const kc = ["top", "right", "bottom", "left"], ze = Math.min, me = Math.max, zt = Math.round, St = Math.floor, Ae = (e) => ({
   x: e,
   y: e
 }), _c = {
@@ -2859,7 +2867,7 @@ const kc = ["top", "right", "bottom", "left"], We = Math.min, me = Math.max, zt
   end: "start"
 };
 function Rn(e, t, n) {
-  return me(e, We(t, n));
+  return me(e, ze(t, n));
 }
 function Oe(e, t) {
   return typeof e == "function" ? e(t) : e;
@@ -3127,20 +3135,20 @@ const Uc = (e) => ({
     const h = Fo(f), m = {
       x: n,
       y: r
-    }, w = qn(o), y = Gn(w), p = await i.getDimensions(u), g = w === "y", v = g ? "top" : "left", b = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", S = s.reference[y] + s.reference[w] - m[w] - s.floating[y], E = m[w] - s.reference[w], T = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(u));
-    let N = T ? T[x] : 0;
-    (!N || !await (i.isElement == null ? void 0 : i.isElement(T))) && (N = a.floating[x] || s.floating[y]);
-    const A = S / 2 - E / 2, _ = N / 2 - p[y] / 2 - 1, D = We(h[v], _), H = We(h[b], _), Y = D, X = N - p[y] - H, O = N / 2 - p[y] / 2 + A, j = Rn(Y, O, X), B = !d.arrow && it(o) != null && O !== j && s.reference[y] / 2 - (O < Y ? D : H) - p[y] / 2 < 0, W = B ? O < Y ? O - Y : O - X : 0;
+    }, w = qn(o), y = Gn(w), p = await i.getDimensions(u), g = w === "y", v = g ? "top" : "left", b = g ? "bottom" : "right", x = g ? "clientHeight" : "clientWidth", S = s.reference[y] + s.reference[w] - m[w] - s.floating[y], E = m[w] - s.reference[w], A = await (i.getOffsetParent == null ? void 0 : i.getOffsetParent(u));
+    let N = A ? A[x] : 0;
+    (!N || !await (i.isElement == null ? void 0 : i.isElement(A))) && (N = a.floating[x] || s.floating[y]);
+    const R = S / 2 - E / 2, _ = N / 2 - p[y] / 2 - 1, D = ze(h[v], _), B = ze(h[b], _), j = D, Y = N - p[y] - B, O = N / 2 - p[y] / 2 + R, U = Rn(j, O, Y), F = !d.arrow && it(o) != null && O !== U && s.reference[y] / 2 - (O < j ? D : B) - p[y] / 2 < 0, W = F ? O < j ? O - j : O - Y : 0;
     return {
       [w]: m[w] + W,
       data: {
-        [w]: j,
-        centerOffset: O - j - W,
-        ...B && {
+        [w]: U,
+        centerOffset: O - U - W,
+        ...F && {
           alignmentOffset: W
         }
       },
-      reset: B
+      reset: F
     };
   }
 }), Vc = function(e) {
@@ -3167,21 +3175,21 @@ const Uc = (e) => ({
       } = Oe(e, t);
       if ((n = s.arrow) != null && n.alignmentOffset)
         return {};
-      const v = De(o), b = Te(a), x = De(a) === a, S = await (d.isRTL == null ? void 0 : d.isRTL(u.floating)), E = m || (x || !p ? [Ht(a)] : Lc(a)), T = y !== "none";
-      !m && T && E.push(...Wc(a, p, y, S));
-      const N = [a, ...E], A = await vt(t, g), _ = [];
+      const v = De(o), b = Te(a), x = De(a) === a, S = await (d.isRTL == null ? void 0 : d.isRTL(u.floating)), E = m || (x || !p ? [Ht(a)] : Lc(a)), A = y !== "none";
+      !m && A && E.push(...Wc(a, p, y, S));
+      const N = [a, ...E], R = await vt(t, g), _ = [];
       let D = ((r = s.flip) == null ? void 0 : r.overflows) || [];
-      if (f && _.push(A[v]), h) {
+      if (f && _.push(R[v]), h) {
         const O = Mc(o, i, S);
-        _.push(A[O[0]], A[O[1]]);
+        _.push(R[O[0]], R[O[1]]);
       }
       if (D = [...D, {
         placement: o,
         overflows: _
       }], !_.every((O) => O <= 0)) {
-        var H, Y;
-        const O = (((H = s.flip) == null ? void 0 : H.index) || 0) + 1, j = N[O];
-        if (j && (!(h === "alignment" ? b !== Te(j) : !1) || // We leave the current main axis only if every placement on that axis
+        var B, j;
+        const O = (((B = s.flip) == null ? void 0 : B.index) || 0) + 1, U = N[O];
+        if (U && (!(h === "alignment" ? b !== Te(U) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
         D.every((I) => Te(I.placement) === b ? I.overflows[0] > 0 : !0)))
           return {
@@ -3190,34 +3198,34 @@ const Uc = (e) => ({
               overflows: D
             },
             reset: {
-              placement: j
+              placement: U
             }
           };
-        let B = (Y = D.filter((W) => W.overflows[0] <= 0).sort((W, I) => W.overflows[1] - I.overflows[1])[0]) == null ? void 0 : Y.placement;
-        if (!B)
+        let F = (j = D.filter((W) => W.overflows[0] <= 0).sort((W, I) => W.overflows[1] - I.overflows[1])[0]) == null ? void 0 : j.placement;
+        if (!F)
           switch (w) {
             case "bestFit": {
-              var X;
-              const W = (X = D.filter((I) => {
-                if (T) {
-                  const L = Te(I.placement);
-                  return L === b || // Create a bias to the `y` side axis due to horizontal
+              var Y;
+              const W = (Y = D.filter((I) => {
+                if (A) {
+                  const X = Te(I.placement);
+                  return X === b || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  L === "y";
+                  X === "y";
                 }
                 return !0;
-              }).map((I) => [I.placement, I.overflows.filter((L) => L > 0).reduce((L, k) => L + k, 0)]).sort((I, L) => I[1] - L[1])[0]) == null ? void 0 : X[0];
-              W && (B = W);
+              }).map((I) => [I.placement, I.overflows.filter((X) => X > 0).reduce((X, V) => X + V, 0)]).sort((I, X) => I[1] - X[1])[0]) == null ? void 0 : Y[0];
+              W && (F = W);
               break;
             }
             case "initialPlacement":
-              B = a;
+              F = a;
               break;
           }
-        if (o !== B)
+        if (o !== F)
           return {
             reset: {
-              placement: B
+              placement: F
             }
           };
       }
@@ -3416,8 +3424,8 @@ const Xc = function(e) {
       }
       if (u) {
         var v, b;
-        const x = m === "y" ? "width" : "height", S = Bo.has(De(o)), E = s.reference[h] - s.floating[x] + (S && ((v = i.offset) == null ? void 0 : v[h]) || 0) + (S ? 0 : g.crossAxis), T = s.reference[h] + s.reference[x] + (S ? 0 : ((b = i.offset) == null ? void 0 : b[h]) || 0) - (S ? g.crossAxis : 0);
-        y < E ? y = E : y > T && (y = T);
+        const x = m === "y" ? "width" : "height", S = Bo.has(De(o)), E = s.reference[h] - s.floating[x] + (S && ((v = i.offset) == null ? void 0 : v[h]) || 0) + (S ? 0 : g.crossAxis), A = s.reference[h] + s.reference[x] + (S ? 0 : ((b = i.offset) == null ? void 0 : b[h]) || 0) - (S ? g.crossAxis : 0);
+        y < E ? y = E : y > A && (y = A);
       }
       return {
         [m]: w,
@@ -3446,15 +3454,15 @@ const Xc = function(e) {
       } = s.floating;
       let g, v;
       h === "top" || h === "bottom" ? (g = h, v = m === (await (i.isRTL == null ? void 0 : i.isRTL(a.floating)) ? "start" : "end") ? "left" : "right") : (v = h, g = m === "end" ? "top" : "bottom");
-      const b = p - f.top - f.bottom, x = y - f.left - f.right, S = We(p - f[g], b), E = We(y - f[v], x), T = !t.middlewareData.shift;
-      let N = S, A = E;
-      if ((n = t.middlewareData.shift) != null && n.enabled.x && (A = x), (r = t.middlewareData.shift) != null && r.enabled.y && (N = b), T && !m) {
-        const D = me(f.left, 0), H = me(f.right, 0), Y = me(f.top, 0), X = me(f.bottom, 0);
-        w ? A = y - 2 * (D !== 0 || H !== 0 ? D + H : me(f.left, f.right)) : N = p - 2 * (Y !== 0 || X !== 0 ? Y + X : me(f.top, f.bottom));
+      const b = p - f.top - f.bottom, x = y - f.left - f.right, S = ze(p - f[g], b), E = ze(y - f[v], x), A = !t.middlewareData.shift;
+      let N = S, R = E;
+      if ((n = t.middlewareData.shift) != null && n.enabled.x && (R = x), (r = t.middlewareData.shift) != null && r.enabled.y && (N = b), A && !m) {
+        const D = me(f.left, 0), B = me(f.right, 0), j = me(f.top, 0), Y = me(f.bottom, 0);
+        w ? R = y - 2 * (D !== 0 || B !== 0 ? D + B : me(f.left, f.right)) : N = p - 2 * (j !== 0 || Y !== 0 ? j + Y : me(f.top, f.bottom));
       }
       await d({
         ...t,
-        availableWidth: A,
+        availableWidth: R,
         availableHeight: N
       });
       const _ = await i.getDimensions(a.floating);
@@ -3522,13 +3530,13 @@ function Zn(e) {
   return tl.some((r) => n[r] ? n[r] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || nl.some((r) => (n.willChange || "").includes(r)) || rl.some((r) => (n.contain || "").includes(r));
 }
 function ol(e) {
-  let t = ze(e);
+  let t = He(e);
   for (; Re(t) && !st(t); ) {
     if (Zn(t))
       return t;
     if (en(t))
       return null;
-    t = ze(t);
+    t = He(t);
   }
   return null;
 }
@@ -3551,7 +3559,7 @@ function tn(e) {
     scrollTop: e.scrollY
   };
 }
-function ze(e) {
+function He(e) {
   if (at(e) === "html")
     return e;
   const t = (
@@ -3564,7 +3572,7 @@ function ze(e) {
   return _r(t) ? t.host : t;
 }
 function zo(e) {
-  const t = ze(e);
+  const t = He(e);
   return st(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : Re(t) && bt(t) ? t : zo(t);
 }
 function wt(e, t, n) {
@@ -3619,7 +3627,7 @@ function Uo(e) {
 function al(e, t, n) {
   return t === void 0 && (t = !1), !n || t && n !== ge(e) ? !1 : t;
 }
-function Ye(e, t, n, r) {
+function Xe(e, t, n, r) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const o = e.getBoundingClientRect(), s = Qn(e);
   let i = Ae(1);
@@ -3643,7 +3651,7 @@ function Ye(e, t, n, r) {
 }
 function nn(e, t) {
   const n = tn(e).scrollLeft;
-  return t ? t.left + n : Ye(Ie(e)).left + n;
+  return t ? t.left + n : Xe(Ie(e)).left + n;
 }
 function Vo(e, t) {
   const n = e.getBoundingClientRect(), r = n.left + t.scrollLeft - nn(e, n), o = n.top + t.scrollTop;
@@ -3668,7 +3676,7 @@ function cl(e) {
   }, u = Ae(1);
   const f = Ae(0), h = Re(r);
   if ((h || !h && !s) && ((at(r) !== "body" || bt(i)) && (d = tn(r)), Re(r))) {
-    const w = Ye(r);
+    const w = Xe(r);
     u = nt(r), f.x = w.x + r.clientLeft, f.y = w.y + r.clientTop;
   }
   const m = i && !h && !s ? Vo(i, d) : Ae(0);
@@ -3716,7 +3724,7 @@ function ul(e, t) {
 }
 const fl = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function hl(e, t) {
-  const n = Ye(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, s = Re(e) ? nt(e) : Ae(1), i = e.clientWidth * s.x, a = e.clientHeight * s.y, d = o * s.x, u = r * s.y;
+  const n = Xe(e, !0, t === "fixed"), r = n.top + e.clientTop, o = n.left + e.clientLeft, s = Re(e) ? nt(e) : Ae(1), i = e.clientWidth * s.x, a = e.clientHeight * s.y, d = o * s.x, u = r * s.y;
   return {
     width: i,
     height: a,
@@ -3744,7 +3752,7 @@ function Dr(e, t, n) {
   return Ut(r);
 }
 function jo(e, t) {
-  const n = ze(e);
+  const n = He(e);
   return n === t || !xe(n) || st(n) ? !1 : Se(n).position === "fixed" || jo(n, t);
 }
 function pl(e, t) {
@@ -3753,10 +3761,10 @@ function pl(e, t) {
     return n;
   let r = wt(e, [], !1).filter((a) => xe(a) && at(a) !== "body"), o = null;
   const s = Se(e).position === "fixed";
-  let i = s ? ze(e) : e;
+  let i = s ? He(e) : e;
   for (; xe(i) && !st(i); ) {
     const a = Se(i), d = Zn(i);
-    !d && a.position === "fixed" && (o = null), (s ? !d && !o : !d && a.position === "static" && !!o && fl.has(o.position) || bt(i) && !d && jo(e, i)) ? r = r.filter((f) => f !== i) : o = a, i = ze(i);
+    !d && a.position === "fixed" && (o = null), (s ? !d && !o : !d && a.position === "static" && !!o && fl.has(o.position) || bt(i) && !d && jo(e, i)) ? r = r.filter((f) => f !== i) : o = a, i = He(i);
   }
   return t.set(e, r), r;
 }
@@ -3769,7 +3777,7 @@ function ml(e) {
   } = e;
   const i = [...n === "clippingAncestors" ? en(t) ? [] : pl(t, this._c) : [].concat(n), r], a = i[0], d = i.reduce((u, f) => {
     const h = Dr(t, f, o);
-    return u.top = me(h.top, u.top), u.right = We(h.right, u.right), u.bottom = We(h.bottom, u.bottom), u.left = me(h.left, u.left), u;
+    return u.top = me(h.top, u.top), u.right = ze(h.right, u.right), u.bottom = ze(h.bottom, u.bottom), u.left = me(h.left, u.left), u;
   }, Dr(t, a, o));
   return {
     width: d.right - d.left,
@@ -3789,7 +3797,7 @@ function gl(e) {
   };
 }
 function vl(e, t, n) {
-  const r = Re(t), o = Ie(t), s = n === "fixed", i = Ye(e, !0, s, t);
+  const r = Re(t), o = Ie(t), s = n === "fixed", i = Xe(e, !0, s, t);
   let a = {
     scrollLeft: 0,
     scrollTop: 0
@@ -3800,7 +3808,7 @@ function vl(e, t, n) {
   }
   if (r || !r && !s)
     if ((at(t) !== "body" || bt(o)) && (a = tn(t)), r) {
-      const w = Ye(t, !0, s, t);
+      const w = Xe(t, !0, s, t);
       d.x = w.x + t.clientLeft, d.y = w.y + t.clientTop;
     } else o && u();
   s && !r && o && u();
@@ -3828,11 +3836,11 @@ function Yo(e, t) {
   if (en(e))
     return n;
   if (!Re(e)) {
-    let o = ze(e);
+    let o = He(e);
     for (; o && !st(o); ) {
       if (xe(o) && !vn(o))
         return o;
-      o = ze(o);
+      o = He(o);
     }
     return n;
   }
@@ -3890,11 +3898,11 @@ function xl(e, t) {
       return;
     const y = St(h), p = St(o.clientWidth - (f + m)), g = St(o.clientHeight - (h + w)), v = St(f), x = {
       rootMargin: -y + "px " + -p + "px " + -g + "px " + -v + "px",
-      threshold: me(0, We(1, d)) || 1
+      threshold: me(0, ze(1, d)) || 1
     };
     let S = !0;
-    function E(T) {
-      const N = T[0].intersectionRatio;
+    function E(A) {
+      const N = A[0].intersectionRatio;
       if (N !== d) {
         if (!S)
           return i();
@@ -3940,10 +3948,10 @@ function Sl(e, t, n, r) {
       (x = w) == null || x.observe(t);
     })), n();
   }), u && !d && w.observe(u), w.observe(t));
-  let y, p = d ? Ye(e) : null;
+  let y, p = d ? Xe(e) : null;
   d && g();
   function g() {
-    const v = Ye(e);
+    const v = Xe(e);
     p && !Xo(p, v) && n(), p = v, y = requestAnimationFrame(g);
   }
   return n(), () => {
@@ -4035,33 +4043,33 @@ function _l(e) {
   }), [m, w] = l.useState(r);
   Vt(m, r) || w(r);
   const [y, p] = l.useState(null), [g, v] = l.useState(null), b = l.useCallback((I) => {
-    I !== T.current && (T.current = I, p(I));
+    I !== A.current && (A.current = I, p(I));
   }, []), x = l.useCallback((I) => {
     I !== N.current && (N.current = I, v(I));
-  }, []), S = s || y, E = i || g, T = l.useRef(null), N = l.useRef(null), A = l.useRef(f), _ = d != null, D = wn(d), H = wn(o), Y = wn(u), X = l.useCallback(() => {
-    if (!T.current || !N.current)
+  }, []), S = s || y, E = i || g, A = l.useRef(null), N = l.useRef(null), R = l.useRef(f), _ = d != null, D = wn(d), B = wn(o), j = wn(u), Y = l.useCallback(() => {
+    if (!A.current || !N.current)
       return;
     const I = {
       placement: t,
       strategy: n,
       middleware: m
     };
-    H.current && (I.platform = H.current), Pl(T.current, N.current, I).then((L) => {
-      const k = {
-        ...L,
+    B.current && (I.platform = B.current), Pl(A.current, N.current, I).then((X) => {
+      const V = {
+        ...X,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
         // setting it to `true` when `open === false` (must be specified).
-        isPositioned: Y.current !== !1
+        isPositioned: j.current !== !1
       };
-      O.current && !Vt(A.current, k) && (A.current = k, Kt.flushSync(() => {
-        h(k);
+      O.current && !Vt(R.current, V) && (R.current = V, Kt.flushSync(() => {
+        h(V);
       }));
     });
-  }, [m, t, n, H, Y]);
+  }, [m, t, n, B, j]);
   Rt(() => {
-    u === !1 && A.current.isPositioned && (A.current.isPositioned = !1, h((I) => ({
+    u === !1 && R.current.isPositioned && (R.current.isPositioned = !1, h((I) => ({
       ...I,
       isPositioned: !1
     })));
@@ -4070,18 +4078,18 @@ function _l(e) {
   Rt(() => (O.current = !0, () => {
     O.current = !1;
   }), []), Rt(() => {
-    if (S && (T.current = S), E && (N.current = E), S && E) {
+    if (S && (A.current = S), E && (N.current = E), S && E) {
       if (D.current)
-        return D.current(S, E, X);
-      X();
+        return D.current(S, E, Y);
+      Y();
     }
-  }, [S, E, X, D, _]);
-  const j = l.useMemo(() => ({
-    reference: T,
+  }, [S, E, Y, D, _]);
+  const U = l.useMemo(() => ({
+    reference: A,
     floating: N,
     setReference: b,
     setFloating: x
-  }), [b, x]), B = l.useMemo(() => ({
+  }), [b, x]), F = l.useMemo(() => ({
     reference: S,
     floating: E
   }), [S, E]), W = l.useMemo(() => {
@@ -4090,28 +4098,28 @@ function _l(e) {
       left: 0,
       top: 0
     };
-    if (!B.floating)
+    if (!F.floating)
       return I;
-    const L = $r(B.floating, f.x), k = $r(B.floating, f.y);
+    const X = $r(F.floating, f.x), V = $r(F.floating, f.y);
     return a ? {
       ...I,
-      transform: "translate(" + L + "px, " + k + "px)",
-      ...Ko(B.floating) >= 1.5 && {
+      transform: "translate(" + X + "px, " + V + "px)",
+      ...Ko(F.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: n,
-      left: L,
-      top: k
+      left: X,
+      top: V
     };
-  }, [n, a, B.floating, f.x, f.y]);
+  }, [n, a, F.floating, f.x, f.y]);
   return l.useMemo(() => ({
     ...f,
-    update: X,
-    refs: j,
-    elements: B,
+    update: Y,
+    refs: U,
+    elements: F,
     floatingStyles: W
-  }), [f, X, j, B, W]);
+  }), [f, Y, U, F, W]);
 }
 const Ol = (e) => {
   function t(n) {
@@ -4172,7 +4180,7 @@ var zl = "Arrow", Go = l.forwardRef((e, t) => {
   );
 });
 Go.displayName = zl;
-var Hl = Go, er = "Popper", [qo, Zo] = qe(er), [Ul, Jo] = qo(er), Qo = (e) => {
+var Hl = Go, er = "Popper", [qo, Zo] = Ze(er), [Ul, Jo] = qo(er), Qo = (e) => {
   const { __scopePopper: t, children: n } = e, [r, o] = l.useState(null);
   return /* @__PURE__ */ c(Ul, { scope: t, anchor: r, onAnchorChange: o, children: n });
 };
@@ -4189,7 +4197,7 @@ var es = "PopperAnchor", ts = l.forwardRef(
 ts.displayName = es;
 var tr = "PopperContent", [Vl, jl] = qo(tr), ns = l.forwardRef(
   (e, t) => {
-    var V, Q, oe, F, $, q;
+    var H, J, oe, $, L, q;
     const {
       __scopePopper: n,
       side: r = "bottom",
@@ -4205,12 +4213,12 @@ var tr = "PopperContent", [Vl, jl] = qo(tr), ns = l.forwardRef(
       updatePositionStrategy: w = "optimized",
       onPlaced: y,
       ...p
-    } = e, g = Jo(tr, n), [v, b] = l.useState(null), x = ee(t, (fe) => b(fe)), [S, E] = l.useState(null), T = Ao(S), N = (T == null ? void 0 : T.width) ?? 0, A = (T == null ? void 0 : T.height) ?? 0, _ = r + (s !== "center" ? "-" + s : ""), D = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, H = Array.isArray(u) ? u : [u], Y = H.length > 0, X = {
+    } = e, g = Jo(tr, n), [v, b] = l.useState(null), x = ee(t, (fe) => b(fe)), [S, E] = l.useState(null), A = Ao(S), N = (A == null ? void 0 : A.width) ?? 0, R = (A == null ? void 0 : A.height) ?? 0, _ = r + (s !== "center" ? "-" + s : ""), D = typeof f == "number" ? f : { top: 0, right: 0, bottom: 0, left: 0, ...f }, B = Array.isArray(u) ? u : [u], j = B.length > 0, Y = {
       padding: D,
-      boundary: H.filter(Xl),
+      boundary: B.filter(Xl),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
-      altBoundary: Y
-    }, { refs: O, floatingStyles: j, placement: B, isPositioned: W, middlewareData: I } = _l({
+      altBoundary: j
+    }, { refs: O, floatingStyles: U, placement: F, isPositioned: W, middlewareData: I } = _l({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: _,
@@ -4221,46 +4229,46 @@ var tr = "PopperContent", [Vl, jl] = qo(tr), ns = l.forwardRef(
         reference: g.anchor
       },
       middleware: [
-        Dl({ mainAxis: o + A, alignmentAxis: i }),
+        Dl({ mainAxis: o + R, alignmentAxis: i }),
         d && Ml({
           mainAxis: !0,
           crossAxis: !1,
           limiter: h === "partial" ? Ll() : void 0,
-          ...X
+          ...Y
         }),
-        d && $l({ ...X }),
+        d && $l({ ...Y }),
         Fl({
-          ...X,
+          ...Y,
           apply: ({ elements: fe, rects: ve, availableWidth: Ne, availableHeight: Le }) => {
             const { width: P, height: z } = ve.reference, K = fe.floating.style;
             K.setProperty("--radix-popper-available-width", `${Ne}px`), K.setProperty("--radix-popper-available-height", `${Le}px`), K.setProperty("--radix-popper-anchor-width", `${P}px`), K.setProperty("--radix-popper-anchor-height", `${z}px`);
           }
         }),
         S && Wl({ element: S, padding: a }),
-        Kl({ arrowWidth: N, arrowHeight: A }),
-        m && Bl({ strategy: "referenceHidden", ...X })
+        Kl({ arrowWidth: N, arrowHeight: R }),
+        m && Bl({ strategy: "referenceHidden", ...Y })
       ]
-    }), [L, k] = ss(B), R = pe(y);
-    ae(() => {
-      W && (R == null || R());
-    }, [W, R]);
-    const U = (V = I.arrow) == null ? void 0 : V.x, se = (Q = I.arrow) == null ? void 0 : Q.y, re = ((oe = I.arrow) == null ? void 0 : oe.centerOffset) !== 0, [ie, le] = l.useState();
-    return ae(() => {
-      v && le(window.getComputedStyle(v).zIndex);
+    }), [X, V] = ss(F), T = pe(y);
+    ce(() => {
+      W && (T == null || T());
+    }, [W, T]);
+    const k = (H = I.arrow) == null ? void 0 : H.x, se = (J = I.arrow) == null ? void 0 : J.y, ae = ((oe = I.arrow) == null ? void 0 : oe.centerOffset) !== 0, [re, ie] = l.useState();
+    return ce(() => {
+      v && ie(window.getComputedStyle(v).zIndex);
     }, [v]), /* @__PURE__ */ c(
       "div",
       {
         ref: O.setFloating,
         "data-radix-popper-content-wrapper": "",
         style: {
-          ...j,
-          transform: W ? j.transform : "translate(0, -200%)",
+          ...U,
+          transform: W ? U.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
-          zIndex: ie,
+          zIndex: re,
           "--radix-popper-transform-origin": [
-            (F = I.transformOrigin) == null ? void 0 : F.x,
-            ($ = I.transformOrigin) == null ? void 0 : $.y
+            ($ = I.transformOrigin) == null ? void 0 : $.x,
+            (L = I.transformOrigin) == null ? void 0 : L.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
@@ -4275,16 +4283,16 @@ var tr = "PopperContent", [Vl, jl] = qo(tr), ns = l.forwardRef(
           Vl,
           {
             scope: n,
-            placedSide: L,
+            placedSide: X,
             onArrowChange: E,
-            arrowX: U,
+            arrowX: k,
             arrowY: se,
-            shouldHideArrow: re,
+            shouldHideArrow: ae,
             children: /* @__PURE__ */ c(
               G.div,
               {
-                "data-side": L,
-                "data-align": k,
+                "data-side": X,
+                "data-align": V,
                 ...p,
                 ref: x,
                 style: {
@@ -4373,7 +4381,7 @@ function ss(e) {
 var Gl = Qo, ql = ts, Zl = ns, Jl = os, Ql = "Portal", nr = l.forwardRef((e, t) => {
   var a;
   const { container: n, ...r } = e, [o, s] = l.useState(!1);
-  ae(() => s(!0), []);
+  ce(() => s(!0), []);
   const i = n || o && ((a = globalThis == null ? void 0 : globalThis.document) == null ? void 0 : a.body);
   return i ? qi.createPortal(/* @__PURE__ */ c(G.div, { ...r, ref: t }), i) : null;
 });
@@ -4406,7 +4414,7 @@ var nd = function(e) {
     return null;
   var t = Array.isArray(e) ? e[0] : e;
   return t.ownerDocument.body;
-}, Ze = /* @__PURE__ */ new WeakMap(), Ct = /* @__PURE__ */ new WeakMap(), Nt = {}, bn = 0, as = function(e) {
+}, Je = /* @__PURE__ */ new WeakMap(), Ct = /* @__PURE__ */ new WeakMap(), Nt = {}, bn = 0, as = function(e) {
   return e && (e.host || as(e.parentNode));
 }, rd = function(e, t) {
   return t.map(function(n) {
@@ -4430,8 +4438,8 @@ var nd = function(e) {
         f(m);
       else
         try {
-          var w = m.getAttribute(r), y = w !== null && w !== "false", p = (Ze.get(m) || 0) + 1, g = (s.get(m) || 0) + 1;
-          Ze.set(m, p), s.set(m, g), i.push(m), p === 1 && y && Ct.set(m, !0), g === 1 && m.setAttribute(n, "true"), y || m.setAttribute(r, "true");
+          var w = m.getAttribute(r), y = w !== null && w !== "false", p = (Je.get(m) || 0) + 1, g = (s.get(m) || 0) + 1;
+          Je.set(m, p), s.set(m, g), i.push(m), p === 1 && y && Ct.set(m, !0), g === 1 && m.setAttribute(n, "true"), y || m.setAttribute(r, "true");
         } catch (v) {
           console.error("aria-hidden: cannot operate on ", m, v);
         }
@@ -4439,9 +4447,9 @@ var nd = function(e) {
   };
   return f(t), a.clear(), bn++, function() {
     i.forEach(function(h) {
-      var m = Ze.get(h) - 1, w = s.get(h) - 1;
-      Ze.set(h, m), s.set(h, w), m || (Ct.has(h) || h.removeAttribute(r), Ct.delete(h)), w || h.removeAttribute(n);
-    }), bn--, bn || (Ze = /* @__PURE__ */ new WeakMap(), Ze = /* @__PURE__ */ new WeakMap(), Ct = /* @__PURE__ */ new WeakMap(), Nt = {});
+      var m = Je.get(h) - 1, w = s.get(h) - 1;
+      Je.set(h, m), s.set(h, w), m || (Ct.has(h) || h.removeAttribute(r), Ct.delete(h)), w || h.removeAttribute(n);
+    }), bn--, bn || (Je = /* @__PURE__ */ new WeakMap(), Je = /* @__PURE__ */ new WeakMap(), Ct = /* @__PURE__ */ new WeakMap(), Nt = {});
   };
 }, cs = function(e, t, n) {
   n === void 0 && (n = "data-aria-hidden");
@@ -4476,7 +4484,7 @@ function yn(e, t) {
   return typeof e == "function" ? e(t) : e && (e.current = t), e;
 }
 function cd(e, t) {
-  var n = J(function() {
+  var n = Q(function() {
     return {
       // value
       value: e,
@@ -4598,12 +4606,12 @@ var us = hd(), xn = function() {
     onScrollCapture: xn,
     onWheelCapture: xn,
     onTouchMoveCapture: xn
-  }), o = r[0], s = r[1], i = e.forwardProps, a = e.children, d = e.className, u = e.removeScrollBar, f = e.enabled, h = e.shards, m = e.sideCar, w = e.noRelative, y = e.noIsolation, p = e.inert, g = e.allowPinchZoom, v = e.as, b = v === void 0 ? "div" : v, x = e.gapMode, S = ls(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = m, T = dd([n, t]), N = Ee(Ee({}, S), o);
+  }), o = r[0], s = r[1], i = e.forwardProps, a = e.children, d = e.className, u = e.removeScrollBar, f = e.enabled, h = e.shards, m = e.sideCar, w = e.noRelative, y = e.noIsolation, p = e.inert, g = e.allowPinchZoom, v = e.as, b = v === void 0 ? "div" : v, x = e.gapMode, S = ls(e, ["forwardProps", "children", "className", "removeScrollBar", "enabled", "shards", "sideCar", "noRelative", "noIsolation", "inert", "allowPinchZoom", "as", "gapMode"]), E = m, A = dd([n, t]), N = Ee(Ee({}, S), o);
   return l.createElement(
     l.Fragment,
     null,
     f && l.createElement(E, { sideCar: us, removeScrollBar: u, shards: h, noRelative: w, noIsolation: y, inert: p, setCallbacks: s, allowPinchZoom: !!g, lockRef: n, gapMode: x }),
-    i ? l.cloneElement(l.Children.only(a), Ee(Ee({}, N), { ref: T })) : l.createElement(b, Ee({}, N, { className: d, ref: T }), a)
+    i ? l.cloneElement(l.Children.only(a), Ee(Ee({}, N), { ref: A })) : l.createElement(b, Ee({}, N, { className: d, ref: A }), a)
   );
 });
 rn.defaultProps = {
@@ -4752,7 +4760,7 @@ if (typeof window < "u")
   } catch {
     kn = !1;
   }
-var Je = kn ? { passive: !1 } : !1, Rd = function(e) {
+var Qe = kn ? { passive: !1 } : !1, Rd = function(e) {
   return e.tagName === "TEXTAREA";
 }, hs = function(e, t) {
   if (!(e instanceof Element))
@@ -4828,7 +4836,7 @@ var Je = kn ? { passive: !1 } : !1, Rd = function(e) {
   .block-interactivity-`.concat(e, ` {pointer-events: none;}
   .allow-interactivity-`).concat(e, ` {pointer-events: all;}
 `);
-}, $d = 0, Qe = [];
+}, $d = 0, et = [];
 function Fd(e) {
   var t = l.useRef([]), n = l.useRef([0, 0]), r = l.useRef(), o = l.useState($d++)[0], s = l.useState(fs)[0], i = l.useRef(e);
   l.useEffect(function() {
@@ -4849,13 +4857,13 @@ function Fd(e) {
   var a = l.useCallback(function(p, g) {
     if ("touches" in p && p.touches.length === 2 || p.type === "wheel" && p.ctrlKey)
       return !i.current.allowPinchZoom;
-    var v = Tt(p), b = n.current, x = "deltaX" in p ? p.deltaX : b[0] - v[0], S = "deltaY" in p ? p.deltaY : b[1] - v[1], E, T = p.target, N = Math.abs(x) > Math.abs(S) ? "h" : "v";
-    if ("touches" in p && N === "h" && T.type === "range")
+    var v = Tt(p), b = n.current, x = "deltaX" in p ? p.deltaX : b[0] - v[0], S = "deltaY" in p ? p.deltaY : b[1] - v[1], E, A = p.target, N = Math.abs(x) > Math.abs(S) ? "h" : "v";
+    if ("touches" in p && N === "h" && A.type === "range")
       return !1;
-    var A = Wr(N, T);
-    if (!A)
+    var R = Wr(N, A);
+    if (!R)
       return !0;
-    if (A ? E = N : (E = N === "v" ? "h" : "v", A = Wr(N, T)), !A)
+    if (R ? E = N : (E = N === "v" ? "h" : "v", R = Wr(N, A)), !R)
       return !1;
     if (!r.current && "changedTouches" in p && (x || S) && (r.current = E), !E)
       return !0;
@@ -4863,7 +4871,7 @@ function Fd(e) {
     return Dd(_, g, p, _ === "h" ? x : S);
   }, []), d = l.useCallback(function(p) {
     var g = p;
-    if (!(!Qe.length || Qe[Qe.length - 1] !== s)) {
+    if (!(!et.length || et[et.length - 1] !== s)) {
       var v = "deltaY" in g ? zr(g) : Tt(g), b = t.current.filter(function(E) {
         return E.name === g.type && (E.target === g.target || g.target === E.shadowParent) && Md(E.delta, v);
       })[0];
@@ -4893,14 +4901,14 @@ function Fd(e) {
     u(p.type, Tt(p), p.target, a(p, e.lockRef.current));
   }, []);
   l.useEffect(function() {
-    return Qe.push(s), e.setCallbacks({
+    return et.push(s), e.setCallbacks({
       onScrollCapture: h,
       onWheelCapture: h,
       onTouchMoveCapture: m
-    }), document.addEventListener("wheel", d, Je), document.addEventListener("touchmove", d, Je), document.addEventListener("touchstart", f, Je), function() {
-      Qe = Qe.filter(function(p) {
+    }), document.addEventListener("wheel", d, Qe), document.addEventListener("touchmove", d, Qe), document.addEventListener("touchstart", f, Qe), function() {
+      et = et.filter(function(p) {
         return p !== s;
-      }), document.removeEventListener("wheel", d, Je), document.removeEventListener("touchmove", d, Je), document.removeEventListener("touchstart", f, Je);
+      }), document.removeEventListener("wheel", d, Qe), document.removeEventListener("touchmove", d, Qe), document.removeEventListener("touchstart", f, Qe);
     };
   }, []);
   var w = e.removeScrollBar, y = e.inert;
@@ -4921,10 +4929,10 @@ var rr = l.forwardRef(function(e, t) {
   return l.createElement(rn, Ee({}, e, { ref: t, sideCar: Wd }));
 });
 rr.classNames = rn.classNames;
-var zd = [" ", "Enter", "ArrowUp", "ArrowDown"], Hd = [" ", "Enter"], Xe = "Select", [on, sn, Ud] = mc(Xe), [ct, cf] = qe(Xe, [
+var zd = [" ", "Enter", "ArrowUp", "ArrowDown"], Hd = [" ", "Enter"], Ke = "Select", [on, sn, Ud] = mc(Ke), [ct, cf] = Ze(Ke, [
   Ud,
   Zo
-]), an = Zo(), [Vd, He] = ct(Xe), [jd, Yd] = ct(Xe), gs = (e) => {
+]), an = Zo(), [Vd, Ue] = ct(Ke), [jd, Yd] = ct(Ke), gs = (e) => {
   const {
     __scopeSelect: t,
     children: n,
@@ -4940,17 +4948,17 @@ var zd = [" ", "Enter", "ArrowUp", "ArrowDown"], Hd = [" ", "Enter"], Xe = "Sele
     disabled: m,
     required: w,
     form: y
-  } = e, p = an(t), [g, v] = l.useState(null), [b, x] = l.useState(null), [S, E] = l.useState(!1), T = io(u), [N, A] = gt({
+  } = e, p = an(t), [g, v] = l.useState(null), [b, x] = l.useState(null), [S, E] = l.useState(!1), A = io(u), [N, R] = gt({
     prop: r,
     defaultProp: o ?? !1,
     onChange: s,
-    caller: Xe
+    caller: Ke
   }), [_, D] = gt({
     prop: i,
     defaultProp: a,
     onChange: d,
-    caller: Xe
-  }), H = l.useRef(null), Y = g ? y || !!g.closest("form") : !0, [X, O] = l.useState(/* @__PURE__ */ new Set()), j = Array.from(X).map((B) => B.props.value).join(";");
+    caller: Ke
+  }), B = l.useRef(null), j = g ? y || !!g.closest("form") : !0, [Y, O] = l.useState(/* @__PURE__ */ new Set()), U = Array.from(Y).map((F) => F.props.value).join(";");
   return /* @__PURE__ */ c(Gl, { ...p, children: /* @__PURE__ */ C(
     Vd,
     {
@@ -4962,32 +4970,32 @@ var zd = [" ", "Enter", "ArrowUp", "ArrowDown"], Hd = [" ", "Enter"], Xe = "Sele
       onValueNodeChange: x,
       valueNodeHasChildren: S,
       onValueNodeHasChildrenChange: E,
-      contentId: je(),
+      contentId: Ye(),
       value: _,
       onValueChange: D,
       open: N,
-      onOpenChange: A,
-      dir: T,
-      triggerPointerDownPosRef: H,
+      onOpenChange: R,
+      dir: A,
+      triggerPointerDownPosRef: B,
       disabled: m,
       children: [
         /* @__PURE__ */ c(on.Provider, { scope: t, children: /* @__PURE__ */ c(
           jd,
           {
             scope: e.__scopeSelect,
-            onNativeOptionAdd: l.useCallback((B) => {
-              O((W) => new Set(W).add(B));
+            onNativeOptionAdd: l.useCallback((F) => {
+              O((W) => new Set(W).add(F));
             }, []),
-            onNativeOptionRemove: l.useCallback((B) => {
+            onNativeOptionRemove: l.useCallback((F) => {
               O((W) => {
                 const I = new Set(W);
-                return I.delete(B), I;
+                return I.delete(F), I;
               });
             }, []),
             children: n
           }
         ) }),
-        Y ? /* @__PURE__ */ C(
+        j ? /* @__PURE__ */ C(
           Ws,
           {
             "aria-hidden": !0,
@@ -4996,24 +5004,24 @@ var zd = [" ", "Enter", "ArrowUp", "ArrowDown"], Hd = [" ", "Enter"], Xe = "Sele
             name: f,
             autoComplete: h,
             value: _,
-            onChange: (B) => D(B.target.value),
+            onChange: (F) => D(F.target.value),
             disabled: m,
             form: y,
             children: [
               _ === void 0 ? /* @__PURE__ */ c("option", { value: "" }) : null,
-              Array.from(X)
+              Array.from(Y)
             ]
           },
-          j
+          U
         ) : null
       ]
     }
   ) });
 };
-gs.displayName = Xe;
+gs.displayName = Ke;
 var vs = "SelectTrigger", ws = l.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, disabled: r = !1, ...o } = e, s = an(n), i = He(vs, n), a = i.disabled || r, d = ee(t, i.onTriggerChange), u = sn(n), f = l.useRef("touch"), [h, m, w] = Hs((p) => {
+    const { __scopeSelect: n, disabled: r = !1, ...o } = e, s = an(n), i = Ue(vs, n), a = i.disabled || r, d = ee(t, i.onTriggerChange), u = sn(n), f = l.useRef("touch"), [h, m, w] = Hs((p) => {
       const g = u().filter((x) => !x.disabled), v = g.find((x) => x.value === i.value), b = Us(g, p, v);
       b !== void 0 && i.onValueChange(b.value);
     }), y = (p) => {
@@ -5057,8 +5065,8 @@ var vs = "SelectTrigger", ws = l.forwardRef(
 ws.displayName = vs;
 var bs = "SelectValue", ys = l.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: r, style: o, children: s, placeholder: i = "", ...a } = e, d = He(bs, n), { onValueNodeHasChildrenChange: u } = d, f = s !== void 0, h = ee(t, d.onValueNodeChange);
-    return ae(() => {
+    const { __scopeSelect: n, className: r, style: o, children: s, placeholder: i = "", ...a } = e, d = Ue(bs, n), { onValueNodeHasChildrenChange: u } = d, f = s !== void 0, h = ee(t, d.onValueNodeChange);
+    return ce(() => {
       u(f);
     }, [u, f]), /* @__PURE__ */ c(
       G.span,
@@ -5081,10 +5089,10 @@ var Xd = "SelectIcon", xs = l.forwardRef(
 xs.displayName = Xd;
 var Kd = "SelectPortal", Ss = (e) => /* @__PURE__ */ c(nr, { asChild: !0, ...e });
 Ss.displayName = Kd;
-var Ke = "SelectContent", Cs = l.forwardRef(
+var Ge = "SelectContent", Cs = l.forwardRef(
   (e, t) => {
-    const n = He(Ke, e.__scopeSelect), [r, o] = l.useState();
-    if (ae(() => {
+    const n = Ue(Ge, e.__scopeSelect), [r, o] = l.useState();
+    if (ce(() => {
       o(new DocumentFragment());
     }, []), !n.open) {
       const s = r;
@@ -5096,8 +5104,8 @@ var Ke = "SelectContent", Cs = l.forwardRef(
     return /* @__PURE__ */ c(Es, { ...e, ref: t });
   }
 );
-Cs.displayName = Ke;
-var ye = 10, [Ns, Ue] = ct(Ke), Gd = "SelectContentImpl", qd = mt("SelectContent.RemoveScroll"), Es = l.forwardRef(
+Cs.displayName = Ge;
+var ye = 10, [Ns, Ve] = ct(Ge), Gd = "SelectContentImpl", qd = mt("SelectContent.RemoveScroll"), Es = l.forwardRef(
   (e, t) => {
     const {
       __scopeSelect: n,
@@ -5119,65 +5127,65 @@ var ye = 10, [Ns, Ue] = ct(Ke), Gd = "SelectContentImpl", qd = mt("SelectContent
       avoidCollisions: g,
       //
       ...v
-    } = e, b = He(Ke, n), [x, S] = l.useState(null), [E, T] = l.useState(null), N = ee(t, (V) => S(V)), [A, _] = l.useState(null), [D, H] = l.useState(
+    } = e, b = Ue(Ge, n), [x, S] = l.useState(null), [E, A] = l.useState(null), N = ee(t, (H) => S(H)), [R, _] = l.useState(null), [D, B] = l.useState(
       null
-    ), Y = sn(n), [X, O] = l.useState(!1), j = l.useRef(!1);
+    ), j = sn(n), [Y, O] = l.useState(!1), U = l.useRef(!1);
     l.useEffect(() => {
       if (x) return cs(x);
     }, [x]), Lo();
-    const B = l.useCallback(
-      (V) => {
-        const [Q, ...oe] = Y().map((q) => q.ref.current), [F] = oe.slice(-1), $ = document.activeElement;
-        for (const q of V)
-          if (q === $ || (q == null || q.scrollIntoView({ block: "nearest" }), q === Q && E && (E.scrollTop = 0), q === F && E && (E.scrollTop = E.scrollHeight), q == null || q.focus(), document.activeElement !== $)) return;
+    const F = l.useCallback(
+      (H) => {
+        const [J, ...oe] = j().map((q) => q.ref.current), [$] = oe.slice(-1), L = document.activeElement;
+        for (const q of H)
+          if (q === L || (q == null || q.scrollIntoView({ block: "nearest" }), q === J && E && (E.scrollTop = 0), q === $ && E && (E.scrollTop = E.scrollHeight), q == null || q.focus(), document.activeElement !== L)) return;
       },
-      [Y, E]
+      [j, E]
     ), W = l.useCallback(
-      () => B([A, x]),
-      [B, A, x]
+      () => F([R, x]),
+      [F, R, x]
     );
     l.useEffect(() => {
-      X && W();
-    }, [X, W]);
-    const { onOpenChange: I, triggerPointerDownPosRef: L } = b;
+      Y && W();
+    }, [Y, W]);
+    const { onOpenChange: I, triggerPointerDownPosRef: X } = b;
     l.useEffect(() => {
       if (x) {
-        let V = { x: 0, y: 0 };
-        const Q = (F) => {
-          var $, q;
-          V = {
-            x: Math.abs(Math.round(F.pageX) - ((($ = L.current) == null ? void 0 : $.x) ?? 0)),
-            y: Math.abs(Math.round(F.pageY) - (((q = L.current) == null ? void 0 : q.y) ?? 0))
+        let H = { x: 0, y: 0 };
+        const J = ($) => {
+          var L, q;
+          H = {
+            x: Math.abs(Math.round($.pageX) - (((L = X.current) == null ? void 0 : L.x) ?? 0)),
+            y: Math.abs(Math.round($.pageY) - (((q = X.current) == null ? void 0 : q.y) ?? 0))
           };
-        }, oe = (F) => {
-          V.x <= 10 && V.y <= 10 ? F.preventDefault() : x.contains(F.target) || I(!1), document.removeEventListener("pointermove", Q), L.current = null;
+        }, oe = ($) => {
+          H.x <= 10 && H.y <= 10 ? $.preventDefault() : x.contains($.target) || I(!1), document.removeEventListener("pointermove", J), X.current = null;
         };
-        return L.current !== null && (document.addEventListener("pointermove", Q), document.addEventListener("pointerup", oe, { capture: !0, once: !0 })), () => {
-          document.removeEventListener("pointermove", Q), document.removeEventListener("pointerup", oe, { capture: !0 });
+        return X.current !== null && (document.addEventListener("pointermove", J), document.addEventListener("pointerup", oe, { capture: !0, once: !0 })), () => {
+          document.removeEventListener("pointermove", J), document.removeEventListener("pointerup", oe, { capture: !0 });
         };
       }
-    }, [x, I, L]), l.useEffect(() => {
-      const V = () => I(!1);
-      return window.addEventListener("blur", V), window.addEventListener("resize", V), () => {
-        window.removeEventListener("blur", V), window.removeEventListener("resize", V);
+    }, [x, I, X]), l.useEffect(() => {
+      const H = () => I(!1);
+      return window.addEventListener("blur", H), window.addEventListener("resize", H), () => {
+        window.removeEventListener("blur", H), window.removeEventListener("resize", H);
       };
     }, [I]);
-    const [k, R] = Hs((V) => {
-      const Q = Y().filter(($) => !$.disabled), oe = Q.find(($) => $.ref.current === document.activeElement), F = Us(Q, V, oe);
-      F && setTimeout(() => F.ref.current.focus());
-    }), U = l.useCallback(
-      (V, Q, oe) => {
-        const F = !j.current && !oe;
-        (b.value !== void 0 && b.value === Q || F) && (_(V), F && (j.current = !0));
+    const [V, T] = Hs((H) => {
+      const J = j().filter((L) => !L.disabled), oe = J.find((L) => L.ref.current === document.activeElement), $ = Us(J, H, oe);
+      $ && setTimeout(() => $.ref.current.focus());
+    }), k = l.useCallback(
+      (H, J, oe) => {
+        const $ = !U.current && !oe;
+        (b.value !== void 0 && b.value === J || $) && (_(H), $ && (U.current = !0));
       },
       [b.value]
-    ), se = l.useCallback(() => x == null ? void 0 : x.focus(), [x]), re = l.useCallback(
-      (V, Q, oe) => {
-        const F = !j.current && !oe;
-        (b.value !== void 0 && b.value === Q || F) && H(V);
+    ), se = l.useCallback(() => x == null ? void 0 : x.focus(), [x]), ae = l.useCallback(
+      (H, J, oe) => {
+        const $ = !U.current && !oe;
+        (b.value !== void 0 && b.value === J || $) && B(H);
       },
       [b.value]
-    ), ie = r === "popper" ? _n : Ts, le = ie === _n ? {
+    ), re = r === "popper" ? _n : Ts, ie = re === _n ? {
       side: a,
       sideOffset: d,
       align: u,
@@ -5195,27 +5203,27 @@ var ye = 10, [Ns, Ue] = ct(Ke), Gd = "SelectContentImpl", qd = mt("SelectContent
         scope: n,
         content: x,
         viewport: E,
-        onViewportChange: T,
-        itemRefCallback: U,
-        selectedItem: A,
+        onViewportChange: A,
+        itemRefCallback: k,
+        selectedItem: R,
         onItemLeave: se,
-        itemTextRefCallback: re,
+        itemTextRefCallback: ae,
         focusSelectedItem: W,
         selectedItemText: D,
         position: r,
-        isPositioned: X,
-        searchRef: k,
+        isPositioned: Y,
+        searchRef: V,
         children: /* @__PURE__ */ c(rr, { as: qd, allowPinchZoom: !0, children: /* @__PURE__ */ c(
           Xn,
           {
             asChild: !0,
             trapped: b.open,
-            onMountAutoFocus: (V) => {
-              V.preventDefault();
+            onMountAutoFocus: (H) => {
+              H.preventDefault();
             },
-            onUnmountAutoFocus: Z(o, (V) => {
-              var Q;
-              (Q = b.trigger) == null || Q.focus({ preventScroll: !0 }), V.preventDefault();
+            onUnmountAutoFocus: Z(o, (H) => {
+              var J;
+              (J = b.trigger) == null || J.focus({ preventScroll: !0 }), H.preventDefault();
             }),
             children: /* @__PURE__ */ c(
               Yn,
@@ -5224,18 +5232,18 @@ var ye = 10, [Ns, Ue] = ct(Ke), Gd = "SelectContentImpl", qd = mt("SelectContent
                 disableOutsidePointerEvents: !0,
                 onEscapeKeyDown: s,
                 onPointerDownOutside: i,
-                onFocusOutside: (V) => V.preventDefault(),
+                onFocusOutside: (H) => H.preventDefault(),
                 onDismiss: () => b.onOpenChange(!1),
                 children: /* @__PURE__ */ c(
-                  ie,
+                  re,
                   {
                     role: "listbox",
                     id: b.contentId,
                     "data-state": b.open ? "open" : "closed",
                     dir: b.dir,
-                    onContextMenu: (V) => V.preventDefault(),
+                    onContextMenu: (H) => H.preventDefault(),
                     ...v,
-                    ...le,
+                    ...ie,
                     onPlaced: () => O(!0),
                     ref: N,
                     style: {
@@ -5246,15 +5254,15 @@ var ye = 10, [Ns, Ue] = ct(Ke), Gd = "SelectContentImpl", qd = mt("SelectContent
                       outline: "none",
                       ...v.style
                     },
-                    onKeyDown: Z(v.onKeyDown, (V) => {
-                      const Q = V.ctrlKey || V.altKey || V.metaKey;
-                      if (V.key === "Tab" && V.preventDefault(), !Q && V.key.length === 1 && R(V.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(V.key)) {
-                        let F = Y().filter(($) => !$.disabled).map(($) => $.ref.current);
-                        if (["ArrowUp", "End"].includes(V.key) && (F = F.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(V.key)) {
-                          const $ = V.target, q = F.indexOf($);
-                          F = F.slice(q + 1);
+                    onKeyDown: Z(v.onKeyDown, (H) => {
+                      const J = H.ctrlKey || H.altKey || H.metaKey;
+                      if (H.key === "Tab" && H.preventDefault(), !J && H.key.length === 1 && T(H.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(H.key)) {
+                        let $ = j().filter((L) => !L.disabled).map((L) => L.ref.current);
+                        if (["ArrowUp", "End"].includes(H.key) && ($ = $.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(H.key)) {
+                          const L = H.target, q = $.indexOf(L);
+                          $ = $.slice(q + 1);
                         }
-                        setTimeout(() => B(F)), V.preventDefault();
+                        setTimeout(() => F($)), H.preventDefault();
                       }
                     })
                   }
@@ -5269,11 +5277,11 @@ var ye = 10, [Ns, Ue] = ct(Ke), Gd = "SelectContentImpl", qd = mt("SelectContent
 );
 Es.displayName = Gd;
 var Zd = "SelectItemAlignedPosition", Ts = l.forwardRef((e, t) => {
-  const { __scopeSelect: n, onPlaced: r, ...o } = e, s = He(Ke, n), i = Ue(Ke, n), [a, d] = l.useState(null), [u, f] = l.useState(null), h = ee(t, (N) => f(N)), m = sn(n), w = l.useRef(!1), y = l.useRef(!0), { viewport: p, selectedItem: g, selectedItemText: v, focusSelectedItem: b } = i, x = l.useCallback(() => {
+  const { __scopeSelect: n, onPlaced: r, ...o } = e, s = Ue(Ge, n), i = Ve(Ge, n), [a, d] = l.useState(null), [u, f] = l.useState(null), h = ee(t, (N) => f(N)), m = sn(n), w = l.useRef(!1), y = l.useRef(!0), { viewport: p, selectedItem: g, selectedItemText: v, focusSelectedItem: b } = i, x = l.useCallback(() => {
     if (s.trigger && s.valueNode && a && u && p && g && v) {
-      const N = s.trigger.getBoundingClientRect(), A = u.getBoundingClientRect(), _ = s.valueNode.getBoundingClientRect(), D = v.getBoundingClientRect();
+      const N = s.trigger.getBoundingClientRect(), R = u.getBoundingClientRect(), _ = s.valueNode.getBoundingClientRect(), D = v.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const $ = D.left - A.left, q = _.left - $, fe = N.left - q, ve = N.width + fe, Ne = Math.max(ve, A.width), Le = window.innerWidth - ye, P = Tn(q, [
+        const L = D.left - R.left, q = _.left - L, fe = N.left - q, ve = N.width + fe, Ne = Math.max(ve, R.width), Le = window.innerWidth - ye, P = Tn(q, [
           ye,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
@@ -5284,33 +5292,33 @@ var Zd = "SelectItemAlignedPosition", Ts = l.forwardRef((e, t) => {
         ]);
         a.style.minWidth = ve + "px", a.style.left = P + "px";
       } else {
-        const $ = A.right - D.right, q = window.innerWidth - _.right - $, fe = window.innerWidth - N.right - q, ve = N.width + fe, Ne = Math.max(ve, A.width), Le = window.innerWidth - ye, P = Tn(q, [
+        const L = R.right - D.right, q = window.innerWidth - _.right - L, fe = window.innerWidth - N.right - q, ve = N.width + fe, Ne = Math.max(ve, R.width), Le = window.innerWidth - ye, P = Tn(q, [
           ye,
           Math.max(ye, Le - Ne)
         ]);
         a.style.minWidth = ve + "px", a.style.right = P + "px";
       }
-      const H = m(), Y = window.innerHeight - ye * 2, X = p.scrollHeight, O = window.getComputedStyle(u), j = parseInt(O.borderTopWidth, 10), B = parseInt(O.paddingTop, 10), W = parseInt(O.borderBottomWidth, 10), I = parseInt(O.paddingBottom, 10), L = j + B + X + I + W, k = Math.min(g.offsetHeight * 5, L), R = window.getComputedStyle(p), U = parseInt(R.paddingTop, 10), se = parseInt(R.paddingBottom, 10), re = N.top + N.height / 2 - ye, ie = Y - re, le = g.offsetHeight / 2, V = g.offsetTop + le, Q = j + B + V, oe = L - Q;
-      if (Q <= re) {
-        const $ = H.length > 0 && g === H[H.length - 1].ref.current;
+      const B = m(), j = window.innerHeight - ye * 2, Y = p.scrollHeight, O = window.getComputedStyle(u), U = parseInt(O.borderTopWidth, 10), F = parseInt(O.paddingTop, 10), W = parseInt(O.borderBottomWidth, 10), I = parseInt(O.paddingBottom, 10), X = U + F + Y + I + W, V = Math.min(g.offsetHeight * 5, X), T = window.getComputedStyle(p), k = parseInt(T.paddingTop, 10), se = parseInt(T.paddingBottom, 10), ae = N.top + N.height / 2 - ye, re = j - ae, ie = g.offsetHeight / 2, H = g.offsetTop + ie, J = U + F + H, oe = X - J;
+      if (J <= ae) {
+        const L = B.length > 0 && g === B[B.length - 1].ref.current;
         a.style.bottom = "0px";
         const q = u.clientHeight - p.offsetTop - p.offsetHeight, fe = Math.max(
-          ie,
-          le + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          ($ ? se : 0) + q + W
-        ), ve = Q + fe;
+          re,
+          ie + // viewport might have padding bottom, include it to avoid a scrollable viewport
+          (L ? se : 0) + q + W
+        ), ve = J + fe;
         a.style.height = ve + "px";
       } else {
-        const $ = H.length > 0 && g === H[0].ref.current;
+        const L = B.length > 0 && g === B[0].ref.current;
         a.style.top = "0px";
         const fe = Math.max(
-          re,
-          j + p.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          ($ ? U : 0) + le
+          ae,
+          U + p.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
+          (L ? k : 0) + ie
         ) + oe;
-        a.style.height = fe + "px", p.scrollTop = Q - re + p.offsetTop;
+        a.style.height = fe + "px", p.scrollTop = J - ae + p.offsetTop;
       }
-      a.style.margin = `${ye}px 0`, a.style.minHeight = k + "px", a.style.maxHeight = Y + "px", r == null || r(), requestAnimationFrame(() => w.current = !0);
+      a.style.margin = `${ye}px 0`, a.style.minHeight = V + "px", a.style.maxHeight = j + "px", r == null || r(), requestAnimationFrame(() => w.current = !0);
     }
   }, [
     m,
@@ -5324,12 +5332,12 @@ var Zd = "SelectItemAlignedPosition", Ts = l.forwardRef((e, t) => {
     s.dir,
     r
   ]);
-  ae(() => x(), [x]);
+  ce(() => x(), [x]);
   const [S, E] = l.useState();
-  ae(() => {
+  ce(() => {
     u && E(window.getComputedStyle(u).zIndex);
   }, [u]);
-  const T = l.useCallback(
+  const A = l.useCallback(
     (N) => {
       N && y.current === !0 && (x(), b == null || b(), y.current = !1);
     },
@@ -5341,7 +5349,7 @@ var Zd = "SelectItemAlignedPosition", Ts = l.forwardRef((e, t) => {
       scope: n,
       contentWrapper: a,
       shouldExpandOnScrollRef: w,
-      onScrollButtonChange: T,
+      onScrollButtonChange: A,
       children: /* @__PURE__ */ c(
         "div",
         {
@@ -5402,9 +5410,9 @@ var Jd = "SelectPopperPosition", _n = l.forwardRef((e, t) => {
   );
 });
 _n.displayName = Jd;
-var [Qd, or] = ct(Ke, {}), On = "SelectViewport", As = l.forwardRef(
+var [Qd, or] = ct(Ge, {}), On = "SelectViewport", As = l.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, nonce: r, ...o } = e, s = Ue(On, n), i = or(On, n), a = ee(t, s.onViewportChange), d = l.useRef(0);
+    const { __scopeSelect: n, nonce: r, ...o } = e, s = Ve(On, n), i = or(On, n), a = ee(t, s.onViewportChange), d = l.useRef(0);
     return /* @__PURE__ */ C(_e, { children: [
       /* @__PURE__ */ c(
         "style",
@@ -5457,7 +5465,7 @@ var [Qd, or] = ct(Ke, {}), On = "SelectViewport", As = l.forwardRef(
 As.displayName = On;
 var Rs = "SelectGroup", [eu, tu] = ct(Rs), nu = l.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, ...r } = e, o = je();
+    const { __scopeSelect: n, ...r } = e, o = Ye();
     return /* @__PURE__ */ c(eu, { scope: n, id: o, children: /* @__PURE__ */ c(G.div, { role: "group", "aria-labelledby": o, ...r, ref: t }) });
   }
 );
@@ -5477,13 +5485,13 @@ var jt = "SelectItem", [ru, ks] = ct(jt), _s = l.forwardRef(
       disabled: o = !1,
       textValue: s,
       ...i
-    } = e, a = He(jt, n), d = Ue(jt, n), u = a.value === r, [f, h] = l.useState(s ?? ""), [m, w] = l.useState(!1), y = ee(
+    } = e, a = Ue(jt, n), d = Ve(jt, n), u = a.value === r, [f, h] = l.useState(s ?? ""), [m, w] = l.useState(!1), y = ee(
       t,
       (b) => {
         var x;
         return (x = d.itemRefCallback) == null ? void 0 : x.call(d, b, r, o);
       }
-    ), p = je(), g = l.useRef("touch"), v = () => {
+    ), p = Ye(), g = l.useRef("touch"), v = () => {
       o || (a.onValueChange(r), a.onOpenChange(!1));
     };
     if (r === "")
@@ -5555,7 +5563,7 @@ var jt = "SelectItem", [ru, ks] = ct(jt), _s = l.forwardRef(
 _s.displayName = jt;
 var dt = "SelectItemText", Os = l.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, className: r, style: o, ...s } = e, i = He(dt, n), a = Ue(dt, n), d = ks(dt, n), u = Yd(dt, n), [f, h] = l.useState(null), m = ee(
+    const { __scopeSelect: n, className: r, style: o, ...s } = e, i = Ue(dt, n), a = Ve(dt, n), d = ks(dt, n), u = Yd(dt, n), [f, h] = l.useState(null), m = ee(
       t,
       (v) => h(v),
       d.onItemTextChange,
@@ -5567,7 +5575,7 @@ var dt = "SelectItemText", Os = l.forwardRef(
       () => /* @__PURE__ */ c("option", { value: d.value, disabled: d.disabled, children: w }, d.value),
       [d.disabled, d.value, w]
     ), { onNativeOptionAdd: p, onNativeOptionRemove: g } = u;
-    return ae(() => (p(y), () => g(y)), [p, g, y]), /* @__PURE__ */ C(_e, { children: [
+    return ce(() => (p(y), () => g(y)), [p, g, y]), /* @__PURE__ */ C(_e, { children: [
       /* @__PURE__ */ c(G.span, { id: d.textId, ...s, ref: m }),
       d.isSelected && i.valueNode && !i.valueNodeHasChildren ? Kt.createPortal(s.children, i.valueNode) : null
     ] });
@@ -5582,8 +5590,8 @@ var Ds = "SelectItemIndicator", Ms = l.forwardRef(
 );
 Ms.displayName = Ds;
 var Dn = "SelectScrollUpButton", Ls = l.forwardRef((e, t) => {
-  const n = Ue(Dn, e.__scopeSelect), r = or(Dn, e.__scopeSelect), [o, s] = l.useState(!1), i = ee(t, r.onScrollButtonChange);
-  return ae(() => {
+  const n = Ve(Dn, e.__scopeSelect), r = or(Dn, e.__scopeSelect), [o, s] = l.useState(!1), i = ee(t, r.onScrollButtonChange);
+  return ce(() => {
     if (n.viewport && n.isPositioned) {
       let a = function() {
         const u = d.scrollTop > 0;
@@ -5606,8 +5614,8 @@ var Dn = "SelectScrollUpButton", Ls = l.forwardRef((e, t) => {
 });
 Ls.displayName = Dn;
 var Mn = "SelectScrollDownButton", $s = l.forwardRef((e, t) => {
-  const n = Ue(Mn, e.__scopeSelect), r = or(Mn, e.__scopeSelect), [o, s] = l.useState(!1), i = ee(t, r.onScrollButtonChange);
-  return ae(() => {
+  const n = Ve(Mn, e.__scopeSelect), r = or(Mn, e.__scopeSelect), [o, s] = l.useState(!1), i = ee(t, r.onScrollButtonChange);
+  return ce(() => {
     if (n.viewport && n.isPositioned) {
       let a = function() {
         const u = d.scrollHeight - d.clientHeight, f = Math.ceil(d.scrollTop) < u;
@@ -5630,10 +5638,10 @@ var Mn = "SelectScrollDownButton", $s = l.forwardRef((e, t) => {
 });
 $s.displayName = Mn;
 var Fs = l.forwardRef((e, t) => {
-  const { __scopeSelect: n, onAutoScroll: r, ...o } = e, s = Ue("SelectScrollButton", n), i = l.useRef(null), a = sn(n), d = l.useCallback(() => {
+  const { __scopeSelect: n, onAutoScroll: r, ...o } = e, s = Ve("SelectScrollButton", n), i = l.useRef(null), a = sn(n), d = l.useCallback(() => {
     i.current !== null && (window.clearInterval(i.current), i.current = null);
   }, []);
-  return l.useEffect(() => () => d(), [d]), ae(() => {
+  return l.useEffect(() => () => d(), [d]), ce(() => {
     var f;
     const u = a().find((h) => h.ref.current === document.activeElement);
     (f = u == null ? void 0 : u.ref.current) == null || f.scrollIntoView({ block: "nearest" });
@@ -5665,7 +5673,7 @@ var Fs = l.forwardRef((e, t) => {
 Bs.displayName = ou;
 var Ln = "SelectArrow", su = l.forwardRef(
   (e, t) => {
-    const { __scopeSelect: n, ...r } = e, o = an(n), s = He(Ln, n), i = Ue(Ln, n);
+    const { __scopeSelect: n, ...r } = e, o = an(n), s = Ue(Ln, n), i = Ve(Ln, n);
     return s.open && i.position === "popper" ? /* @__PURE__ */ c(Jl, { ...o, ...r, ref: t }) : null;
   }
 );
@@ -5805,7 +5813,7 @@ const mu = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
   }
 ));
 mu.displayName = Ys.displayName;
-const Ve = l.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ C(
+const je = l.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__ */ C(
   Xs,
   {
     ref: r,
@@ -5820,7 +5828,7 @@ const Ve = l.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
     ]
   }
 ));
-Ve.displayName = Xs.displayName;
+je.displayName = Xs.displayName;
 const gu = l.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c(
   qs,
   {
@@ -5917,7 +5925,7 @@ const ti = l.forwardRef(
   )
 );
 ti.displayName = ei.displayName;
-var cn = "Dialog", [ni, lf] = qe(cn), [Su, Ce] = ni(cn), ri = (e) => {
+var cn = "Dialog", [ni, lf] = Ze(cn), [Su, Ce] = ni(cn), ri = (e) => {
   const {
     __scopeDialog: t,
     children: n,
@@ -5937,9 +5945,9 @@ var cn = "Dialog", [ni, lf] = qe(cn), [Su, Ce] = ni(cn), ri = (e) => {
       scope: t,
       triggerRef: a,
       contentRef: d,
-      contentId: je(),
-      titleId: je(),
-      descriptionId: je(),
+      contentId: Ye(),
+      titleId: Ye(),
+      descriptionId: Ye(),
       open: u,
       onOpenChange: f,
       onOpenToggle: l.useCallback(() => f((h) => !h), [f]),
@@ -5999,16 +6007,16 @@ var Nu = mt("DialogOverlay.RemoveScroll"), Eu = l.forwardRef(
       ) })
     );
   }
-), Ge = "DialogContent", li = l.forwardRef(
+), qe = "DialogContent", li = l.forwardRef(
   (e, t) => {
-    const n = ii(Ge, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, s = Ce(Ge, e.__scopeDialog);
+    const n = ii(qe, e.__scopeDialog), { forceMount: r = n.forceMount, ...o } = e, s = Ce(qe, e.__scopeDialog);
     return /* @__PURE__ */ c(Me, { present: r || s.open, children: s.modal ? /* @__PURE__ */ c(Tu, { ...o, ref: t }) : /* @__PURE__ */ c(Au, { ...o, ref: t }) });
   }
 );
-li.displayName = Ge;
+li.displayName = qe;
 var Tu = l.forwardRef(
   (e, t) => {
-    const n = Ce(Ge, e.__scopeDialog), r = l.useRef(null), o = ee(t, n.contentRef, r);
+    const n = Ce(qe, e.__scopeDialog), r = l.useRef(null), o = ee(t, n.contentRef, r);
     return l.useEffect(() => {
       const s = r.current;
       if (s) return cs(s);
@@ -6036,7 +6044,7 @@ var Tu = l.forwardRef(
   }
 ), Au = l.forwardRef(
   (e, t) => {
-    const n = Ce(Ge, e.__scopeDialog), r = l.useRef(!1), o = l.useRef(!1);
+    const n = Ce(qe, e.__scopeDialog), r = l.useRef(!1), o = l.useRef(!1);
     return /* @__PURE__ */ c(
       di,
       {
@@ -6059,7 +6067,7 @@ var Tu = l.forwardRef(
   }
 ), di = l.forwardRef(
   (e, t) => {
-    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: s, ...i } = e, a = Ce(Ge, n), d = l.useRef(null), u = ee(t, d);
+    const { __scopeDialog: n, trapFocus: r, onOpenAutoFocus: o, onCloseAutoFocus: s, ...i } = e, a = Ce(qe, n), d = l.useRef(null), u = ee(t, d);
     return Lo(), /* @__PURE__ */ C(_e, { children: [
       /* @__PURE__ */ c(
         Xn,
@@ -6123,7 +6131,7 @@ function ar(e) {
   return e ? "open" : "closed";
 }
 var gi = "DialogTitleWarning", [df, vi] = pa(gi, {
-  contentName: Ge,
+  contentName: qe,
   titleName: ir,
   docsSlug: "dialog"
 }), Ru = ({ titleId: e }) => {
@@ -6332,7 +6340,7 @@ const ju = {
   }
 };
 function uf({ settings: e, onSettingsChange: t, className: n = "" }) {
-  const [r, o] = J(!1), [s, i] = J(!1), [a, d] = J(e), [u, f] = J(!1), { toast: h } = Vu();
+  const [r, o] = Q(!1), [s, i] = Q(!1), [a, d] = Q(e), [u, f] = Q(!1), { toast: h } = Vu();
   ue(() => {
     const g = JSON.stringify(a) !== JSON.stringify(e);
     f(g);
@@ -6464,9 +6472,9 @@ function uf({ settings: e, onSettingsChange: t, className: n = "" }) {
                   children: [
                     /* @__PURE__ */ c($n, { children: /* @__PURE__ */ c(Vr, {}) }),
                     /* @__PURE__ */ C(Fn, { children: [
-                      /* @__PURE__ */ c(Ve, { value: "sidebar", children: "Sidebar Layout" }),
-                      /* @__PURE__ */ c(Ve, { value: "fullscreen", children: "Fullscreen" }),
-                      /* @__PURE__ */ c(Ve, { value: "tabs", children: "Tabbed Interface" })
+                      /* @__PURE__ */ c(je, { value: "sidebar", children: "Sidebar Layout" }),
+                      /* @__PURE__ */ c(je, { value: "fullscreen", children: "Fullscreen" }),
+                      /* @__PURE__ */ c(je, { value: "tabs", children: "Tabbed Interface" })
                     ] })
                   ]
                 }
@@ -6485,9 +6493,9 @@ function uf({ settings: e, onSettingsChange: t, className: n = "" }) {
                   children: [
                     /* @__PURE__ */ c($n, { children: /* @__PURE__ */ c(Vr, {}) }),
                     /* @__PURE__ */ C(Fn, { children: [
-                      /* @__PURE__ */ c(Ve, { value: "light", children: "Light" }),
-                      /* @__PURE__ */ c(Ve, { value: "dark", children: "Dark" }),
-                      /* @__PURE__ */ c(Ve, { value: "system", children: "System" })
+                      /* @__PURE__ */ c(je, { value: "light", children: "Light" }),
+                      /* @__PURE__ */ c(je, { value: "dark", children: "Dark" }),
+                      /* @__PURE__ */ c(je, { value: "system", children: "System" })
                     ] })
                   ]
                 }