teodor-new-chat-ui 4.3.226 → 4.3.227

package/dist/index.esm.js

@@ -51,25 +51,25 @@ function Dm() {
     function y(R) {
       if (R === null || typeof R != "object")
         return null;
-      var V = m && R[m] || R[x];
-      return typeof V == "function" ? V : null;
+      var K = m && R[m] || R[x];
+      return typeof K == "function" ? K : null;
     }
     var g = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function w(R) {
       {
-        for (var V = arguments.length, se = new Array(V > 1 ? V - 1 : 0), be = 1; be < V; be++)
+        for (var K = arguments.length, se = new Array(K > 1 ? K - 1 : 0), be = 1; be < K; be++)
           se[be - 1] = arguments[be];
         b("error", R, se);
       }
     }
-    function b(R, V, se) {
+    function b(R, K, se) {
       {
         var be = g.ReactDebugCurrentFrame, Ge = be.getStackAddendum();
-        Ge !== "" && (V += "%s", se = se.concat([Ge]));
+        Ge !== "" && (K += "%s", se = se.concat([Ge]));
         var it = se.map(function(Be) {
           return String(Be);
         });
-        it.unshift("Warning: " + V), Function.prototype.apply.call(console[R], console, it);
+        it.unshift("Warning: " + K), Function.prototype.apply.call(console[R], console, it);
       }
     }
     var T = !1, C = !1, S = !1, k = !1, N = !1, E;
@@ -81,11 +81,11 @@ function Dm() {
       // with.
       R.$$typeof === E || R.getModuleId !== void 0));
     }
