langgraph-ui-components 0.0.11-testing → 0.0.12

package/dist/index.es25.js

@@ -1,34 +1,151 @@
-import { jsx, Fragment } from "react/jsx-runtime";
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useStreamContext } from "./index.es7.js";
-import { useCustomComponents } from "./index.es9.js";
-import "./index.es20.js";
-import React__default from "react";
-import { LoadExternalComponent } from "./index.es22.js";
-function CustomComponentRender({
-  message,
-  thread
-}) {
-  const { values } = useStreamContext();
-  const { components } = useCustomComponents();
-  const customComponents = React__default.useMemo(() => {
-    return values.ui?.filter(
-      (ui) => ui?.metadata?.id === message.id || ui?.metadata?.message_id === message.id || ui?.id === message.id
+import { X, Send, Pencil, Copy, FileIcon, CircleUser } from "lucide-react";
+import React__default, { useState } from "react";
+function HumanMessage({ message }) {
+  const [isEditing, setIsEditing] = useState(false);
+  const [editedText, setEditedText] = useState("");
+  const thread = useStreamContext();
+  const meta = thread.getMessagesMetadata(message);
+  const parentCheckpoint = meta?.firstSeenState?.parent_checkpoint;
+  const content = message.content;
+  let textContent = "";
+  let documents = [];
+  if (typeof content === "string") {
+    textContent = content;
+  } else if (Array.isArray(content)) {
+    textContent = content.filter((c) => c.type === "text").map((c) => c.type === "text" ? c.text : "").join("");
+    documents = content.filter((c) => c.type === "document") ?? [];
+  }
+  const handleSubmitEdit = () => {
+    if (!editedText.trim()) {
+      return;
+    }
+    setIsEditing(false);
+    const newMessage = { type: "human", content: editedText };
+    thread.submit(
+      { messages: [newMessage] },
+      {
+        checkpoint: parentCheckpoint,
+        streamMode: ["values"],
+        streamSubgraphs: true,
+        streamResumable: true,
+        optimisticValues: (prev) => {
+          const values = meta?.firstSeenState?.values;
+          if (!values) return prev;
+          return {
+            ...values,
+            messages: [...values.messages ?? [], newMessage]
+          };
+        }
+      }
     );
-  }, [values.ui, message.id]);
-  if (!customComponents?.length) return null;
-  return /* @__PURE__ */ jsx(Fragment, { children: customComponents?.filter((c) => !!components?.[c.name]).map((customComponent, index) => /* @__PURE__ */ jsx(
-    LoadExternalComponent,
-    {
-      stream: thread,
-      message: customComponent,
-      components,
-      meta: { ui: customComponent }
-    },
-    customComponent._key || `${message.id}-${customComponent.id || index}`
-  )) });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-3 justify-end w-full group my-1", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-2 items-end min-w-0", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-zinc-400 text-xs font-medium mr-1 opacity-80", children: "You" }),
+      textContent && /* @__PURE__ */ jsx("div", { className: "relative", children: isEditing ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 w-full", children: [
+        /* @__PURE__ */ jsx(
+          "textarea",
+          {
+            value: editedText,
+            onChange: (e) => setEditedText(e.target.value),
+            onKeyDown: (e) => {
+              if (e.key === "Enter") {
+                e.preventDefault();
+                handleSubmitEdit();
+              }
+            },
+            className: "text-[15px] font-normal leading-relaxed rounded-2xl rounded-tr-sm px-5 py-3.5 bg-zinc-900 border border-zinc-800 text-white shadow-lg break-words overflow-wrap-anywhere resize-none focus:outline-none min-h-[60px]",
+            autoFocus: true
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: () => {
+                setIsEditing(false);
+                setEditedText("");
+              },
+              className: "flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-zinc-800 hover:bg-zinc-700 text-zinc-300 text-sm transition-colors",
+              children: [
+                /* @__PURE__ */ jsx(X, { size: 14 }),
+                "Cancel"
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: handleSubmitEdit,
+              disabled: !editedText.trim(),
+              className: "flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-white text-black text-sm transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
+              children: [
+                /* @__PURE__ */ jsx(Send, { size: 14 }),
+                "Send"
+              ]
+            }
+          )
+        ] })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx("div", { className: "text-[15px] font-normal leading-relaxed rounded-2xl rounded-tr-sm px-5 py-3.5 bg-zinc-900 border border-zinc-900 text-white shadow-lg max-w-full break-words overflow-wrap-anywhere ", children: textContent }),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: "\n                    absolute right-1 my-2 flex items-center gap-2\n                    opacity-0 group-hover:opacity-100\n                    transition-opacity duration-300\n                    z-10\n                  ",
+            children: [
+              /* @__PURE__ */ jsx(
+                Pencil,
+                {
+                  size: 16,
+                  className: "text-zinc-500 cursor-pointer hover:text-white",
+                  onClick: () => {
+                    setIsEditing(true);
+                    setEditedText(textContent);
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                Copy,
+                {
+                  size: 16,
+                  className: "text-zinc-500 cursor-pointer hover:text-white",
+                  onClick: () => {
+                    navigator.clipboard.writeText(textContent);
+                  }
+                }
+              )
+            ]
+          }
+        )
+      ] }) }),
+      documents.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 max-w-[90%]", children: documents.map((doc, idx) => /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex items-center gap-3 bg-gradient-to-br from-zinc-800/90 to-zinc-900/90 backdrop-blur-sm px-4 py-2.5 rounded-xl border border-zinc-700/50 shadow-md hover:border-blue-500/40 hover:shadow-lg hover:shadow-blue-500/10 transition-all duration-200 cursor-pointer group/file",
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "p-1.5 bg-blue-500/10 rounded-lg border border-blue-500/20 group-hover/file:bg-blue-500/20 transition-colors", children: /* @__PURE__ */ jsx(FileIcon, { size: 16, className: "text-blue-400 shrink-0" }) }),
+            /* @__PURE__ */ jsx("span", { className: "text-sm text-zinc-200 truncate font-medium", children: doc.source?.filename || `Document ${idx + 1}` })
+          ]
+        },
+        `${message.id}-doc-${idx}`
+      )) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      "div",
+      {
+        className: "size-9 shrink-0 flex items-center justify-center",
+        "data-alt": "User Avatar",
+        children: /* @__PURE__ */ jsx(CircleUser, { className: "text-white", size: 22 })
+      }
+    )
+  ] });
 }
