chordia-ui 3.9.2 → 3.9.3

package/dist/components/chat.es.js

@@ -1,5 +1,5 @@
-import { jsxs as i, jsx as e, Fragment as $ } from "react/jsx-runtime";
-import { useState as x, useRef as j, useEffect as U } from "react";
+import { jsxs as i, jsx as e, Fragment as N } from "react/jsx-runtime";
+import { useState as x, useRef as j, useEffect as $ } from "react";
 import { Send as re, Search as ne, MessageSquare as ie, Pin as oe, Check as ae, X as se, Pencil as le, Trash2 as de, Clock as G, Hash as ee, AtSign as ce, Paperclip as pe } from "lucide-react";
 import { C as te } from "../ChatMessage.es.js";
 import { a as ze } from "../ChatMessage.es.js";
@@ -238,7 +238,7 @@ function ge({
   ] });
 }
 const ue = { error: (...m) => console.warn("toast.error:", ...m) };
-function Se({
+function ke({
   initialMessages: m = [],
   onSendMessage: M,
   onStreamMessage: C,
@@ -250,38 +250,38 @@ function Se({
   placeholder: R = "Ask a question about this interaction...",
   title: P = "Chat with Chordia"
 }) {
-  const [h, z] = x(m || []), [f, E] = x(""), [b, d] = x(!1), [l, c] = x(!1), [p, y] = x(null), [A, _] = x("thinking"), [W, r] = x(null), [v, k] = x(0), g = j(null), F = j(null), N = j(null), O = j(null), L = j(null), [t, s] = x(!1), [H, w] = x(0);
-  U(() => {
+  const [h, z] = x(m || []), [f, E] = x(""), [b, d] = x(!1), [l, c] = x(!1), [p, y] = x(null), [A, _] = x("thinking"), [W, r] = x(null), [v, S] = x(0), g = j(null), F = j(null), O = j(null), Y = j(null), L = j(null), [t, s] = x(!1), [H, w] = x(0);
+  $(() => {
     var a;
     (a = g.current) == null || a.scrollIntoView({ behavior: "smooth" });
-  }, [h, b]), U(() => {
+  }, [h, b]), $(() => {
     F.current && (F.current.style.height = "auto", F.current.style.height = `${Math.min(
       F.current.scrollHeight,
       120
     )}px`);
-  }, [f]), U(() => {
+  }, [f]), $(() => {
     if (B) {
       const a = [...h];
       p && a.push(p), B(a);
     }
-  }, [h, p, B]), U(() => {
+  }, [h, p, B]), $(() => {
     let a;
     return b && W && (a = setInterval(() => {
-      if (k(Date.now() - W), L.current) {
-        const S = (Date.now() - L.current) / 1e3;
-        S >= 3 ? (s(!0), w(Math.floor(S))) : s(!1);
+      if (S(Date.now() - W), L.current) {
+        const k = (Date.now() - L.current) / 1e3;
+        k >= 3 ? (s(!0), w(Math.floor(k))) : s(!1);
       }
     }, 500)), () => a && clearInterval(a);
   }, [b, W]);
   const I = () => {
-    d(!1), c(!1), y(null), O.current = null, _("thinking"), s(!1), w(0), L.current = null, r(null), k(0), N.current && (N.current.abort(), N.current = null);
+    d(!1), c(!1), y(null), Y.current = null, _("thinking"), s(!1), w(0), L.current = null, r(null), S(0), O.current && (O.current.abort(), O.current = null);
   }, q = (a) => {
     if (a.startsWith("data: ")) {
-      const S = a.slice(6);
-      if (S === "[DONE]")
+      const k = a.slice(6);
+      if (k === "[DONE]")
         return { type: "done" };
       try {
-        return { type: "data", data: JSON.parse(S) };
+        return { type: "data", data: JSON.parse(k) };
       } catch {
         return null;
       }
@@ -292,36 +292,36 @@ function Se({
     if (!((u = (D = a.choices) == null ? void 0 : D[0]) != null && u.delta))
       return;
     L.current = Date.now(), s(!1);
-    const S = a.choices[0].delta;
-    if (S.tool_calls || S.tool_results) {
+    const k = a.choices[0].delta;
+    if (k.tool_calls || k.tool_results) {
       _("tool");
       return;
     }
-    S.content !== void 0 && (_("responding"), y((T) => {
-      const K = T || {
+    k.content !== void 0 && (_("responding"), y((T) => {
+      const U = T || {
         id: Date.now().toString(),
         role: "assistant",
         content: "",
-        timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
+        timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString(void 0, {
           hour: "2-digit",
           minute: "2-digit"
         }),
         isStreaming: !0
       }, V = {
-        ...K,
-        content: (K.content || "") + (S.content || "")
+        ...U,
+        content: (U.content || "") + (k.content || "")
       };
-      return O.current = V, V;
+      return Y.current = V, V;
     }));
-  }, Y = async (a) => {
-    const S = a.getReader(), D = new TextDecoder();
+  }, K = async (a) => {
+    const k = a.getReader(), D = new TextDecoder();
     let u = "";
     try {
       for (; ; ) {
-        const { done: T, value: K } = await S.read();
+        const { done: T, value: U } = await k.read();
         if (T)
           break;
-        u += D.decode(K, { stream: !0 });
+        u += D.decode(U, { stream: !0 });
         const V = u.split(`
 `);
         u = V.pop() || "";
@@ -336,21 +336,21 @@ function Se({
           }
       }
     } finally {
-      S.releaseLock();
+      k.releaseLock();
     }
   }, n = async () => {
     if (!f.trim() || l)
       return;
-    const a = f.trim(), S = {
+    const a = f.trim(), k = {
       id: Date.now().toString(),
       role: "user",
       content: a,
-      timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
+      timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString(void 0, {
         hour: "2-digit",
         minute: "2-digit"
       })
-    }, D = [...h, S];
-    z(D), E(""), d(!0), c(!0), _("thinking"), r(Date.now()), L.current = Date.now(), N.current = new AbortController();
+    }, D = [...h, k];
+    z(D), E(""), d(!0), c(!0), _("thinking"), r(Date.now()), L.current = Date.now(), O.current = new AbortController();
     try {
       let u;
       if (C)
@@ -363,25 +363,25 @@ function Se({
             id: (Date.now() + 1).toString(),
             role: "assistant",
             content: "This is a demonstration response. In a real implementation, this would connect to your LLM backend.",
-            timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", {
+            timestamp: (/* @__PURE__ */ new Date()).toLocaleTimeString(void 0, {
               hour: "2-digit",
               minute: "2-digit"
             })
           };
-          z((K) => [...K, T]), I();
+          z((U) => [...U, T]), I();
         }, 1e3);
         return;
       }
       if (u instanceof ReadableStream)
-        await Y(u);
+        await K(u);
       else if (u instanceof Response && u.body)
-        await Y(u.body);
+        await K(u.body);
       else if (u && typeof u.then == "function") {
         const T = await u;
-        T instanceof ReadableStream ? await Y(T) : T instanceof Response && T.body && await Y(T.body);
+        T instanceof ReadableStream ? await K(T) : T instanceof Response && T.body && await K(T.body);
       }
-      O.current && z((T) => [...T, {
-        ...O.current,
+      Y.current && z((T) => [...T, {
+        ...Y.current,
         isStreaming: !1
       }]);
     } catch (u) {
@@ -466,7 +466,7 @@ function Se({
                 },
                 children: "No messages yet. Start a conversation by asking a question below."
               }
-            ) : /* @__PURE__ */ i($, { children: [
+            ) : /* @__PURE__ */ i(N, { children: [
               h.map((a) => /* @__PURE__ */ e(
                 te,
                 {
@@ -577,7 +577,7 @@ function Se({
                           transition: "all 0.15s ease",
                           height: "42px"
                         },
-                        children: l ? /* @__PURE__ */ i($, { children: [
+                        children: l ? /* @__PURE__ */ i(N, { children: [
                           /* @__PURE__ */ e("style", { children: `
                     @keyframes buttonSpin {
                       from { transform: rotate(0deg); }
@@ -598,7 +598,7 @@ function Se({
                             }
                           ),
                           "Sending..."
-                        ] }) : /* @__PURE__ */ i($, { children: [
+                        ] }) : /* @__PURE__ */ i(N, { children: [
                           /* @__PURE__ */ e(re, { size: 16 }),
                           "Send"
                         ] })
@@ -625,7 +625,7 @@ function Se({
     }
   );
 }
-function ke({
+function Se({
   threads: m = [],
   activeThreadId: M,
   onSelectThread: C,
@@ -635,7 +635,7 @@ function ke({
   loading: P = !1
 }) {
   const [h, z] = x(""), [f, E] = x(null), [b, d] = x(null), [l, c] = x(""), [p, y] = x(null), A = j(null);
-  U(() => {
+  $(() => {
     b && A.current && (A.current.focus(), A.current.select());
   }, [b]);
   const W = [...m.filter((t) => {
@@ -654,10 +654,10 @@ function ke({
     if (!t)
       return "";
     const s = new Date(t), w = (/* @__PURE__ */ new Date()).getTime() - s.getTime(), I = Math.floor(w / 864e5);
-    return I === 0 ? s.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit" }) : I === 1 ? "Yesterday" : I < 7 ? s.toLocaleDateString("en-US", { weekday: "short" }) : s.toLocaleDateString("en-US", { month: "short", day: "numeric" });
+    return I === 0 ? s.toLocaleTimeString(void 0, { hour: "2-digit", minute: "2-digit" }) : I === 1 ? "Yesterday" : I < 7 ? s.toLocaleDateString(void 0, { weekday: "short" }) : s.toLocaleDateString(void 0, { month: "short", day: "numeric" });
   }, v = (t, s) => {
     t.stopPropagation(), y(null), d(s.id), c(s.title || "");
-  }, k = (t) => {
+  }, S = (t) => {
     t && t.stopPropagation();
     const s = (l || "").trim();
     b && s && (o == null || o(b, s)), d(null), c("");
@@ -665,9 +665,9 @@ function ke({
     t && t.stopPropagation(), d(null), c("");
   }, F = (t, s) => {
     t.stopPropagation(), d(null), y(s.id);
-  }, N = (t) => {
-    t && t.stopPropagation(), p && (R == null || R(p)), y(null);
   }, O = (t) => {
+    t && t.stopPropagation(), p && (R == null || R(p)), y(null);
+  }, Y = (t) => {
     t && t.stopPropagation(), y(null);
   }, L = {
     display: "inline-flex",
@@ -822,7 +822,7 @@ function ke({
             children: h ? "No threads found" : "No threads yet"
           }
         ) : W.map((t) => {
-          const s = t.id === M, H = f === t.id, w = b === t.id, I = p === t.id, q = typeof o == "function", X = typeof R == "function", Y = (q || X) && H && !w && !I;
+          const s = t.id === M, H = f === t.id, w = b === t.id, I = p === t.id, q = typeof o == "function", X = typeof R == "function", K = (q || X) && H && !w && !I;
           return /* @__PURE__ */ i(
             "div",
             {
@@ -865,7 +865,7 @@ function ke({
                       onChange: (n) => c(n.target.value),
                       onClick: (n) => n.stopPropagation(),
                       onKeyDown: (n) => {
-                        n.stopPropagation(), n.key === "Enter" ? k(n) : n.key === "Escape" && g(n);
+                        n.stopPropagation(), n.key === "Enter" ? S(n) : n.key === "Escape" && g(n);
                       },
                       style: {
                         flex: 1,
@@ -904,7 +904,7 @@ function ke({
                       {
                         type: "button",
                         title: "Save",
-                        onClick: k,
+                        onClick: S,
                         style: {
                           ...L,
                           color: "var(--rail-discovery, #5E88B0)"
@@ -935,7 +935,7 @@ function ke({
                       }
                     )
                   ] }),
-                  Y && /* @__PURE__ */ i("div", { style: { display: "inline-flex", alignItems: "center", gap: "2px", flexShrink: 0 }, children: [
+                  K && /* @__PURE__ */ i("div", { style: { display: "inline-flex", alignItems: "center", gap: "2px", flexShrink: 0 }, children: [
                     q && /* @__PURE__ */ e(
                       "button",
                       {
@@ -997,7 +997,7 @@ function ke({
                         "button",
                         {
                           type: "button",
-                          onClick: N,
+                          onClick: O,
                           style: {
                             padding: "3px 10px",
                             fontSize: "11px",
@@ -1022,7 +1022,7 @@ function ke({
                         "button",
                         {
                           type: "button",
-                          onClick: O,
+                          onClick: Y,
                           style: {
                             padding: "3px 4px",
                             fontSize: "11px",
@@ -1044,7 +1044,7 @@ function ke({
                       )
                     ]
                   }
-                ) : /* @__PURE__ */ i($, { children: [
+                ) : /* @__PURE__ */ i(N, { children: [
                   t.last_message_preview && !w && /* @__PURE__ */ e(
                     "div",
                     {
@@ -1074,7 +1074,7 @@ function ke({
                       children: [
                         /* @__PURE__ */ e(G, { size: 9 }),
                         /* @__PURE__ */ e("span", { children: r(t.updated_at || t.created_at) }),
-                        t.message_count != null && /* @__PURE__ */ i($, { children: [
+                        t.message_count != null && /* @__PURE__ */ i(N, { children: [
                           /* @__PURE__ */ e("span", { children: "·" }),
                           /* @__PURE__ */ i("span", { children: [
                             t.message_count,
@@ -1108,9 +1108,9 @@ function we({
     initials: ((W = c == null ? void 0 : c.name) == null ? void 0 : W.split(" ").map((r) => r[0]).join("").toUpperCase()) || "YO",
     color: "#6B7C93"
   };
-  U(() => {
+  $(() => {
     f(M || []);
-  }, [M]), U(() => {
+  }, [M]), $(() => {
     p.current && p.current.scrollIntoView({ behavior: "smooth" });
   }, [z]);
   const A = async () => {
@@ -1131,10 +1131,10 @@ function we({
       type: "comment",
       isOptimistic: !0
     };
-    if (f((k) => [...k, v]), C) {
+    if (f((S) => [...S, v]), C) {
       try {
         await C(r), f(
-          (k) => k.map(
+          (S) => S.map(
             (g) => g.id === v.id ? { ...g, isOptimistic: !1 } : g
           )
         );
@@ -1147,7 +1147,7 @@ function we({
     }
     setTimeout(() => {
       f(
-        (k) => k.map(
+        (S) => S.map(
           (g) => g.id === v.id ? { ...g, isOptimistic: !1 } : g
         )
       ), l(!1);
@@ -1373,7 +1373,7 @@ function we({
                             gap: "6px",
                             marginTop: "8px"
                           },
-                          children: r.references.map((v, k) => /* @__PURE__ */ i(
+                          children: r.references.map((v, S) => /* @__PURE__ */ i(
                             "button",
                             {
                               type: "button",
@@ -1403,7 +1403,7 @@ function we({
                                 v.label
                               ]
                             },
-                            k
+                            S
                           ))
                         }
                       )
@@ -1603,7 +1603,7 @@ function we({
                                     onMouseLeave: (r) => {
                                       o.trim() && !d && (r.currentTarget.style.background = "rgba(94, 136, 176, 0.85)");
                                     },
-                                    children: d ? /* @__PURE__ */ i($, { children: [
+                                    children: d ? /* @__PURE__ */ i(N, { children: [
                                       /* @__PURE__ */ e("style", { children: `
                         @keyframes messageSpin {
                           from { transform: rotate(0deg); }
@@ -1624,7 +1624,7 @@ function we({
                                         }
                                       ),
                                       "Sending..."
-                                    ] }) : /* @__PURE__ */ i($, { children: [
+                                    ] }) : /* @__PURE__ */ i(N, { children: [
                                       /* @__PURE__ */ e(re, { size: 14 }),
                                       "Send"
                                     ] })
@@ -1695,8 +1695,8 @@ function we({
 }
 export {
   ze as ChartRenderer,
-  ke as ChatHistoryPanel,
-  Se as ChatInterface,
+  Se as ChatHistoryPanel,
+  ke as ChatInterface,
   te as ChatMessage,
   we as MessageThread,
   ge as ThinkingIndicator