teodor-new-chat-ui 3.0.12 → 3.0.13

package/dist/index.esm.js

@@ -2269,24 +2269,24 @@ function Un({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
   }), [g, m] = re(() => typeof l.getAuthToken == "function" ? l.getAuthToken() : null);
   ge(() => {
     v(typeof l.getAuthToken == "function" ? l.getAuthToken() : null);
-    const Z = l.onTokenChange((Y) => {
-      m(Y), v(Y);
+    const J = l.onTokenChange((X) => {
+      m(X), v(X);
     });
     return () => {
-      Z();
+      J();
     };
   }, [l, v]);
-  const b = ve((Z) => {
-    l.setAuthToken(Z);
+  const b = ve((J) => {
+    l.setAuthToken(J);
   }, [l]), { state: w, seed: x, prepend: y, pushUser: C, onEvent: R, reset: _ } = hp(), N = s && s > 0 ? s : 6, [k, L] = re(!1), [I, $] = re(!1), [K, B] = re(null), [M, H] = re(void 0), O = ve(
-    (Z, Y) => {
-      const he = Array.isArray(Z == null ? void 0 : Z.messages) ? Z.messages : [];
-      Y === "replace" ? x(he) : Y === "prepend" && he.length && y(he), B((Z == null ? void 0 : Z.nextCursor) ?? null), L(!!(Z != null && Z.hasMore)), H((Oe) => (Z == null ? void 0 : Z.checkpointId) ?? Oe ?? void 0);
+    (J, X) => {
+      const he = Array.isArray(J == null ? void 0 : J.messages) ? J.messages : [];
+      X === "replace" ? x(he) : X === "prepend" && he.length && y(he), B((J == null ? void 0 : J.nextCursor) ?? null), L(!!(J != null && J.hasMore)), H((Oe) => (J == null ? void 0 : J.checkpointId) ?? Oe ?? void 0);
     },
     [x, y]
   ), [G, D] = re([]), [T, Q] = re(null), q = ve(async () => {
-    const Z = await l.listThreads();
-    D(Z);
+    const J = await l.listThreads();
+    D(J);
   }, [l]);
   ge(() => {
     q().catch(() => {
@@ -2300,46 +2300,50 @@ function Un({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     }));
   }, [o]);
   const F = Te(null), j = ve(
-    async (Z, Y, he) => {
-      if (F.current !== Z) {
-        F.current = Z;
+    async (J, X, he) => {
+      if (F.current !== J) {
+        F.current = J;
         try {
           L(!1), B(null), H(void 0);
           const Oe = await l.getMessages({
-            threadId: Z,
-            checkpointId: Y,
+            threadId: J,
+            checkpointId: X,
             checkpointNs: he,
             limit: N
           });
-          Q(Z), O(Oe, "replace");
+          Q(J), O(Oe, "replace");
         } finally {
           F.current = null;
         }
       }
     },
     [l, O]
-  ), ce = ve(async (Z) => l.listCheckpoints(Z), [l]), pe = ve(async (Z) => {
+  ), ce = ve(async (J) => {
+    console.log("ChatProvider debug - listCheckpoints called for threadId:", J);
+    const X = await l.listCheckpoints(J);
+    return console.log("ChatProvider debug - listCheckpoints result:", X), X;
+  }, [l]), pe = ve(async (J) => {
     if (!T) throw new Error("No active thread");
     L(!1), B(null), H(void 0);
-    const Y = await l.getMessages({
+    const X = await l.getMessages({
       threadId: T,
-      checkpointId: Z,
+      checkpointId: J,
       limit: N
     });
-    O(Y, "replace");
+    O(X, "replace");
   }, [l, T, O, N]), z = ve(async () => {
     if (!T) throw new Error("No active thread");
     await j(T);
   }, [T, j]), W = Te(!1);
   ge(() => {
-    const Z = W.current;
-    if (W.current = f, Z && !f && T) {
-      const Y = w.lastCheckpointId ?? void 0;
+    const J = W.current;
+    if (W.current = f, J && !f && T) {
+      const X = w.lastCheckpointId ?? void 0;
       (async () => {
         try {
           const he = await l.getMessages({
             threadId: T,
-            checkpointId: Y,
+            checkpointId: X,
             limit: N
           });
           O(he, "replace");
@@ -2352,14 +2356,14 @@ function Un({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       })();
     }
   }, [f, T, w.lastCheckpointId, l, O, q]);
-  const oe = ve(async (Z) => {
-    const Y = await l.createThread(Z);
-    return await q(), await j(Y.threadId), Y.threadId;
-  }, [l, q, j]), V = ve(async (Z) => {
-    await l.deleteThread(Z), await q(), T === Z && (Q(null), _([]), L(!1), B(null), H(void 0));
-  }, [l, q, T, _]), X = ve(async (Z, Y) => {
-    await l.updateThread(Z, Y), await q();
-  }, [l, q]), te = ve(async (Z, Y) => {
+  const oe = ve(async (J) => {
+    const X = await l.createThread(J);
+    return await q(), await j(X.threadId), X.threadId;
+  }, [l, q, j]), V = ve(async (J) => {
+    await l.deleteThread(J), await q(), T === J && (Q(null), _([]), L(!1), B(null), H(void 0));
+  }, [l, q, T, _]), Y = ve(async (J, X) => {
+    await l.updateThread(J, X), await q();
+  }, [l, q]), te = ve(async (J, X) => {
     var En;
     async function he(se) {
       return await new Promise((xe, Ne) => {
@@ -2384,8 +2388,8 @@ function Un({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       });
     }
     const Ce = [];
-    Z && Ce.push({ type: "text", text: Z });
-    const Xt = (Y == null ? void 0 : Y.attachments) || [];
+    J && Ce.push({ type: "text", text: J });
+    const Xt = (X == null ? void 0 : X.attachments) || [];
     let st = [];
     if (Xt.length > 0)
       for (const se of Xt)
@@ -2423,13 +2427,13 @@ function Un({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       role: "user",
       content: Ce,
       createdAt: (/* @__PURE__ */ new Date()).toISOString(),
-      checkpointId: (Y == null ? void 0 : Y.checkpointId) ?? w.lastCheckpointId ?? void 0
+      checkpointId: (X == null ? void 0 : X.checkpointId) ?? w.lastCheckpointId ?? void 0
     };
     C(Tt);
     const Hr = {
       ...Tt,
       content: Tt.content.filter((se) => se.type === "text" || se.type === "image_url")
-    }, At = { ...(Y == null ? void 0 : Y.payloadExtras) ?? {} }, zr = !!At.edit, Sn = At.originalMessageId, Cn = typeof Sn == "string" ? Sn : void 0, Wr = (Y == null ? void 0 : Y.attachments) && Y.attachments.length > 0, Yt = {
+    }, At = { ...(X == null ? void 0 : X.payloadExtras) ?? {} }, zr = !!At.edit, Sn = At.originalMessageId, Cn = typeof Sn == "string" ? Sn : void 0, Wr = (X == null ? void 0 : X.attachments) && X.attachments.length > 0, Yt = {
       ...T ? { threadId: T } : {},
       payload: {
         messages: [Hr],
@@ -2438,10 +2442,10 @@ function Un({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
         ...a && Wr && i ? { agent_id: i } : {},
         ...At
       },
-      checkpointId: (Y == null ? void 0 : Y.checkpointId) ?? w.lastCheckpointId ?? void 0,
-      checkpointNs: Y == null ? void 0 : Y.checkpointNs,
-      nodeFilter: Y == null ? void 0 : Y.nodeFilter,
-      config: Y == null ? void 0 : Y.config,
+      checkpointId: (X == null ? void 0 : X.checkpointId) ?? w.lastCheckpointId ?? void 0,
+      checkpointNs: X == null ? void 0 : X.checkpointNs,
+      nodeFilter: X == null ? void 0 : X.nodeFilter,
+      config: X == null ? void 0 : X.config,
       edit: zr,
       originalMessageId: Cn
     };
@@ -2457,18 +2461,18 @@ function Un({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
       }
     );
   }, [T, C, p, R, w.lastCheckpointId, l, t == null ? void 0 : t.uploadPath, q, Q]), me = ve(
-    async (Z) => {
+    async (J) => {
       if (!T) throw new Error("No active thread");
       if (I || !k) return;
-      const Y = K;
-      if (Y) {
+      const X = K;
+      if (X) {
         $(!0);
         try {
           const he = await l.getMessages({
             threadId: T,
             checkpointId: M,
-            limit: (Z == null ? void 0 : Z.limit) ?? N,
-            beforeId: Y
+            limit: (J == null ? void 0 : J.limit) ?? N,
+            beforeId: X
           });
           O(he, "prepend");
         } finally {
@@ -2500,7 +2504,7 @@ function Un({ children: e, apiConfig: t, onError: n, onThreadChange: r, initialT
     refreshThreads: q,
     createThread: oe,
     deleteThread: V,
-    renameThread: X,
+    renameThread: Y,
     loadThread: j,
     send: te,
     stop: h
@@ -3115,12 +3119,12 @@ function $p({
     }
   }, pe = () => {
     if (e.model === "reflection") {
-      const V = M.trim(), X = Zr(V);
-      if (X && typeof X == "object")
-        return /* @__PURE__ */ c(Gp, { data: X });
+      const V = M.trim(), Y = Zr(V);
+      if (Y && typeof Y == "object")
+        return /* @__PURE__ */ c(Gp, { data: Y });
     }
     if (K && H.name === "get_issues") {
-      const V = e.content.find((me) => me.type === "tool_result"), X = (V == null ? void 0 : V.output) ?? Pt(e.content), te = hi(X);
+      const V = e.content.find((me) => me.type === "tool_result"), Y = (V == null ? void 0 : V.output) ?? Pt(e.content), te = hi(Y);
       if (te) return /* @__PURE__ */ c(qp, { issues: te });
     }
     if (K && !_) {
@@ -3131,10 +3135,10 @@ function $p({
       ] }) });
     }
     if (K && f) {
-      const V = Pt(e.content), X = V.length > d;
+      const V = Pt(e.content), Y = V.length > d;
       return /* @__PURE__ */ c(Js, { open: C, onOpenChange: R, children: /* @__PURE__ */ E("div", { className: "font-mono text-sm text-current", children: [
-        /* @__PURE__ */ c("pre", { className: A("whitespace-pre-wrap break-words text-current", I && "text-xs"), children: X && !C ? V.substring(0, d) + "..." : V }),
-        X && /* @__PURE__ */ c(Zs, { asChild: !0, children: /* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", className: "h-6 text-xs text-current", children: C ? /* @__PURE__ */ E(Ae, { children: [
+        /* @__PURE__ */ c("pre", { className: A("whitespace-pre-wrap break-words text-current", I && "text-xs"), children: Y && !C ? V.substring(0, d) + "..." : V }),
+        Y && /* @__PURE__ */ c(Zs, { asChild: !0, children: /* @__PURE__ */ c(fe, { variant: "ghost", size: "sm", className: "h-6 text-xs text-current", children: C ? /* @__PURE__ */ E(Ae, { children: [
           /* @__PURE__ */ c(Zt, { className: "h-3 w-3 mr-1" }),
           "Show less"
         ] }) : /* @__PURE__ */ E(Ae, { children: [
@@ -3149,8 +3153,8 @@ function $p({
       const V = Xp(e.content);
       if (V && Up(V))
         return /* @__PURE__ */ c(_n, { content: V.trim() });
-      const X = Pt(e.content);
-      return /* @__PURE__ */ c("div", { className: "font-mono text-sm text-current", children: /* @__PURE__ */ c("pre", { className: A("whitespace-pre-wrap break-words text-current", I && "text-xs"), children: X }) });
+      const Y = Pt(e.content);
+      return /* @__PURE__ */ c("div", { className: "font-mono text-sm text-current", children: /* @__PURE__ */ c("pre", { className: A("whitespace-pre-wrap break-words text-current", I && "text-xs"), children: Y }) });
     }
     const W = O.length > 0 && $ !== "tool", oe = G.length > 0 && $ !== "tool";
     return /* @__PURE__ */ E("div", { children: [
@@ -3164,11 +3168,11 @@ function $p({
         const V = Zr(M.trim());
         if (V !== null) return /* @__PURE__ */ c(Qs, { data: V });
         if ($ === "user" && p) {
-          const X = M.trim();
-          if (X.length > h)
+          const Y = M.trim();
+          if (Y.length > h)
             return /* @__PURE__ */ E(Js, { open: k, onOpenChange: L, children: [
-              /* @__PURE__ */ c("div", { className: A("text-sm text-[hsl(var(--chat-bubble-user-text))]", I && "text-xs"), children: k ? /* @__PURE__ */ c(_n, { content: X }) : /* @__PURE__ */ E("pre", { className: A("font-sans whitespace-pre-wrap break-words bg-transparent p-0 m-0 text-[hsl(var(--chat-bubble-user-text))]", I && "text-xs"), children: [
-                X.substring(0, h),
+              /* @__PURE__ */ c("div", { className: A("text-sm text-[hsl(var(--chat-bubble-user-text))]", I && "text-xs"), children: k ? /* @__PURE__ */ c(_n, { content: Y }) : /* @__PURE__ */ E("pre", { className: A("font-sans whitespace-pre-wrap break-words bg-transparent p-0 m-0 text-[hsl(var(--chat-bubble-user-text))]", I && "text-xs"), children: [
+                Y.substring(0, h),
                 "..."
               ] }) }),
               /* @__PURE__ */ c(Zs, { asChild: !0, children: /* @__PURE__ */ c(
@@ -3183,7 +3187,7 @@ function $p({
                   ] }) : /* @__PURE__ */ E(Ae, { children: [
                     /* @__PURE__ */ c(Mt, { className: "h-3 w-3 mr-1" }),
                     " Show more (",
-                    X.length - h,
+                    Y.length - h,
                     " chars)"
                   ] })
                 }
@@ -3192,14 +3196,14 @@ function $p({
         }
         return /* @__PURE__ */ c(_n, { content: M.trim() });
       })(),
-      W && /* @__PURE__ */ c("div", { className: "mt-2 grid grid-cols-2 gap-2", children: O.map((V, X) => /* @__PURE__ */ E("div", { className: "relative border rounded overflow-hidden", children: [
+      W && /* @__PURE__ */ c("div", { className: "mt-2 grid grid-cols-2 gap-2", children: O.map((V, Y) => /* @__PURE__ */ E("div", { className: "relative border rounded overflow-hidden", children: [
         /* @__PURE__ */ c("img", { src: V.url, alt: V.alt ?? "image", className: "w-full h-auto" }),
         /* @__PURE__ */ E("div", { className: "absolute top-1 right-1 bg-background/70 rounded px-1 py-0.5 text-[10px] flex items-center gap-1", children: [
           /* @__PURE__ */ c(od, { className: "h-3 w-3" }),
           /* @__PURE__ */ c("span", { children: "image" })
         ] })
-      ] }, X)) }),
-      oe && /* @__PURE__ */ c("div", { className: "mt-2 flex flex-wrap gap-2", children: G.map((V, X) => {
+      ] }, Y)) }),
+      oe && /* @__PURE__ */ c("div", { className: "mt-2 flex flex-wrap gap-2", children: G.map((V, Y) => {
         const te = V, me = te.name || "file";
         return /* @__PURE__ */ E(
           "a",
@@ -3220,7 +3224,7 @@ function $p({
               /* @__PURE__ */ c("span", { className: "truncate max-w-[180px]", children: me })
             ]
           },
-          X
+          Y
         );
       }) })
     ] });
@@ -5333,7 +5337,7 @@ var Mi = "PopperAnchor", Di = u.forwardRef(
 Di.displayName = Mi;
 var ns = "PopperContent", [Am, Pm] = _i(ns), Li = u.forwardRef(
   (e, t) => {
-    var z, W, oe, V, X, te;
+    var z, W, oe, V, Y, te;
     const {
       __scopePopper: n,
       side: r = "bottom",
@@ -5375,9 +5379,9 @@ var ns = "PopperContent", [Am, Pm] = _i(ns), Li = u.forwardRef(
         l && xm({ ...B }),
         Sm({
           ...B,
-          apply: ({ elements: me, rects: de, availableWidth: Z, availableHeight: Y }) => {
+          apply: ({ elements: me, rects: de, availableWidth: J, availableHeight: X }) => {
             const { width: he, height: Oe } = de.reference, Ce = me.floating.style;
-            Ce.setProperty("--radix-popper-available-width", `${Z}px`), Ce.setProperty("--radix-popper-available-height", `${Y}px`), Ce.setProperty("--radix-popper-anchor-width", `${he}px`), Ce.setProperty("--radix-popper-anchor-height", `${Oe}px`);
+            Ce.setProperty("--radix-popper-available-width", `${J}px`), Ce.setProperty("--radix-popper-available-height", `${X}px`), Ce.setProperty("--radix-popper-anchor-width", `${he}px`), Ce.setProperty("--radix-popper-anchor-height", `${Oe}px`);
           }
         }),
         C && Em({ element: C, padding: i }),
@@ -5404,7 +5408,7 @@ var ns = "PopperContent", [Am, Pm] = _i(ns), Li = u.forwardRef(
           zIndex: ce,
           "--radix-popper-transform-origin": [
             (V = D.transformOrigin) == null ? void 0 : V.x,
-            (X = D.transformOrigin) == null ? void 0 : X.y
+            (Y = D.transformOrigin) == null ? void 0 : Y.y
           ].join(" "),
           // hide the content if using the hide middleware and should be hidden
           // set visibility to hidden and disable pointer events so the UI behaves
@@ -7101,11 +7105,11 @@ function Vn({
   } catch (P) {
     console.log("ChatInterface debug - localStorage not available", P);
   }
-  const [$, K] = re(""), [B, M] = re(null), [H, O] = re(null), [G, D] = re([]), [T, Q] = re(!1), [q, ae] = re(null), [F, j] = re(null), [ce, pe] = re(!1), [z, W] = re(null), [oe, V] = re([]), [X, te] = re(null), me = Te(null), de = Te(null), Z = Te(null), Y = Te(null), he = Te(null), Oe = Te(!1), Ce = Te(!0), Xt = Te(0), st = Te(null), [Tt, Hr] = re("desktop");
+  const [$, K] = re(""), [B, M] = re(null), [H, O] = re(null), [G, D] = re([]), [T, Q] = re(!1), [q, ae] = re(null), [F, j] = re(null), [ce, pe] = re(!1), [z, W] = re(null), [oe, V] = re([]), [Y, te] = re(null), me = Te(null), de = Te(null), J = Te(null), X = Te(null), he = Te(null), Oe = Te(!1), Ce = Te(!0), Xt = Te(0), st = Te(null), [Tt, Hr] = re("desktop");
   ge(() => {
     const P = () => {
-      const J = window.innerWidth;
-      Hr(J < 640 ? "phone" : J < 1024 ? "tablet" : "desktop");
+      const Z = window.innerWidth;
+      Hr(Z < 640 ? "phone" : Z < 1024 ? "tablet" : "desktop");
     };
     return P(), window.addEventListener("resize", P), () => window.removeEventListener("resize", P);
   }, []), ge(() => {
@@ -7114,12 +7118,12 @@ function Vn({
       V([]), te(null), st.current = null;
       return;
     }
-    const J = {
+    const Z = {
       threadId: h,
       checkpointId: y ?? null
     }, ue = st.current;
-    if (!(ue && ue.threadId === J.threadId && ue.checkpointId === J.checkpointId))
-      return st.current = J, C(h).then((le) => {
+    if (!(ue && ue.threadId === Z.threadId && ue.checkpointId === Z.checkpointId))
+      return st.current = Z, C(h).then((le) => {
         if (console.log("ChatInterface debug - listCheckpoints response:", le), P) return;
         const De = ((le == null ? void 0 : le.checkpoints) ?? []).slice().sort((at, Tn) => new Date(Tn.createdAt).getTime() - new Date(at.createdAt).getTime());
         console.log("ChatInterface debug - computed checkpoints:", De), V(De), te((at) => {
@@ -7138,7 +7142,7 @@ function Vn({
     if (!N || k) return;
     const P = he.current;
     if (!P) return;
-    const J = P.scrollHeight, ue = P.scrollTop;
+    const Z = P.scrollHeight, ue = P.scrollTop;
     Oe.current = !0;
     try {
       await L();
@@ -7152,7 +7156,7 @@ function Vn({
           return;
         }
         const De = le.scrollHeight;
-        le.scrollTop = ue + (De - J);
+        le.scrollTop = ue + (De - Z);
         const at = De - le.scrollTop - le.clientHeight;
         Ce.current = at <= 32, Oe.current = !1;
       });
@@ -7161,12 +7165,12 @@ function Vn({
   ge(() => {
     const P = he.current;
     if (!P) return;
-    const J = () => {
+    const Z = () => {
       P.scrollTop <= 80 && At();
       const De = P.scrollHeight - P.scrollTop - P.clientHeight;
       Ce.current = De <= 80;
     };
-    return P.addEventListener("scroll", J), () => P.removeEventListener("scroll", J);
+    return P.addEventListener("scroll", Z), () => P.removeEventListener("scroll", Z);
   }, [At]), ge(() => {
     v.length < Xt.current && (Ce.current = !0), Xt.current = v.length;
   }, [v.length]), ge(() => {
@@ -7178,10 +7182,10 @@ function Vn({
   }, [n]), ge(() => {
     (async () => {
       try {
-        const J = await I.getAgent("default");
-        W(J.uiDefaultMessage || null);
-      } catch (J) {
-        console.warn("Failed to fetch default message:", J), W(null);
+        const Z = await I.getAgent("default");
+        W(Z.uiDefaultMessage || null);
+      } catch (Z) {
+        console.warn("Failed to fetch default message:", Z), W(null);
       }
     })();
   }, [I]), ge(() => {
@@ -7192,36 +7196,36 @@ function Vn({
       return `Message too long (${P.length}/${kt} characters)`;
     try {
       return Zp(P), null;
-    } catch (J) {
-      return (J == null ? void 0 : J.message) || "Invalid message";
+    } catch (Z) {
+      return (Z == null ? void 0 : Z.message) || "Invalid message";
     }
   }, Sn = (P) => {
-    const J = P.content || [], ue = J.filter((le) => le.type === "text").map((le) => le.text).join("");
+    const Z = P.content || [], ue = Z.filter((le) => le.type === "text").map((le) => le.text).join("");
     if (ue) return ue;
     try {
-      return JSON.stringify(J, null, 2);
+      return JSON.stringify(Z, null, 2);
     } catch {
-      return String(J);
+      return String(Z);
     }
   }, Cn = async () => {
     const P = $.trim();
     if (!(!P && G.length === 0)) {
       if (P) {
-        const J = zr(P);
-        if (J) {
-          O(J);
+        const Z = zr(P);
+        if (Z) {
+          O(Z);
           return;
         }
       }
       try {
-        await w(P, { checkpointId: X || y || void 0, payloadExtras: B ? { edit: !0, originalMessageId: B } : void 0, attachments: G }), f == null || f(P), K(""), O(null), D([]), M(null), de.current && (de.current.style.height = "auto");
-      } catch (J) {
-        const ue = (J == null ? void 0 : J.message) || "Failed to send message";
+        await w(P, { checkpointId: Y || y || void 0, payloadExtras: B ? { edit: !0, originalMessageId: B } : void 0, attachments: G }), f == null || f(P), K(""), O(null), D([]), M(null), de.current && (de.current.style.height = "auto");
+      } catch (Z) {
+        const ue = (Z == null ? void 0 : Z.message) || "Failed to send message";
         O(ue), p == null || p(ue);
       }
     }
-  }, Wr = (P, J) => {
-    i && (M(P), K(J), O(null), setTimeout(() => {
+  }, Wr = (P, Z) => {
+    i && (M(P), K(Z), O(null), setTimeout(() => {
       de.current && (de.current.focus(), de.current.style.height = "auto", de.current.style.height = de.current.scrollHeight + "px");
     }, 0));
   }, Yt = () => {
@@ -7229,15 +7233,15 @@ function Vn({
   }, En = (P) => {
     P.key === "Enter" && !P.shiftKey ? (P.preventDefault(), Cn()) : P.key === "Escape" && B && (P.preventDefault(), Yt());
   }, se = (P) => {
-    const J = Array.from(P.target.files || []);
-    D((ue) => [...ue, ...J]);
-  }, xe = (P) => D((J) => J.filter((ue, le) => P !== le)), Ne = async (P) => {
-    const J = (P.target.files || [])[0];
-    if (J) {
+    const Z = Array.from(P.target.files || []);
+    D((ue) => [...ue, ...Z]);
+  }, xe = (P) => D((Z) => Z.filter((ue, le) => P !== le)), Ne = async (P) => {
+    const Z = (P.target.files || [])[0];
+    if (Z) {
       ae(null), j(null), Q(!0);
       try {
-        const ue = await I.uploadExcel(J), le = ue.sheets.map((at) => `${at.sheetName} -> ${at.tableName}`).join(", "), De = le ? `Uploaded ${J.name} (${ue.sheets.length} sheet${ue.sheets.length === 1 ? "" : "s"}: ${le})` : `Uploaded ${J.name}`;
-        j(De), d == null || d({ file: J, response: ue });
+        const ue = await I.uploadExcel(Z), le = ue.sheets.map((at) => `${at.sheetName} -> ${at.tableName}`).join(", "), De = le ? `Uploaded ${Z.name} (${ue.sheets.length} sheet${ue.sheets.length === 1 ? "" : "s"}: ${le})` : `Uploaded ${Z.name}`;
+        j(De), d == null || d({ file: Z, response: ue });
       } catch (ue) {
         const le = ue instanceof Error ? ue.message : "Failed to upload Excel file";
         console.error("Excel upload failed", ue), ae(le), p == null || p(le);
@@ -7247,8 +7251,8 @@ function Vn({
     }
   }, Be = (P) => {
     if (!P) return "Unknown";
-    const J = Date.parse(P);
-    return Number.isNaN(J) ? P : new Date(J).toLocaleString();
+    const Z = Date.parse(P);
+    return Number.isNaN(Z) ? P : new Date(Z).toLocaleString();
   }, tt = async (P) => {
     if (h) {
       if (!P) {
@@ -7273,17 +7277,17 @@ function Vn({
         }
       )
     ] }),
-    (console.log("Checkpoint toolbar render", { currentThreadId: h, checkpoints: oe, activeCheckpointId: X }), null),
+    (console.log("Checkpoint toolbar render", { currentThreadId: h, checkpoints: oe, activeCheckpointId: Y }), null),
     h && oe.length > 0 && /* @__PURE__ */ E("div", { className: "flex-shrink-0 flex items-center gap-2 px-4 py-2 border-b border-border bg-muted/60 text-xs dark:bg-muted/50", children: [
       /* @__PURE__ */ c("span", { className: "opacity-70", children: "Checkpoint:" }),
       /* @__PURE__ */ E(
         "select",
         {
           className: "border border-border rounded px-2 py-1 text-xs bg-card text-foreground focus:outline-none focus:ring-1 focus:ring-ring dark:bg-secondary",
-          value: X ?? "",
+          value: Y ?? "",
           onChange: (P) => {
-            const J = P.target.value || null;
-            tt(J);
+            const Z = P.target.value || null;
+            tt(Z);
           },
           children: [
             /* @__PURE__ */ c("option", { value: "", children: "Latest" }),
@@ -7304,11 +7308,11 @@ function Vn({
         children: [
           v.length === 0 ? /* @__PURE__ */ c("div", { className: "flex items-center justify-center py-8 text-muted-foreground text-center max-w-md mx-auto", children: z || "No messages yet. Start a conversation!" }) : /* @__PURE__ */ E(Ae, { children: [
             (k || !N) && /* @__PURE__ */ c("div", { className: "flex justify-center py-2 text-xs text-muted-foreground", children: k ? /* @__PURE__ */ c(Ps, { className: "h-4 w-4 animate-spin" }) : "You've reached the beginning" }),
-            v.map((P, J) => /* @__PURE__ */ c(
+            v.map((P, Z) => /* @__PURE__ */ c(
               $p,
               {
                 message: P,
-                messageIndex: J,
+                messageIndex: Z,
                 isStreamingMessage: g && m === P.id,
                 streamingDebounceMs: o,
                 isEditing: B === P.id,
@@ -7321,11 +7325,11 @@ function Vn({
                 onEdit: (ue, le) => Wr(ue, le),
                 onRegenerate: () => {
                   const ue = [...v].reverse().find((De) => De.role === "user"), le = ue ? Sn(ue) : "";
-                  le && w(le, { checkpointId: X || y || void 0 });
+                  le && w(le, { checkpointId: Y || y || void 0 });
                 },
                 onCancelEdit: Yt
               },
-              P.id || J
+              P.id || Z
             ))
           ] }),
           /* @__PURE__ */ c("div", { ref: me })
@@ -7354,14 +7358,14 @@ function Vn({
           /* @__PURE__ */ c(
             "input",
             {
-              ref: Z,
+              ref: J,
               type: "file",
               multiple: !0,
               onChange: (P) => se(P),
               className: "hidden"
             }
           ),
-          G.length > 0 && /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-2", children: G.map((P, J) => /* @__PURE__ */ E("div", { className: "flex items-center gap-2 bg-gray-100 dark:bg-gray-800 rounded-lg px-3 py-2 text-sm text-gray-900 dark:text-gray-100", children: [
+          G.length > 0 && /* @__PURE__ */ c("div", { className: "flex flex-wrap gap-2", children: G.map((P, Z) => /* @__PURE__ */ E("div", { className: "flex items-center gap-2 bg-gray-100 dark:bg-gray-800 rounded-lg px-3 py-2 text-sm text-gray-900 dark:text-gray-100", children: [
             /* @__PURE__ */ c(Is, { size: 14 }),
             /* @__PURE__ */ c("span", { className: "truncate max-w-[150px]", children: P.name }),
             /* @__PURE__ */ c(
@@ -7369,19 +7373,19 @@ function Vn({
               {
                 variant: "ghost",
                 size: "sm",
-                onClick: () => xe(J),
+                onClick: () => xe(Z),
                 className: "h-4 w-4 p-0 text-gray-500 dark:text-gray-400 hover:text-red-500 dark:hover:text-red-400",
                 "aria-label": `Remove ${P.name}`,
                 children: /* @__PURE__ */ c(tn, { size: 12 })
               }
             )
-          ] }, J)) })
+          ] }, Z)) })
         ] }),
         a && /* @__PURE__ */ E(Ae, { children: [
           /* @__PURE__ */ c(
             "input",
             {
-              ref: Y,
+              ref: X,
               type: "file",
               accept: ".xls,.xlsx,.xlsm",
               onChange: Ne,
@@ -7414,7 +7418,7 @@ function Vn({
           /* @__PURE__ */ E(Gc, { align: "start", sideOffset: 6, className: "w-52", children: [
             s && /* @__PURE__ */ E(To, { onClick: () => {
               var P;
-              return (P = Z.current) == null ? void 0 : P.click();
+              return (P = J.current) == null ? void 0 : P.click();
             }, className: "cursor-pointer", children: [
               /* @__PURE__ */ c(Is, { className: "h-4 w-4 mr-2" }),
               " Attach files or images"
@@ -7424,7 +7428,7 @@ function Vn({
               {
                 onClick: () => {
                   var P;
-                  T || (P = Y.current) == null || P.click();
+                  T || (P = X.current) == null || P.click();
                 },
                 className: `cursor-pointer ${T ? "opacity-60 pointer-events-none" : ""}`,
                 children: [
@@ -9855,9 +9859,9 @@ var Ue = 10, [Nu, ht] = qt(Et), Lw = "SelectContentImpl", Fw = Ft("SelectContent
     }, [y]), qo();
     const O = u.useCallback(
       (z) => {
-        const [W, ...oe] = K().map((te) => te.ref.current), [V] = oe.slice(-1), X = document.activeElement;
+        const [W, ...oe] = K().map((te) => te.ref.current), [V] = oe.slice(-1), Y = document.activeElement;
         for (const te of z)
-          if (te === X || (te == null || te.scrollIntoView({ block: "nearest" }), te === W && R && (R.scrollTop = 0), te === V && R && (R.scrollTop = R.scrollHeight), te == null || te.focus(), document.activeElement !== X)) return;
+          if (te === Y || (te == null || te.scrollIntoView({ block: "nearest" }), te === W && R && (R.scrollTop = 0), te === V && R && (R.scrollTop = R.scrollHeight), te == null || te.focus(), document.activeElement !== Y)) return;
       },
       [K, R]
     ), G = u.useCallback(
@@ -9872,9 +9876,9 @@ var Ue = 10, [Nu, ht] = qt(Et), Lw = "SelectContentImpl", Fw = Ft("SelectContent
       if (y) {
         let z = { x: 0, y: 0 };
         const W = (V) => {
-          var X, te;
+          var Y, te;
           z = {
-            x: Math.abs(Math.round(V.pageX) - (((X = T.current) == null ? void 0 : X.x) ?? 0)),
+            x: Math.abs(Math.round(V.pageX) - (((Y = T.current) == null ? void 0 : Y.x) ?? 0)),
             y: Math.abs(Math.round(V.pageY) - (((te = T.current) == null ? void 0 : te.y) ?? 0))
           };
         }, oe = (V) => {
@@ -9891,7 +9895,7 @@ var Ue = 10, [Nu, ht] = qt(Et), Lw = "SelectContentImpl", Fw = Ft("SelectContent
       };
     }, [D]);
     const [Q, q] = Wu((z) => {
-      const W = K().filter((X) => !X.disabled), oe = W.find((X) => X.ref.current === document.activeElement), V = ju(W, z, oe);
+      const W = K().filter((Y) => !Y.disabled), oe = W.find((Y) => Y.ref.current === document.activeElement), V = ju(W, z, oe);
       V && setTimeout(() => V.ref.current.focus());
     }), ae = u.useCallback(
       (z, W, oe) => {
@@ -9977,9 +9981,9 @@ var Ue = 10, [Nu, ht] = qt(Et), Lw = "SelectContentImpl", Fw = Ft("SelectContent
                     onKeyDown: U(w.onKeyDown, (z) => {
                       const W = z.ctrlKey || z.altKey || z.metaKey;
                       if (z.key === "Tab" && z.preventDefault(), !W && z.key.length === 1 && q(z.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(z.key)) {
-                        let V = K().filter((X) => !X.disabled).map((X) => X.ref.current);
+                        let V = K().filter((Y) => !Y.disabled).map((Y) => Y.ref.current);
                         if (["ArrowUp", "End"].includes(z.key) && (V = V.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(z.key)) {
-                          const X = z.target, te = V.indexOf(X);
+                          const Y = z.target, te = V.indexOf(Y);
                           V = V.slice(te + 1);
                         }
                         setTimeout(() => O(V)), z.preventDefault();
@@ -10001,40 +10005,40 @@ var $w = "SelectItemAlignedPosition", Tu = u.forwardRef((e, t) => {
     if (s.trigger && s.valueNode && i && f && m && b && w) {
       const N = s.trigger.getBoundingClientRect(), k = f.getBoundingClientRect(), L = s.valueNode.getBoundingClientRect(), I = w.getBoundingClientRect();
       if (s.dir !== "rtl") {
-        const X = I.left - k.left, te = L.left - X, me = N.left - te, de = N.width + me, Z = Math.max(de, k.width), Y = window.innerWidth - Ue, he = Ao(te, [
+        const Y = I.left - k.left, te = L.left - Y, me = N.left - te, de = N.width + me, J = Math.max(de, k.width), X = window.innerWidth - Ue, he = Ao(te, [
           Ue,
           // Prevents the content from going off the starting edge of the
           // viewport. It may still go off the ending edge, but this can be
           // controlled by the user since they may want to manage overflow in a
           // specific way.
           // https://github.com/radix-ui/primitives/issues/2049
-          Math.max(Ue, Y - Z)
+          Math.max(Ue, X - J)
         ]);
         i.style.minWidth = de + "px", i.style.left = he + "px";
       } else {
-        const X = k.right - I.right, te = window.innerWidth - L.right - X, me = window.innerWidth - N.right - te, de = N.width + me, Z = Math.max(de, k.width), Y = window.innerWidth - Ue, he = Ao(te, [
+        const Y = k.right - I.right, te = window.innerWidth - L.right - Y, me = window.innerWidth - N.right - te, de = N.width + me, J = Math.max(de, k.width), X = window.innerWidth - Ue, he = Ao(te, [
           Ue,
-          Math.max(Ue, Y - Z)
+          Math.max(Ue, X - J)
         ]);
         i.style.minWidth = de + "px", i.style.right = he + "px";
       }
       const $ = h(), K = window.innerHeight - Ue * 2, B = m.scrollHeight, M = window.getComputedStyle(f), H = parseInt(M.borderTopWidth, 10), O = parseInt(M.paddingTop, 10), G = parseInt(M.borderBottomWidth, 10), D = parseInt(M.paddingBottom, 10), T = H + O + B + D + G, Q = Math.min(b.offsetHeight * 5, T), q = window.getComputedStyle(m), ae = parseInt(q.paddingTop, 10), F = parseInt(q.paddingBottom, 10), j = N.top + N.height / 2 - Ue, ce = K - j, pe = b.offsetHeight / 2, z = b.offsetTop + pe, W = H + O + z, oe = T - W;
       if (W <= j) {
-        const X = $.length > 0 && b === $[$.length - 1].ref.current;
+        const Y = $.length > 0 && b === $[$.length - 1].ref.current;
         i.style.bottom = "0px";
         const te = f.clientHeight - m.offsetTop - m.offsetHeight, me = Math.max(
           ce,
           pe + // viewport might have padding bottom, include it to avoid a scrollable viewport
-          (X ? F : 0) + te + G
+          (Y ? F : 0) + te + G
         ), de = W + me;
         i.style.height = de + "px";
       } else {
-        const X = $.length > 0 && b === $[0].ref.current;
+        const Y = $.length > 0 && b === $[0].ref.current;
         i.style.top = "0px";
         const me = Math.max(
           j,
           H + m.offsetTop + // viewport might have padding top, include it to avoid a scrollable viewport
-          (X ? ae : 0) + pe
+          (Y ? ae : 0) + pe
         ) + oe;
         i.style.height = me + "px", m.scrollTop = W - j + m.offsetTop;
       }