teodor-new-chat-ui 4.1.10 → 4.1.11

package/dist/index.esm.js

@@ -136,14 +136,14 @@ function om() {
         }
       return null;
     }
-    var _ = Object.assign, V = 0, U, q, L, k, W, Y, ue;
+    var _ = Object.assign, V = 0, U, q, F, k, W, Y, ue;
     function re() {
     }
     re.__reactDisabledLog = !0;
     function de() {
       {
         if (V === 0) {
-          U = console.log, q = console.info, L = console.warn, k = console.error, W = console.group, Y = console.groupCollapsed, ue = console.groupEnd;
+          U = console.log, q = console.info, F = console.warn, k = console.error, W = console.group, Y = console.groupCollapsed, ue = console.groupEnd;
           var T = {
             configurable: !0,
             enumerable: !0,
@@ -179,7 +179,7 @@ function om() {
               value: q
             }),
             warn: _({}, T, {
-              value: L
+              value: F
             }),
             error: _({}, T, {
               value: k
@@ -380,8 +380,8 @@ function om() {
       ref: !0,
       __self: !0,
       __source: !0
-    }, Ve, F;
-    function J(T) {
+    }, Ve, L;
+    function X(T) {
       if (Ee.call(T, "ref")) {
         var H = Object.getOwnPropertyDescriptor(T, "ref").get;
         if (H && H.isReactWarning)
@@ -414,7 +414,7 @@ function om() {
     function it(T, H) {
       {
         var ee = function() {
-          F || (F = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", H));
+          L || (L = !0, b("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", H));
         };
         ee.isReactWarning = !0, Object.defineProperty(T, "ref", {
           get: ee,
@@ -454,7 +454,7 @@ function om() {
     function tr(T, H, ee, Te, Ke) {
       {
         var Xe, Be = {}, Le = null, Ct = null;
-        ee !== void 0 && (ve(ee), Le = "" + ee), Ce(H) && (ve(H.key), Le = "" + H.key), J(H) && (Ct = H.ref, Oe(H, Ke));
+        ee !== void 0 && (ve(ee), Le = "" + ee), Ce(H) && (ve(H.key), Le = "" + H.key), X(H) && (Ct = H.ref, Oe(H, Ke));
         for (Xe in H)
           Ee.call(H, Xe) && !et.hasOwnProperty(Xe) && (Be[Xe] = H[Xe]);
         if (T && T.defaultProps) {
@@ -1900,32 +1900,32 @@ const Wc = (e) => {
         credentials: U ? j : void 0
       };
       D = s && new n(v, q);
-      let L = await (s ? O(D, N) : O(v, q));
+      let F = await (s ? O(D, N) : O(v, q));
       const k = d && (E === "stream" || E === "response");
       if (d && (S || k && _)) {
         const Y = {};
         ["status", "statusText", "headers"].forEach((fe) => {
-          Y[fe] = L[fe];
+          Y[fe] = F[fe];
         });
-        const ue = A.toFiniteNumber(L.headers.get("content-length")), [re, de] = S && Qa(
+        const ue = A.toFiniteNumber(F.headers.get("content-length")), [re, de] = S && Qa(
           ue,
           Mo(el(S), !0)
         ) || [];
-        L = new r(
-          nl(L.body, rl, re, () => {
+        F = new r(
+          nl(F.body, rl, re, () => {
             de && de(), _ && _();
           }),
           Y
         );
       }
       E = E || "text";
-      let W = await f[A.findKey(f, E) || "text"](L, w);
+      let W = await f[A.findKey(f, E) || "text"](F, w);
       return !k && _ && _(), await new Promise((Y, ue) => {
         Hc(Y, ue, {
           data: W,
-          headers: It.from(L.headers),
-          status: L.status,
-          statusText: L.statusText,
+          headers: It.from(F.headers),
+          status: F.status,
+          statusText: F.statusText,
           config: w,
           request: D
         });
@@ -2908,7 +2908,7 @@ function Zg(e = {}) {
       y.current && (y.current.abort(), y.current = null), l(!0), d(null), e.autoAppendAssistant !== !1 && h("");
       const D = new AbortController();
       return y.current = D, (async () => {
-        var V, U, q, L, k, W, Y, ue;
+        var V, U, q, F, k, W, Y, ue;
         const _ = (re) => {
           var de;
           try {
@@ -2990,7 +2990,7 @@ function Zg(e = {}) {
           }, 5e3), Ye = 1024 * 1024;
           try {
             const Ee = de.headers.get("X-Thread-Id") || de.headers.get("x-thread-id"), _e = de.headers.get("X-Thread-Created") || de.headers.get("x-thread-created"), Qe = Ee ?? null, je = String(_e ?? "").toLowerCase() === "true";
-            for ((L = M == null ? void 0 : M.onOpen) == null || L.call(M, { threadId: Qe, created: je }); ; ) {
+            for ((F = M == null ? void 0 : M.onOpen) == null || F.call(M, { threadId: Qe, created: je }); ; ) {
               const { value: st, done: at } = await fe.read();
               if (at) break;
               B += ye.decode(st, { stream: !0 }), B.length > Ye && (B = "", console.warn("Stream buffer reset: exceeded 1MB"));
@@ -3103,7 +3103,7 @@ function tx({
         s.current = w;
       }
       if (p.type === "thread_info") {
-        t(p);
+        console.log("[useChatStreamingService] 🎯 Received thread_info event:", p), t(p);
         return;
       }
       if (Hg(p)) {
@@ -3161,16 +3161,16 @@ function ox({
     prepend: V,
     pushUser: U,
     onEvent: q,
-    reset: L
+    reset: F
   } = Vg(), k = ut(p);
   gt(() => {
     k.current = p;
   }, [p]);
-  const W = ut(!1), Y = ut([]), ue = ut(null), re = ut(null), de = Ue((F, J) => new Promise((Ce, Oe) => {
+  const W = ut(!1), Y = ut([]), ue = ut(null), re = ut(null), de = Ue((L, X) => new Promise((Ce, Oe) => {
     const De = async () => {
       W.current = !0;
       try {
-        await F(), Ce();
+        await L(), Ce();
       } catch (it) {
         Oe(it);
       } finally {
@@ -3186,10 +3186,10 @@ function ox({
   }), []), fe = Ue(async () => {
     g(!0);
     try {
-      const F = await l.listThreads();
-      h(F);
-    } catch (F) {
-      i == null || i(String(F)), console.error("[ChatSessionProvider] Failed to refresh threads:", F);
+      const L = await l.listThreads();
+      h(L);
+    } catch (L) {
+      i == null || i(String(L)), console.error("[ChatSessionProvider] Failed to refresh threads:", L);
     } finally {
       g(!1);
     }
@@ -3197,42 +3197,49 @@ function ox({
   Ue(async () => {
     try {
       await fe();
-    } catch (F) {
-      console.error("[ChatSessionProvider] Failed to refresh threads after stream:", F);
+    } catch (L) {
+      console.error("[ChatSessionProvider] Failed to refresh threads after stream:", L);
     }
   }, [fe]);
   const ye = ut(!1), B = Ue(
-    (F, J) => {
-      const Ce = Array.isArray(F == null ? void 0 : F.messages) ? F.messages : [];
-      J === "replace" ? _(Ce, {
-        checkpointId: (F == null ? void 0 : F.checkpointId) ?? null,
-        checkpointNs: (F == null ? void 0 : F.checkpointNs) ?? null
-      }) : J === "prepend" && Ce.length && V(Ce), I((F == null ? void 0 : F.nextCursor) ?? null), R(!!(F != null && F.hasMore)), N((Oe) => (F == null ? void 0 : F.checkpointId) ?? Oe ?? void 0), M((Oe) => (F == null ? void 0 : F.checkpointNs) ?? Oe ?? void 0);
+    (L, X) => {
+      const Ce = Array.isArray(L == null ? void 0 : L.messages) ? L.messages : [];
+      X === "replace" ? _(Ce, {
+        checkpointId: (L == null ? void 0 : L.checkpointId) ?? null,
+        checkpointNs: (L == null ? void 0 : L.checkpointNs) ?? null
+      }) : X === "prepend" && Ce.length && V(Ce), I((L == null ? void 0 : L.nextCursor) ?? null), R(!!(L != null && L.hasMore)), N((Oe) => (L == null ? void 0 : L.checkpointId) ?? Oe ?? void 0), M((Oe) => (L == null ? void 0 : L.checkpointNs) ?? Oe ?? void 0);
     },
     [V, _]
   ), P = Ue(() => {
-    L([]), R(!1), C(!1), I(null), N(void 0), M(void 0);
-  }, [L]), G = Ue(({ from: F, to: J }) => {
+    F([]), R(!1), C(!1), I(null), N(void 0), M(void 0);
+  }, [F]), G = Ue(({ from: L, to: X }) => {
     const Ce = k.current;
     Ce && console.warn(
-      `[ChatSessionProvider] Stream sequence gap detected (${F} -> ${J}) for thread ${Ce}`
+      `[ChatSessionProvider] Stream sequence gap detected (${L} -> ${X}) for thread ${Ce}`
     );
   }, []), Z = Ue(
-    (F) => {
-      const J = F.threadId, Ce = {
-        threadId: J,
-        title: F.title || `Thread ${J.slice(0, 8)}`,
-        createdAt: F.createdAt || (/* @__PURE__ */ new Date()).toISOString(),
-        updatedAt: F.updatedAt || (/* @__PURE__ */ new Date()).toISOString(),
-        messageCount: F.messageCount || 0
+    (L) => {
+      const X = L.threadId;
+      console.log("[ChatSessionProvider] 📥 Handling thread_info event:", {
+        threadId: X,
+        title: L.title,
+        created: L.created,
+        currentThreads: f.length
+      });
+      const Ce = {
+        threadId: X,
+        title: L.title || `Thread ${X.slice(0, 8)}`,
+        createdAt: L.createdAt || (/* @__PURE__ */ new Date()).toISOString(),
+        updatedAt: L.updatedAt || (/* @__PURE__ */ new Date()).toISOString(),
+        messageCount: L.messageCount || 0
       };
-      k.current !== J && (!k.current && D.messages.length <= 1 && (re.current = J), w(J)), h((Oe) => {
-        const De = Oe.findIndex((it) => it.threadId === J);
+      k.current !== X && (!k.current && D.messages.length <= 1 && (re.current = X), w(X)), h((Oe) => {
+        const De = Oe.findIndex((it) => it.threadId === X);
         if (De >= 0) {
           const it = [...Oe];
-          return it[De] = Ce, it;
+          return it[De] = Ce, console.log("[ChatSessionProvider] ✏️ Updated existing thread at index:", De), it;
         } else
-          return [Ce, ...Oe];
+          return console.log("[ChatSessionProvider] ➕ Added new thread to list"), [Ce, ...Oe];
       });
     },
     [D.messages.length]
@@ -3240,8 +3247,8 @@ function ox({
     baseUrl: d,
     onThreadInfo: Z,
     onMessageEvent: q,
-    onUnhandledEvent: (F) => {
-      console.warn(`[ChatSessionProvider] Unhandled stream event: ${F.type}`, F);
+    onUnhandledEvent: (L) => {
+      console.warn(`[ChatSessionProvider] Unhandled stream event: ${L.type}`, L);
     },
     onSequenceGap: G
   });
@@ -3249,62 +3256,62 @@ function ox({
     ye.current = Me;
   }, [Me]), gt(() => {
     var Ce;
-    const F = l.getAuthToken();
-    Ye(F);
-    const J = (Ce = l.onTokenChange) == null ? void 0 : Ce.call(l, (Oe) => {
+    const L = l.getAuthToken();
+    Ye(L);
+    const X = (Ce = l.onTokenChange) == null ? void 0 : Ce.call(l, (Oe) => {
       Ye(Oe);
     });
     return () => {
-      J == null || J();
+      X == null || X();
     };
   }, [l, Ye]);
   const Ee = Ue(
-    async (F) => {
-      const J = `temp-${Date.now()}`, Ce = {
-        threadId: J,
-        title: F || "New Chat",
+    async (L) => {
+      const X = `temp-${Date.now()}`, Ce = {
+        threadId: X,
+        title: L || "New Chat",
         createdAt: (/* @__PURE__ */ new Date()).toISOString(),
         updatedAt: (/* @__PURE__ */ new Date()).toISOString(),
         messageCount: 0
       };
-      h((Oe) => [Ce, ...Oe]), w(J);
+      h((Oe) => [Ce, ...Oe]), w(X);
       try {
-        const Oe = await l.createThread(F), De = typeof Oe == "string" ? Oe : Oe.threadId;
+        const Oe = await l.createThread(L), De = typeof Oe == "string" ? Oe : Oe.threadId;
         return h((it) => it.map(
-          (At) => At.threadId === J ? { ...At, threadId: De } : At
+          (At) => At.threadId === X ? { ...At, threadId: De } : At
         )), w(De), setTimeout(() => fe(), 10), De;
       } catch (Oe) {
-        throw h((De) => De.filter((it) => it.threadId !== J)), w(null), Oe;
+        throw h((De) => De.filter((it) => it.threadId !== X)), w(null), Oe;
       }
     },
     [l, fe]
   ), _e = Ue(
-    async (F) => {
-      await l.deleteThread(F), k.current === F && (re.current = F, w(null), P()), await fe();
+    async (L) => {
+      await l.deleteThread(L), k.current === L && (re.current = L, w(null), P()), await fe();
     },
     [l, P, fe]
   ), Qe = Ue(
-    async (F, J) => {
+    async (L, X) => {
       try {
-        await l.updateThread(F, J), h((Ce) => Ce.map((Oe) => Oe.threadId === F ? { ...Oe, title: J } : Oe));
+        await l.updateThread(L, X), h((Ce) => Ce.map((Oe) => Oe.threadId === L ? { ...Oe, title: X } : Oe));
       } catch (Ce) {
         throw await fe(), Ce;
       }
     },
     [l, fe]
   ), je = Ue(
-    async (F, J, Ce, Oe = !1) => {
+    async (L, X, Ce, Oe = !1) => {
       await de(async () => {
-        if (re.current === F && !Oe) {
+        if (re.current === L && !Oe) {
           re.current = null;
           return;
         }
-        if (!(ue.current === F && !Oe)) {
-          w((De) => De === F ? De : F), ue.current = F, b(!0);
+        if (!(ue.current === L && !Oe)) {
+          w((De) => De === L ? De : L), ue.current = L, b(!0);
           try {
             const De = await l.getMessages({
-              threadId: F,
-              checkpointId: J,
+              threadId: L,
+              checkpointId: X,
               checkpointNs: Ce
             });
             B(De, "replace"), N((De == null ? void 0 : De.checkpointId) ?? void 0), M((De == null ? void 0 : De.checkpointNs) ?? void 0);
@@ -3314,7 +3321,7 @@ function ox({
             ue.current = null, b(!1);
           }
         }
-      }, `loadThread-${F}`);
+      }, `loadThread-${L}`);
     },
     [l, B, de, i]
   ), st = Ue(async () => {
@@ -3322,39 +3329,39 @@ function ox({
       k.current && (re.current = k.current), w(null), P(), N(void 0), M(void 0);
       try {
         localStorage.removeItem("lastThreadId");
-      } catch (F) {
-        console.warn("[ChatSessionProvider] Failed to clear lastThreadId:", F);
+      } catch (L) {
+        console.warn("[ChatSessionProvider] Failed to clear lastThreadId:", L);
       }
     }, "clearCurrentThread");
   }, [P, de]), at = Ue(
-    async (F) => {
-      const J = await l.listCheckpoints(F);
-      return $g(J, F);
+    async (L) => {
+      const X = await l.listCheckpoints(L);
+      return $g(X, L);
     },
     [l]
   ), Q = Ue(
-    async (F, J) => {
+    async (L, X) => {
       if (!k.current) throw new Error("No active thread");
-      await je(k.current, F, J ?? void 0, !0);
+      await je(k.current, L, X ?? void 0, !0);
     },
     [je]
   ), ae = Ue(async () => {
     if (!k.current) throw new Error("No active thread");
     await je(k.current, void 0, void 0, !0);
   }, [je]), he = Ue(
-    async (F) => {
+    async (L) => {
       if (!k.current) throw new Error("No active thread");
       if (S || !y) return;
-      const J = E;
-      if (J) {
+      const X = E;
+      if (X) {
         C(!0);
         try {
           const Ce = await l.getMessages({
             threadId: k.current,
             checkpointId: j,
             checkpointNs: O,
-            limit: (F == null ? void 0 : F.limit) ?? rx,
-            beforeId: J
+            limit: (L == null ? void 0 : L.limit) ?? rx,
+            beforeId: X
           });
           B(Ce, "prepend");
         } finally {
@@ -3372,25 +3379,25 @@ function ox({
       S
     ]
   ), Se = Ue(
-    async (F, J) => {
+    async (L, X) => {
       var bn;
       const Ce = k.current;
-      !Ce && !(J != null && J.payloadExtras) && console.warn("[ChatSessionProvider] No thread ID - message will create new thread");
-      const Oe = (J == null ? void 0 : J.attachments) || [], { contentParts: De, filesInfo: it } = await Bg(
+      !Ce && !(X != null && X.payloadExtras) && console.warn("[ChatSessionProvider] No thread ID - message will create new thread");
+      const Oe = (X == null ? void 0 : X.attachments) || [], { contentParts: De, filesInfo: it } = await Bg(
         l,
         Oe
       ), At = [...De];
-      F && F.trim() && At.push({ type: "text", text: F.trim() });
+      L && L.trim() && At.push({ type: "text", text: L.trim() });
       const tr = {
         id: ((bn = crypto.randomUUID) == null ? void 0 : bn.call(crypto)) || `user-${Date.now()}`,
         role: "user",
         content: At,
         createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-        checkpointId: (J == null ? void 0 : J.checkpointId) ?? D.lastCheckpointId ?? void 0,
-        checkpointNs: (J == null ? void 0 : J.checkpointNs) ?? D.lastCheckpointNs ?? void 0
+        checkpointId: (X == null ? void 0 : X.checkpointId) ?? D.lastCheckpointId ?? void 0,
+        checkpointNs: (X == null ? void 0 : X.checkpointNs) ?? D.lastCheckpointNs ?? void 0
       };
       U(tr);
-      const Pn = { ...tr, content: At }, nr = { ...(J == null ? void 0 : J.payloadExtras) ?? {} }, Qt = Oe.length > 0, On = {
+      const Pn = { ...tr, content: At }, nr = { ...(X == null ? void 0 : X.payloadExtras) ?? {} }, Qt = Oe.length > 0, On = {
         ...Ce ? { threadId: Ce } : {},
         payload: {
           messages: [Pn],
@@ -3398,10 +3405,10 @@ function ox({
           ...o && Qt && s ? { active_agent: s } : {},
           ...nr
         },
-        checkpointId: (J == null ? void 0 : J.checkpointId) ?? D.lastCheckpointId ?? void 0,
-        checkpointNs: (J == null ? void 0 : J.checkpointNs) ?? D.lastCheckpointNs ?? void 0,
-        nodeFilter: J == null ? void 0 : J.nodeFilter,
-        config: J == null ? void 0 : J.config
+        checkpointId: (X == null ? void 0 : X.checkpointId) ?? D.lastCheckpointId ?? void 0,
+        checkpointNs: (X == null ? void 0 : X.checkpointNs) ?? D.lastCheckpointNs ?? void 0,
+        nodeFilter: X == null ? void 0 : X.nodeFilter,
+        config: X == null ? void 0 : X.config
       };
       le(On, {
         onError: (en) => {
@@ -3425,15 +3432,15 @@ function ox({
       le
     ]
   ), ve = Ue(
-    async (F, J, Ce) => {
+    async (L, X, Ce) => {
       const Oe = k.current;
       if (!Oe)
         throw new Error("No active thread to handle interrupt");
       try {
-        const De = J ? Ce ?? !0 : !1;
+        const De = X ? Ce ?? !0 : !1;
         await l.resume({ threadId: Oe, value: De });
       } catch (De) {
-        throw console.error(`[ChatSessionProvider] Failed to handle interrupt ${F}:`, De), De;
+        throw console.error(`[ChatSessionProvider] Failed to handle interrupt ${L}:`, De), De;
       }
     },
     [l]
@@ -3442,14 +3449,14 @@ function ox({
     if (a == null || a(p), p)
       try {
         localStorage.setItem("lastThreadId", p);
-      } catch (F) {
-        console.warn("[ChatSessionProvider] Failed to persist lastThreadId:", F);
+      } catch (L) {
+        console.warn("[ChatSessionProvider] Failed to persist lastThreadId:", L);
       }
   }, [p, a]), gt(() => {
-    let F = !0;
+    let L = !0;
     return (async () => {
       try {
-        if (await fe(), !F) return;
+        if (await fe(), !L) return;
         if (!r && !t)
           try {
             const Ce = localStorage.getItem("lastThreadId");
@@ -3462,7 +3469,7 @@ function ox({
         console.error("[ChatSessionProvider] Initialization failed:", Ce), i == null || i(String(Ce));
       }
     })(), () => {
-      F = !1;
+      L = !1;
     };
   }, []);
   const Ne = pt(
@@ -3582,7 +3589,7 @@ function Vs({
     }
   ) });
 }
-function X(...e) {
+function J(...e) {
   return nm(tm(e));
 }
 const ix = ts(
@@ -3615,7 +3622,7 @@ const ix = ts(
     return /* @__PURE__ */ c.jsx(
       i,
       {
-        className: X(ix({ variant: t, size: n, className: e })),
+        className: J(ix({ variant: t, size: n, className: e })),
         ref: s,
         ...o
       }
@@ -3627,7 +3634,7 @@ const nu = m.forwardRef(
   ({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
     "textarea",
     {
-      className: X(
+      className: J(
         "flex min-h-[80px] w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
         e
       ),
@@ -4780,9 +4787,9 @@ const Qr = We(
             D,
             _
           ]) => {
-            const V = xu(R), { align: U, behavior: q, offset: L } = V, k = E - 1, W = mu(V, S, k);
+            const V = xu(R), { align: U, behavior: q, offset: F } = V, k = E - 1, W = mu(V, S, k);
             let Y = Br(W, S.offsetTree, M) + j;
-            U === "end" ? (Y += D + Gt(S.sizeTree, W)[1] - C + _, W === k && (Y += N)) : U === "center" ? Y += (D + Gt(S.sizeTree, W)[1] - C + _) / 2 : Y -= I, L && (Y += L);
+            U === "end" ? (Y += D + Gt(S.sizeTree, W)[1] - C + _, W === k && (Y += N)) : U === "center" ? Y += (D + Gt(S.sizeTree, W)[1] - C + _) / 2 : Y -= I, F && (Y += F);
             const ue = (re) => {
               y(), re ? (O("retrying to scroll to", { location: R }, Nt.DEBUG), Ae(p, R)) : (Ae(w, !0), O("list did not change, scroll successful", {}, Nt.DEBUG));
             };
@@ -5210,12 +5217,12 @@ const Jn = We(
             _,
             V
           ]) => {
-            const U = j, { offsetTree: q, sizeTree: L } = U, k = ct(g);
+            const U = j, { offsetTree: q, sizeTree: F } = U, k = ct(g);
             if (I === 0)
               return { ...qs, totalCount: I };
             if (C === 0 && E === 0)
               return k === 0 ? { ...qs, totalCount: I } : wu(k, N, j, D, _, V || []);
-            if (Je(L))
+            if (Je(F))
               return k > 0 ? null : Ro(
                 $x(ta(N, I), U, V),
                 [],
@@ -5228,7 +5235,7 @@ const Jn = We(
             if (M.length > 0) {
               const fe = M[0], ye = M[M.length - 1];
               let B = 0;
-              for (const P of us(L, fe, ye)) {
+              for (const P of us(F, fe, ye)) {
                 const G = P.value, Z = Math.max(P.start, fe), le = Math.min(P.end, ye);
                 for (let oe = Z; oe <= le; oe++)
                   W.push({ data: V == null ? void 0 : V[oe], index: oe, offset: B, size: G }), B += G;
@@ -6417,7 +6424,7 @@ const Cv = /* @__PURE__ */ We(
     { customScrollParent: g, useWindowScroll: x, windowScrollContainerState: b, windowScrollTo: y, windowViewportRect: R },
     S
   ]) => {
-    const C = K(0), E = K(0), I = K(Il), j = K({ height: 0, width: 0 }), N = K({ height: 0, width: 0 }), O = ze(), M = ze(), D = K(0), _ = K(null), V = K({ column: 0, row: 0 }), U = ze(), q = ze(), L = K(!1), k = K(0), W = K(!0), Y = K(!1), ue = K(!1);
+    const C = K(0), E = K(0), I = K(Il), j = K({ height: 0, width: 0 }), N = K({ height: 0, width: 0 }), O = ze(), M = ze(), D = K(0), _ = K(null), V = K({ column: 0, row: 0 }), U = ze(), q = ze(), F = K(!1), k = K(0), W = K(!0), Y = K(!1), ue = K(!1);
     qe(
       $(
         w,
@@ -6453,8 +6460,8 @@ const Cv = /* @__PURE__ */ We(
         be(([, P]) => P != null)
       ),
       ([, P]) => {
-        P && (Ae(j, P.viewport), Ae(N, P.item), Ae(V, P.gap), P.scrollTop > 0 && (Ae(L, !0), qt($(u, Wn(1)), (G) => {
-          Ae(L, !1);
+        P && (Ae(j, P.viewport), Ae(N, P.item), Ae(V, P.gap), P.scrollTop > 0 && (Ae(F, !0), qt($(u, Wn(1)), (G) => {
+          Ae(F, !1);
         }), Ae(l, { top: P.scrollTop })));
       }
     ), ce(
@@ -6489,7 +6496,7 @@ const Cv = /* @__PURE__ */ We(
           we(j, fo),
           we(_),
           we(E),
-          we(L),
+          we(F),
           we(W),
           we(k)
         ),
@@ -6511,14 +6518,14 @@ const Cv = /* @__PURE__ */ We(
             if (Ye === 0 && (P === 0 || Q === 0))
               return Il;
             if (at === 0) {
-              const J = ta(_e, P), Ce = J + Math.max(Ye - 1, 0);
-              return yv(jl(J, Ce, Ge));
+              const X = ta(_e, P), Ce = X + Math.max(Ye - 1, 0);
+              return yv(jl(X, Ce, Ge));
             }
             const ae = Ou(Q, at, Qe);
             let he, Se;
             Ee ? G === 0 && Z === 0 && Ye > 0 ? (he = 0, Se = Ye - 1) : (he = ae * zo((G + je) / (st + je)), Se = ae * Nl((Z + je) / (st + je)) - 1, Se = Xs(P - 1, Pr(Se, ae - 1)), he = Xs(Se, Pr(0, he))) : (he = 0, Se = -1);
-            const ve = jl(he, Se, Ge), { bottom: Ne, top: et } = _l(Me, le, oe, ve), Ve = Nl(P / ae), F = Ve * st + (Ve - 1) * je - Ne;
-            return { bottom: Ne, itemHeight: st, items: ve, itemWidth: at, offsetBottom: F, offsetTop: et, top: et };
+            const ve = jl(he, Se, Ge), { bottom: Ne, top: et } = _l(Me, le, oe, ve), Ve = Nl(P / ae), L = Ve * st + (Ve - 1) * je - Ne;
+            return { bottom: Ne, itemHeight: st, items: ve, itemWidth: at, offsetBottom: L, offsetTop: et, top: et };
           }
         )
       ),
@@ -6573,7 +6580,7 @@ const Cv = /* @__PURE__ */ We(
     ), ye = Mt(
       $(
         we(I),
-        Pe(L),
+        Pe(F),
         be(([{ items: P }, G]) => P.length > 0 && !G),
         te(([{ items: P }]) => ({
           endIndex: P[P.length - 1].index,
@@ -6648,7 +6655,7 @@ const Cv = /* @__PURE__ */ We(
       rangeChanged: ye,
       startReached: fe,
       stateChanged: U,
-      stateRestoreInProgress: L,
+      stateRestoreInProgress: F,
       ...S
     };
   },
@@ -6869,7 +6876,7 @@ const Ov = ts(
   }
 );
 function Ei({ className: e, variant: t, ...n }) {
-  return /* @__PURE__ */ c.jsx("div", { className: X(Ov({ variant: t }), e), ...n });
+  return /* @__PURE__ */ c.jsx("div", { className: J(Ov({ variant: t }), e), ...n });
 }
 function ie(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
   return function(o) {
@@ -7221,7 +7228,7 @@ const Ml = Xv, Dl = $u, Or = m.forwardRef(({ className: e, ...t }, n) => /* @__P
   "div",
   {
     ref: n,
-    className: X(
+    className: J(
       "rounded-lg border bg-card text-card-foreground shadow-sm",
       e
     ),
@@ -7233,7 +7240,7 @@ const Mr = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   "div",
   {
     ref: n,
-    className: X("flex flex-col space-y-1.5 p-6", e),
+    className: J("flex flex-col space-y-1.5 p-6", e),
     ...t
   }
 ));
@@ -7242,7 +7249,7 @@ const Dr = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   "h3",
   {
     ref: n,
-    className: X(
+    className: J(
       "text-2xl font-semibold leading-none tracking-tight",
       e
     ),
@@ -7254,18 +7261,18 @@ const zu = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   "p",
   {
     ref: n,
-    className: X("text-sm text-muted-foreground", e),
+    className: J("text-sm text-muted-foreground", e),
     ...t
   }
 ));
 zu.displayName = "CardDescription";
-const Eo = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx("div", { ref: n, className: X("p-6 pt-0", e), ...t }));
+const Eo = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx("div", { ref: n, className: J("p-6 pt-0", e), ...t }));
 Eo.displayName = "CardContent";
 const Bu = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   "div",
   {
     ref: n,
-    className: X("flex items-center p-6 pt-0", e),
+    className: J("flex items-center p-6 pt-0", e),
     ...t
   }
 ));
@@ -8838,7 +8845,7 @@ function Ul({
   return /* @__PURE__ */ c.jsx(
     "div",
     {
-      className: X("markdown prose max-w-none break-words dark:prose-invert", t),
+      className: J("markdown prose max-w-none break-words dark:prose-invert", t),
       dangerouslySetInnerHTML: { __html: r }
     }
   );
@@ -9999,7 +10006,7 @@ const _b = Cd, Pb = Td, Ed = m.forwardRef(({ className: e, ...t }, n) => /* @__P
   bs,
   {
     ref: n,
-    className: X(
+    className: J(
       "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
@@ -10029,7 +10036,7 @@ const kd = m.forwardRef(({ className: e, children: t, ...n }, r) => {
       ys,
       {
         ref: r,
-        className: X(
+        className: J(
           "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
           e
         ),
@@ -10053,7 +10060,7 @@ const Id = ({
 }) => /* @__PURE__ */ c.jsx(
   "div",
   {
-    className: X(
+    className: J(
       "flex flex-col space-y-1.5 text-center sm:text-left",
       e
     ),
@@ -10065,7 +10072,7 @@ const Nd = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   Bn,
   {
     ref: n,
-    className: X(
+    className: J(
       "text-lg font-semibold leading-none tracking-tight",
       e
     ),
@@ -10077,7 +10084,7 @@ const Ob = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   Ss,
   {
     ref: n,
-    className: X("text-sm text-muted-foreground", e),
+    className: J("text-sm text-muted-foreground", e),
     ...t
   }
 ));
@@ -10352,7 +10359,7 @@ function Hb({ className: e }) {
     "span",
     {
       "aria-live": "polite",
-      className: X("inline-block text-xs opacity-70 ml-1", e),
+      className: J("inline-block text-xs opacity-70 ml-1", e),
       children: [
         "Is thinking",
         ".".repeat(t)
@@ -10379,8 +10386,8 @@ const Ub = z.memo(function({
   onCancelEdit: g,
   onCopy: x
 }) {
-  const [b, y] = pe(!1), [R, S] = pe("collapsed"), [C, E] = pe(!1), { currentThreadId: I } = Gi(), { handleInterrupt: j } = tu(), { toast: N } = ha(), [O, M] = pe({}), [D, _] = pe(!1), [V, U] = pe(null), q = l === "phone" || l === "half-screen", L = t.role, k = L === "tool", W = !(r && L !== "user"), Y = z.useMemo(() => {
-    switch (L) {
+  const [b, y] = pe(!1), [R, S] = pe("collapsed"), [C, E] = pe(!1), { currentThreadId: I } = Gi(), { handleInterrupt: j } = tu(), { toast: N } = ha(), [O, M] = pe({}), [D, _] = pe(!1), [V, U] = pe(null), q = l === "phone" || l === "half-screen", F = t.role, k = F === "tool", W = !(r && F !== "user"), Y = z.useMemo(() => {
+    switch (F) {
       case "user":
         return "text-[hsl(var(--chat-bubble-user-text))]";
       case "assistant":
@@ -10392,7 +10399,7 @@ const Ub = z.memo(function({
       default:
         return "text-[hsl(var(--chat-bubble-ai-text))]";
     }
-  }, [L]), ue = pt(() => Db(t.content), [t.content]), re = pt(() => Lb(t.content), [t.content]), de = pt(
+  }, [F]), ue = pt(() => Db(t.content), [t.content]), re = pt(() => Lb(t.content), [t.content]), de = pt(
     () => t.content.filter((Q) => Q.type === "image_url"),
     [t.content]
   ), fe = pt(
@@ -10453,22 +10460,22 @@ const Ub = z.memo(function({
           const Ve = await mw(I ?? void 0);
           if (!Ve || !Array.isArray(Ve))
             throw new Error("Invalid file list response");
-          const F = Ve.find((J) => !J || typeof J != "object" || !((J.filename ?? "") === (ae.name ?? "")) ? !1 : typeof ae.size == "number" && typeof J.size == "number" ? J.size === ae.size : !0);
-          if (!(F != null && F.id))
+          const L = Ve.find((X) => !X || typeof X != "object" || !((X.filename ?? "") === (ae.name ?? "")) ? !1 : typeof ae.size == "number" && typeof X.size == "number" ? X.size === ae.size : !0);
+          if (!(L != null && L.id))
             throw new Error(`File "${ae.name}" is not yet available on the server`);
-          if (!F.id || !F.filename)
+          if (!L.id || !L.filename)
             throw new Error("Invalid file data received from server");
           U({
-            id: F.id,
-            name: ae.name || F.filename || `file_${F.id}`,
-            mimeType: ae.mimeType || F.mime_type || "application/octet-stream"
+            id: L.id,
+            name: ae.name || L.filename || `file_${L.id}`,
+            mimeType: ae.mimeType || L.mime_type || "application/octet-stream"
           }), _(!0), et.update({ id: et.id, title: "Success", description: `Opened ${ae.name}`, open: !0 });
         } catch (Ve) {
           console.error("Failed to fetch server file:", Ve);
-          const F = Ve instanceof Error ? Ve.message : "Unknown error occurred";
-          et.update({ id: et.id, title: "Failed", description: F }), N({
+          const L = Ve instanceof Error ? Ve.message : "Unknown error occurred";
+          et.update({ id: et.id, title: "Failed", description: L }), N({
             title: "Failed to fetch file",
-            description: F,
+            description: L,
             open: !0
           });
         } finally {
@@ -10479,8 +10486,8 @@ const Ub = z.memo(function({
       console.error("File click error:", Se), M((ve) => ({ ...ve, [he]: !1 }));
     }
   }, [W, O, N, I]), Me = z.useCallback(() => {
-    const ae = X(q ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0", Y);
-    switch (L) {
+    const ae = J(q ? "h-3 w-3" : "h-4 w-4", "opacity-60 flex-shrink-0", Y);
+    switch (F) {
       case "user":
         return /* @__PURE__ */ c.jsx(Fp, { className: ae });
       case "assistant":
@@ -10490,51 +10497,51 @@ const Ub = z.memo(function({
       default:
         return /* @__PURE__ */ c.jsx(Ua, { className: ae });
     }
-  }, [q, Y, L]), Ge = z.useCallback(() => {
+  }, [q, Y, F]), Ge = z.useCallback(() => {
     const Q = "group relative mb-4 flex w-full";
-    switch (L) {
+    switch (F) {
       case "user":
-        return X(Q, "justify-end");
+        return J(Q, "justify-end");
       case "assistant":
       case "tool":
       case "system":
-        return X(Q, "justify-start");
+        return J(Q, "justify-start");
       default:
         return Q;
     }
-  }, [L]), Ye = z.useCallback(() => {
-    const Q = X(
+  }, [F]), Ye = z.useCallback(() => {
+    const Q = J(
       "rounded-lg px-4 py-3 relative min-w-0 max-w-full break-words",
       q && "px-3 py-2 text-sm"
     );
-    switch (L) {
+    switch (F) {
       case "user":
-        return X(
+        return J(
           Q,
           "w-full md:max-w-[95%]",
           "bg-[hsl(var(--chat-bubble-user))] text-[hsl(var(--chat-bubble-user-text))]",
           "border border-transparent"
         );
       case "assistant":
-        return X(
+        return J(
           Q,
           "w-full md:max-w-[95%]",
           "bg-[hsl(var(--chat-bubble-ai))] text-[hsl(var(--chat-bubble-ai-text))]",
           "border border-border/60 dark:border-border/40"
         );
       case "tool":
-        return X(Q, "w-full md:max-w-[95%] bg-secondary/50 text-secondary-foreground border border-dashed");
+        return J(Q, "w-full md:max-w-[95%] bg-secondary/50 text-secondary-foreground border border-dashed");
       case "system":
-        return X(Q, "w-full md:max-w-[85%] bg-accent/40 text-muted-foreground border");
+        return J(Q, "w-full md:max-w-[85%] bg-accent/40 text-muted-foreground border");
       default:
-        return X(
+        return J(
           Q,
           "w-full md:max-w-[95%]",
           "bg-[hsl(var(--chat-bubble-ai))] text-[hsl(var(--chat-bubble-ai-text))]",
           "border border-border/60 dark:border-border/40"
         );
     }
-  }, [q, L]), Ee = z.useCallback(async (Q) => {
+  }, [q, F]), Ee = z.useCallback(async (Q) => {
     try {
       const ae = Q.id || `interrupt-${Date.now()}`;
       await j(ae, !0);
@@ -10551,8 +10558,8 @@ const Ub = z.memo(function({
   }, [j]), Qe = z.useCallback(({ part: Q, i: ae }) => {
     if (Q.type === "text") {
       const he = Q.text ?? "", Se = he.trim(), ve = oc(Se);
-      return ve && L !== "tool" ? /* @__PURE__ */ c.jsx(Wb, { data: ve }, ae) : L === "user" && f && Se.length > h ? /* @__PURE__ */ c.jsxs(Ml, { open: C, onOpenChange: E, children: [
-        /* @__PURE__ */ c.jsx("div", { className: X("text-sm text-[hsl(var(--chat-bubble-user-text))]", q && "text-xs"), children: C ? /* @__PURE__ */ c.jsx(Ul, { content: Se, allowHtml: !1 }) : /* @__PURE__ */ c.jsxs("pre", { className: X("font-sans whitespace-pre-wrap break-words bg-transparent p-0 m-0 text-[hsl(var(--chat-bubble-user-text))]", q && "text-xs"), children: [
+      return ve && F !== "tool" ? /* @__PURE__ */ c.jsx(Wb, { data: ve }, ae) : F === "user" && f && Se.length > h ? /* @__PURE__ */ c.jsxs(Ml, { open: C, onOpenChange: E, children: [
+        /* @__PURE__ */ c.jsx("div", { className: J("text-sm text-[hsl(var(--chat-bubble-user-text))]", q && "text-xs"), children: C ? /* @__PURE__ */ c.jsx(Ul, { content: Se, allowHtml: !1 }) : /* @__PURE__ */ c.jsxs("pre", { className: J("font-sans whitespace-pre-wrap break-words bg-transparent p-0 m-0 text-[hsl(var(--chat-bubble-user-text))]", q && "text-xs"), children: [
           Se.substring(0, h),
           "..."
         ] }) }),
@@ -10621,7 +10628,7 @@ const Ub = z.memo(function({
     O,
     Ee,
     _e,
-    L,
+    F,
     f,
     h,
     C,
@@ -10685,11 +10692,11 @@ const Ub = z.memo(function({
     Y
   ]), at = pt(() => Bb(t), [t]);
   return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-    /* @__PURE__ */ c.jsx("div", { className: X(Ge(), p.container), children: /* @__PURE__ */ c.jsxs("div", { className: X(Ye(), p.content), children: [
+    /* @__PURE__ */ c.jsx("div", { className: J(Ge(), p.container), children: /* @__PURE__ */ c.jsxs("div", { className: J(Ye(), p.content), children: [
       (i || a || k) && /* @__PURE__ */ c.jsxs(
         "div",
         {
-          className: X(
+          className: J(
             "flex items-center justify-between mb-2 pb-2 border-b border-current/10",
             q && "mb-1 pb-1",
             Y,
@@ -10698,12 +10705,12 @@ const Ub = z.memo(function({
           children: [
             /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2", children: [
               Me(),
-              a && at && /* @__PURE__ */ c.jsx("span", { className: X("font-medium", q ? "text-xs" : "text-sm"), children: at }),
+              a && at && /* @__PURE__ */ c.jsx("span", { className: J("font-medium", q ? "text-xs" : "text-sm"), children: at }),
               k && re.name && /* @__PURE__ */ c.jsxs(
                 Ei,
                 {
                   variant: "outline",
-                  className: X(
+                  className: J(
                     "text-xs flex items-center gap-1 cursor-pointer",
                     Y,
                     "border border-current/40",
@@ -10727,7 +10734,7 @@ const Ub = z.memo(function({
                 {
                   variant: "ghost",
                   size: "sm",
-                  className: X("h-6 px-1", Y, "hover:bg-foreground/10"),
+                  className: J("h-6 px-1", Y, "hover:bg-foreground/10"),
                   onClick: () => S((Q) => Q === "collapsed" ? "preview" : "collapsed"),
                   children: /* @__PURE__ */ c.jsxs("span", { className: "text-xs flex items-center gap-1", children: [
                     "Tool Output ",
@@ -10740,7 +10747,7 @@ const Ub = z.memo(function({
               i && t.createdAt && /* @__PURE__ */ c.jsx(
                 "time",
                 {
-                  className: X("text-xs opacity-60", Y, q && "text-xs"),
+                  className: J("text-xs opacity-60", Y, q && "text-xs"),
                   dateTime: new Date(t.createdAt).toISOString(),
                   title: new Date(t.createdAt).toLocaleString(),
                   children: new Intl.DateTimeFormat(void 0, { hour: "2-digit", minute: "2-digit" }).format(new Date(t.createdAt))
@@ -10749,7 +10756,7 @@ const Ub = z.memo(function({
               s && !o && /* @__PURE__ */ c.jsxs(
                 "div",
                 {
-                  className: X(
+                  className: J(
                     "opacity-0 group-hover:opacity-100 transition-opacity",
                     "flex items-center gap-1",
                     p.actions
@@ -10762,10 +10769,10 @@ const Ub = z.memo(function({
                           variant: "ghost",
                           size: "sm",
                           onClick: () => G(k ? "visible" : "all"),
-                          className: X("h-6 w-6 p-0 hover:bg-foreground/10", Y, q && "h-5 w-5"),
+                          className: J("h-6 w-6 p-0 hover:bg-foreground/10", Y, q && "h-5 w-5"),
                           "aria-label": k ? "Copy visible" : "Copy message",
                           title: k ? "Copy visible portion" : "Copy message",
-                          children: /* @__PURE__ */ c.jsx(Wa, { className: X(b ? "text-success" : Y, q ? "h-3 w-3" : "h-4 w-4") })
+                          children: /* @__PURE__ */ c.jsx(Wa, { className: J(b ? "text-success" : Y, q ? "h-3 w-3" : "h-4 w-4") })
                         }
                       ),
                       k && /* @__PURE__ */ c.jsx(
@@ -10774,33 +10781,33 @@ const Ub = z.memo(function({
                           variant: "ghost",
                           size: "sm",
                           onClick: () => G("all"),
-                          className: X("h-6 px-1 text-xs hover:bg-foreground/10", Y),
+                          className: J("h-6 px-1 text-xs hover:bg-foreground/10", Y),
                           "aria-label": "Copy all (may be large)",
                           title: "Copy all (may be large)",
                           children: "all"
                         }
                       )
                     ] }),
-                    L === "user" && w && /* @__PURE__ */ c.jsx(
+                    F === "user" && w && /* @__PURE__ */ c.jsx(
                       He,
                       {
                         variant: "ghost",
                         size: "sm",
                         onClick: Z,
-                        className: X("h-6 w-6 p-0 hover:bg-foreground/10", Y, q && "h-5 w-5"),
+                        className: J("h-6 w-6 p-0 hover:bg-foreground/10", Y, q && "h-5 w-5"),
                         "aria-label": "Edit message",
-                        children: /* @__PURE__ */ c.jsx(Va, { className: X(Y, q ? "h-3 w-3" : "h-4 w-4") })
+                        children: /* @__PURE__ */ c.jsx(Va, { className: J(Y, q ? "h-3 w-3" : "h-4 w-4") })
                       }
                     ),
-                    L === "assistant" && v && /* @__PURE__ */ c.jsx(
+                    F === "assistant" && v && /* @__PURE__ */ c.jsx(
                       He,
                       {
                         variant: "ghost",
                         size: "sm",
                         onClick: le,
-                        className: X("h-6 w-6 p-0 hover:bg-foreground/10", Y, q && "h-5 w-5"),
+                        className: J("h-6 w-6 p-0 hover:bg-foreground/10", Y, q && "h-5 w-5"),
                         "aria-label": "Regenerate response",
-                        children: /* @__PURE__ */ c.jsx(di, { className: X(Y, q ? "h-3 w-3" : "h-4 w-4") })
+                        children: /* @__PURE__ */ c.jsx(di, { className: J(Y, q ? "h-3 w-3" : "h-4 w-4") })
                       }
                     )
                   ]
@@ -10811,7 +10818,7 @@ const Ub = z.memo(function({
         }
       ),
       /* @__PURE__ */ c.jsx("div", { className: "relative", children: st() }),
-      k && R === "expanded" && (re.toolCallId || re.name) && /* @__PURE__ */ c.jsxs("div", { className: X("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", q && "text-xs"), children: [
+      k && R === "expanded" && (re.toolCallId || re.name) && /* @__PURE__ */ c.jsxs("div", { className: J("mt-2 pt-2 border-t border-current/10 text-xs opacity-60", q && "text-xs"), children: [
         re.name && /* @__PURE__ */ c.jsxs("div", { children: [
           "Function: ",
           re.name
@@ -10824,7 +10831,7 @@ const Ub = z.memo(function({
       !(i || a || k) && s && !o && /* @__PURE__ */ c.jsxs(
         "div",
         {
-          className: X(
+          className: J(
             "absolute top-2 right-2 opacity-0 group-hover:opacity-100 transition-opacity",
             "flex items-center gap-1",
             p.actions
@@ -10836,28 +10843,28 @@ const Ub = z.memo(function({
                 variant: "ghost",
                 size: "sm",
                 onClick: () => G(),
-                className: X("h-6 w-6 p-0 hover:bg-background/50 text-current", q && "h-5 w-5"),
-                children: /* @__PURE__ */ c.jsx(Wa, { className: X(b ? "text-success" : "text-current", q ? "h-3 w-3" : "h-4 w-4") })
+                className: J("h-6 w-6 p-0 hover:bg-background/50 text-current", q && "h-5 w-5"),
+                children: /* @__PURE__ */ c.jsx(Wa, { className: J(b ? "text-success" : "text-current", q ? "h-3 w-3" : "h-4 w-4") })
               }
             ),
-            L === "user" && w && /* @__PURE__ */ c.jsx(
+            F === "user" && w && /* @__PURE__ */ c.jsx(
               He,
               {
                 variant: "ghost",
                 size: "sm",
                 onClick: Z,
-                className: X("h-6 w-6 p-0 hover:bg-background/50 text-current", q && "h-5 w-5"),
-                children: /* @__PURE__ */ c.jsx(Va, { className: X("text-current", q ? "h-3 w-3" : "h-4 w-4") })
+                className: J("h-6 w-6 p-0 hover:bg-background/50 text-current", q && "h-5 w-5"),
+                children: /* @__PURE__ */ c.jsx(Va, { className: J("text-current", q ? "h-3 w-3" : "h-4 w-4") })
               }
             ),
-            L === "assistant" && v && /* @__PURE__ */ c.jsx(
+            F === "assistant" && v && /* @__PURE__ */ c.jsx(
               He,
               {
                 variant: "ghost",
                 size: "sm",
                 onClick: le,
-                className: X("h-6 w-6 p-0 hover:bg-background/50 text-current", q && "h-5 w-5"),
-                children: /* @__PURE__ */ c.jsx(di, { className: X("text-current", q ? "h-3 w-3" : "h-4 w-4") })
+                className: J("h-6 w-6 p-0 hover:bg-background/50 text-current", q && "h-5 w-5"),
+                children: /* @__PURE__ */ c.jsx(di, { className: J("text-current", q ? "h-3 w-3" : "h-4 w-4") })
               }
             )
           ]
@@ -11521,7 +11528,7 @@ const dy = (e) => ({
         const _ = (((O = s.flip) == null ? void 0 : O.index) || 0) + 1, V = E[_];
         if (V && (!(f === "alignment" ? b !== an(V) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        N.every((L) => an(L.placement) === b ? L.overflows[0] > 0 : !0)))
+        N.every((F) => an(F.placement) === b ? F.overflows[0] > 0 : !0)))
           return {
             data: {
               index: _,
@@ -11531,20 +11538,20 @@ const dy = (e) => ({
               placement: V
             }
           };
-        let U = (M = N.filter((q) => q.overflows[0] <= 0).sort((q, L) => q.overflows[1] - L.overflows[1])[0]) == null ? void 0 : M.placement;
+        let U = (M = N.filter((q) => q.overflows[0] <= 0).sort((q, F) => q.overflows[1] - F.overflows[1])[0]) == null ? void 0 : M.placement;
         if (!U)
           switch (p) {
             case "bestFit": {
               var D;
-              const q = (D = N.filter((L) => {
+              const q = (D = N.filter((F) => {
                 if (C) {
-                  const k = an(L.placement);
+                  const k = an(F.placement);
                   return k === b || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
                   k === "y";
                 }
                 return !0;
-              }).map((L) => [L.placement, L.overflows.filter((k) => k > 0).reduce((k, W) => k + W, 0)]).sort((L, k) => L[1] - k[1])[0]) == null ? void 0 : D[0];
+              }).map((F) => [F.placement, F.overflows.filter((k) => k > 0).reduce((k, W) => k + W, 0)]).sort((F, k) => F[1] - k[1])[0]) == null ? void 0 : D[0];
               q && (U = q);
               break;
             }
@@ -12370,19 +12377,19 @@ function e0(e) {
     isPositioned: !1
   }), [h, p] = m.useState(r);
   qo(h, r) || p(r);
-  const [w, v] = m.useState(null), [g, x] = m.useState(null), b = m.useCallback((L) => {
-    L !== C.current && (C.current = L, v(L));
-  }, []), y = m.useCallback((L) => {
-    L !== E.current && (E.current = L, x(L));
+  const [w, v] = m.useState(null), [g, x] = m.useState(null), b = m.useCallback((F) => {
+    F !== C.current && (C.current = F, v(F));
+  }, []), y = m.useCallback((F) => {
+    F !== E.current && (E.current = F, x(F));
   }, []), R = s || w, S = i || g, C = m.useRef(null), E = m.useRef(null), I = m.useRef(d), j = l != null, N = ai(l), O = ai(o), M = ai(u), D = m.useCallback(() => {
     if (!C.current || !E.current)
       return;
-    const L = {
+    const F = {
       placement: t,
       strategy: n,
       middleware: h
     };
-    O.current && (L.platform = O.current), Jy(C.current, E.current, L).then((k) => {
+    O.current && (F.platform = O.current), Jy(C.current, E.current, F).then((k) => {
       const W = {
         ...k,
         // The floating element's position may be recomputed while it's closed
@@ -12397,8 +12404,8 @@ function e0(e) {
     });
   }, [h, t, n, O, M]);
   Oo(() => {
-    u === !1 && I.current.isPositioned && (I.current.isPositioned = !1, f((L) => ({
-      ...L,
+    u === !1 && I.current.isPositioned && (I.current.isPositioned = !1, f((F) => ({
+      ...F,
       isPositioned: !1
     })));
   }, [u]);
@@ -12421,16 +12428,16 @@ function e0(e) {
     reference: R,
     floating: S
   }), [R, S]), q = m.useMemo(() => {
-    const L = {
+    const F = {
       position: n,
       left: 0,
       top: 0
     };
     if (!U.floating)
-      return L;
+      return F;
     const k = gc(U.floating, d.x), W = gc(U.floating, d.y);
     return a ? {
-      ...L,
+      ...F,
       transform: "translate(" + k + "px, " + W + "px)",
       ...Ud(U.floating) >= 1.5 && {
         willChange: "transform"
@@ -12569,7 +12576,7 @@ var Ia = "PopperContent", [f0, h0] = Kd(Ia), Jd = m.forwardRef(
       boundary: O.filter(m0),
       // with `strategy: 'fixed'`, this is the only way to get it to respect boundaries
       altBoundary: M
-    }, { refs: _, floatingStyles: V, placement: U, isPositioned: q, middlewareData: L } = e0({
+    }, { refs: _, floatingStyles: V, placement: U, isPositioned: q, middlewareData: F } = e0({
       // default to `fixed` strategy so users don't have to pick and we also avoid focus scroll issues
       strategy: "fixed",
       placement: j,
@@ -12603,7 +12610,7 @@ var Ia = "PopperContent", [f0, h0] = Kd(Ia), Jd = m.forwardRef(
     xt(() => {
       q && (Y == null || Y());
     }, [q, Y]);
-    const ue = (B = L.arrow) == null ? void 0 : B.x, re = (P = L.arrow) == null ? void 0 : P.y, de = ((G = L.arrow) == null ? void 0 : G.centerOffset) !== 0, [fe, ye] = m.useState();
+    const ue = (B = F.arrow) == null ? void 0 : B.x, re = (P = F.arrow) == null ? void 0 : P.y, de = ((G = F.arrow) == null ? void 0 : G.centerOffset) !== 0, [fe, ye] = m.useState();
     return xt(() => {
       x && ye(window.getComputedStyle(x).zIndex);
     }, [x]), /* @__PURE__ */ c.jsx(
@@ -12618,13 +12625,13 @@ var Ia = "PopperContent", [f0, h0] = Kd(Ia), Jd = m.forwardRef(
           minWidth: "max-content",
           zIndex: fe,
           "--radix-popper-transform-origin": [
-            (Z = L.transformOrigin) == null ? void 0 : Z.x,
-            (le = L.transformOrigin) == null ? void 0 : le.y
+            (Z = F.transformOrigin) == null ? void 0 : Z.x,
+            (le = F.transformOrigin) == null ? void 0 : le.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
           // as if the PopperContent isn't there at all
-          ...((oe = L.hide) == null ? void 0 : oe.referenceHidden) && {
+          ...((oe = F.hide) == null ? void 0 : oe.referenceHidden) && {
             visibility: "hidden",
             pointerEvents: "none"
           }
@@ -13015,7 +13022,7 @@ var Ut = "MenuContent", [$0, ja] = Qn(Ut), vf = m.forwardRef(
       })(W), ye && setTimeout(() => ye.focus());
     };
     m.useEffect(() => () => window.clearTimeout(j.current), []), pa();
-    const L = m.useCallback((k) => {
+    const F = m.useCallback((k) => {
       var Y, ue;
       return D.current === ((Y = M.current) == null ? void 0 : Y.side) && nS(k, (ue = M.current) == null ? void 0 : ue.area);
     }, []);
@@ -13026,22 +13033,22 @@ var Ut = "MenuContent", [$0, ja] = Qn(Ut), vf = m.forwardRef(
         searchRef: N,
         onItemEnter: m.useCallback(
           (k) => {
-            L(k) && k.preventDefault();
+            F(k) && k.preventDefault();
           },
-          [L]
+          [F]
         ),
         onItemLeave: m.useCallback(
           (k) => {
             var W;
-            L(k) || ((W = E.current) == null || W.focus(), C(null));
+            F(k) || ((W = E.current) == null || W.focus(), C(null));
           },
-          [L]
+          [F]
         ),
         onTriggerLeave: m.useCallback(
           (k) => {
-            L(k) && k.preventDefault();
+            F(k) && k.preventDefault();
           },
-          [L]
+          [F]
         ),
         pointerGraceTimerRef: O,
         onPointerGraceIntentChange: m.useCallback((k) => {
@@ -13645,7 +13652,7 @@ const FS = MS, $S = DS, zS = m.forwardRef(({ className: e, inset: t, children: n
   rh,
   {
     ref: o,
-    className: X(
+    className: J(
       "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
       t && "pl-8",
       e
@@ -13662,7 +13669,7 @@ const BS = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   oh,
   {
     ref: n,
-    className: X(
+    className: J(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
@@ -13675,7 +13682,7 @@ const sh = m.forwardRef(({ className: e, sideOffset: t = 4, ...n }, r) => /* @__
   {
     ref: r,
     sideOffset: t,
-    className: X(
+    className: J(
       "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       e
     ),
@@ -13687,7 +13694,7 @@ const Mi = m.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */
   Zf,
   {
     ref: r,
-    className: X(
+    className: J(
       "relative flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       t && "pl-8",
       e
@@ -13700,7 +13707,7 @@ const HS = m.forwardRef(({ className: e, children: t, checked: n, ...r }, o) =>
   Qf,
   {
     ref: o,
-    className: X(
+    className: J(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
@@ -13717,7 +13724,7 @@ const US = m.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   eh,
   {
     ref: r,
-    className: X(
+    className: J(
       "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
@@ -13733,7 +13740,7 @@ const WS = m.forwardRef(({ className: e, inset: t, ...n }, r) => /* @__PURE__ */
   Jf,
   {
     ref: r,
-    className: X(
+    className: J(
       "px-2 py-1.5 text-sm font-semibold",
       t && "pl-8",
       e
@@ -13746,7 +13753,7 @@ const VS = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   nh,
   {
     ref: n,
-    className: X("-mx-1 my-1 h-px bg-muted", e),
+    className: J("-mx-1 my-1 h-px bg-muted", e),
     ...t
   }
 ));
@@ -13786,17 +13793,17 @@ function ci({
     streamingAssistantId: M,
     lastCheckpointId: D,
     lastCheckpointNs: _
-  } = sx(), [V, U] = pe(null), [q, L] = pe(""), [k, W] = pe(null), [Y, ue] = pe([]), [re, de] = pe(0), [fe, ye] = pe(0), [B, P] = pe(!1), [G, Z] = pe(null), [le, oe] = pe(null), [Me, Ge] = pe(!1), [Ye, Ee] = pe(null), [_e, Qe] = pe([]), [je, st] = pe(null), [at, Q] = pe(null), [ae, he] = pe(!1), Se = ut(null), ve = ut(null), Ne = ut(null), et = Ue(() => {
+  } = sx(), [V, U] = pe(null), [q, F] = pe(""), [k, W] = pe(null), [Y, ue] = pe([]), [re, de] = pe(0), [fe, ye] = pe(0), [B, P] = pe(!1), [G, Z] = pe(null), [le, oe] = pe(null), [Me, Ge] = pe(!1), [Ye, Ee] = pe(null), [_e, Qe] = pe([]), [je, st] = pe(null), [at, Q] = pe(null), [ae, he] = pe(!1), Se = ut(null), ve = ut(null), Ne = ut(null), et = Ue(() => {
     Se.current && (Se.current.value = ""), ve.current && (ve.current.value = ""), de((se) => se + 1), ye((se) => se + 1);
   }, []), Ve = ut(!1);
   gt(() => {
     Ve.current && !N && (ue([]), et()), Ve.current = N;
   }, [N, et]);
-  const [F, J] = pe("desktop");
+  const [L, X] = pe("desktop");
   gt(() => {
     const se = () => {
       const xe = window.innerWidth;
-      J(xe < 640 ? "phone" : xe < 1024 ? "tablet" : "desktop");
+      X(xe < 640 ? "phone" : xe < 1024 ? "tablet" : "desktop");
     };
     return se(), window.addEventListener("resize", se), () => window.removeEventListener("resize", se);
   }, []), gt(() => {
@@ -13879,16 +13886,16 @@ function ci({
           checkpointNs: at ?? _ ?? void 0,
           payloadExtras: V ? { edit: !0, originalMessageId: V } : void 0,
           attachments: Y
-        }), f == null || f(xe), W(null), ue([]), et(), U(null), L("");
+        }), f == null || f(xe), W(null), ue([]), et(), U(null), F("");
       } catch ($e) {
         const rt = ($e == null ? void 0 : $e.message) || "Failed to send message";
         W(rt), p == null || p(rt);
       }
     }
   }, it = z.useCallback((se, xe) => {
-    u && (U(se), L(xe), W(null));
+    u && (U(se), F(xe), W(null));
   }, [u]), At = z.useCallback(() => {
-    U(null), L(""), W(null);
+    U(null), F(""), W(null);
   }, []), tr = Ue((se, xe) => {
     it(se, xe);
   }, [it]), Pn = Ue((se) => {
@@ -14008,7 +14015,7 @@ function ci({
               streamingAssistantId: M,
               streamingDebounceMs: typeof s == "number" ? s : o,
               followNewMessages: i,
-              layoutSize: F,
+              layoutSize: L,
               enableMessageEditing: u,
               editingMessageId: V,
               onStartReached: () => {
@@ -14158,7 +14165,7 @@ const Xo = m.forwardRef(
     "input",
     {
       type: t,
-      className: X(
+      className: J(
         "flex h-10 w-full rounded-md border border-input bg-background px-3 py-2 text-base ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
         e
       ),
@@ -14686,7 +14693,7 @@ const wh = m.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   vh,
   {
     ref: r,
-    className: X("relative overflow-hidden", e),
+    className: J("relative overflow-hidden", e),
     ...n,
     children: [
       /* @__PURE__ */ c.jsx(rC, { className: "h-full w-full rounded-[inherit] overflow-auto", children: t }),
@@ -14701,7 +14708,7 @@ const bh = m.forwardRef(({ className: e, orientation: t = "vertical", ...n }, r)
   {
     ref: r,
     orientation: t,
-    className: X(
+    className: J(
       "flex touch-none select-none transition-colors",
       t === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
       t === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
@@ -14781,7 +14788,7 @@ function wc({
     } catch {
       return "";
     }
-  }, L = (k) => k.title || `Thread ${k.threadId.slice(0, 8)}`;
+  }, F = (k) => k.title || `Thread ${k.threadId.slice(0, 8)}`;
   return /* @__PURE__ */ c.jsxs("div", { className: `flex flex-col h-full ${e} ${s.container || ""}`, children: [
     t && /* @__PURE__ */ c.jsx("div", { className: s.header || "flex-shrink-0 p-2 border-b bg-slate-800 border-slate-700 text-slate-100 flex justify-end", children: /* @__PURE__ */ c.jsx(
       He,
@@ -14818,7 +14825,7 @@ function wc({
                   /* @__PURE__ */ c.jsx(He, { variant: "ghost", size: "sm", onClick: () => _(k.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ c.jsx(Wi, { size: 12 }) }),
                   /* @__PURE__ */ c.jsx(He, { variant: "ghost", size: "sm", onClick: V, className: "h-6 w-6 p-0", children: /* @__PURE__ */ c.jsx(lr, { size: 12 }) })
                 ] }) : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
-                  /* @__PURE__ */ c.jsx("div", { className: "font-medium text-sm truncate text-gray-900 dark:text-slate-100", children: L(k) }),
+                  /* @__PURE__ */ c.jsx("div", { className: "font-medium text-sm truncate text-gray-900 dark:text-slate-100", children: F(k) }),
                   /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-slate-400 mt-1", children: [
                     /* @__PURE__ */ c.jsx(Vp, { size: 10 }),
                     /* @__PURE__ */ c.jsx("span", { children: q(k.updatedAt || k.createdAt) })
@@ -14971,7 +14978,7 @@ const dC = ts(
   Eh,
   {
     ref: n,
-    className: X(dC(), e),
+    className: J(dC(), e),
     ...t
   }
 ));
@@ -15100,7 +15107,7 @@ var Ph = Ih, gC = Ah;
 const Sn = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   Ph,
   {
-    className: X(
+    className: J(
       "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
       e
     ),
@@ -15109,7 +15116,7 @@ const Sn = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
     children: /* @__PURE__ */ c.jsx(
       gC,
       {
-        className: X(
+        className: J(
           "pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
         )
       }
@@ -15199,8 +15206,8 @@ var wC = [" ", "Enter", "ArrowUp", "ArrowDown"], bC = [" ", "Enter"], Gn = "Sele
             }, []),
             onNativeOptionRemove: m.useCallback((U) => {
               _((q) => {
-                const L = new Set(q);
-                return L.delete(U), L;
+                const F = new Set(q);
+                return F.delete(U), F;
               });
             }, []),
             children: n
@@ -15358,7 +15365,7 @@ var Kt = 10, [Uh, _n] = Cr(Yn), kC = "SelectContentImpl", IC = hr("SelectContent
     m.useEffect(() => {
       D && q();
     }, [D, q]);
-    const { onOpenChange: L, triggerPointerDownPosRef: k } = b;
+    const { onOpenChange: F, triggerPointerDownPosRef: k } = b;
     m.useEffect(() => {
       if (y) {
         let B = { x: 0, y: 0 };
@@ -15369,18 +15376,18 @@ var Kt = 10, [Uh, _n] = Cr(Yn), kC = "SelectContentImpl", IC = hr("SelectContent
             y: Math.abs(Math.round(Z.pageY) - (((oe = k.current) == null ? void 0 : oe.y) ?? 0))
           };
         }, G = (Z) => {
-          B.x <= 10 && B.y <= 10 ? Z.preventDefault() : y.contains(Z.target) || L(!1), document.removeEventListener("pointermove", P), k.current = null;
+          B.x <= 10 && B.y <= 10 ? Z.preventDefault() : y.contains(Z.target) || F(!1), document.removeEventListener("pointermove", P), k.current = null;
         };
         return k.current !== null && (document.addEventListener("pointermove", P), document.addEventListener("pointerup", G, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", P), document.removeEventListener("pointerup", G, { capture: !0 });
         };
       }
-    }, [y, L, k]), m.useEffect(() => {
-      const B = () => L(!1);
+    }, [y, F, k]), m.useEffect(() => {
+      const B = () => F(!1);
       return window.addEventListener("blur", B), window.addEventListener("resize", B), () => {
         window.removeEventListener("blur", B), window.removeEventListener("resize", B);
       };
-    }, [L]);
+    }, [F]);
     const [W, Y] = ap((B) => {
       const P = M().filter((le) => !le.disabled), G = P.find((le) => le.ref.current === document.activeElement), Z = lp(P, B, G);
       Z && setTimeout(() => Z.ref.current.focus());
@@ -15509,7 +15516,7 @@ var NC = "SelectItemAlignedPosition", Vh = m.forwardRef((e, t) => {
         ]);
         a.style.minWidth = Ge + "px", a.style.right = _e + "px";
       }
-      const O = h(), M = window.innerHeight - Kt * 2, D = v.scrollHeight, _ = window.getComputedStyle(u), V = parseInt(_.borderTopWidth, 10), U = parseInt(_.paddingTop, 10), q = parseInt(_.borderBottomWidth, 10), L = parseInt(_.paddingBottom, 10), k = V + U + D + L + q, W = Math.min(g.offsetHeight * 5, k), Y = window.getComputedStyle(v), ue = parseInt(Y.paddingTop, 10), re = parseInt(Y.paddingBottom, 10), de = E.top + E.height / 2 - Kt, fe = M - de, ye = g.offsetHeight / 2, B = g.offsetTop + ye, P = V + U + B, G = k - P;
+      const O = h(), M = window.innerHeight - Kt * 2, D = v.scrollHeight, _ = window.getComputedStyle(u), V = parseInt(_.borderTopWidth, 10), U = parseInt(_.paddingTop, 10), q = parseInt(_.borderBottomWidth, 10), F = parseInt(_.paddingBottom, 10), k = V + U + D + F + q, W = Math.min(g.offsetHeight * 5, k), Y = window.getComputedStyle(v), ue = parseInt(Y.paddingTop, 10), re = parseInt(Y.paddingBottom, 10), de = E.top + E.height / 2 - Kt, fe = M - de, ye = g.offsetHeight / 2, B = g.offsetTop + ye, P = V + U + B, G = k - P;
       if (P <= de) {
         const le = O.length > 0 && g === O[O.length - 1].ref.current;
         a.style.bottom = "0px";
@@ -15949,7 +15956,7 @@ const bc = zC, yc = BC, Hi = m.forwardRef(({ className: e, children: t, ...n },
   cp,
   {
     ref: r,
-    className: X(
+    className: J(
       "flex h-10 w-full items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1",
       e
     ),
@@ -15965,7 +15972,7 @@ const gp = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   hp,
   {
     ref: n,
-    className: X(
+    className: J(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
@@ -15978,7 +15985,7 @@ const xp = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   pp,
   {
     ref: n,
-    className: X(
+    className: J(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
@@ -15991,7 +15998,7 @@ const Ui = m.forwardRef(({ className: e, children: t, position: n = "popper", ..
   up,
   {
     ref: o,
-    className: X(
+    className: J(
       "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       n === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
       e
@@ -16003,7 +16010,7 @@ const Ui = m.forwardRef(({ className: e, children: t, position: n = "popper", ..
       /* @__PURE__ */ c.jsx(
         WC,
         {
-          className: X(
+          className: J(
             "p-1",
             n === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
           ),
@@ -16019,7 +16026,7 @@ const qC = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   dp,
   {
     ref: n,
-    className: X("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
+    className: J("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
     ...t
   }
 ));
@@ -16028,7 +16035,7 @@ const Ln = m.forwardRef(({ className: e, children: t, ...n }, r) => /* @__PURE__
   fp,
   {
     ref: r,
-    className: X(
+    className: J(
       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
       e
     ),
@@ -16044,7 +16051,7 @@ const GC = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   mp,
   {
     ref: n,
-    className: X("-mx-1 my-1 h-px bg-muted", e),
+    className: J("-mx-1 my-1 h-px bg-muted", e),
     ...t
   }
 ));
@@ -16073,7 +16080,7 @@ const bp = m.forwardRef(
       ref: o,
       decorative: n,
       orientation: t,
-      className: X(
+      className: J(
         "shrink-0 bg-border",
         t === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         e
@@ -16086,7 +16093,7 @@ bp.displayName = wp.displayName;
 const ZC = Cd, QC = jb, eT = Td, yp = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   bs,
   {
-    className: X(
+    className: J(
       "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       e
     ),
@@ -16116,7 +16123,7 @@ const tT = ts(
     ys,
     {
       ref: o,
-      className: X(tT({ side: e }), t),
+      className: J(tT({ side: e }), t),
       ...r,
       children: [
         n,
@@ -16135,7 +16142,7 @@ const Cp = ({
 }) => /* @__PURE__ */ c.jsx(
   "div",
   {
-    className: X(
+    className: J(
       "flex flex-col space-y-2 text-center sm:text-left",
       e
     ),
@@ -16147,7 +16154,7 @@ const Tp = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   Bn,
   {
     ref: n,
-    className: X("text-lg font-semibold text-foreground", e),
+    className: J("text-lg font-semibold text-foreground", e),
     ...t
   }
 ));
@@ -16156,7 +16163,7 @@ const Rp = m.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ c.jsx(
   Ss,
   {
     ref: n,
-    className: X("text-sm text-muted-foreground", e),
+    className: J("text-sm text-muted-foreground", e),
     ...t
   }
 ));