-const CustomComponentRender$1 = React__default.memo(CustomComponentRender);
+const HumanMessage$1 = React__default.memo(HumanMessage, (prevProps, nextProps) => {
+  return prevProps.message.id === nextProps.message.id;
+});
 export {
-  CustomComponentRender$1 as default
+  HumanMessage$1 as default
 };
 //# sourceMappingURL=index.es25.js.map

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/components/messages/CustomComponentRender.tsx"],"sourcesContent":["import { useStreamContext } from \"@/providers/Stream\";\nimport { useCustomComponents } from \"@/providers/CustomComponentProvider\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { LoadExternalComponent } from \"@langchain/langgraph-sdk/react-ui\";\nimport { Fragment } from \"react/jsx-runtime\";\nimport React from \"react\";\nimport { logger } from \"@/utils/logger\";\n\nfunction CustomComponentRender({\n  message,\n  thread,\n}: {\n  message: Message;\n  thread: ReturnType<typeof useStreamContext>;\n}) {\n  const { values } = useStreamContext();\n  const { components } = useCustomComponents();\n  \n  // Memoize filtered components to prevent unnecessary re-renders\n  const customComponents = React.useMemo(() => {\n    return values.ui?.filter((ui) => \n      ui?.metadata?.id === message.id || ui?.metadata?.message_id === message.id || ui?.id === message.id\n    );\n  }, [values.ui, message.id]);\n\n  logger.debug(\"CustomComponentRender - customComponents:\", message);\n  logger.debug(\"CustomComponentRender - available components:\", values);\n\n\n  if (!customComponents?.length) return null;\n  \n  return (\n    <Fragment>\n      {customComponents\n        ?.filter((c) => !!components?.[c.name as keyof typeof components])\n        .map((customComponent, index) => (\n          <LoadExternalComponent\n            key={(customComponent as any)._key || `${message.id}-${customComponent.id || index}`}\n            stream={thread}\n            message={customComponent}\n            components={components}\n            meta={{ ui: customComponent }}\n          />\n        ))}\n    </Fragment>\n  );\n}\n\nexport default React.memo(CustomComponentRender);"],"names":["React"],"mappings":";;;;;;AAQA,SAAS,sBAAsB;AAAA,EAC7B;AAAA,EACA;AACF,GAGG;AACD,QAAM,EAAE,OAAA,IAAW,iBAAA;AACnB,QAAM,EAAE,WAAA,IAAe,oBAAA;AAGvB,QAAM,mBAAmBA,eAAM,QAAQ,MAAM;AAC3C,WAAO,OAAO,IAAI;AAAA,MAAO,CAAC,OACxB,IAAI,UAAU,OAAO,QAAQ,MAAM,IAAI,UAAU,eAAe,QAAQ,MAAM,IAAI,OAAO,QAAQ;AAAA,IAAA;AAAA,EAErG,GAAG,CAAC,OAAO,IAAI,QAAQ,EAAE,CAAC;AAM1B,MAAI,CAAC,kBAAkB,OAAQ,QAAO;AAEtC,6BACG,UAAA,EACE,UAAA,kBACG,OAAO,CAAC,MAAM,CAAC,CAAC,aAAa,EAAE,IAA+B,CAAC,EAChE,IAAI,CAAC,iBAAiB,UACrB;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,QAAQ;AAAA,MACR,SAAS;AAAA,MACT;AAAA,MACA,MAAM,EAAE,IAAI,gBAAA;AAAA,IAAgB;AAAA,IAJtB,gBAAwB,QAAQ,GAAG,QAAQ,EAAE,IAAI,gBAAgB,MAAM,KAAK;AAAA,EAAA,CAMrF,GACL;AAEJ;AAEA,MAAA,0BAAeA,eAAM,KAAK,qBAAqB;"}
+{"version":3,"file":"index.es25.js","sources":["../src/components/messages/HumanMessage.tsx"],"sourcesContent":["import { useStreamContext } from \"@/providers/Stream\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { CircleUser, Copy, FileIcon, Pencil, Send, X } from \"lucide-react\";\nimport React, { useState } from \"react\";\n\nfunction HumanMessage({ message }: { message: Message }) {\n  const [isEditing, setIsEditing] = useState(false);\n  const [editedText, setEditedText] = useState(\"\");\n  const thread = useStreamContext();\n  const meta = thread.getMessagesMetadata(message);\n  const parentCheckpoint = meta?.firstSeenState?.parent_checkpoint;\n\n  // Extract text and documents from content\n  const content = message.content;\n  let textContent = \"\";\n  let documents: any[] = [];\n\n  if (typeof content === \"string\") {\n    textContent = content;\n  } else if (Array.isArray(content)) {\n    textContent = content\n      .filter((c: any) => c.type === \"text\")\n      .map((c: any) => (c.type === \"text\" ? c.text : \"\"))\n      .join(\"\");\n    documents = content.filter((c: any) => c.type === \"document\") ?? [];\n  }\n\n  const handleSubmitEdit = () => {\n    // Validate that edited text is not empty\n    if (!editedText.trim()) {\n      return;\n    }\n\n    setIsEditing(false);\n    // console.log(\"Send edited message:\", editedText);\n\n    const newMessage: Message = { type: \"human\", content: editedText };\n    thread.submit(\n      { messages: [newMessage] },\n      {\n        checkpoint: parentCheckpoint,\n        streamMode: [\"values\"],\n        streamSubgraphs: true,\n        streamResumable: true,\n        optimisticValues: (prev) => {\n          const values = meta?.firstSeenState?.values;\n          if (!values) return prev;\n\n          return {\n            ...values,\n            messages: [...(values.messages ?? []), newMessage],\n          };\n        },\n      },\n    );\n  };\n\n  return (\n    <div className=\"flex items-end gap-3 justify-end w-full group my-1\">\n      <div className=\"flex flex-1 flex-col gap-2 items-end min-w-0\">\n        <span className=\"text-zinc-400 text-xs font-medium mr-1 opacity-80\">\n          You\n        </span>\n\n        {textContent && (\n          <div className=\"relative\">\n            {isEditing ? (\n              <div className=\"flex flex-col gap-2 w-full\">\n                <textarea\n                  value={editedText}\n                  onChange={(e) => setEditedText(e.target.value)}\n                  onKeyDown={(e)=>{\n                    if(e.key === \"Enter\"){\n                      e.preventDefault();\n                      handleSubmitEdit();\n                    }\n                  }}\n                  className=\"text-[15px] font-normal leading-relaxed rounded-2xl rounded-tr-sm px-5 py-3.5 bg-zinc-900 border border-zinc-800 text-white shadow-lg break-words overflow-wrap-anywhere resize-none focus:outline-none min-h-[60px]\"\n                  autoFocus\n                />\n                <div className=\"flex items-center justify-end gap-2\">\n                  <button\n                    onClick={() => {\n                      setIsEditing(false);\n                      setEditedText(\"\");\n                    }}\n                    className=\"flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-zinc-800 hover:bg-zinc-700 text-zinc-300 text-sm transition-colors\"\n                  >\n                    <X size={14} />\n                    Cancel\n                  </button>\n                  <button\n                    onClick={handleSubmitEdit}\n                    disabled={!editedText.trim()}\n                    className=\"flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-white text-black text-sm transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                  >\n                    <Send size={14} />\n                    Send\n                  </button>\n                </div>\n              </div>\n            ) : (\n              <>\n                <div className=\"text-[15px] font-normal leading-relaxed rounded-2xl rounded-tr-sm px-5 py-3.5 bg-zinc-900 border border-zinc-900 text-white shadow-lg max-w-full break-words overflow-wrap-anywhere \">\n                  {textContent}\n                </div>\n                <div\n                  className=\"\n                    absolute right-1 my-2 flex items-center gap-2\n                    opacity-0 group-hover:opacity-100\n                    transition-opacity duration-300\n                    z-10\n                  \"\n                >\n                  <Pencil\n                    size={16}\n                    className=\"text-zinc-500 cursor-pointer hover:text-white\"\n                    onClick={() => {\n                      setIsEditing(true);\n                      setEditedText(textContent);\n                    }}\n                  />\n\n                  <Copy\n                    size={16}\n                    className=\"text-zinc-500 cursor-pointer hover:text-white\"\n                    onClick={() => {\n                      navigator.clipboard.writeText(textContent);\n                    }}\n                  />\n                </div>\n              </>\n            )}\n          </div>\n        )}\n\n        {documents.length > 0 && (\n          <div className=\"flex flex-col gap-2 max-w-[90%]\">\n            {documents.map((doc, idx) => (\n              <div\n                key={`${message.id}-doc-${idx}`}\n                className=\"flex items-center gap-3 bg-gradient-to-br from-zinc-800/90 to-zinc-900/90 backdrop-blur-sm px-4 py-2.5 rounded-xl border border-zinc-700/50 shadow-md hover:border-blue-500/40 hover:shadow-lg hover:shadow-blue-500/10 transition-all duration-200 cursor-pointer group/file\"\n              >\n                <div className=\"p-1.5 bg-blue-500/10 rounded-lg border border-blue-500/20 group-hover/file:bg-blue-500/20 transition-colors\">\n                  <FileIcon size={16} className=\"text-blue-400 shrink-0\" />\n                </div>\n                <span className=\"text-sm text-zinc-200 truncate font-medium\">\n                  {doc.source?.filename || `Document ${idx + 1}`}\n                </span>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n\n      <div\n        className=\"size-9 shrink-0 flex items-center justify-center\"\n        data-alt=\"User Avatar\"\n      >\n        <CircleUser className=\"text-white\" size={22} />\n      </div>\n    </div>\n  );\n}\n\n// Memoize with deep comparison on message ID\nexport default React.memo(HumanMessage, (prevProps, nextProps) => {\n  return prevProps.message.id === nextProps.message.id;\n});\n"],"names":["React"],"mappings":"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"}

