langgraph-ui-components 0.0.13 → 0.0.14

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,11 @@
-import { getDefaultExportFromCjs } from "./index.es259.js";
-import { __require as requireAnsiStyles } from "./index.es280.js";
-var ansiStylesExports = requireAnsiStyles();
-const styles = /* @__PURE__ */ getDefaultExportFromCjs(ansiStylesExports);
+import "uuid";
+import { RunTree } from "./index.es122.js";
+import "./index.es119.js";
+import "./index.es120.js";
+import "./index.es121.js";
+const __version__ = "0.4.6";
 export {
-  styles as default
+  RunTree,
+  __version__
 };
 //# sourceMappingURL=index.es260.js.map

package/dist/index.es260.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es260.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index.es260.js","sources":["../node_modules/.pnpm/langsmith@0.4.6_openai@6.16.0_zod@4.3.5_/node_modules/langsmith/dist/index.js"],"sourcesContent":["export { Client, } from \"./client.js\";\nexport { RunTree } from \"./run_trees.js\";\nexport { overrideFetchImplementation } from \"./singletons/fetch.js\";\nexport { getDefaultProjectName } from \"./utils/project.js\";\nexport { uuid7, uuid7FromTime } from \"./uuid.js\";\nexport { Cache, } from \"./utils/prompts_cache.js\";\n// Update using yarn bump-version\nexport const __version__ = \"0.4.6\";\n"],"names":[],"mappings":";;;;;AAOY,MAAC,cAAc;","x_google_ignoreList":[0]}

package/dist/index.es261.js

@@ -1,16 +1,8 @@
-import { getEnvironmentVariable } from "./index.es139.js";
-import { Client } from "./index.es282.js";
-import "./index.es122.js";
-import "uuid";
-let client;
-const getDefaultLangChainClientSingleton = () => {
-  if (client === void 0) {
-    const clientParams = getEnvironmentVariable("LANGCHAIN_CALLBACKS_BACKGROUND") === "false" ? { blockOnRootRunFinalization: true } : {};
-    client = new Client(clientParams);
-  }
-  return client;
-};
+import { getDefaultExportFromCjs } from "./index.es214.js";
+import { __require as requireAnsiStyles } from "./index.es296.js";
+var ansiStylesExports = requireAnsiStyles();
+const styles = /* @__PURE__ */ getDefaultExportFromCjs(ansiStylesExports);
 export {
-  getDefaultLangChainClientSingleton
+  styles as default
 };
 //# sourceMappingURL=index.es261.js.map

package/dist/index.es261.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es261.js","sources":["../node_modules/.pnpm/@langchain+core@1.1.13_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/singletons/tracer.js"],"sourcesContent":["import { getEnvironmentVariable } from \"../utils/env.js\";\nimport { Client } from \"langsmith\";\n\n//#region src/singletons/tracer.ts\nlet client;\nconst getDefaultLangChainClientSingleton = () => {\n\tif (client === void 0) {\n\t\tconst clientParams = getEnvironmentVariable(\"LANGCHAIN_CALLBACKS_BACKGROUND\") === \"false\" ? { blockOnRootRunFinalization: true } : {};\n\t\tclient = new Client(clientParams);\n\t}\n\treturn client;\n};\n\n//#endregion\nexport { getDefaultLangChainClientSingleton };\n//# sourceMappingURL=tracer.js.map"],"names":[],"mappings":";;;;AAIA,IAAI;AACC,MAAC,qCAAqC,MAAM;AAChD,MAAI,WAAW,QAAQ;AACtB,UAAM,eAAe,uBAAuB,gCAAgC,MAAM,UAAU,EAAE,4BAA4B,KAAI,IAAK,CAAA;AACnI,aAAS,IAAI,OAAO,YAAY;AAAA,EACjC;AACA,SAAO;AACR;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es261.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/index.es262.js

