teodor-new-chat-ui 4.1.75 → 4.1.77

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 st, 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 ot, 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 = {}, ot = v.ReactDebugCurrentFrame;
+    var Oe = Object.prototype.hasOwnProperty, $e = {}, st = v.ReactDebugCurrentFrame;
     function Je(m) {
       if (m) {
         var I = m._owner, j = Ue(m.type, m._source, I ? I.type : null);
-        ot.setExtraStackFrame(j);
+        st.setExtraStackFrame(j);
       } else
-        ot.setExtraStackFrame(null);
+        st.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]);
-  st(() => () => {
+  ot(() => () => {
     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__, ot = ((B = window.localStorage) == null ? void 0 : B.getItem("authToken")) || null;
+              const $e = window.__AUTH_TOKEN__, st = ((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 || ot || Je || null;
+              const _e = $e || st || 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"), 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 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 { 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 st(() => () => {
+  return ot(() => () => {
     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);
-  st(() => {
+  ot(() => {
     x.current = u.length;
   }, [u.length]);
   const k = Ne(() => {
@@ -3767,12 +3767,12 @@ function Qx(e) {
     },
     [t, A]
   );
-  st(() => {
+  ot(() => {
     if (Ar())
       return R(u), () => {
         b.current !== null && (window.clearTimeout(b.current), b.current = null);
       };
-  }, [u, R]), st(() => {
+  }, [u, R]), ot(() => {
     var H, M, D;
     const N = (X) => {
       const _ = ui(n, X ?? null);
@@ -3907,16 +3907,20 @@ function tv({
     initialThreadId: t,
     clearAllMessageCaches: b,
     onAuthTokenChange: (m) => S.current(m ?? 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), {
+  });
+  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), {
     state: te,
     dispatch: Xe,
     seed: Ue,
     prepend: Oe,
     pushUser: $e,
-    onEvent: ot,
+    onEvent: st,
     reset: Je
   } = Ox(), _e = We(C);
-  st(() => {
+  ot(() => {
     _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) => {
@@ -3937,7 +3941,7 @@ function tv({
       U(se);
     });
   }), []);
-  st(() => {
+  ot(() => {
     var ee;
     const m = _e.current;
     if (!m) {
@@ -4073,7 +4077,7 @@ function tv({
       J
     ]
   );
-  st(() => {
+  ot(() => {
     if (!_e.current || !de.length) return;
     const m = {
       checkpointId: te.lastCheckpointId ?? null,
@@ -4147,17 +4151,17 @@ function tv({
   ), { startStream: hr, stop: In, isStreaming: on, error: Pt, setAuthToken: sn } = Bx({
     baseUrl: d,
     onThreadInfo: zr,
-    onMessageEvent: ot,
+    onMessageEvent: st,
     onUnhandledEvent: (m) => {
       console.warn(`[ChatSessionProvider] Unhandled stream event: ${m.type}`, m);
     },
     onSequenceGap: Hn
   });
-  st(() => {
+  ot(() => {
     ze.current = on;
-  }, [on]), st(() => {
+  }, [on]), ot(() => {
     S.current = (m) => sn(m ?? null);
-  }, [sn]), st(() => {
+  }, [sn]), ot(() => {
     var m;
     S.current(((m = l.getAuthToken) == null ? void 0 : m.call(l)) ?? null);
   }, [l]);
@@ -4480,14 +4484,14 @@ function tv({
     (m) => xe(m.interruptId, m.approved, m.value),
     [xe]
   );
-  st(() => {
+  ot(() => {
     if (a == null || a(C), C)
       try {
         localStorage.setItem("lastThreadId", C);
       } catch (m) {
         console.warn("[ChatSessionProvider] Failed to persist lastThreadId:", m);
       }
-  }, [C, a]), st(() => ((async () => {
+  }, [C, a]), ot(() => ((async () => {
     try {
       if (A().catch((I) => {
         console.error("[ChatSessionProvider] Failed to refresh threads (background):", I), i == null || i(String(I));
@@ -4503,7 +4507,7 @@ function tv({
       console.error("[ChatSessionProvider] Initialization failed:", I), i == null || i(String(I));
     }
   })(), () => {
-  }), []), st(() => {
+  }), []), ot(() => {
     const m = _e.current;
     if (!m || pe.current !== m) return;
     const I = {
@@ -7588,14 +7592,14 @@ const yw = /* @__PURE__ */ qe(
             Oe,
             $e
           ]) => {
-            const { column: ot, row: Je } = me, { height: _e, width: pt } = oe, { width: ne } = te;
+            const { column: st, 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, ot);
+            const ae = Td(ne, pt, st);
             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;
@@ -7672,8 +7676,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 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 };
+          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 };
         })
       ),
       l
@@ -11202,7 +11206,7 @@ function jb({ isOpen: e, onClose: t, fileId: n, fileName: r, mimeType: o }) {
       }
     }
   }, [n]);
-  st(() => {
+  ot(() => {
     e && n && h();
   }, [e, n, h]);
   const p = async () => {
@@ -11472,7 +11476,7 @@ function Fc(e) {
 }
 function $b({ className: e }) {
   const [t, n] = ye(0);
-  return st(() => {
+  return ot(() => {
     const r = setInterval(() => n((o) => (o + 1) % 4), 500);
     return () => clearInterval(r);
   }, []), /* @__PURE__ */ c.jsxs(
@@ -11683,7 +11687,7 @@ const zb = q.memo(function({
     } catch (ae) {
       console.error("Failed to reject interrupt:", ae);
     }
-  }, [A]), ot = q.useCallback(({ part: ne, i: ae }) => {
+  }, [A]), st = 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: [
@@ -11798,7 +11802,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(ot, { part: he, i: be }, be)) });
+      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)) });
       return r ? /* @__PURE__ */ c.jsxs("div", { "aria-busy": "true", role: "status", children: [
         ae,
         /* @__PURE__ */ c.jsx($b, { className: _ })
@@ -13728,8 +13732,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: 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`);
+            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`);
           }
         }),
         T && sS({ element: T, padding: a }),
@@ -14917,20 +14921,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), [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(() => {
+  } = 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(() => {
     nt.current && (nt.current.value = ""), ft.current && (ft.current.value = ""), Y((ie) => ie + 1), me((ie) => ie + 1);
   }, []), Gt = We(!1);
-  st(() => {
+  ot(() => {
     Gt.current && !F && (K([]), Et()), Gt.current = F;
   }, [F, Et]);
   const [rn, Hn] = ye("desktop");
-  st(() => {
+  ot(() => {
     const ie = () => {
       const xe = window.innerWidth;
       Hn(xe < 640 ? "phone" : xe < 1024 ? "tablet" : "desktop");
     };
     return ie(), window.addEventListener("resize", ie), () => window.removeEventListener("resize", ie);
-  }, []), st(() => {
+  }, []), ot(() => {
     if (!z) {
       ae([]), be(null), Ie(null);
       return;
@@ -14944,7 +14948,7 @@ function _i({
       const xe = ie[0], Me = xe ? Yn(xe) : { checkpointId: null, checkpointNs: null };
       be(Me.checkpointId), Ie(Me.checkpointNs);
     }
-  }, [he, z, k]), st(() => {
+  }, [he, z, k]), ot(() => {
     H && (be(H), Ie(M ?? null));
   }, [H, M]);
   const zr = Ne(async () => {
@@ -14955,7 +14959,7 @@ function _i({
         console.warn("loadOlder failed", ie);
       }
   }, [b, S, C]);
-  st(() => {
+  ot(() => {
     (async () => {
       if (!y.baseUrl) {
         pt(null);
@@ -14968,9 +14972,9 @@ function _i({
         console.warn("Failed to fetch default message:", xe), pt(null);
       }
     })();
-  }, [y]), st(() => {
-    V && !ot && (p == null || p(V));
-  }, [V, ot, p]);
+  }, [y]), ot(() => {
+    V && !st && (p == null || p(V));
+  }, [V, st, p]);
   const hr = (ie) => {
     if (ie.length > Xo)
       return `Message too long (${ie.length}/${Xo} characters)`;
@@ -15083,7 +15087,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 && !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: [
+    !!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: [
       /* @__PURE__ */ c.jsx("span", { children: V }),
       /* @__PURE__ */ c.jsx(
         Ve,
@@ -15858,14 +15862,20 @@ function Qc({
     currentThreadId: h,
     isLoading: p,
     actions: y
-  } = 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(() => {
+  } = 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(() => {
     const _ = Array.isArray(f) ? f : [];
     if (_.length > 0) {
-      C.current = !0, T(_);
+      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");
       return;
     }
-    p || (C.current = !1, T(_));
+    C.current = !1, T(_);
   }, [f, p]);
   const F = async (_) => {
     try {
@@ -15912,7 +15922,7 @@ function Qc({
       return "";
     }
   }, X = (_) => _.title || `Thread ${_.threadId.slice(0, 8)}`;
-  return /* @__PURE__ */ c.jsxs("div", { className: `flex flex-col h-full ${e} ${s.container || ""}`, children: [
+  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: [
     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,
       {
@@ -17312,10 +17322,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();
-  st(() => {
+  ot(() => {
     const x = JSON.stringify(a) !== JSON.stringify(e);
     d(x);
-  }, [a, e]), st(() => {
+  }, [a, e]), ot(() => {
     l(e);
   }, [e]);
   const h = () => {