package/dist/index.es252.js

@@ -1,5 +1,5 @@
-import javascript from "./index.es278.js";
-import markup from "./index.es279.js";
+import javascript from "./index.es277.js";
+import markup from "./index.es278.js";
 jsx.displayName = "jsx";
 jsx.aliases = [];
 function jsx(Prism) {

package/dist/index.es253.js

@@ -1,4 +1,4 @@
-import javascript from "./index.es278.js";
+import javascript from "./index.es277.js";
 typescript.displayName = "typescript";
 typescript.aliases = ["ts"];
 function typescript(Prism) {

package/dist/index.es258.js

@@ -1,4 +1,4 @@
-import { __exports as lowerBound } from "./index.es277.js";
+import { __exports as lowerBound } from "./index.es279.js";
 var hasRequiredLowerBound;
 function requireLowerBound() {
   if (hasRequiredLowerBound) return lowerBound;

package/dist/index.es26.js

@@ -1,151 +1,107 @@
-import { jsxs, jsx, Fragment } from "react/jsx-runtime";
-import { useStreamContext } from "./index.es7.js";
-import { X, Send, Pencil, Copy, FileIcon, CircleUser } from "lucide-react";
-import React__default, { useState } from "react";
-function HumanMessage({ message }) {
-  const [isEditing, setIsEditing] = useState(false);
-  const [editedText, setEditedText] = useState("");
-  const thread = useStreamContext();
-  const meta = thread.getMessagesMetadata(message);
-  const parentCheckpoint = meta?.firstSeenState?.parent_checkpoint;
-  const content = message.content;
-  let textContent = "";
-  let documents = [];
-  if (typeof content === "string") {
-    textContent = content;
-  } else if (Array.isArray(content)) {
-    textContent = content.filter((c) => c.type === "text").map((c) => c.type === "text" ? c.text : "").join("");
-    documents = content.filter((c) => c.type === "document") ?? [];
-  }
-  const handleSubmitEdit = () => {
-    if (!editedText.trim()) {
-      return;
-    }
-    setIsEditing(false);
-    const newMessage = { type: "human", content: editedText };
-    thread.submit(
-      { messages: [newMessage] },
-      {
-        checkpoint: parentCheckpoint,
-        streamMode: ["values"],
-        streamSubgraphs: true,
-        streamResumable: true,
-        optimisticValues: (prev) => {
-          const values = meta?.firstSeenState?.values;
-          if (!values) return prev;
-          return {
-            ...values,
-            messages: [...values.messages ?? [], newMessage]
-          };
-        }
-      }
-    );
-  };
-  return /* @__PURE__ */ jsxs("div", { className: "flex items-end gap-3 justify-end w-full group my-1", children: [
-    /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col gap-2 items-end min-w-0", children: [
-      /* @__PURE__ */ jsx("span", { className: "text-zinc-400 text-xs font-medium mr-1 opacity-80", children: "You" }),
-      textContent && /* @__PURE__ */ jsx("div", { className: "relative", children: isEditing ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-2 w-full", children: [
-        /* @__PURE__ */ jsx(
-          "textarea",
-          {
-            value: editedText,
-            onChange: (e) => setEditedText(e.target.value),
-            onKeyDown: (e) => {
-              if (e.key === "Enter") {
-                e.preventDefault();
-                handleSubmitEdit();
-              }
-            },
-            className: "text-[15px] font-normal leading-relaxed rounded-2xl rounded-tr-sm px-5 py-3.5 bg-zinc-900 border border-zinc-800 text-white shadow-lg break-words overflow-wrap-anywhere resize-none focus:outline-none min-h-[60px]",
-            autoFocus: true
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => {
-                setIsEditing(false);
-                setEditedText("");
-              },
-              className: "flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-zinc-800 hover:bg-zinc-700 text-zinc-300 text-sm transition-colors",
-              children: [
-                /* @__PURE__ */ jsx(X, { size: 14 }),
-                "Cancel"
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: handleSubmitEdit,
-              disabled: !editedText.trim(),
-              className: "flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-white text-black text-sm transition-colors disabled:opacity-50 disabled:cursor-not-allowed",
-              children: [
-                /* @__PURE__ */ jsx(Send, { size: 14 }),
-                "Send"
-              ]
-            }
-          )
-        ] })
-      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("div", { className: "text-[15px] font-normal leading-relaxed rounded-2xl rounded-tr-sm px-5 py-3.5 bg-zinc-900 border border-zinc-900 text-white shadow-lg max-w-full break-words overflow-wrap-anywhere ", children: textContent }),
-        /* @__PURE__ */ jsxs(
-          "div",
-          {
-            className: "\n                    absolute right-1 my-2 flex items-center gap-2\n                    opacity-0 group-hover:opacity-100\n                    transition-opacity duration-300\n                    z-10\n                  ",
-            children: [
-              /* @__PURE__ */ jsx(
-                Pencil,
-                {
-                  size: 16,
-                  className: "text-zinc-500 cursor-pointer hover:text-white",
-                  onClick: () => {
-                    setIsEditing(true);
-                    setEditedText(textContent);
-                  }
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+function Thinking() {
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("style", { children: `
+                .loader-wrapper {
+                    position: relative;
+                    display: flex;
+                    align-items: center;
+                    justify-content: flex-start;
+                    color: white;
+                    user-select: none;
+                    gap: 10px;
                 }
-              ),
-              /* @__PURE__ */ jsx(
-                Copy,
-                {
-                  size: 16,
-                  className: "text-zinc-500 cursor-pointer hover:text-white",
-                  onClick: () => {
-                    navigator.clipboard.writeText(textContent);
-                  }
+
+                .loader {
+                    width: 20px;
+                    height: 20px;
+                    aspect-ratio: 1 / 1;
+                    border-radius: 50%;
+                    background-color: transparent;
+                    animation: loader-rotate 1.5s linear infinite;
+                    z-index: 0;
                 }
-              )
-            ]
-          }
-        )
-      ] }) }),
-      documents.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-2 max-w-[90%]", children: documents.map((doc, idx) => /* @__PURE__ */ jsxs(
-        "div",
-        {
-          className: "flex items-center gap-3 bg-gradient-to-br from-zinc-800/90 to-zinc-900/90 backdrop-blur-sm px-4 py-2.5 rounded-xl border border-zinc-700/50 shadow-md hover:border-blue-500/40 hover:shadow-lg hover:shadow-blue-500/10 transition-all duration-200 cursor-pointer group/file",
-          children: [
-            /* @__PURE__ */ jsx("div", { className: "p-1.5 bg-blue-500/10 rounded-lg border border-blue-500/20 group-hover/file:bg-blue-500/20 transition-colors", children: /* @__PURE__ */ jsx(FileIcon, { size: 16, className: "text-blue-400 shrink-0" }) }),
-            /* @__PURE__ */ jsx("span", { className: "text-sm text-zinc-200 truncate font-medium", children: doc.source?.filename || `Document ${idx + 1}` })
-          ]
-        },
-        `${message.id}-doc-${idx}`
-      )) })
-    ] }),
-    /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: "size-9 shrink-0 flex items-center justify-center",
-        "data-alt": "User Avatar",
-        children: /* @__PURE__ */ jsx(CircleUser, { className: "text-white", size: 22 })
-      }
-    )
+
+                @keyframes loader-rotate {
+                    0% {
+                        transform: rotate(90deg);
+                        box-shadow:
+                            0 1px 1px 0 #fff inset,
+                            0 3px 5px 0 #ff5f9f inset,
+                            0 4px 4px 0 #0693ff inset;
+                    }
+                    50% {
+                        transform: rotate(270deg);
+                        background: #7c0911;
+                        box-shadow:
+                            0 1px 1px 0 #fff inset,
+                            0 3px 5px 0 #d60a47 inset,
+                            0 4px 4px 0 #fbef19 inset;
+                    }
+                    100% {
+                        transform: rotate(450deg);
+                        box-shadow:
+                            0 1px 1px 0 #fff inset,
+                            0 3px 5px 0 #ff5f9f inset,
+                            0 4px 4px 0 #28a9ff inset;
+                    }
+                }
+
+                .letter-wrapper {
+                    display: flex;
+                    gap: 1px;
+                }
+
+                .loader-letter {
+                    display: inline-block;
+                    opacity: 0.4;
+                    transform: translateY(0);
+                    animation: loader-letter-anim 2s infinite;
+                    z-index: 1;
+                    border-radius: 50ch;
+                    border: none;
+                }
+
+                .loader-letter:nth-child(1) { animation-delay: 0s; }
+                .loader-letter:nth-child(2) { animation-delay: 0.1s; }
+                .loader-letter:nth-child(3) { animation-delay: 0.2s; }
+                .loader-letter:nth-child(4) { animation-delay: 0.3s; }
+                .loader-letter:nth-child(5) { animation-delay: 0.4s; }
+                .loader-letter:nth-child(6) { animation-delay: 0.5s; }
+                .loader-letter:nth-child(7) { animation-delay: 0.6s; }
+                .loader-letter:nth-child(8) { animation-delay: 0.7s; }
+
+                @keyframes loader-letter-anim {
+                    0%, 100% {
+                        opacity: 0.4;
+                        transform: translateY(0);
+                    }
+                    20% {
+                        opacity: 1;
+                        transform: scale(1.15);
+                    }
+                    40% {
+                        opacity: 0.7;
+                        transform: translateY(0);
+                    }
+                }
+            ` }),
+    /* @__PURE__ */ jsxs("div", { className: "loader-wrapper", children: [
+      /* @__PURE__ */ jsx("div", { className: "loader" }),
+      /* @__PURE__ */ jsxs("div", { className: "letter-wrapper", children: [
+        /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "T" }),
+        /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "h" }),
+        /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "i" }),
+        /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "n" }),
+        /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "k" }),
+        /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "i" }),
+        /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "n" }),
+        /* @__PURE__ */ jsx("span", { className: "loader-letter", children: "g" })
+      ] })
+    ] })
   ] });
 }