@@ -1,9 +1,16 @@
-import { getLangSmithEnvironmentVariable, getEnvironmentVariable } from "./index.es287.js";
-const getDefaultProjectName = () => {
-  return getLangSmithEnvironmentVariable("PROJECT") ?? getEnvironmentVariable("LANGCHAIN_SESSION") ?? // TODO: Deprecate
-  "default";
+import { getEnvironmentVariable } from "./index.es139.js";
+import { Client } from "./index.es280.js";
+import "./index.es122.js";
+import "uuid";
+let client;
+const getDefaultLangChainClientSingleton = () => {
+  if (client === void 0) {
+    const clientParams = getEnvironmentVariable("LANGCHAIN_CALLBACKS_BACKGROUND") === "false" ? { blockOnRootRunFinalization: true } : {};
+    client = new Client(clientParams);
+  }
+  return client;
 };
 export {
-  getDefaultProjectName
+  getDefaultLangChainClientSingleton
 };
 //# sourceMappingURL=index.es262.js.map

package/dist/index.es262.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es262.js","sources":["../node_modules/.pnpm/langsmith@0.4.6_openai@6.16.0_zod@4.3.5_/node_modules/langsmith/dist/utils/project.js"],"sourcesContent":["import { getEnvironmentVariable, getLangSmithEnvironmentVariable, } from \"./env.js\";\nexport const getDefaultProjectName = () => {\n    return (getLangSmithEnvironmentVariable(\"PROJECT\") ??\n        getEnvironmentVariable(\"LANGCHAIN_SESSION\") ?? // TODO: Deprecate\n        \"default\");\n};\n"],"names":[],"mappings":";AACY,MAAC,wBAAwB,MAAM;AACvC,SAAQ,gCAAgC,SAAS,KAC7C,uBAAuB,mBAAmB;AAAA,EAC1C;AACR;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es262.js","sources":["../node_modules/.pnpm/@langchain+core@1.1.13_openai@6.16.0_zod@4.3.5_/node_modules/@langchain/core/dist/singletons/tracer.js"],"sourcesContent":["import { getEnvironmentVariable } from \"../utils/env.js\";\nimport { Client } from \"langsmith\";\n\n//#region src/singletons/tracer.ts\nlet client;\nconst getDefaultLangChainClientSingleton = () => {\n\tif (client === void 0) {\n\t\tconst clientParams = getEnvironmentVariable(\"LANGCHAIN_CALLBACKS_BACKGROUND\") === \"false\" ? { blockOnRootRunFinalization: true } : {};\n\t\tclient = new Client(clientParams);\n\t}\n\treturn client;\n};\n\n//#endregion\nexport { getDefaultLangChainClientSingleton };\n//# sourceMappingURL=tracer.js.map"],"names":[],"mappings":";;;;AAIA,IAAI;AACC,MAAC,qCAAqC,MAAM;AAChD,MAAI,WAAW,QAAQ;AACtB,UAAM,eAAe,uBAAuB,gCAAgC,MAAM,UAAU,EAAE,4BAA4B,KAAI,IAAK,CAAA;AACnI,aAAS,IAAI,OAAO,YAAY;AAAA,EACjC;AACA,SAAO;AACR;","x_google_ignoreList":[0]}

package/dist/index.es263.js

@@ -1,11 +1,9 @@
-import "uuid";
-import { RunTree } from "./index.es122.js";
-import "./index.es119.js";
-import "./index.es120.js";
-import "./index.es121.js";
-const __version__ = "0.4.6";
+import { getLangSmithEnvironmentVariable, getEnvironmentVariable } from "./index.es285.js";
+const getDefaultProjectName = () => {
+  return getLangSmithEnvironmentVariable("PROJECT") ?? getEnvironmentVariable("LANGCHAIN_SESSION") ?? // TODO: Deprecate
+  "default";
+};
 export {
-  RunTree,
-  __version__
+  getDefaultProjectName
 };
 //# sourceMappingURL=index.es263.js.map

package/dist/index.es263.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es263.js","sources":["../node_modules/.pnpm/langsmith@0.4.6_openai@6.16.0_zod@4.3.5_/node_modules/langsmith/dist/index.js"],"sourcesContent":["export { Client, } from \"./client.js\";\nexport { RunTree } from \"./run_trees.js\";\nexport { overrideFetchImplementation } from \"./singletons/fetch.js\";\nexport { getDefaultProjectName } from \"./utils/project.js\";\nexport { uuid7, uuid7FromTime } from \"./uuid.js\";\nexport { Cache, } from \"./utils/prompts_cache.js\";\n// Update using yarn bump-version\nexport const __version__ = \"0.4.6\";\n"],"names":[],"mappings":";;;;;AAOY,MAAC,cAAc;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es263.js","sources":["../node_modules/.pnpm/langsmith@0.4.6_openai@6.16.0_zod@4.3.5_/node_modules/langsmith/dist/utils/project.js"],"sourcesContent":["import { getEnvironmentVariable, getLangSmithEnvironmentVariable, } from \"./env.js\";\nexport const getDefaultProjectName = () => {\n    return (getLangSmithEnvironmentVariable(\"PROJECT\") ??\n        getEnvironmentVariable(\"LANGCHAIN_SESSION\") ?? // TODO: Deprecate\n        \"default\");\n};\n"],"names":[],"mappings":";AACY,MAAC,wBAAwB,MAAM;AACvC,SAAQ,gCAAgC,SAAS,KAC7C,uBAAuB,mBAAmB;AAAA,EAC1C;AACR;","x_google_ignoreList":[0]}