-    function P(R, V, se) {
+    function P(R, K, se) {
       var be = R.displayName;
       if (be)
         return be;
-      var Ge = V.displayName || V.name || "";
+      var Ge = K.displayName || K.name || "";
       return Ge !== "" ? se + "(" + Ge + ")" : se;
     }
     function L(R) {
@@ -115,8 +115,8 @@ function Dm() {
       if (typeof R == "object")
         switch (R.$$typeof) {
           case a:
-            var V = R;
-            return L(V) + ".Consumer";
+            var K = R;
+            return L(K) + ".Consumer";
           case i:
             var se = R;
             return L(se._context) + ".Provider";
@@ -163,7 +163,7 @@ function Dm() {
         $++;
       }
     }
-    function K() {
+    function W() {
       {
         if ($--, $ === 0) {
           var R = {
@@ -199,7 +199,7 @@ function Dm() {
       }
     }
     var ee = g.ReactCurrentDispatcher, q;
-    function M(R, V, se) {
+    function M(R, K, se) {
       {
         if (q === void 0)
           try {
@@ -217,7 +217,7 @@ function Dm() {
       var oe = typeof WeakMap == "function" ? WeakMap : Map;
       te = new oe();
     }
-    function ne(R, V) {
+    function ne(R, K) {
       if (!R || H)
         return "";
       {
@@ -232,7 +232,7 @@ function Dm() {
       var it;
       it = ee.current, ee.current = null, Ae();
       try {
-        if (V) {
+        if (K) {
           var Be = function() {
             throw Error();
           };
@@ -283,19 +283,19 @@ function Dm() {
             }
         }
       } finally {
-        H = !1, ee.current = it, K(), Error.prepareStackTrace = Ge;
+        H = !1, ee.current = it, W(), Error.prepareStackTrace = Ge;
       }
       var Fn = R ? R.displayName || R.name : "", Nn = Fn ? M(Fn) : "";
       return typeof R == "function" && te.set(R, Nn), Nn;
     }
-    function Te(R, V, se) {
+    function Te(R, K, se) {
       return ne(R, !1);
     }
     function Z(R) {
-      var V = R.prototype;
-      return !!(V && V.isReactComponent);
+      var K = R.prototype;
+      return !!(K && K.isReactComponent);
     }
-    function de(R, V, se) {
+    function de(R, K, se) {
       if (R == null)
         return "";
       if (typeof R == "function")
@@ -313,11 +313,11 @@ function Dm() {
           case l:
             return Te(R.render);
           case f:
-            return de(R.type, V, se);
+            return de(R.type, K, se);
           case p: {
             var be = R, Ge = be._payload, it = be._init;
             try {
-              return de(it(Ge), V, se);
+              return de(it(Ge), K, se);
             } catch {
             }
           }
@@ -327,12 +327,12 @@ function Dm() {
     var Ee = Object.prototype.hasOwnProperty, Ne = {}, Le = g.ReactDebugCurrentFrame;
     function Je(R) {
       if (R) {
-        var V = R._owner, se = de(R.type, R._source, V ? V.type : null);
+        var K = R._owner, se = de(R.type, R._source, K ? K.type : null);
         Le.setExtraStackFrame(se);
       } else
         Le.setExtraStackFrame(null);
     }
-    function He(R, V, se, be, Ge) {
+    function He(R, K, se, be, Ge) {
       {
         var it = Function.call.bind(Ee);
         for (var Be in R)
@@ -343,7 +343,7 @@ function Dm() {
                 var Ot = Error((be || "React class") + ": " + se + " type `" + Be + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof R[Be] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                 throw Ot.name = "Invariant Violation", Ot;
               }
-              $e = R[Be](V, Be, be, se, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              $e = R[Be](K, Be, be, se, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
             } catch (bt) {
               $e = bt;
             }
@@ -357,7 +357,7 @@ function Dm() {
     }
     function Xe(R) {
       {
-        var V = typeof Symbol == "function" && Symbol.toStringTag, se = V && R[Symbol.toStringTag] || R.constructor.name || "Object";
+        var K = typeof Symbol == "function" && Symbol.toStringTag, se = K && R[Symbol.toStringTag] || R.constructor.name || "Object";
         return se;
       }
     }
@@ -383,27 +383,27 @@ function Dm() {
     }, ce, fe;
     function he(R) {
       if (Ee.call(R, "ref")) {
-        var V = Object.getOwnPropertyDescriptor(R, "ref").get;
-        if (V && V.isReactWarning)
+        var K = Object.getOwnPropertyDescriptor(R, "ref").get;
+        if (K && K.isReactWarning)
           return !1;
       }
       return R.ref !== void 0;
     }
     function qe(R) {
       if (Ee.call(R, "key")) {
-        var V = Object.getOwnPropertyDescriptor(R, "key").get;
-        if (V && V.isReactWarning)
+        var K = Object.getOwnPropertyDescriptor(R, "key").get;
+        if (K && K.isReactWarning)
           return !1;
       }
       return R.key !== void 0;
     }
-    function Fe(R, V) {
+    function Fe(R, K) {
       typeof R.ref == "string" && ht.current;
     }
-    function yt(R, V) {
+    function yt(R, K) {
       {
         var se = function() {
-          ce || (ce = !0, w("%s: `key` 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)", V));
+          ce || (ce = !0, w("%s: `key` 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)", K));
         };
         se.isReactWarning = !0, Object.defineProperty(R, "key", {
           get: se,
@@ -411,10 +411,10 @@ function Dm() {
         });
       }
     }
-    function At(R, V) {
+    function At(R, K) {
       {
         var se = function() {
-          fe || (fe = !0, w("%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)", V));
+          fe || (fe = !0, w("%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)", K));
         };
         se.isReactWarning = !0, Object.defineProperty(R, "ref", {
           get: se,
@@ -422,13 +422,13 @@ function Dm() {
         });
       }
     }
-    var st = function(R, V, se, be, Ge, it, Be) {
+    var st = function(R, K, se, be, Ge, it, Be) {
       var $e = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: R,
-        key: V,
+        key: K,
         ref: se,
         props: Be,
         // Record the component responsible for creating this element.
@@ -451,12 +451,12 @@ function Dm() {
         value: Ge
       }), Object.freeze && (Object.freeze($e.props), Object.freeze($e)), $e;
     };
-    function ze(R, V, se, be, Ge) {
+    function ze(R, K, se, be, Ge) {
       {
         var it, Be = {}, $e = null, Ot = null;
-        se !== void 0 && (Nt(se), $e = "" + se), qe(V) && (Nt(V.key), $e = "" + V.key), he(V) && (Ot = V.ref, Fe(V, Ge));
-        for (it in V)
-          Ee.call(V, it) && !lt.hasOwnProperty(it) && (Be[it] = V[it]);
+        se !== void 0 && (Nt(se), $e = "" + se), qe(K) && (Nt(K.key), $e = "" + K.key), he(K) && (Ot = K.ref, Fe(K, Ge));
+        for (it in K)
+          Ee.call(K, it) && !lt.hasOwnProperty(it) && (Be[it] = K[it]);
         if (R && R.defaultProps) {
           var bt = R.defaultProps;
           for (it in bt)
@@ -470,9 +470,9 @@ function Dm() {
       }
     }
     var Pt = g.ReactCurrentOwner, jt = g.ReactDebugCurrentFrame;
-    function W(R) {
+    function V(R) {
       if (R) {
-        var V = R._owner, se = de(R.type, R._source, V ? V.type : null);
+        var K = R._owner, se = de(R.type, R._source, K ? K.type : null);
         jt.setExtraStackFrame(se);
       } else
         jt.setExtraStackFrame(null);
@@ -500,37 +500,37 @@ Check the render method of \`` + R + "`.";
     var St = {};
     function Pe(R) {
       {
-        var V = pt();
-        if (!V) {
+        var K = pt();
+        if (!K) {
           var se = typeof R == "string" ? R : R.displayName || R.name;
-          se && (V = `
+          se && (K = `
 
 Check the top-level render call using <` + se + ">.");
         }
-        return V;
+        return K;
       }
     }
-    function Vt(R, V) {
+    function Vt(R, K) {
       {
         if (!R._store || R._store.validated || R.key != null)
           return;
         R._store.validated = !0;
-        var se = Pe(V);
+        var se = Pe(K);
         if (St[se])
           return;
         St[se] = !0;
         var be = "";
-        R && R._owner && R._owner !== Pt.current && (be = " It was passed a child from " + F(R._owner.type) + "."), W(R), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', se, be), W(null);
+        R && R._owner && R._owner !== Pt.current && (be = " It was passed a child from " + F(R._owner.type) + "."), V(R), w('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', se, be), V(null);
       }
     }
-    function ct(R, V) {
+    function ct(R, K) {
       {
         if (typeof R != "object")
           return;
         if (Ke(R))
           for (var se = 0; se < R.length; se++) {
             var be = R[se];
-            ye(be) && Vt(be, V);
+            ye(be) && Vt(be, K);
           }
         else if (ye(R))
           R._store && (R._store.validated = !0);
@@ -538,49 +538,49 @@ Check the top-level render call using <` + se + ">.");
           var Ge = y(R);
           if (typeof Ge == "function" && Ge !== R.entries)
             for (var it = Ge.call(R), Be; !(Be = it.next()).done; )
-              ye(Be.value) && Vt(Be.value, V);
+              ye(Be.value) && Vt(Be.value, K);
         }
       }
     }
     function Ct(R) {
       {
-        var V = R.type;
-        if (V == null || typeof V == "string")
+        var K = R.type;
+        if (K == null || typeof K == "string")
           return;
         var se;
-        if (typeof V == "function")
-          se = V.propTypes;
-        else if (typeof V == "object" && (V.$$typeof === l || // Note: Memo only checks outer props here.
+        if (typeof K == "function")
+          se = K.propTypes;
+        else if (typeof K == "object" && (K.$$typeof === l || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        V.$$typeof === f))
-          se = V.propTypes;
+        K.$$typeof === f))
+          se = K.propTypes;
         else
           return;
         if (se) {
-          var be = F(V);
+          var be = F(K);
           He(se, R.props, "prop", be, R);
-        } else if (V.PropTypes !== void 0 && !we) {
+        } else if (K.PropTypes !== void 0 && !we) {
           we = !0;
-          var Ge = F(V);
+          var Ge = F(K);
           w("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", Ge || "Unknown");
         }
-        typeof V.getDefaultProps == "function" && !V.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof K.getDefaultProps == "function" && !K.getDefaultProps.isReactClassApproved && w("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function Dn(R) {
       {
-        for (var V = Object.keys(R.props), se = 0; se < V.length; se++) {
-          var be = V[se];
+        for (var K = Object.keys(R.props), se = 0; se < K.length; se++) {
+          var be = K[se];
           if (be !== "children" && be !== "key") {
-            W(R), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", be), W(null);
+            V(R), w("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", be), V(null);
             break;
           }
         }
-        R.ref !== null && (W(R), w("Invalid attribute `ref` supplied to `React.Fragment`."), W(null));
+        R.ref !== null && (V(R), w("Invalid attribute `ref` supplied to `React.Fragment`."), V(null));
       }
     }
     var Jn = {};
-    function Ln(R, V, se, be, Ge, it) {
+    function Ln(R, K, se, be, Ge, it) {
       {
         var Be = I(R);
         if (!Be) {
@@ -591,11 +591,11 @@ Check the top-level render call using <` + se + ">.");
           var bt;
           R === null ? bt = "null" : Ke(R) ? bt = "array" : R !== void 0 && R.$$typeof === t ? (bt = "<" + (F(R.type) || "Unknown") + " />", $e = " Did you accidentally export a JSX literal instead of a component?") : bt = typeof R, w("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", bt, $e);
         }
-        var vt = ze(R, V, se, Ge, it);
+        var vt = ze(R, K, se, Ge, it);
         if (vt == null)
           return vt;
         if (Be) {
-          var Kt = V.children;
+          var Kt = K.children;
           if (Kt !== void 0)
             if (be)
               if (Ke(Kt)) {
@@ -607,8 +607,8 @@ Check the top-level render call using <` + se + ">.");
             else
               ct(Kt, R);
         }
-        if (Ee.call(V, "key")) {
-          var Nn = F(R), Ft = Object.keys(V).filter(function(re) {
+        if (Ee.call(K, "key")) {
+          var Nn = F(R), Ft = Object.keys(K).filter(function(re) {
             return re !== "key";
           }), Dr = Ft.length > 0 ? "{key: someKey, " + Ft.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Jn[Nn + Dr]) {
@@ -624,11 +624,11 @@ React keys must be passed directly to JSX without using spread:
         return R === r ? Dn(vt) : Ct(vt), vt;
       }
     }
-    function ti(R, V, se) {
-      return Ln(R, V, se, !0);
+    function ti(R, K, se) {
+      return Ln(R, K, se, !0);
     }
-    function So(R, V, se) {
-      return Ln(R, V, se, !1);
+    function So(R, K, se) {
+      return Ln(R, K, se, !1);
     }
     var ni = So, ri = ti;
     Fr.Fragment = r, Fr.jsx = ni, Fr.jsxs = ri;
@@ -1904,8 +1904,8 @@ const xu = (e) => {
       const O = d && (k === "stream" || k === "response");
       if (d && (C || O && j)) {
         const X = {};
-        ["status", "statusText", "headers"].forEach((K) => {
-          X[K] = D[K];
+        ["status", "statusText", "headers"].forEach((W) => {
+          X[W] = D[W];
         });
         const pe = _.toFiniteNumber(D.headers.get("content-length")), [Ie, Ae] = C && wl(
           pe,
@@ -3415,7 +3415,7 @@ function Kx(e = {}) {
         threadId: j.threadId ?? null,
         headers: {}
       }, (async () => {
-        var pe, Ie, Ae, K, ee, q, M, H, te, oe, ne, Te, Z, de, Ee, Ne, Le, Je;
+        var pe, Ie, Ae, W, ee, q, M, H, te, oe, ne, Te, Z, de, Ee, Ne, Le, Je;
         const X = (He) => {
           var Ve;
           try {
@@ -3441,8 +3441,8 @@ function Kx(e = {}) {
                 we && (jt = ((Ae = JSON.parse(we)) == null ? void 0 : Ae.apiKey) || null);
               } catch {
               }
-              const W = ze || Pt || jt || null;
-              W && (He = { Authorization: `Bearer ${W}` });
+              const V = ze || Pt || jt || null;
+              V && (He = { Authorization: `Bearer ${V}` });
             }
           } catch {
           }
@@ -3454,7 +3454,7 @@ function Kx(e = {}) {
           let Ve = {};
           if (typeof window < "u")
             try {
-              const st = (K = window.localStorage) == null ? void 0 : K.getItem("authSessionId");
+              const st = (W = window.localStorage) == null ? void 0 : W.getItem("authSessionId");
               st && (Ve = { "X-Session-Id": st });
             } catch {
             }
@@ -3511,9 +3511,9 @@ function Kx(e = {}) {
               ...S.current,
               threadId: Pt
             }), (q = A == null ? void 0 : A.onOpen) == null || q.call(A, { threadId: Pt, created: jt }); ; ) {
-              const { value: W, done: we } = await tt.read();
+              const { value: V, done: we } = await tt.read();
               if (we) break;
-              ht += Nt.decode(W, { stream: !0 }), ht.length > At && (ht = "", console.warn("Stream buffer reset: exceeded 1MB"));
+              ht += Nt.decode(V, { stream: !0 }), ht.length > At && (ht = "", console.warn("Stream buffer reset: exceeded 1MB"));
               let ye;
               for (; (ye = ht.indexOf(`
 
@@ -3875,14 +3875,18 @@ function Xx({
   onThreadChange: a,
   checkpointMetadataCache: l
 }) {
-  const { api: c, baseUrl: d } = Tu(), f = at(() => _n(d), [d]), [p, h] = xe([]), [m, x] = xe(t), [y, g] = xe(!1), [w, b] = xe(null), [T, C] = xe(!1), [S, k] = xe(null), { state: N, seed: E, prepend: I, pushUser: P, onEvent: L } = Bx(), [F, j] = xe(!1), [$, A] = xe(!1), [B, D] = xe(null), [O, J] = xe([]), [X, pe] = xe(!1), Ie = l ?? Lx(), { setCacheForThread: Ae } = Ie, K = Qe(m), ee = Qe(null);
+  const { api: c, baseUrl: d } = Tu(), f = at(() => _n(d), [d]), [p, h] = xe([]), [m, x] = xe(t), [y, g] = xe(!1), [w, b] = xe(null), [T, C] = xe(!1), [S, k] = xe(null), { state: N, seed: E, prepend: I, pushUser: P, onEvent: L } = Bx(), [F, j] = xe(!1), [$, A] = xe(!1), [B, D] = xe(null), [O, J] = xe([]), [X, pe] = xe(!1), Ie = l ?? Lx(), { setCacheForThread: Ae } = Ie, W = Qe(m), ee = Qe(null);
   kt(() => {
-    K.current = m;
+    W.current = m;
   }, [m]);
   const q = Qe(), { startStream: M, stop: H, isStreaming: te, error: oe, setAuthToken: ne } = Yx({
     baseUrl: f,
     onThreadInfo: (ce) => {
-      console.log("[ChatSessionProvider] Thread info:", ce.threadId), K.current !== ce.threadId && x(ce.threadId);
+      if (console.log("[ChatSessionProvider] Thread info:", ce.threadId), W.current === null) {
+        console.log("[ChatSessionProvider] Ignoring thread info: no active thread (new chat mode)");
+        return;
+      }
+      W.current !== ce.threadId && x(ce.threadId);
     },
     onMessageEvent: L,
     onUnhandledEvent: (ce) => {
@@ -3913,7 +3917,7 @@ function Xx({
   ), de = ke(
     async (ce) => {
       try {
-        await c.deleteThread(ce), K.current === ce && (x(null), E([], {})), await Te();
+        await c.deleteThread(ce), W.current === ce && (x(null), E([], {})), await Te();
       } catch (fe) {
         s == null || s(String(fe));
       }
@@ -3969,7 +3973,7 @@ function Xx({
   }, [Le]);
   const Je = ke(
     async (ce, fe) => {
-      const he = K.current;
+      const he = W.current;
       if (he) {
         pe(!0);
         try {
@@ -4007,13 +4011,13 @@ function Xx({
     },
     [E, N.messages]
   ), Ve = ke(async () => {
-    K.current && await Le(K.current);
+    W.current && await Le(W.current);
   }, [Le]), Ke = ke(async () => {
-    if (!(!K.current || !B)) {
+    if (!(!W.current || !B)) {
       A(!0);
       try {
         const ce = await c.getStateHistory({
-          threadId: K.current,
+          threadId: W.current,
           checkpointId: B
         }), { checkpoints: fe } = Ur(ce);
         if (fe.length > 0) {
@@ -4027,8 +4031,8 @@ function Xx({
       }
     }
   }, [c, B, I, s]), Xe = ke(async () => {
-    E([], {}), J([]), j(!1), D(null), x(null);
-  }, [E]), Ze = ke(
+    H(), W.current = null, ee.current = null, E([], {}), J([]), j(!1), D(null), x(null);
+  }, [E, H]), Ze = ke(
     async (ce, fe) => {
       console.log("[ChatSessionProvider] Interrupt:", ce, fe);
     },
@@ -4044,7 +4048,7 @@ function Xx({
   }, [m, a]);
   const tt = ke(
     async (ce, fe) => {
-      const he = K.current, qe = (ce == null ? void 0 : ce.text) ?? "";
+      const he = W.current, qe = (ce == null ? void 0 : ce.text) ?? "";
       if (!he && !qe) return;
       if (!he) {
         await Z("New Chat");
@@ -6273,7 +6277,7 @@ var Na = "PopperContent", [Fv, $v] = Ju(Na), nd = v.forwardRef(
     Lt(() => {
       B && (X == null || X());
     }, [B, X]);
-    const pe = (q = D.arrow) == null ? void 0 : q.x, Ie = (M = D.arrow) == null ? void 0 : M.y, Ae = ((H = D.arrow) == null ? void 0 : H.centerOffset) !== 0, [K, ee] = v.useState();
+    const pe = (q = D.arrow) == null ? void 0 : q.x, Ie = (M = D.arrow) == null ? void 0 : M.y, Ae = ((H = D.arrow) == null ? void 0 : H.centerOffset) !== 0, [W, ee] = v.useState();
     return Lt(() => {
       g && ee(window.getComputedStyle(g).zIndex);
     }, [g]), /* @__PURE__ */ u.jsx(
@@ -6286,7 +6290,7 @@ var Na = "PopperContent", [Fv, $v] = Ju(Na), nd = v.forwardRef(
           transform: B ? $.transform : "translate(0, -200%)",
           // keep off the page when measuring
           minWidth: "max-content",
-          zIndex: K,
+          zIndex: W,
           "--radix-popper-transform-origin": [
             (te = D.transformOrigin) == null ? void 0 : te.x,
             (oe = D.transformOrigin) == null ? void 0 : oe.y
@@ -7272,7 +7276,7 @@ var an = "MenuContent", [eb, Pa] = dr(an), Ad = v.forwardRef(
       ...x
     } = e, y = fr(an, n), g = yo(an, n), w = Ls(n), b = Rd(n), T = Gw(n), [C, S] = v.useState(null), k = v.useRef(null), N = We(t, k, y.onContentChange), E = v.useRef(0), I = v.useRef(""), P = v.useRef(0), L = v.useRef(null), F = v.useRef("right"), j = v.useRef(0), $ = m ? Ds : v.Fragment, A = m ? { as: rb, allowPinchZoom: !0 } : void 0, B = (O) => {
       var q, M;
-      const J = I.current + O, X = T().filter((H) => !H.disabled), pe = document.activeElement, Ie = (q = X.find((H) => H.ref.current === pe)) == null ? void 0 : q.textValue, Ae = X.map((H) => H.textValue), K = mb(Ae, J, Ie), ee = (M = X.find((H) => H.textValue === K)) == null ? void 0 : M.ref.current;
+      const J = I.current + O, X = T().filter((H) => !H.disabled), pe = document.activeElement, Ie = (q = X.find((H) => H.ref.current === pe)) == null ? void 0 : q.textValue, Ae = X.map((H) => H.textValue), W = mb(Ae, J, Ie), ee = (M = X.find((H) => H.textValue === W)) == null ? void 0 : M.ref.current;
       (function H(te) {
         I.current = te, window.clearTimeout(E.current), te !== "" && (E.current = window.setTimeout(() => H(""), 1e3));
       })(J), ee && setTimeout(() => ee.focus());
@@ -9549,10 +9553,10 @@ const hr = et(
               );
             const J = [];
             if (L.length > 0) {
-              const K = L[0], ee = L[L.length - 1];
+              const W = L[0], ee = L[L.length - 1];
               let q = 0;
-              for (const M of Hs(D, K, ee)) {
-                const H = M.value, te = Math.max(M.start, K), oe = Math.min(M.end, ee);
+              for (const M of Hs(D, W, ee)) {
+                const H = M.value, te = Math.max(M.start, W), oe = Math.min(M.end, ee);
                 for (let ne = te; ne <= oe; ne++)
                   J.push({ data: $ == null ? void 0 : $[ne], index: ne, offset: q, size: H }), q += H;
               }
@@ -9562,7 +9566,7 @@ const hr = et(
             const X = L.length > 0 ? L[L.length - 1] + 1 : 0, pe = I0(B, S, k, X);
             if (pe.length === 0)
               return null;
-            const Ie = N - 1, Ae = Bs([], (K) => {
+            const Ie = N - 1, Ae = Bs([], (W) => {
               for (const ee of pe) {
                 const q = ee.value;
                 let M = q.offset, H = ee.start;
@@ -9575,7 +9579,7 @@ const hr = et(
                 H < X && (M += (X - H) * te, H = X);
                 const oe = Math.min(ee.end, Ie);
                 for (let ne = H; ne <= oe && !(M >= k); ne++)
-                  K.push({ data: $ == null ? void 0 : $[ne], index: ne, offset: M, size: te }), M += te + j;
+                  W.push({ data: $ == null ? void 0 : $[ne], index: ne, offset: M, size: te }), M += te + j;
               }
             });
             return Ko(Ae, J, N, j, A, F);
@@ -10886,7 +10890,7 @@ const TS = /* @__PURE__ */ et(
         ae(([[, M]]) => M - 1),
         gt()
       )
-    ), K = en(
+    ), W = en(
       U(
         Ce(N),
         Re(({ items: M }) => M.length > 0 && M[0].index === 0),
@@ -10969,7 +10973,7 @@ const TS = /* @__PURE__ */ et(
       endReached: Ae,
       propsReady: x,
       rangeChanged: ee,
-      startReached: K,
+      startReached: W,
       stateChanged: A,
       stateRestoreInProgress: D,
       ...C
@@ -13588,7 +13592,7 @@ const Bc = z.memo(function({
 }) {
   const [I, P] = xe(!1), [L, F] = xe("preview"), [j, $] = xe(!1), { currentThreadId: A } = xa(), { respondToInterrupt: B } = ya(), D = l === "phone" || l === "half-screen", O = t.role, J = O === "tool", X = at(() => "type" in t && t.type === "default_message" ? t : null, [t]), pe = !!X, Ie = !(r && O !== "user"), {
     uploadingFiles: Ae,
-    handleFileClick: K,
+    handleFileClick: W,
     fileViewerOpen: ee,
     currentFileInfo: q,
     closeFileViewer: M
@@ -13606,16 +13610,16 @@ const Bc = z.memo(function({
         return "text-[hsl(var(--chat-bubble-ai-text))]";
     }
   }, [O]), te = at(() => X ? "" : CC(t.content), [X, t]), oe = at(() => X ? {} : Pp(t), [X, t]), ne = at(
-    () => X ? [] : t.content.filter((W) => W.type === "image_url"),
+    () => X ? [] : t.content.filter((V) => V.type === "image_url"),
     [X, t]
   ), Te = at(
-    () => X ? [] : t.content.filter((W) => W.type === "file"),
+    () => X ? [] : t.content.filter((V) => V.type === "file"),
     [X, t]
   ), Z = at(
-    () => X ? [] : t.content.filter((W) => W.type === "interrupt"),
+    () => X ? [] : t.content.filter((V) => V.type === "interrupt"),
     [X, t]
   ), de = (g == null ? void 0 : g.id) ?? (g == null ? void 0 : g.interrupt_id), Ee = Mo(de), Ne = g == null ? void 0 : g.value, Le = at(() => X ? "" : TC(t.content), [X, t]), Je = z.useCallback(async () => {
-    const W = J ? Le : te;
+    const V = J ? Le : te;
     async function we(ye) {
       if (navigator.clipboard && typeof navigator.clipboard.writeText == "function") {
         await navigator.clipboard.writeText(ye);
@@ -13633,17 +13637,17 @@ const Bc = z.memo(function({
       throw new Error("Clipboard API not supported in this context.");
     }
     try {
-      await we(W), P(!0), setTimeout(() => P(!1), 2e3), y == null || y(W);
+      await we(V), P(!0), setTimeout(() => P(!1), 2e3), y == null || y(V);
     } catch (ye) {
       console.error("Failed to copy:", ye);
     }
   }, [J, Le, te, y]), He = z.useCallback(() => {
     if (!h) return;
-    const W = J ? Le : te, we = "type" in t && t.type === "default_message" ? void 0 : {
+    const V = J ? Le : te, we = "type" in t && t.type === "default_message" ? void 0 : {
       checkpointId: t.checkpointId ?? null,
       checkpointNs: t.checkpointNs ?? null
     };
-    h(t.id, W, we);
+    h(t.id, V, we);
   }, [h, t.id, J, Le, te, t]), Ve = z.useCallback(() => {
     m == null || m(n);
   }, [m, n]), Ke = z.useCallback(() => {
@@ -13659,25 +13663,25 @@ const Bc = z.memo(function({
         return /* @__PURE__ */ u.jsx(si, { className: we });
     }
   }, [D, H, O]), Xe = z.useCallback(() => {
-    const W = "group relative mb-4 flex w-full";
+    const V = "group relative mb-4 flex w-full";
     switch (O) {
       case "user":
-        return Q(W, "justify-end");
+        return Q(V, "justify-end");
       case "assistant":
       case "tool":
       case "system":
-        return Q(W, "justify-start");
+        return Q(V, "justify-start");
       default:
-        return W;
+        return V;
     }
   }, [O]), Ze = z.useCallback(() => {
-    const W = Q(
+    const V = Q(
       "rounded-lg px-4 py-3 relative min-w-0 max-w-full break-words",
       D && "px-3 py-2 text-sm"
     );
     if (pe)
       return Q(
-        W,
+        V,
         "w-full",
         "bg-[hsl(var(--chat-bubble-ai))] text-[hsl(var(--chat-bubble-ai-text))]",
         "border border-border/60 dark:border-border/40 shadow-sm"
@@ -13685,25 +13689,25 @@ const Bc = z.memo(function({
     switch (O) {
       case "user":
         return Q(
-          W,
+          V,
           "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 Q(
-          W,
+          V,
           "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 Q(W, "w-full md:max-w-[95%] bg-secondary/50 text-secondary-foreground border border-dashed");
+        return Q(V, "w-full md:max-w-[95%] bg-secondary/50 text-secondary-foreground border border-dashed");
       case "system":
-        return Q(W, "w-full md:max-w-[85%] bg-accent/40 text-muted-foreground border");
+        return Q(V, "w-full md:max-w-[85%] bg-accent/40 text-muted-foreground border");
       default:
         return Q(
-          W,
+          V,
           "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"
@@ -13724,14 +13728,14 @@ const Bc = z.memo(function({
         }
       )
     ] }) });
-  const tt = z.useCallback(async (W) => {
+  const tt = z.useCallback(async (V) => {
     if (w)
       return;
     const we = Mo(
-      (W == null ? void 0 : W.id) ?? (W == null ? void 0 : W.interrupt_id)
+      (V == null ? void 0 : V.id) ?? (V == null ? void 0 : V.interrupt_id)
     );
     if (!we) {
-      console.warn("Interrupt part missing id", W);
+      console.warn("Interrupt part missing id", V);
       return;
     }
     try {
@@ -13741,14 +13745,14 @@ const Bc = z.memo(function({
     } finally {
       T == null || T();
     }
-  }, [w, T, b, B]), Nt = z.useCallback(async (W) => {
+  }, [w, T, b, B]), Nt = z.useCallback(async (V) => {
     if (w)
       return;
     const we = Mo(
-      (W == null ? void 0 : W.id) ?? (W == null ? void 0 : W.interrupt_id)
+      (V == null ? void 0 : V.id) ?? (V == null ? void 0 : V.interrupt_id)
     );
     if (!we) {
-      console.warn("Interrupt part missing id", W);
+      console.warn("Interrupt part missing id", V);
       return;
     }
     try {
@@ -13758,9 +13762,9 @@ const Bc = z.memo(function({
     } finally {
       T == null || T();
     }
-  }, [w, T, b, B]), ht = z.useCallback(({ part: W, i: we }) => {
-    if (W.type === "text") {
-      const ye = W.text ?? "", pt = ye.trim(), mt = Ja(pt);
+  }, [w, T, b, B]), ht = z.useCallback(({ part: V, i: we }) => {
+    if (V.type === "text") {
+      const ye = V.text ?? "", pt = ye.trim(), mt = Ja(pt);
       return mt && O !== "tool" ? /* @__PURE__ */ u.jsx(Op, { data: mt }, we) : O === "user" && c && pt.length > d ? /* @__PURE__ */ u.jsx(
         NC,
         {
@@ -13773,8 +13777,8 @@ const Bc = z.memo(function({
         we
       ) : /* @__PURE__ */ u.jsx(fs, { content: ye, allowHtml: !1 }, we);
     }
-    if (W.type === "image_url") {
-      const ye = W;
+    if (V.type === "image_url") {
+      const ye = V;
       return /* @__PURE__ */ u.jsx("div", { className: "my-2", children: /* @__PURE__ */ u.jsx(
         "img",
         {
@@ -13785,13 +13789,13 @@ const Bc = z.memo(function({
         }
       ) }, we);
     }
-    if (W.type === "file") {
-      const ye = W, pt = ye.name || "file";
+    if (V.type === "file") {
+      const ye = V, pt = ye.name || "file";
       return /* @__PURE__ */ u.jsxs(
         "a",
         {
           href: ye.url,
-          onClick: (mt) => K(mt, ye, we),
+          onClick: (mt) => W(mt, ye, we),
           className: `inline-flex items-center gap-2 rounded px-2 py-1 text-xs bg-gray-100 border hover:bg-gray-200
                      dark:bg-background/10 dark:border-border/30 dark:hover:bg-background/20`,
           children: [
@@ -13805,8 +13809,8 @@ const Bc = z.memo(function({
         we
       );
     }
-    if (W.type === "interrupt") {
-      const ye = W, pt = Mo(
+    if (V.type === "interrupt") {
+      const ye = V, pt = Mo(
         (ye == null ? void 0 : ye.id) ?? (ye == null ? void 0 : ye.interrupt_id)
       ), mt = !!(Ee && pt && pt === Ee), St = mt ? Ne ?? (ye == null ? void 0 : ye.value) : ye == null ? void 0 : ye.value, Pe = pt ? { ...ye, id: pt, interrupt_id: pt } : ye;
       return /* @__PURE__ */ u.jsx(
@@ -13824,7 +13828,7 @@ const Bc = z.memo(function({
     }
     return null;
   }, [
-    K,
+    W,
     Ae,
     tt,
     Nt,
@@ -13842,10 +13846,10 @@ const Bc = z.memo(function({
     /* @__PURE__ */ u.jsx(ji, { className: "h-4 w-4 text-muted-foreground" }),
     /* @__PURE__ */ u.jsx("span", { className: "text-sm text-muted-foreground", children: "File upload" })
   ] }), []), ce = z.useCallback(() => {
-    const W = te.trim().length > 0 || ne.length > 0 || Te.length > 0 || Z.length > 0;
+    const V = te.trim().length > 0 || ne.length > 0 || Te.length > 0 || Z.length > 0;
     if (!J && Te.length > 0 && !r)
       return lt();
-    if (!J && !W && !r)
+    if (!J && !V && !r)
       return null;
     if (J)
       return /* @__PURE__ */ u.jsx(
@@ -13874,22 +13878,22 @@ const Bc = z.memo(function({
     lt,
     H
   ]), fe = at(() => X ? "Assistant" : kC(t), [X, t]), he = z.useMemo(() => X ? [] : Array.isArray(C) ? C : [], [C, X]), qe = z.useMemo(() => {
-    var W;
-    return he.length ? N && he.some((we) => we.id === N) ? N : ((W = he[0]) == null ? void 0 : W.id) ?? null : null;
-  }, [N, he]), yt = z.useMemo(() => !he.length || !S ? null : he.some((W) => W.id === S) ? S : null, [S, he]) ?? qe, At = O === "user" && he.length > 0 && typeof k == "function", st = z.useCallback(
-    (W) => {
+    var V;
+    return he.length ? N && he.some((we) => we.id === N) ? N : ((V = he[0]) == null ? void 0 : V.id) ?? null : null;
+  }, [N, he]), yt = z.useMemo(() => !he.length || !S ? null : he.some((V) => V.id === S) ? S : null, [S, he]) ?? qe, At = O === "user" && he.length > 0 && typeof k == "function", st = z.useCallback(
+    (V) => {
       if (!k) return;
-      const we = (W == null ? void 0 : W.id) ?? null, ye = (W == null ? void 0 : W.parentId) ?? E ?? null;
+      const we = (V == null ? void 0 : V.id) ?? null, ye = (V == null ? void 0 : V.parentId) ?? E ?? null;
       k(we, ye);
     },
     [E, k]
-  ), ze = z.useMemo(() => yt ? he.findIndex((W) => W.id === yt) : -1, [yt, he]), Pt = z.useMemo(() => ze < 0 ? null : he[ze] ?? null, [ze, he]), jt = z.useCallback((W) => {
+  ), ze = z.useMemo(() => yt ? he.findIndex((V) => V.id === yt) : -1, [yt, he]), Pt = z.useMemo(() => ze < 0 ? null : he[ze] ?? null, [ze, he]), jt = z.useCallback((V) => {
     const we = [];
-    if (W.step !== null && we.push(`Step ${W.step}`), W.source && we.push(W.source), !W.createdAt)
-      return we.length ? we.join(" • ") : W.id.slice(0, 8);
+    if (V.step !== null && we.push(`Step ${V.step}`), V.source && we.push(V.source), !V.createdAt)
+      return we.length ? we.join(" • ") : V.id.slice(0, 8);
     let ye = "";
     try {
-      const pt = new Date(W.createdAt);
+      const pt = new Date(V.createdAt);
       Number.isNaN(pt.getTime()) || (ye = new Intl.DateTimeFormat(void 0, {
         hour: "2-digit",
         minute: "2-digit"
@@ -13927,9 +13931,9 @@ const Bc = z.memo(function({
                   role: "button",
                   tabIndex: 0,
                   "aria-expanded": L === "expanded",
-                  onClick: () => F((W) => W === "expanded" ? "preview" : "expanded"),
-                  onKeyDown: (W) => {
-                    (W.key === "Enter" || W.key === " ") && (W.preventDefault(), F((we) => we === "expanded" ? "preview" : "expanded"));
+                  onClick: () => F((V) => V === "expanded" ? "preview" : "expanded"),
+                  onKeyDown: (V) => {
+                    (V.key === "Enter" || V.key === " ") && (V.preventDefault(), F((we) => we === "expanded" ? "preview" : "expanded"));
                   },
                   children: [
                     /* @__PURE__ */ u.jsx("span", { children: oe.name ?? "Tool Output" }),
@@ -13951,8 +13955,8 @@ const Bc = z.memo(function({
                     ),
                     onClick: () => {
                       if (ze <= 0) return;
-                      const W = he[ze - 1];
-                      W && st(W);
+                      const V = he[ze - 1];
+                      V && st(V);
                     },
                     "aria-label": "Previous checkpoint",
                     disabled: ze <= 0,
@@ -13977,8 +13981,8 @@ const Bc = z.memo(function({
                     ),
                     onClick: () => {
                       if (ze >= he.length - 1) return;
-                      const W = he[ze + 1];
-                      W && st(W);
+                      const V = he[ze + 1];
+                      V && st(V);
                     },
                     "aria-label": "Next checkpoint",
                     disabled: ze >= he.length - 1,
@@ -14427,7 +14431,7 @@ const Hc = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, jC = (e) =>
           }
         }
       };
-  }, [a]), K = at(() => !m || x ? !1 : A ? "auto" : !1, [A, m, x]), ee = at(() => P ?? [], [P]), q = E ?? (ee.length ? ee[ee.length - 1].id : null), M = ee.length > 0, H = at(() => {
+  }, [a]), W = at(() => !m || x ? !1 : A ? "auto" : !1, [A, m, x]), ee = at(() => P ?? [], [P]), q = E ?? (ee.length ? ee[ee.length - 1].id : null), M = ee.length > 0, H = at(() => {
     if (typeof h != "string") return null;
     const Z = h.trim();
     return Z ? {
@@ -14540,7 +14544,7 @@ const Hc = (e, t) => (e == null ? void 0 : e.id) ?? `message-${t}`, jC = (e) =>
           j.current = Z instanceof HTMLDivElement ? Z : null;
         },
         data: pe,
-        followOutput: K,
+        followOutput: W,
         overscan: 200,
         increaseViewportBy: { top: 100, bottom: 200 },
         defaultItemHeight: 80,
@@ -14653,13 +14657,13 @@ function Ai({
   kt(() => {
     pe || Ae(!1);
   }, [pe]);
-  const K = ke(() => {
+  const W = ke(() => {
     Ae(!0);
   }, []), ee = ke(() => {
     Ae(!1);
   }, []), q = !!pe || Ie, [M, H] = xe(null), [te, oe] = xe(""), [ne, Te] = xe(null), [Z, de] = xe(null), [Ee, Ne] = xe([]), [Le, Je] = xe(0), [He, Ve] = xe(0), [Ke, Xe] = xe(!1), [Ze, tt] = xe(null), [Nt, ht] = xe(null), [lt, ce] = xe(!1), [fe, he] = xe(null), [qe, Fe] = xe(!1), yt = Qe(!1), [At, st] = xe(() => Uc.value), ze = Qe(At), Pt = Qe(null), jt = ke((G) => {
     Uc.value = G, st(G);
-  }, []), [W, we] = xe(!1), ye = Qe(null), pt = ke((G) => {
+  }, []), [V, we] = xe(!1), ye = Qe(null), pt = ke((G) => {
     if (!Array.isArray(G))
       return { text: null, messageId: null };
     for (let re = G.length - 1; re >= 0; re--) {
@@ -14834,7 +14838,7 @@ function Ai({
   }, [x.baseUrl]), kt(() => {
     j && !lt && (m == null || m(j));
   }, [j, lt, m]);
-  const V = (G) => {
+  const K = (G) => {
     if (G.length > Wo)
       return `Message too long (${G.length}/${Wo} characters)`;
     try {
@@ -14846,7 +14850,7 @@ function Ai({
     const re = G.trim();
     if (!(!re && Ee.length === 0)) {
       if (re) {
-        const ie = V(re);
+        const ie = K(re);
         if (ie) {
           de(ie);
           return;
@@ -15044,10 +15048,10 @@ function Ai({
               onRegenerate: Be,
               onCancelEdit: Ge,
               emptyMessage: fe ?? void 0,
-              isNavigatingCheckpoint: W,
+              isNavigatingCheckpoint: V,
               activeInterrupt: pe,
               disableInterruptActions: Ie,
-              onInterruptActionStart: K,
+              onInterruptActionStart: W,
               onInterruptActionEnd: ee,
               showToolMessages: d,
               checkpointMetaById: Vt,
@@ -15066,7 +15070,7 @@ function Ai({
             /* @__PURE__ */ u.jsx(zr, { className: "h-6 w-6 animate-spin" }),
             /* @__PURE__ */ u.jsx("span", { className: "text-xs font-semibold uppercase tracking-wide", children: "Loading messages…" })
           ] }),
-          (T || W) && /* @__PURE__ */ u.jsxs("div", { className: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 bg-background/80 backdrop-blur-sm text-muted-foreground", children: [
+          (T || V) && /* @__PURE__ */ u.jsxs("div", { className: "absolute inset-0 z-10 flex flex-col items-center justify-center gap-2 bg-background/80 backdrop-blur-sm text-muted-foreground", children: [
             /* @__PURE__ */ u.jsx(zr, { className: "h-6 w-6 animate-spin" }),
             /* @__PURE__ */ u.jsx("span", { className: "text-xs font-semibold uppercase tracking-wide", children: "Loading checkpoint…" })
           ] })
@@ -15781,78 +15785,78 @@ function Kc({
     actions: x
   } = xa(), { loadThread: y } = ya(), { createThread: g, deleteThread: w, renameThread: b } = x, [T, C] = xe(Array.isArray(f) ? f : []), S = Qe(T.length > 0), k = Qe(null), N = Qe(0), [E, I] = xe(null), [P, L] = xe(""), [F, j] = xe(!1);
   kt(() => {
-    const K = Array.isArray(f) ? f : [];
-    if (K.length > 0) {
-      S.current = !0, C(K);
+    const W = Array.isArray(f) ? f : [];
+    if (W.length > 0) {
+      S.current = !0, C(W);
       return;
     }
-    m || (S.current = !1, C(K));
+    m || (S.current = !1, C(W));
   }, [f, m]), kt(() => {
     if (!k.current) return;
-    const K = k.current.querySelector(
+    const W = k.current.querySelector(
       "[data-radix-scroll-area-viewport]"
     );
-    if (!K) return;
+    if (!W) return;
     let ee = null, q = null;
     return ee = requestAnimationFrame(() => {
       q = requestAnimationFrame(() => {
-        K.scrollTop = N.current;
+        W.scrollTop = N.current;
       });
     }), () => {
       ee !== null && cancelAnimationFrame(ee), q !== null && cancelAnimationFrame(q);
     };
   }, [T]);
-  const $ = async (K) => {
+  const $ = async (W) => {
     try {
-      h(K), await y(K), a == null || a(K), l == null || l(K);
+      h(W), await y(W), a == null || a(W), l == null || l(W);
     } catch (ee) {
       console.error("Failed to select thread:", ee);
     }
   }, A = async () => {
     try {
       j(!0);
-      const K = await g();
-      K && (c == null || c(K), a == null || a(K));
-    } catch (K) {
-      console.error("Failed to create thread:", K);
+      const W = await g();
+      W && (c == null || c(W), a == null || a(W));
+    } catch (W) {
+      console.error("Failed to create thread:", W);
     } finally {
       j(!1);
     }
-  }, B = async (K, ee) => {
+  }, B = async (W, ee) => {
     if (ee.stopPropagation(), !!confirm("Delete this thread?")) {
       if (k.current) {
         const q = k.current.querySelector("[data-radix-scroll-area-viewport]");
         q && (N.current = q.scrollTop);
       }
       try {
-        await w(K), d == null || d(K);
+        await w(W), d == null || d(W);
       } catch (q) {
         console.error("Failed to delete thread:", q);
       }
     }
-  }, D = (K, ee) => {
-    ee.stopPropagation(), I(K.threadId), L(K.title || `Thread ${K.threadId.slice(0, 8)}`);
-  }, O = async (K) => {
+  }, D = (W, ee) => {
+    ee.stopPropagation(), I(W.threadId), L(W.title || `Thread ${W.threadId.slice(0, 8)}`);
+  }, O = async (W) => {
     if (P.trim())
       try {
-        await b(K, P.trim()), I(null), L("");
+        await b(W, P.trim()), I(null), L("");
       } catch (ee) {
         console.error("Failed to update title:", ee);
       }
   }, J = () => {
     I(null), L("");
-  }, X = (K, ee) => {
-    K.key === "Enter" ? O(ee) : K.key === "Escape" && J();
-  }, pe = (K) => {
-    if (!K) return "";
+  }, X = (W, ee) => {
+    W.key === "Enter" ? O(ee) : W.key === "Escape" && J();
+  }, pe = (W) => {
+    if (!W) return "";
     try {
-      const ee = new Date(K), M = (/* @__PURE__ */ new Date()).getTime() - ee.getTime(), H = Math.floor(M / (1e3 * 60 * 60 * 24));
+      const ee = new Date(W), M = (/* @__PURE__ */ new Date()).getTime() - ee.getTime(), H = Math.floor(M / (1e3 * 60 * 60 * 24));
       return H === 0 ? ee.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" }) : H === 1 ? "Yesterday" : H < 7 ? `${H} days ago` : ee.toLocaleDateString();
     } catch {
       return "";
     }
-  }, Ie = (K) => K.title || `Thread ${K.threadId.slice(0, 8)}`, Ae = (K) => {
-    const ee = Ie(K);
+  }, Ie = (W) => W.title || `Thread ${W.threadId.slice(0, 8)}`, Ae = (W) => {
+    const ee = Ie(W);
     return ee.length <= Vc ? ee : `${ee.slice(0, Vc)}...`;
   };
   return /* @__PURE__ */ u.jsxs("div", { className: `flex flex-col h-full ${e} ${s.container || ""}`, children: [
@@ -15880,32 +15884,32 @@ function Kc({
         ] }) : T.length === 0 ? /* @__PURE__ */ u.jsxs("div", { className: "text-center py-8 text-slate-400", children: [
           /* @__PURE__ */ u.jsx(Sm, { className: "w-8 h-8 mx-auto mb-2 opacity-40 text-slate-500" }),
           /* @__PURE__ */ u.jsx("p", { className: "text-sm text-slate-500", children: "No conversations yet" })
-        ] }) : T.slice().sort((K, ee) => new Date(ee.updatedAt || ee.createdAt || "").getTime() - new Date(K.updatedAt || K.createdAt || "").getTime()).map((K) => /* @__PURE__ */ u.jsxs(
+        ] }) : T.slice().sort((W, ee) => new Date(ee.updatedAt || ee.createdAt || "").getTime() - new Date(W.updatedAt || W.createdAt || "").getTime()).map((W) => /* @__PURE__ */ u.jsxs(
           "div",
           {
-            onClick: () => $(K.threadId),
-            className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${(i ?? p) === K.threadId ? `${s.activeThread || "bg-slate-600 border-slate-500"} ` : `${s.threadItem || "bg-slate-700 border-slate-600 hover:bg-slate-600 text-gray-900 dark:text-slate-100"}`} ${s.threadItem || ""} text-gray-900 dark:text-slate-100`,
+            onClick: () => $(W.threadId),
+            className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${(i ?? p) === W.threadId ? `${s.activeThread || "bg-slate-600 border-slate-500"} ` : `${s.threadItem || "bg-slate-700 border-slate-600 hover:bg-slate-600 text-gray-900 dark:text-slate-100"}`} ${s.threadItem || ""} text-gray-900 dark:text-slate-100`,
             children: [
               /* @__PURE__ */ u.jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ u.jsx("div", { className: "flex-1 min-w-0", children: E === K.threadId ? /* @__PURE__ */ u.jsxs("div", { className: "flex items-center gap-2", onClick: (ee) => ee.stopPropagation(), children: [
-                  /* @__PURE__ */ u.jsx(ps, { value: P, onChange: (ee) => L(ee.target.value), onKeyDown: (ee) => X(ee, K.threadId), className: "h-6 text-sm", autoFocus: !0 }),
-                  /* @__PURE__ */ u.jsx(rt, { variant: "ghost", size: "sm", onClick: () => O(K.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ u.jsx(ca, { size: 12 }) }),
+                /* @__PURE__ */ u.jsx("div", { className: "flex-1 min-w-0", children: E === W.threadId ? /* @__PURE__ */ u.jsxs("div", { className: "flex items-center gap-2", onClick: (ee) => ee.stopPropagation(), children: [
+                  /* @__PURE__ */ u.jsx(ps, { value: P, onChange: (ee) => L(ee.target.value), onKeyDown: (ee) => X(ee, W.threadId), className: "h-6 text-sm", autoFocus: !0 }),
+                  /* @__PURE__ */ u.jsx(rt, { variant: "ghost", size: "sm", onClick: () => O(W.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ u.jsx(ca, { size: 12 }) }),
                   /* @__PURE__ */ u.jsx(rt, { variant: "ghost", size: "sm", onClick: J, className: "h-6 w-6 p-0", children: /* @__PURE__ */ u.jsx(vr, { size: 12 }) })
                 ] }) : /* @__PURE__ */ u.jsxs(u.Fragment, { children: [
-                  /* @__PURE__ */ u.jsx("div", { className: "font-medium text-sm truncate text-gray-900 dark:text-slate-100", children: Ae(K) }),
+                  /* @__PURE__ */ u.jsx("div", { className: "font-medium text-sm truncate text-gray-900 dark:text-slate-100", children: Ae(W) }),
                   /* @__PURE__ */ u.jsxs("div", { className: "flex items-center gap-2 text-xs text-gray-500 dark:text-slate-400 mt-1", children: [
                     /* @__PURE__ */ u.jsx(Cm, { size: 10 }),
-                    /* @__PURE__ */ u.jsx("span", { children: pe(K.updatedAt || K.createdAt) })
+                    /* @__PURE__ */ u.jsx("span", { children: pe(W.updatedAt || W.createdAt) })
                   ] })
                 ] }) }),
                 /* @__PURE__ */ u.jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity ml-2", children: [
-                  r && E !== K.threadId && /* @__PURE__ */ u.jsx(rt, { variant: "ghost", size: "sm", onClick: (ee) => D(K, ee), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ u.jsx(Jc, { size: 12 }) }),
+                  r && E !== W.threadId && /* @__PURE__ */ u.jsx(rt, { variant: "ghost", size: "sm", onClick: (ee) => D(W, ee), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ u.jsx(Jc, { size: 12 }) }),
                   n && /* @__PURE__ */ u.jsx(
                     rt,
                     {
                       variant: "ghost",
                       size: "sm",
-                      onClick: (ee) => B(K.threadId, ee),
+                      onClick: (ee) => B(W.threadId, ee),
                       className: "h-6 w-6 p-0 text-red-400 hover:text-red-300 hover:bg-red-900/20",
                       title: "Delete thread",
                       children: /* @__PURE__ */ u.jsx(Tm, { size: 12 })
@@ -15913,10 +15917,10 @@ function Kc({
                   )
                 ] })
               ] }),
-              i === K.threadId && /* @__PURE__ */ u.jsx("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-blue-400 rounded-r" })
+              i === W.threadId && /* @__PURE__ */ u.jsx("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-blue-400 rounded-r" })
             ]
           },
-          K.threadId
+          W.threadId
         )) })
       }
     )
@@ -16468,7 +16472,7 @@ var dn = 10, [vh, Xn] = Mr(ur), pT = "SelectContentImpl", hT = Tr("SelectContent
         (w.value !== void 0 && w.value === M || te) && P(q);
       },
       [w.value]
-    ), K = r === "popper" ? na : bh, ee = K === na ? {
+    ), W = r === "popper" ? na : bh, ee = W === na ? {
       side: a,
       sideOffset: l,
       align: c,
@@ -16518,7 +16522,7 @@ var dn = 10, [vh, Xn] = Mr(ur), pT = "SelectContentImpl", hT = Tr("SelectContent
                 onFocusOutside: (q) => q.preventDefault(),
                 onDismiss: () => w.onOpenChange(!1),
                 children: /* @__PURE__ */ u.jsx(
-                  K,
+                  W,
                   {
                     role: "listbox",
                     id: w.contentId,
@@ -16581,12 +16585,12 @@ var mT = "SelectItemAlignedPosition", bh = v.forwardRef((e, t) => {
         ]);
         a.style.minWidth = Z + "px", a.style.right = Ne + "px";
       }
-      const P = p(), L = window.innerHeight - dn * 2, F = x.scrollHeight, j = window.getComputedStyle(c), $ = parseInt(j.borderTopWidth, 10), A = parseInt(j.paddingTop, 10), B = parseInt(j.borderBottomWidth, 10), D = parseInt(j.paddingBottom, 10), O = $ + A + F + D + B, J = Math.min(y.offsetHeight * 5, O), X = window.getComputedStyle(x), pe = parseInt(X.paddingTop, 10), Ie = parseInt(X.paddingBottom, 10), Ae = k.top + k.height / 2 - dn, K = L - Ae, ee = y.offsetHeight / 2, q = y.offsetTop + ee, M = $ + A + q, H = O - M;
+      const P = p(), L = window.innerHeight - dn * 2, F = x.scrollHeight, j = window.getComputedStyle(c), $ = parseInt(j.borderTopWidth, 10), A = parseInt(j.paddingTop, 10), B = parseInt(j.borderBottomWidth, 10), D = parseInt(j.paddingBottom, 10), O = $ + A + F + D + B, J = Math.min(y.offsetHeight * 5, O), X = window.getComputedStyle(x), pe = parseInt(X.paddingTop, 10), Ie = parseInt(X.paddingBottom, 10), Ae = k.top + k.height / 2 - dn, W = L - Ae, ee = y.offsetHeight / 2, q = y.offsetTop + ee, M = $ + A + q, H = O - M;
       if (M <= Ae) {
         const oe = P.length > 0 && y === P[P.length - 1].ref.current;
         a.style.bottom = "0px";
         const ne = c.clientHeight - x.offsetTop - x.offsetHeight, Te = Math.max(
-          K,
+          W,
           ee + // viewport might have padding bottom, include it to avoid a scrollable viewport
           (oe ? Ie : 0) + ne + B
         ), Z = M + Te;