-const HumanMessage$1 = React__default.memo(HumanMessage, (prevProps, nextProps) => {
-  return prevProps.message.id === nextProps.message.id;
-});
 export {
-  HumanMessage$1 as default
+  Thinking as default
 };
 //# sourceMappingURL=index.es26.js.map

package/dist/index.es26.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es26.js","sources":["../src/components/messages/HumanMessage.tsx"],"sourcesContent":["import { useStreamContext } from \"@/providers/Stream\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { CircleUser, Copy, FileIcon, Pencil, Send, X } from \"lucide-react\";\nimport React, { useState } from \"react\";\n\nfunction HumanMessage({ message }: { message: Message }) {\n  const [isEditing, setIsEditing] = useState(false);\n  const [editedText, setEditedText] = useState(\"\");\n  const thread = useStreamContext();\n  const meta = thread.getMessagesMetadata(message);\n  const parentCheckpoint = meta?.firstSeenState?.parent_checkpoint;\n\n  // Extract text and documents from content\n  const content = message.content;\n  let textContent = \"\";\n  let documents: any[] = [];\n\n  if (typeof content === \"string\") {\n    textContent = content;\n  } else if (Array.isArray(content)) {\n    textContent = content\n      .filter((c: any) => c.type === \"text\")\n      .map((c: any) => (c.type === \"text\" ? c.text : \"\"))\n      .join(\"\");\n    documents = content.filter((c: any) => c.type === \"document\") ?? [];\n  }\n\n  const handleSubmitEdit = () => {\n    // Validate that edited text is not empty\n    if (!editedText.trim()) {\n      return;\n    }\n\n    setIsEditing(false);\n    // console.log(\"Send edited message:\", editedText);\n\n    const newMessage: Message = { type: \"human\", content: editedText };\n    thread.submit(\n      { messages: [newMessage] },\n      {\n        checkpoint: parentCheckpoint,\n        streamMode: [\"values\"],\n        streamSubgraphs: true,\n        streamResumable: true,\n        optimisticValues: (prev) => {\n          const values = meta?.firstSeenState?.values;\n          if (!values) return prev;\n\n          return {\n            ...values,\n            messages: [...(values.messages ?? []), newMessage],\n          };\n        },\n      },\n    );\n  };\n\n  return (\n    <div className=\"flex items-end gap-3 justify-end w-full group my-1\">\n      <div className=\"flex flex-1 flex-col gap-2 items-end min-w-0\">\n        <span className=\"text-zinc-400 text-xs font-medium mr-1 opacity-80\">\n          You\n        </span>\n\n        {textContent && (\n          <div className=\"relative\">\n            {isEditing ? (\n              <div className=\"flex flex-col gap-2 w-full\">\n                <textarea\n                  value={editedText}\n                  onChange={(e) => setEditedText(e.target.value)}\n                  onKeyDown={(e)=>{\n                    if(e.key === \"Enter\"){\n                      e.preventDefault();\n                      handleSubmitEdit();\n                    }\n                  }}\n                  className=\"text-[15px] font-normal leading-relaxed rounded-2xl rounded-tr-sm px-5 py-3.5 bg-zinc-900 border border-zinc-800 text-white shadow-lg break-words overflow-wrap-anywhere resize-none focus:outline-none min-h-[60px]\"\n                  autoFocus\n                />\n                <div className=\"flex items-center justify-end gap-2\">\n                  <button\n                    onClick={() => {\n                      setIsEditing(false);\n                      setEditedText(\"\");\n                    }}\n                    className=\"flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-zinc-800 hover:bg-zinc-700 text-zinc-300 text-sm transition-colors\"\n                  >\n                    <X size={14} />\n                    Cancel\n                  </button>\n                  <button\n                    onClick={handleSubmitEdit}\n                    disabled={!editedText.trim()}\n                    className=\"flex items-center gap-1.5 px-3 py-1.5 rounded-lg bg-white text-black text-sm transition-colors disabled:opacity-50 disabled:cursor-not-allowed\"\n                  >\n                    <Send size={14} />\n                    Send\n                  </button>\n                </div>\n              </div>\n            ) : (\n              <>\n                <div className=\"text-[15px] font-normal leading-relaxed rounded-2xl rounded-tr-sm px-5 py-3.5 bg-zinc-900 border border-zinc-900 text-white shadow-lg max-w-full break-words overflow-wrap-anywhere \">\n                  {textContent}\n                </div>\n                <div\n                  className=\"\n                    absolute right-1 my-2 flex items-center gap-2\n                    opacity-0 group-hover:opacity-100\n                    transition-opacity duration-300\n                    z-10\n                  \"\n                >\n                  <Pencil\n                    size={16}\n                    className=\"text-zinc-500 cursor-pointer hover:text-white\"\n                    onClick={() => {\n                      setIsEditing(true);\n                      setEditedText(textContent);\n                    }}\n                  />\n\n                  <Copy\n                    size={16}\n                    className=\"text-zinc-500 cursor-pointer hover:text-white\"\n                    onClick={() => {\n                      navigator.clipboard.writeText(textContent);\n                    }}\n                  />\n                </div>\n              </>\n            )}\n          </div>\n        )}\n\n        {documents.length > 0 && (\n          <div className=\"flex flex-col gap-2 max-w-[90%]\">\n            {documents.map((doc, idx) => (\n              <div\n                key={`${message.id}-doc-${idx}`}\n                className=\"flex items-center gap-3 bg-gradient-to-br from-zinc-800/90 to-zinc-900/90 backdrop-blur-sm px-4 py-2.5 rounded-xl border border-zinc-700/50 shadow-md hover:border-blue-500/40 hover:shadow-lg hover:shadow-blue-500/10 transition-all duration-200 cursor-pointer group/file\"\n              >\n                <div className=\"p-1.5 bg-blue-500/10 rounded-lg border border-blue-500/20 group-hover/file:bg-blue-500/20 transition-colors\">\n                  <FileIcon size={16} className=\"text-blue-400 shrink-0\" />\n                </div>\n                <span className=\"text-sm text-zinc-200 truncate font-medium\">\n                  {doc.source?.filename || `Document ${idx + 1}`}\n                </span>\n              </div>\n            ))}\n          </div>\n        )}\n      </div>\n\n      <div\n        className=\"size-9 shrink-0 flex items-center justify-center\"\n        data-alt=\"User Avatar\"\n      >\n        <CircleUser className=\"text-white\" size={22} />\n      </div>\n    </div>\n  );\n}\n\n// Memoize with deep comparison on message ID\nexport default React.memo(HumanMessage, (prevProps, nextProps) => {\n  return prevProps.message.id === nextProps.message.id;\n});\n"],"names":["React"],"mappings":"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"}
+{"version":3,"file":"index.es26.js","sources":["../src/components/Thinking.tsx"],"sourcesContent":["export default function Thinking() {\n    return (\n        <>\n            <style>{`\n                .loader-wrapper {\n                    position: relative;\n                    display: flex;\n                    align-items: center;\n                    justify-content: flex-start;\n                    color: white;\n                    user-select: none;\n                    gap: 10px;\n                }\n\n                .loader {\n                    width: 20px;\n                    height: 20px;\n                    aspect-ratio: 1 / 1;\n                    border-radius: 50%;\n                    background-color: transparent;\n                    animation: loader-rotate 1.5s linear infinite;\n                    z-index: 0;\n                }\n\n                @keyframes loader-rotate {\n                    0% {\n                        transform: rotate(90deg);\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #ff5f9f inset,\n                            0 4px 4px 0 #0693ff inset;\n                    }\n                    50% {\n                        transform: rotate(270deg);\n                        background: #7c0911;\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #d60a47 inset,\n                            0 4px 4px 0 #fbef19 inset;\n                    }\n                    100% {\n                        transform: rotate(450deg);\n                        box-shadow:\n                            0 1px 1px 0 #fff inset,\n                            0 3px 5px 0 #ff5f9f inset,\n                            0 4px 4px 0 #28a9ff inset;\n                    }\n                }\n\n                .letter-wrapper {\n                    display: flex;\n                    gap: 1px;\n                }\n\n                .loader-letter {\n                    display: inline-block;\n                    opacity: 0.4;\n                    transform: translateY(0);\n                    animation: loader-letter-anim 2s infinite;\n                    z-index: 1;\n                    border-radius: 50ch;\n                    border: none;\n                }\n\n                .loader-letter:nth-child(1) { animation-delay: 0s; }\n                .loader-letter:nth-child(2) { animation-delay: 0.1s; }\n                .loader-letter:nth-child(3) { animation-delay: 0.2s; }\n                .loader-letter:nth-child(4) { animation-delay: 0.3s; }\n                .loader-letter:nth-child(5) { animation-delay: 0.4s; }\n                .loader-letter:nth-child(6) { animation-delay: 0.5s; }\n                .loader-letter:nth-child(7) { animation-delay: 0.6s; }\n                .loader-letter:nth-child(8) { animation-delay: 0.7s; }\n\n                @keyframes loader-letter-anim {\n                    0%, 100% {\n                        opacity: 0.4;\n                        transform: translateY(0);\n                    }\n                    20% {\n                        opacity: 1;\n                        transform: scale(1.15);\n                    }\n                    40% {\n                        opacity: 0.7;\n                        transform: translateY(0);\n                    }\n                }\n            `}</style>\n            <div className=\"loader-wrapper\">\n                <div className=\"loader\"></div>\n                <div className=\"letter-wrapper\">\n                    <span className=\"loader-letter\">T</span>\n                    <span className=\"loader-letter\">h</span>\n                    <span className=\"loader-letter\">i</span>\n                    <span className=\"loader-letter\">n</span>\n                    <span className=\"loader-letter\">k</span>\n                    <span className=\"loader-letter\">i</span>\n                    <span className=\"loader-letter\">n</span>\n                    <span className=\"loader-letter\">g</span>\n                </div>\n            </div>\n        </>\n    )\n}\n"],"names":[],"mappings":";AAAA,SAAwB,WAAW;AAC/B,SACI,qBAAA,UAAA,EACI,UAAA;AAAA,IAAA,oBAAC,SAAA,EAAO,UAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAoFN;AAAA,IACF,qBAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,MAAA,oBAAC,OAAA,EAAI,WAAU,SAAA,CAAS;AAAA,MACxB,qBAAC,OAAA,EAAI,WAAU,kBACX,UAAA;AAAA,QAAA,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,KAAC;AAAA,QACjC,oBAAC,QAAA,EAAK,WAAU,iBAAgB,UAAA,IAAA,CAAC;AAAA,MAAA,EAAA,CACrC;AAAA,IAAA,EAAA,CACJ;AAAA,EAAA,GACJ;AAER;"}

