teodor-new-chat-ui 4.1.77 → 4.1.80

package/dist/index.esm.js

@@ -2,7 +2,7 @@ var xm = Object.defineProperty;
 var vm = (e, t, n) => t in e ? xm(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
 var ml = (e, t, n) => vm(e, typeof t != "symbol" ? t + "" : t, n);
 import * as g from "react";
-import q, { createContext as co, useContext as vs, useReducer as wm, useRef as We, useCallback as Ne, useEffect as ot, useMemo as dt, useState as ye, startTransition as ru, createElement as Mo, useLayoutEffect as ym } from "react";
+import q, { createContext as co, useContext as vs, useReducer as wm, useRef as We, useCallback as Ne, useEffect as st, useMemo as dt, useState as ye, startTransition as ru, createElement as Mo, useLayoutEffect as ym } from "react";
 import { Square as bm, Send as Sm, X as Cr, ExternalLink as Cm, Download as km, Image as Tm, FileText as gl, Loader as ou, Bot as xl, Wrench as Im, User as Rm, ChevronUp as Wr, ChevronDown as Sr, Paperclip as ji, Copy as vl, Edit as wl, RotateCcw as Pi, ChevronRight as Em, Check as ha, Circle as Nm, Loader2 as Oi, Edit3 as su, Plus as Am, FileSpreadsheet as _m, MessageSquarePlus as jm, MessageSquare as Pm, Calendar as Om, Trash2 as Mm, Settings as Dm, Server as Lm, EyeOff as Fm, Eye as $m, Layout as zm, MessageCircle as Bm, Save as Hm } from "lucide-react";
 import { Slot as Um, createSlot as Er } from "@radix-ui/react-slot";
 import { cva as ws } from "class-variance-authority";
@@ -324,13 +324,13 @@ function qm() {
         }
       return "";
     }