package/dist/index.es267.js

@@ -1,10 +1,67 @@
-import errorMap from "./index.es268.js";
-let overrideErrorMap = errorMap;
-function getErrorMap() {
-  return overrideErrorMap;
+function $constructor(name, initializer, params) {
+  function init(inst, def) {
+    if (!inst._zod) {
+      Object.defineProperty(inst, "_zod", {
+        value: {
+          def,
+          constr: _,
+          traits: /* @__PURE__ */ new Set()
+        },
+        enumerable: false
+      });
+    }
+    if (inst._zod.traits.has(name)) {
+      return;
+    }
+    inst._zod.traits.add(name);
+    initializer(inst, def);
+    const proto = _.prototype;
+    const keys = Object.keys(proto);
+    for (let i = 0; i < keys.length; i++) {
+      const k = keys[i];
+      if (!(k in inst)) {
+        inst[k] = proto[k].bind(inst);
+      }
+    }
+  }
+  const Parent = params?.Parent ?? Object;
+  class Definition extends Parent {
+  }
+  Object.defineProperty(Definition, "name", { value: name });
+  function _(def) {
+    var _a;
+    const inst = params?.Parent ? new Definition() : this;
+    init(inst, def);
+    (_a = inst._zod).deferred ?? (_a.deferred = []);
+    for (const fn of inst._zod.deferred) {
+      fn();
+    }
+    return inst;
+  }
+  Object.defineProperty(_, "init", { value: init });
+  Object.defineProperty(_, Symbol.hasInstance, {
+    value: (inst) => {
+      if (params?.Parent && inst instanceof params.Parent)
+        return true;
+      return inst?._zod?.traits?.has(name);
+    }
+  });
+  Object.defineProperty(_, "name", { value: name });
+  return _;
+}
+class $ZodAsyncError extends Error {
+  constructor() {
+    super(`Encountered Promise during synchronous parse. Use .parseAsync() instead.`);
+  }
+}
+const globalConfig = {};
+function config(newConfig) {
+  return globalConfig;
 }
 export {
-  errorMap as defaultErrorMap,
-  getErrorMap
+  $ZodAsyncError,
+  $constructor,
+  config,
+  globalConfig
 };
 //# sourceMappingURL=index.es267.js.map

package/dist/index.es267.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es267.js","sources":["../node_modules/.pnpm/zod@4.3.5/node_modules/zod/v3/errors.js"],"sourcesContent":["import defaultErrorMap from \"./locales/en.js\";\nlet overrideErrorMap = defaultErrorMap;\nexport { defaultErrorMap };\nexport function setErrorMap(map) {\n    overrideErrorMap = map;\n}\nexport function getErrorMap() {\n    return overrideErrorMap;\n}\n"],"names":["defaultErrorMap"],"mappings":";AACA,IAAI,mBAAmBA;AAKhB,SAAS,cAAc;AAC1B,SAAO;AACX;","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es267.js","sources":["../node_modules/.pnpm/zod@4.3.5/node_modules/zod/v4/core/core.js"],"sourcesContent":["/** A special constant with type `never` */\nexport const NEVER = Object.freeze({\n    status: \"aborted\",\n});\nexport /*@__NO_SIDE_EFFECTS__*/ function $constructor(name, initializer, params) {\n    function init(inst, def) {\n        if (!inst._zod) {\n            Object.defineProperty(inst, \"_zod\", {\n                value: {\n                    def,\n                    constr: _,\n                    traits: new Set(),\n                },\n                enumerable: false,\n            });\n        }\n        if (inst._zod.traits.has(name)) {\n            return;\n        }\n        inst._zod.traits.add(name);\n        initializer(inst, def);\n        // support prototype modifications\n        const proto = _.prototype;\n        const keys = Object.keys(proto);\n        for (let i = 0; i < keys.length; i++) {\n            const k = keys[i];\n            if (!(k in inst)) {\n                inst[k] = proto[k].bind(inst);\n            }\n        }\n    }\n    // doesn't work if Parent has a constructor with arguments\n    const Parent = params?.Parent ?? Object;\n    class Definition extends Parent {\n    }\n    Object.defineProperty(Definition, \"name\", { value: name });\n    function _(def) {\n        var _a;\n        const inst = params?.Parent ? new Definition() : this;\n        init(inst, def);\n        (_a = inst._zod).deferred ?? (_a.deferred = []);\n        for (const fn of inst._zod.deferred) {\n            fn();\n        }\n        return inst;\n    }\n    Object.defineProperty(_, \"init\", { value: init });\n    Object.defineProperty(_, Symbol.hasInstance, {\n        value: (inst) => {\n            if (params?.Parent && inst instanceof params.Parent)\n                return true;\n            return inst?._zod?.traits?.has(name);\n        },\n    });\n    Object.defineProperty(_, \"name\", { value: name });\n    return _;\n}\n//////////////////////////////   UTILITIES   ///////////////////////////////////////\nexport const $brand = Symbol(\"zod_brand\");\nexport class $ZodAsyncError extends Error {\n    constructor() {\n        super(`Encountered Promise during synchronous parse. Use .parseAsync() instead.`);\n    }\n}\nexport class $ZodEncodeError extends Error {\n    constructor(name) {\n        super(`Encountered unidirectional transform during encode: ${name}`);\n        this.name = \"ZodEncodeError\";\n    }\n}\nexport const globalConfig = {};\nexport function config(newConfig) {\n    if (newConfig)\n        Object.assign(globalConfig, newConfig);\n    return globalConfig;\n}\n"],"names":[],"mappings":"AAIgC,SAAS,aAAa,MAAM,aAAa,QAAQ;AAC7E,WAAS,KAAK,MAAM,KAAK;AACrB,QAAI,CAAC,KAAK,MAAM;AACZ,aAAO,eAAe,MAAM,QAAQ;AAAA,QAChC,OAAO;AAAA,UACH;AAAA,UACA,QAAQ;AAAA,UACR,QAAQ,oBAAI,IAAG;AAAA,QACnC;AAAA,QACgB,YAAY;AAAA,MAC5B,CAAa;AAAA,IACL;AACA,QAAI,KAAK,KAAK,OAAO,IAAI,IAAI,GAAG;AAC5B;AAAA,IACJ;AACA,SAAK,KAAK,OAAO,IAAI,IAAI;AACzB,gBAAY,MAAM,GAAG;AAErB,UAAM,QAAQ,EAAE;AAChB,UAAM,OAAO,OAAO,KAAK,KAAK;AAC9B,aAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AAClC,YAAM,IAAI,KAAK,CAAC;AAChB,UAAI,EAAE,KAAK,OAAO;AACd,aAAK,CAAC,IAAI,MAAM,CAAC,EAAE,KAAK,IAAI;AAAA,MAChC;AAAA,IACJ;AAAA,EACJ;AAEA,QAAM,SAAS,QAAQ,UAAU;AAAA,EACjC,MAAM,mBAAmB,OAAO;AAAA,EACpC;AACI,SAAO,eAAe,YAAY,QAAQ,EAAE,OAAO,MAAM;AACzD,WAAS,EAAE,KAAK;AACZ,QAAI;AACJ,UAAM,OAAO,QAAQ,SAAS,IAAI,WAAU,IAAK;AACjD,SAAK,MAAM,GAAG;AACd,KAAC,KAAK,KAAK,MAAM,aAAa,GAAG,WAAW;AAC5C,eAAW,MAAM,KAAK,KAAK,UAAU;AACjC,SAAE;AAAA,IACN;AACA,WAAO;AAAA,EACX;AACA,SAAO,eAAe,GAAG,QAAQ,EAAE,OAAO,MAAM;AAChD,SAAO,eAAe,GAAG,OAAO,aAAa;AAAA,IACzC,OAAO,CAAC,SAAS;AACb,UAAI,QAAQ,UAAU,gBAAgB,OAAO;AACzC,eAAO;AACX,aAAO,MAAM,MAAM,QAAQ,IAAI,IAAI;AAAA,IACvC;AAAA,EACR,CAAK;AACD,SAAO,eAAe,GAAG,QAAQ,EAAE,OAAO,MAAM;AAChD,SAAO;AACX;AAGO,MAAM,uBAAuB,MAAM;AAAA,EACtC,cAAc;AACV,UAAM,0EAA0E;AAAA,EACpF;AACJ;AAOY,MAAC,eAAe,CAAA;AACrB,SAAS,OAAO,WAAW;AAG9B,SAAO;AACX;","x_google_ignoreList":[0]}