package/dist/index.es260.js

@@ -1,8 +1,8 @@
 import "uuid";
-import { RunTree } from "./index.es121.js";
+import { RunTree } from "./index.es120.js";
+import "./index.es117.js";
 import "./index.es118.js";
 import "./index.es119.js";
-import "./index.es120.js";
 const __version__ = "0.4.6";
 export {
   RunTree,

package/dist/index.es262.js

@@ -1,6 +1,6 @@
-import { getEnvironmentVariable } from "./index.es188.js";
+import { getEnvironmentVariable } from "./index.es186.js";
 import { Client } from "./index.es280.js";
-import "./index.es121.js";
+import "./index.es120.js";
 import "uuid";
 let client;
 const getDefaultLangChainClientSingleton = () => {

package/dist/index.es265.js

@@ -1,5 +1,5 @@
 import { $constructor } from "./index.es264.js";
-import { jsonStringifyReplacer } from "./index.es127.js";
+import { jsonStringifyReplacer } from "./index.es126.js";
 const initializer = (inst, def) => {
   inst.name = "$ZodError";
   Object.defineProperty(inst, "_zod", {

package/dist/index.es267.js

@@ -1,4 +1,4 @@
-import { globalRegistry } from "./index.es129.js";
+import { globalRegistry } from "./index.es128.js";
 function initializeContext(params) {
   let target = params?.target ?? "draft-2020-12";
   if (target === "draft-4")