-    var Oe = Object.prototype.hasOwnProperty, $e = {}, st = v.ReactDebugCurrentFrame;
+    var Oe = Object.prototype.hasOwnProperty, $e = {}, ot = v.ReactDebugCurrentFrame;
     function Je(m) {
       if (m) {
         var I = m._owner, j = Ue(m.type, m._source, I ? I.type : null);
-        st.setExtraStackFrame(j);
+        ot.setExtraStackFrame(j);
       } else
-        st.setExtraStackFrame(null);
+        ot.setExtraStackFrame(null);
     }
     function _e(m, I, j, U, ee) {
       {
@@ -2741,7 +2741,7 @@ function Ox(e = []) {
   }, [i]), l = Ne((d) => {
     r.current.push(d), a();
   }, [a]);
-  ot(() => () => {
+  st(() => () => {
     o.current !== null && typeof window < "u" && window.cancelAnimationFrame(o.current), s.current !== null && clearTimeout(s.current), r.current = [];
   }, []);
   const u = dt(() => ({
@@ -3061,14 +3061,14 @@ function Fx(e = {}) {
             if (r)
               ce = { Authorization: `Bearer ${r}` };
             else if (typeof window < "u") {
-              const $e = window.__AUTH_TOKEN__, st = ((B = window.localStorage) == null ? void 0 : B.getItem("authToken")) || null;
+              const $e = window.__AUTH_TOKEN__, ot = ((B = window.localStorage) == null ? void 0 : B.getItem("authToken")) || null;
               let Je = null;
               try {
                 const pt = (z = window.localStorage) == null ? void 0 : z.getItem("chat-settings");
                 pt && (Je = ((H = JSON.parse(pt)) == null ? void 0 : H.apiKey) || null);
               } catch {
               }
-              const _e = $e || st || Je || null;
+              const _e = $e || ot || Je || null;
               _e && (ce = { Authorization: `Bearer ${_e}` });
             }
           } catch {
@@ -3123,8 +3123,8 @@ function Fx(e = {}) {
             }
           }, 5e3), Ue = 1024 * 1024;
           try {
-            const Oe = we.headers.get("X-Thread-Id") || we.headers.get("x-thread-id"), $e = we.headers.get("X-Thread-Created") || we.headers.get("x-thread-created"), st = Oe ?? null, Je = String($e ?? "").toLowerCase() === "true";
-            for ((M = F == null ? void 0 : F.onOpen) == null || M.call(F, { threadId: st, created: Je }); ; ) {
+            const Oe = we.headers.get("X-Thread-Id") || we.headers.get("x-thread-id"), $e = we.headers.get("X-Thread-Created") || we.headers.get("x-thread-created"), ot = Oe ?? null, Je = String($e ?? "").toLowerCase() === "true";
+            for ((M = F == null ? void 0 : F.onOpen) == null || M.call(F, { threadId: ot, created: Je }); ; ) {
               const { value: _e, done: pt } = await Ce.read();
               if (pt) break;
               K += de.decode(_e, { stream: !0 }), K.length > Ue && (K = "", console.warn("Stream buffer reset: exceeded 1MB"));
@@ -3195,7 +3195,7 @@ function Fx(e = {}) {
     },
     [t, n, r, e.autoAppendAssistant]
   );
-  return ot(() => () => {
+  return st(() => () => {
     var O;
     T.current = !1, (O = S.current) == null || O.abort();
   }, []), {
@@ -3641,7 +3641,7 @@ function Qx(e) {
     );
     return To(N);
   }), u = dt(() => fi(a), [a]), [d, f] = ye(o), [h, p] = ye(!1), [y, w] = ye(null), x = We(u.length), v = We(!1), b = We(null), S = We(""), T = We(!1), C = We(null);
-  ot(() => {
+  st(() => {
     x.current = u.length;
   }, [u.length]);
   const k = Ne(() => {
@@ -3767,12 +3767,12 @@ function Qx(e) {
     },
     [t, A]
   );
-  ot(() => {
+  st(() => {
     if (Ar())
       return R(u), () => {
         b.current !== null && (window.clearTimeout(b.current), b.current = null);
       };
-  }, [u, R]), ot(() => {
+  }, [u, R]), st(() => {
     var H, M, D;
     const N = (X) => {
       const _ = ui(n, X ?? null);
@@ -3907,20 +3907,16 @@ function tv({
     initialThreadId: t,
     clearAllMessageCaches: b,
     onAuthTokenChange: (m) => S.current(m ?? null)
-  });
-  ot(() => {
-    T.length > 0 && console.log("[ChatSessionProvider] After useThreadList - threads.length:", T.length, "threads:", T);
-  }, [T]);
-  const [z, H] = ye(!1), [M, D] = ye(null), [X, _] = ye(null), [G, ce] = ye(!1), [we, Ce] = ye(!1), [de, K] = ye([]), [$, Y] = ye([]), J = We([]), [me, oe] = ye(null), {
+  }), [z, H] = ye(!1), [M, D] = ye(null), [X, _] = ye(null), [G, ce] = ye(!1), [we, Ce] = ye(!1), [de, K] = ye([]), [$, Y] = ye([]), J = We([]), [me, oe] = ye(null), {
     state: te,
     dispatch: Xe,
     seed: Ue,
     prepend: Oe,
     pushUser: $e,
-    onEvent: st,
+    onEvent: ot,
     reset: Je
   } = Ox(), _e = We(C);
-  ot(() => {
+  st(() => {
     _e.current = C;
   }, [C]);
   const pt = We(!1), ne = We([]), ae = We(null), he = We(null), be = We(/* @__PURE__ */ new Map()), pe = We(C), Ie = We({ threadId: null, checkpointId: null, checkpointNs: null }), Ze = Ne((m, I) => new Promise((j, U) => {
@@ -3941,7 +3937,7 @@ function tv({
       U(se);
     });
   }), []);
-  ot(() => {
+  st(() => {
     var ee;
     const m = _e.current;
     if (!m) {
@@ -4077,7 +4073,7 @@ function tv({
       J
     ]
   );
-  ot(() => {
+  st(() => {
     if (!_e.current || !de.length) return;
     const m = {
       checkpointId: te.lastCheckpointId ?? null,
@@ -4151,17 +4147,17 @@ function tv({
   ), { startStream: hr, stop: In, isStreaming: on, error: Pt, setAuthToken: sn } = Bx({
     baseUrl: d,
     onThreadInfo: zr,
-    onMessageEvent: st,
+    onMessageEvent: ot,
     onUnhandledEvent: (m) => {
       console.warn(`[ChatSessionProvider] Unhandled stream event: ${m.type}`, m);
     },
     onSequenceGap: Hn
   });
-  ot(() => {
+  st(() => {
     ze.current = on;
-  }, [on]), ot(() => {
+  }, [on]), st(() => {
     S.current = (m) => sn(m ?? null);
-  }, [sn]), ot(() => {
+  }, [sn]), st(() => {
     var m;
     S.current(((m = l.getAuthToken) == null ? void 0 : m.call(l)) ?? null);
   }, [l]);
@@ -4484,14 +4480,14 @@ function tv({
     (m) => xe(m.interruptId, m.approved, m.value),
     [xe]
   );
-  ot(() => {
+  st(() => {
     if (a == null || a(C), C)
       try {
         localStorage.setItem("lastThreadId", C);
       } catch (m) {
         console.warn("[ChatSessionProvider] Failed to persist lastThreadId:", m);
       }
-  }, [C, a]), ot(() => ((async () => {
+  }, [C, a]), st(() => ((async () => {
     try {
       if (A().catch((I) => {
         console.error("[ChatSessionProvider] Failed to refresh threads (background):", I), i == null || i(String(I));
@@ -4507,7 +4503,7 @@ function tv({
       console.error("[ChatSessionProvider] Initialization failed:", I), i == null || i(String(I));
     }
   })(), () => {
-  }), []), ot(() => {
+  }), []), st(() => {
     const m = _e.current;
     if (!m || pe.current !== m) return;
     const I = {
@@ -7592,14 +7588,14 @@ const yw = /* @__PURE__ */ qe(
             Oe,
             $e
           ]) => {
-            const { column: st, row: Je } = me, { height: _e, width: pt } = oe, { width: ne } = te;
+            const { column: ot, row: Je } = me, { height: _e, width: pt } = oe, { width: ne } = te;
             if (Ue === 0 && ($ === 0 || ne === 0))
               return ac;
             if (pt === 0) {
               const ft = Na($e, $), Et = ft + Math.max(Ue - 1, 0);
               return vw(uc(ft, Et, Xe));
             }
-            const ae = Td(ne, pt, st);
+            const ae = Td(ne, pt, ot);
             let he, be;
             Oe ? Y === 0 && J === 0 && Ue > 0 ? (he = 0, be = Ue - 1) : (he = ae * os((Y + Je) / (_e + Je)), be = ae * lc((J + Je) / (_e + Je)) - 1, be = vi($ - 1, Gr(be, ae - 1)), he = vi(be, Gr(0, he))) : (he = 0, be = -1);
             const pe = uc(he, be, Xe), { bottom: Ie, top: Ze } = dc(te, me, oe, pe), ze = lc($ / ae), nt = ze * _e + (ze - 1) * Je - Ie;
@@ -7676,8 +7672,8 @@ const yw = /* @__PURE__ */ qe(
           const te = ld($), { align: Xe, behavior: Ue, offset: Oe } = te;
           let $e = te.index;
           $e === "LAST" && ($e = me - 1), $e = Gr(0, $e, vi(me - 1, $e));
-          let st = Gi(Y, oe, J, $e);
-          return Xe === "end" ? st = cc(st - Y.height + J.height) : Xe === "center" && (st = cc(st - Y.height / 2 + J.height / 2)), Oe && (st += Oe), { behavior: Ue, top: st };
+          let ot = Gi(Y, oe, J, $e);
+          return Xe === "end" ? ot = cc(ot - Y.height + J.height) : Xe === "center" && (ot = cc(ot - Y.height / 2 + J.height / 2)), Oe && (ot += Oe), { behavior: Ue, top: ot };
         })
       ),
       l
@@ -11206,7 +11202,7 @@ function jb({ isOpen: e, onClose: t, fileId: n, fileName: r, mimeType: o }) {
       }
     }
   }, [n]);
-  ot(() => {
+  st(() => {
     e && n && h();
   }, [e, n, h]);
   const p = async () => {
@@ -11476,7 +11472,7 @@ function Fc(e) {
 }
 function $b({ className: e }) {
   const [t, n] = ye(0);
-  return ot(() => {
+  return st(() => {
     const r = setInterval(() => n((o) => (o + 1) % 4), 500);
     return () => clearInterval(r);
   }, []), /* @__PURE__ */ c.jsxs(
@@ -11687,7 +11683,7 @@ const zb = q.memo(function({
     } catch (ae) {
       console.error("Failed to reject interrupt:", ae);
     }
-  }, [A]), st = q.useCallback(({ part: ne, i: ae }) => {
+  }, [A]), ot = q.useCallback(({ part: ne, i: ae }) => {
     if (ne.type === "text") {
       const he = ne.text ?? "", be = he.trim(), pe = Lc(be);
       return pe && M !== "tool" ? /* @__PURE__ */ c.jsx(Bb, { data: pe }, ae) : M === "user" && f && be.length > h ? /* @__PURE__ */ c.jsxs(pc, { open: k, onOpenChange: R, children: [
@@ -11802,7 +11798,7 @@ const zb = q.memo(function({
         }) });
     }
     if (!D) {
-      const ae = /* @__PURE__ */ c.jsx("div", { className: "space-y-2", children: t.content.map((he, be) => /* @__PURE__ */ c.jsx(st, { part: he, i: be }, be)) });
+      const ae = /* @__PURE__ */ c.jsx("div", { className: "space-y-2", children: t.content.map((he, be) => /* @__PURE__ */ c.jsx(ot, { part: he, i: be }, be)) });
       return r ? /* @__PURE__ */ c.jsxs("div", { "aria-busy": "true", role: "status", children: [
         ae,
         /* @__PURE__ */ c.jsx($b, { className: _ })
@@ -13732,8 +13728,8 @@ var tl = "PopperContent", [cS, uS] = Ff(tl), Uf = g.forwardRef(
         rS({
           ...V,
           apply: ({ elements: te, rects: Xe, availableWidth: Ue, availableHeight: Oe }) => {
-            const { width: $e, height: st } = Xe.reference, Je = te.floating.style;
-            Je.setProperty("--radix-popper-available-width", `${Ue}px`), Je.setProperty("--radix-popper-available-height", `${Oe}px`), Je.setProperty("--radix-popper-anchor-width", `${$e}px`), Je.setProperty("--radix-popper-anchor-height", `${st}px`);
+            const { width: $e, height: ot } = Xe.reference, Je = te.floating.style;
+            Je.setProperty("--radix-popper-available-width", `${Ue}px`), Je.setProperty("--radix-popper-available-height", `${Oe}px`), Je.setProperty("--radix-popper-anchor-width", `${$e}px`), Je.setProperty("--radix-popper-anchor-height", `${ot}px`);
           }
         }),
         T && sS({ element: T, padding: a }),
@@ -14921,20 +14917,20 @@ function _i({
     checkpoint: A,
     respondToInterrupt: O,
     metadata: L
-  } = Sa(), { isStreaming: F, error: V, submit: N, stop: B } = nv(), z = x ?? w ?? null, H = (A == null ? void 0 : A.id) ?? null, M = (A == null ? void 0 : A.namespace) ?? null, D = (L == null ? void 0 : L.assemblingMessageId) ?? null, [X, _] = ye(null), [G, ce] = ye(""), [we, Ce] = ye(null), [de, K] = ye([]), [$, Y] = ye(0), [J, me] = ye(0), [oe, te] = ye(!1), [Xe, Ue] = ye(null), [Oe, $e] = ye(null), [st, Je] = ye(!1), [_e, pt] = ye(null), [ne, ae] = ye([]), [he, be] = ye(null), [pe, Ie] = ye(null), [Ze, ze] = ye(!1), nt = We(null), ft = We(null), Et = Ne(() => {
+  } = Sa(), { isStreaming: F, error: V, submit: N, stop: B } = nv(), z = x ?? w ?? null, H = (A == null ? void 0 : A.id) ?? null, M = (A == null ? void 0 : A.namespace) ?? null, D = (L == null ? void 0 : L.assemblingMessageId) ?? null, [X, _] = ye(null), [G, ce] = ye(""), [we, Ce] = ye(null), [de, K] = ye([]), [$, Y] = ye(0), [J, me] = ye(0), [oe, te] = ye(!1), [Xe, Ue] = ye(null), [Oe, $e] = ye(null), [ot, Je] = ye(!1), [_e, pt] = ye(null), [ne, ae] = ye([]), [he, be] = ye(null), [pe, Ie] = ye(null), [Ze, ze] = ye(!1), nt = We(null), ft = We(null), Et = Ne(() => {
     nt.current && (nt.current.value = ""), ft.current && (ft.current.value = ""), Y((ie) => ie + 1), me((ie) => ie + 1);
   }, []), Gt = We(!1);
-  ot(() => {
+  st(() => {
     Gt.current && !F && (K([]), Et()), Gt.current = F;
   }, [F, Et]);
   const [rn, Hn] = ye("desktop");
-  ot(() => {
+  st(() => {
     const ie = () => {
       const xe = window.innerWidth;
       Hn(xe < 640 ? "phone" : xe < 1024 ? "tablet" : "desktop");
     };
     return ie(), window.addEventListener("resize", ie), () => window.removeEventListener("resize", ie);
-  }, []), ot(() => {
+  }, []), st(() => {
     if (!z) {
       ae([]), be(null), Ie(null);
       return;
@@ -14948,7 +14944,7 @@ function _i({
       const xe = ie[0], Me = xe ? Yn(xe) : { checkpointId: null, checkpointNs: null };
       be(Me.checkpointId), Ie(Me.checkpointNs);
     }
-  }, [he, z, k]), ot(() => {
+  }, [he, z, k]), st(() => {
     H && (be(H), Ie(M ?? null));
   }, [H, M]);
   const zr = Ne(async () => {
@@ -14959,7 +14955,7 @@ function _i({
         console.warn("loadOlder failed", ie);
       }
   }, [b, S, C]);
-  ot(() => {
+  st(() => {
     (async () => {
       if (!y.baseUrl) {
         pt(null);
@@ -14972,9 +14968,9 @@ function _i({
         console.warn("Failed to fetch default message:", xe), pt(null);
       }
     })();
-  }, [y]), ot(() => {
-    V && !st && (p == null || p(V));
-  }, [V, st, p]);
+  }, [y]), st(() => {
+    V && !ot && (p == null || p(V));
+  }, [V, ot, p]);
   const hr = (ie) => {
     if (ie.length > Xo)
       return `Message too long (${ie.length}/${Xo} characters)`;
@@ -15087,7 +15083,7 @@ function _i({
     }
   }, Vn = `flex flex-1 w-full flex-col min-h-0 min-w-0 max-h-full overflow-hidden bg-transparent ${e} ${d.container || ""}`, gr = `flex-1 min-h-0 min-w-0 max-h-full w-full overflow-hidden overscroll-contain break-words break-anywhere p-4 bg-transparent ${d.messagesArea || ""}`, xr = `flex-shrink-0 w-full border-t p-4 bg-transparent ${d.inputArea || ""}`;
   return /* @__PURE__ */ c.jsxs("div", { className: Vn, children: [
-    !!V && !st && /* @__PURE__ */ c.jsxs("div", { className: "flex-shrink-0 bg-red-50 border border-red-200 text-red-800 px-4 py-2 text-sm flex items-center justify-between", children: [
+    !!V && !ot && /* @__PURE__ */ c.jsxs("div", { className: "flex-shrink-0 bg-red-50 border border-red-200 text-red-800 px-4 py-2 text-sm flex items-center justify-between", children: [
       /* @__PURE__ */ c.jsx("span", { children: V }),
       /* @__PURE__ */ c.jsx(
         Ve,
@@ -15862,20 +15858,14 @@ function Qc({
     currentThreadId: h,
     isLoading: p,
     actions: y
-  } = ba(), { loadThread: w } = Sa(), { createThread: x, deleteThread: v, renameThread: b } = y;
-  f && f.length > 0 && console.log("[ThreadManager] useThreads() returned ctxThreads.length:", f.length);
-  const [S, T] = ye(Array.isArray(f) ? f : []), C = We(S.length > 0), [k, R] = ye(null), [E, A] = ye(""), [O, L] = ye(!1);
-  ot(() => {
+  } = ba(), { loadThread: w } = Sa(), { createThread: x, deleteThread: v, renameThread: b } = y, [S, T] = ye(Array.isArray(f) ? f : []), C = We(S.length > 0), [k, R] = ye(null), [E, A] = ye(""), [O, L] = ye(!1);
+  st(() => {
     const _ = Array.isArray(f) ? f : [];
     if (_.length > 0) {
-      console.log("[ThreadManager] useEffect sync - setting threads from context, length:", _.length), C.current = !0, T(_);
-      return;
-    }
-    if (p) {
-      console.log("[ThreadManager] useEffect - context empty but loading, keeping previous");
+      C.current = !0, T(_);
       return;
     }
-    C.current = !1, T(_);
+    p || (C.current = !1, T(_));
   }, [f, p]);
   const F = async (_) => {
     try {
@@ -15922,7 +15912,7 @@ function Qc({
       return "";
     }
   }, X = (_) => _.title || `Thread ${_.threadId.slice(0, 8)}`;
-  return S.length > 0 ? console.log("[ThreadManager] Rendering with threads.length:", S.length, "isLoadingThreads:", p) : console.log("[ThreadManager] Rendering with NO threads - isLoadingThreads:", p), /* @__PURE__ */ c.jsxs("div", { className: `flex flex-col h-full ${e} ${s.container || ""}`, children: [
+  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(
       Ve,
       {
@@ -15946,44 +15936,47 @@ function Qc({
         ] }) : S.length === 0 ? /* @__PURE__ */ c.jsxs("div", { className: "text-center py-8 text-slate-400", children: [
           /* @__PURE__ */ c.jsx(Pm, { className: "w-8 h-8 mx-auto mb-2 opacity-40 text-slate-500" }),
           /* @__PURE__ */ c.jsx("p", { className: "text-sm text-slate-500", children: "No conversations yet" })
-        ] }) : S.slice().sort((_, G) => new Date(G.updatedAt || G.createdAt || "").getTime() - new Date(_.updatedAt || _.createdAt || "").getTime()).map((_) => /* @__PURE__ */ c.jsxs(
-          "div",
-          {
-            onClick: () => F(_.threadId),
-            className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${(i ?? h) === _.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__ */ c.jsxs("div", { className: "flex items-center justify-between", children: [
-                /* @__PURE__ */ c.jsx("div", { className: "flex-1 min-w-0", children: k === _.threadId ? /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2", onClick: (G) => G.stopPropagation(), children: [
-                  /* @__PURE__ */ c.jsx(ps, { value: E, onChange: (G) => A(G.target.value), onKeyDown: (G) => M(G, _.threadId), className: "h-6 text-sm", autoFocus: !0 }),
-                  /* @__PURE__ */ c.jsx(Ve, { variant: "ghost", size: "sm", onClick: () => z(_.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ c.jsx(ha, { size: 12 }) }),
-                  /* @__PURE__ */ c.jsx(Ve, { variant: "ghost", size: "sm", onClick: H, className: "h-6 w-6 p-0", children: /* @__PURE__ */ c.jsx(Cr, { 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: X(_) }),
-                  /* @__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(Om, { size: 10 }),
-                    /* @__PURE__ */ c.jsx("span", { children: D(_.updatedAt || _.createdAt) })
+        ] }) : /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+          S.length > 0 && console.log("[ThreadManager] About to render", S.length, "threads"),
+          S.slice().sort((_, G) => new Date(G.updatedAt || G.createdAt || "").getTime() - new Date(_.updatedAt || _.createdAt || "").getTime()).map((_) => /* @__PURE__ */ c.jsxs(
+            "div",
+            {
+              onClick: () => F(_.threadId),
+              className: `group relative p-3 rounded-lg cursor-pointer transition-colors border ${(i ?? h) === _.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__ */ c.jsxs("div", { className: "flex items-center justify-between", children: [
+                  /* @__PURE__ */ c.jsx("div", { className: "flex-1 min-w-0", children: k === _.threadId ? /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-2", onClick: (G) => G.stopPropagation(), children: [
+                    /* @__PURE__ */ c.jsx(ps, { value: E, onChange: (G) => A(G.target.value), onKeyDown: (G) => M(G, _.threadId), className: "h-6 text-sm", autoFocus: !0 }),
+                    /* @__PURE__ */ c.jsx(Ve, { variant: "ghost", size: "sm", onClick: () => z(_.threadId), className: "h-6 w-6 p-0", children: /* @__PURE__ */ c.jsx(ha, { size: 12 }) }),
+                    /* @__PURE__ */ c.jsx(Ve, { variant: "ghost", size: "sm", onClick: H, className: "h-6 w-6 p-0", children: /* @__PURE__ */ c.jsx(Cr, { 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: X(_) }),
+                    /* @__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(Om, { size: 10 }),
+                      /* @__PURE__ */ c.jsx("span", { children: D(_.updatedAt || _.createdAt) })
+                    ] })
+                  ] }) }),
+                  /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity ml-2", children: [
+                    r && k !== _.threadId && /* @__PURE__ */ c.jsx(Ve, { variant: "ghost", size: "sm", onClick: (G) => B(_, G), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ c.jsx(su, { size: 12 }) }),
+                    n && /* @__PURE__ */ c.jsx(
+                      Ve,
+                      {
+                        variant: "ghost",
+                        size: "sm",
+                        onClick: (G) => N(_.threadId, G),
+                        className: "h-6 w-6 p-0 text-red-400 hover:text-red-300 hover:bg-red-900/20",
+                        title: "Delete thread",
+                        children: /* @__PURE__ */ c.jsx(Mm, { size: 12 })
+                      }
+                    )
                   ] })
-                ] }) }),
-                /* @__PURE__ */ c.jsxs("div", { className: "flex items-center gap-1 opacity-0 group-hover:opacity-100 transition-opacity ml-2", children: [
-                  r && k !== _.threadId && /* @__PURE__ */ c.jsx(Ve, { variant: "ghost", size: "sm", onClick: (G) => B(_, G), className: "h-6 w-6 p-0", title: "Edit title", children: /* @__PURE__ */ c.jsx(su, { size: 12 }) }),
-                  n && /* @__PURE__ */ c.jsx(
-                    Ve,
-                    {
-                      variant: "ghost",
-                      size: "sm",
-                      onClick: (G) => N(_.threadId, G),
-                      className: "h-6 w-6 p-0 text-red-400 hover:text-red-300 hover:bg-red-900/20",
-                      title: "Delete thread",
-                      children: /* @__PURE__ */ c.jsx(Mm, { size: 12 })
-                    }
-                  )
-                ] })
-              ] }),
-              i === _.threadId && /* @__PURE__ */ c.jsx("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-blue-400 rounded-r" })
-            ]
-          },
-          _.threadId
-        )) })
+                ] }),
+                i === _.threadId && /* @__PURE__ */ c.jsx("div", { className: "absolute left-0 top-1/2 -translate-y-1/2 w-1 h-8 bg-blue-400 rounded-r" })
+              ]
+            },
+            _.threadId
+          ))
+        ] }) })
       }
     )
   ] });
@@ -17322,10 +17315,10 @@ const Qk = {
 };
 function DT({ settings: e, onSettingsChange: t, className: n = "" }) {
   const [r, o] = ye(!1), [s, i] = ye(!1), [a, l] = ye(e), [u, d] = ye(!1), { toast: f } = Ba();
-  ot(() => {
+  st(() => {
     const x = JSON.stringify(a) !== JSON.stringify(e);
     d(x);
-  }, [a, e]), ot(() => {
+  }, [a, e]), st(() => {
     l(e);
   }, [e]);
   const h = () => {