langgraph-ui-components 0.0.3 → 0.0.6

package/dist/index.es107.js

@@ -1,8 +1,8 @@
-import { getDefaultExportFromCjs } from "./index.es153.js";
-import { __require as requireDist } from "./index.es136.js";
-var distExports = requireDist();
-const PQueueMod = /* @__PURE__ */ getDefaultExportFromCjs(distExports);
+import { getDefaultExportFromCjs } from "./index.es152.js";
+import { __require as requireDecamelize } from "./index.es128.js";
+var decamelizeExports = requireDecamelize();
+const snakeCase = /* @__PURE__ */ getDefaultExportFromCjs(decamelizeExports);
 export {
-  PQueueMod as default
+  snakeCase as default
 };
 //# sourceMappingURL=index.es107.js.map

package/dist/index.es108.js

@@ -1,3 +1,3 @@
-import { __require as requireSemver } from "./index.es230.js";
-requireSemver();
+import { __require as requireCamelcase } from "./index.es129.js";
+requireCamelcase();
 //# sourceMappingURL=index.es108.js.map

package/dist/index.es109.js

@@ -1,149 +1,19 @@
-import { getLangSmithEnvironmentVariable } from "./index.es179.js";
-var LIMIT_REPLACE_NODE = "[...]";
-var CIRCULAR_REPLACE_NODE = { result: "[Circular]" };
-var arr = [];
-var replacerStack = [];
-const encoder = new TextEncoder();
-function defaultOptions() {
-  return {
-    depthLimit: Number.MAX_SAFE_INTEGER,
-    edgesLimit: Number.MAX_SAFE_INTEGER
-  };
-}
-function encodeString(str) {
-  return encoder.encode(str);
-}
-function serializeWellKnownTypes(val) {
-  if (val && typeof val === "object" && val !== null) {
-    if (val instanceof Map) {
-      return Object.fromEntries(val);
-    } else if (val instanceof Set) {
-      return Array.from(val);
-    } else if (val instanceof Date) {
-      return val.toISOString();
-    } else if (val instanceof RegExp) {
-      return val.toString();
-    } else if (val instanceof Error) {
-      return {
-        name: val.name,
-        message: val.message
-      };
-    }
-  } else if (typeof val === "bigint") {
-    return val.toString();
-  }
-  return val;
-}
-function createDefaultReplacer(userReplacer) {
-  return function(key, val) {
-    return serializeWellKnownTypes(val);
-  };
-}
-function serialize(obj, errorContext, replacer, spacer, options) {
-  try {
-    const str = JSON.stringify(obj, createDefaultReplacer(replacer), spacer);
-    return encodeString(str);
-  } catch (e) {
-    if (!e.message?.includes("Converting circular structure to JSON")) {
-      console.warn(`[WARNING]: LangSmith received unserializable value.${errorContext ? `
-Context: ${errorContext}` : ""}`);
-      return encodeString("[Unserializable]");
-    }
-    getLangSmithEnvironmentVariable("SUPPRESS_CIRCULAR_JSON_WARNINGS") !== "true" && console.warn(`[WARNING]: LangSmith received circular JSON. This will decrease tracer performance. ${errorContext ? `
-Context: ${errorContext}` : ""}`);
-    if (typeof options === "undefined") {
-      options = defaultOptions();
-    }
-    decirc(obj, "", 0, [], void 0, 0, options);
-    let res;
-    try {
-      if (replacerStack.length === 0) {
-        res = JSON.stringify(obj, replacer, spacer);
-      } else {
-        res = JSON.stringify(obj, replaceGetterValues(replacer), spacer);
-      }
-    } catch (_) {
-      return encodeString("[unable to serialize, circular reference is too complex to analyze]");
-    } finally {
-      while (arr.length !== 0) {
-        const part = arr.pop();
-        if (part.length === 4) {
-          Object.defineProperty(part[0], part[1], part[3]);
-        } else {
-          part[0][part[1]] = part[2];
-        }
-      }
-    }
-    return encodeString(res);
-  }
-}
-function setReplace(replace, val, k, parent) {
-  var propertyDescriptor = Object.getOwnPropertyDescriptor(parent, k);
-  if (propertyDescriptor.get !== void 0) {
-    if (propertyDescriptor.configurable) {
-      Object.defineProperty(parent, k, { value: replace });
-      arr.push([parent, k, val, propertyDescriptor]);
-    } else {
-      replacerStack.push([val, k, replace]);
-    }
-  } else {
-    parent[k] = replace;
-    arr.push([parent, k, val]);
-  }
-}
-function decirc(val, k, edgeIndex, stack, parent, depth, options) {
-  depth += 1;
-  var i;
-  if (typeof val === "object" && val !== null) {
-    for (i = 0; i < stack.length; i++) {
-      if (stack[i] === val) {
-        setReplace(CIRCULAR_REPLACE_NODE, val, k, parent);
-        return;
-      }
-    }
-    if (typeof options.depthLimit !== "undefined" && depth > options.depthLimit) {
-      setReplace(LIMIT_REPLACE_NODE, val, k, parent);
-      return;
-    }
-    if (typeof options.edgesLimit !== "undefined" && edgeIndex + 1 > options.edgesLimit) {
-      setReplace(LIMIT_REPLACE_NODE, val, k, parent);
-      return;
-    }
-    stack.push(val);
-    if (Array.isArray(val)) {
-      for (i = 0; i < val.length; i++) {
-        decirc(val[i], i, i, stack, val, depth, options);
-      }
+function lowerBound(array, value, comparator) {
+  let first = 0;
+  let count = array.length;
+  while (count > 0) {
+    const step = Math.trunc(count / 2);
+    let it = first + step;
+    if (comparator(array[it], value) <= 0) {
+      first = ++it;
+      count -= step + 1;
     } else {
-      val = serializeWellKnownTypes(val);
-      var keys = Object.keys(val);
-      for (i = 0; i < keys.length; i++) {
-        var key = keys[i];
-        decirc(val[key], key, i, stack, val, depth, options);
-      }
+      count = step;
     }
-    stack.pop();
   }
-}
-function replaceGetterValues(replacer) {
-  replacer = typeof replacer !== "undefined" ? replacer : function(k, v) {
-    return v;
-  };
-  return function(key, val) {
-    if (replacerStack.length > 0) {
-      for (var i = 0; i < replacerStack.length; i++) {
-        var part = replacerStack[i];
-        if (part[1] === key && part[0] === val) {
-          val = part[2];
-          replacerStack.splice(i, 1);
-          break;
-        }
-      }
-    }
-    return replacer.call(this, key, val);
-  };
+  return first;
 }
 export {
-  serialize
+  lowerBound as default
 };
 //# sourceMappingURL=index.es109.js.map

package/dist/index.es109.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es109.js","sources":["../node_modules/.pnpm/langsmith@0.4.6_openai@6.16.0_zod@4.3.5_/node_modules/langsmith/dist/utils/fast-safe-stringify/index.js"],"sourcesContent":["/* eslint-disable */\n// @ts-nocheck\nimport { getLangSmithEnvironmentVariable } from \"../../utils/env.js\";\nvar LIMIT_REPLACE_NODE = \"[...]\";\nvar CIRCULAR_REPLACE_NODE = { result: \"[Circular]\" };\nvar arr = [];\nvar replacerStack = [];\nconst encoder = new TextEncoder();\nfunction defaultOptions() {\n    return {\n        depthLimit: Number.MAX_SAFE_INTEGER,\n        edgesLimit: Number.MAX_SAFE_INTEGER,\n    };\n}\nfunction encodeString(str) {\n    return encoder.encode(str);\n}\n// Shared function to handle well-known types\nfunction serializeWellKnownTypes(val) {\n    if (val && typeof val === \"object\" && val !== null) {\n        if (val instanceof Map) {\n            return Object.fromEntries(val);\n        }\n        else if (val instanceof Set) {\n            return Array.from(val);\n        }\n        else if (val instanceof Date) {\n            return val.toISOString();\n        }\n        else if (val instanceof RegExp) {\n            return val.toString();\n        }\n        else if (val instanceof Error) {\n            return {\n                name: val.name,\n                message: val.message,\n            };\n        }\n    }\n    else if (typeof val === \"bigint\") {\n        return val.toString();\n    }\n    return val;\n}\n// Default replacer function to handle well-known types\nfunction createDefaultReplacer(userReplacer) {\n    return function (key, val) {\n        // Apply user replacer first if provided\n        if (userReplacer) {\n            const userResult = userReplacer.call(this, key, val);\n            // If user replacer returned undefined, fall back to our serialization\n            if (userResult !== undefined) {\n                return userResult;\n            }\n        }\n        // Fall back to our well-known type handling\n        return serializeWellKnownTypes(val);\n    };\n}\n// Regular stringify\nexport function serialize(obj, errorContext, replacer, spacer, options) {\n    try {\n        const str = JSON.stringify(obj, createDefaultReplacer(replacer), spacer);\n        return encodeString(str);\n    }\n    catch (e) {\n        // Fall back to more complex stringify if circular reference\n        if (!e.message?.includes(\"Converting circular structure to JSON\")) {\n            console.warn(`[WARNING]: LangSmith received unserializable value.${errorContext ? `\\nContext: ${errorContext}` : \"\"}`);\n            return encodeString(\"[Unserializable]\");\n        }\n        getLangSmithEnvironmentVariable(\"SUPPRESS_CIRCULAR_JSON_WARNINGS\") !==\n            \"true\" &&\n            console.warn(`[WARNING]: LangSmith received circular JSON. This will decrease tracer performance. ${errorContext ? `\\nContext: ${errorContext}` : \"\"}`);\n        if (typeof options === \"undefined\") {\n            options = defaultOptions();\n        }\n        decirc(obj, \"\", 0, [], undefined, 0, options);\n        let res;\n        try {\n            if (replacerStack.length === 0) {\n                res = JSON.stringify(obj, replacer, spacer);\n            }\n            else {\n                res = JSON.stringify(obj, replaceGetterValues(replacer), spacer);\n            }\n        }\n        catch (_) {\n            return encodeString(\"[unable to serialize, circular reference is too complex to analyze]\");\n        }\n        finally {\n            while (arr.length !== 0) {\n                const part = arr.pop();\n                if (part.length === 4) {\n                    Object.defineProperty(part[0], part[1], part[3]);\n                }\n                else {\n                    part[0][part[1]] = part[2];\n                }\n            }\n        }\n        return encodeString(res);\n    }\n}\nfunction setReplace(replace, val, k, parent) {\n    var propertyDescriptor = Object.getOwnPropertyDescriptor(parent, k);\n    if (propertyDescriptor.get !== undefined) {\n        if (propertyDescriptor.configurable) {\n            Object.defineProperty(parent, k, { value: replace });\n            arr.push([parent, k, val, propertyDescriptor]);\n        }\n        else {\n            replacerStack.push([val, k, replace]);\n        }\n    }\n    else {\n        parent[k] = replace;\n        arr.push([parent, k, val]);\n    }\n}\nfunction decirc(val, k, edgeIndex, stack, parent, depth, options) {\n    depth += 1;\n    var i;\n    if (typeof val === \"object\" && val !== null) {\n        for (i = 0; i < stack.length; i++) {\n            if (stack[i] === val) {\n                setReplace(CIRCULAR_REPLACE_NODE, val, k, parent);\n                return;\n            }\n        }\n        if (typeof options.depthLimit !== \"undefined\" &&\n            depth > options.depthLimit) {\n            setReplace(LIMIT_REPLACE_NODE, val, k, parent);\n            return;\n        }\n        if (typeof options.edgesLimit !== \"undefined\" &&\n            edgeIndex + 1 > options.edgesLimit) {\n            setReplace(LIMIT_REPLACE_NODE, val, k, parent);\n            return;\n        }\n        stack.push(val);\n        // Optimize for Arrays. Big arrays could kill the performance otherwise!\n        if (Array.isArray(val)) {\n            for (i = 0; i < val.length; i++) {\n                decirc(val[i], i, i, stack, val, depth, options);\n            }\n        }\n        else {\n            // Handle well-known types before Object.keys iteration\n            val = serializeWellKnownTypes(val);\n            var keys = Object.keys(val);\n            for (i = 0; i < keys.length; i++) {\n                var key = keys[i];\n                decirc(val[key], key, i, stack, val, depth, options);\n            }\n        }\n        stack.pop();\n    }\n}\n// Stable-stringify\nfunction compareFunction(a, b) {\n    if (a < b) {\n        return -1;\n    }\n    if (a > b) {\n        return 1;\n    }\n    return 0;\n}\nfunction deterministicStringify(obj, replacer, spacer, options) {\n    if (typeof options === \"undefined\") {\n        options = defaultOptions();\n    }\n    var tmp = deterministicDecirc(obj, \"\", 0, [], undefined, 0, options) || obj;\n    var res;\n    try {\n        if (replacerStack.length === 0) {\n            res = JSON.stringify(tmp, replacer, spacer);\n        }\n        else {\n            res = JSON.stringify(tmp, replaceGetterValues(replacer), spacer);\n        }\n    }\n    catch (_) {\n        return JSON.stringify(\"[unable to serialize, circular reference is too complex to analyze]\");\n    }\n    finally {\n        // Ensure that we restore the object as it was.\n        while (arr.length !== 0) {\n            var part = arr.pop();\n            if (part.length === 4) {\n                Object.defineProperty(part[0], part[1], part[3]);\n            }\n            else {\n                part[0][part[1]] = part[2];\n            }\n        }\n    }\n    return res;\n}\nfunction deterministicDecirc(val, k, edgeIndex, stack, parent, depth, options) {\n    depth += 1;\n    var i;\n    if (typeof val === \"object\" && val !== null) {\n        for (i = 0; i < stack.length; i++) {\n            if (stack[i] === val) {\n                setReplace(CIRCULAR_REPLACE_NODE, val, k, parent);\n                return;\n            }\n        }\n        try {\n            if (typeof val.toJSON === \"function\") {\n                return;\n            }\n        }\n        catch (_) {\n            return;\n        }\n        if (typeof options.depthLimit !== \"undefined\" &&\n            depth > options.depthLimit) {\n            setReplace(LIMIT_REPLACE_NODE, val, k, parent);\n            return;\n        }\n        if (typeof options.edgesLimit !== \"undefined\" &&\n            edgeIndex + 1 > options.edgesLimit) {\n            setReplace(LIMIT_REPLACE_NODE, val, k, parent);\n            return;\n        }\n        stack.push(val);\n        // Optimize for Arrays. Big arrays could kill the performance otherwise!\n        if (Array.isArray(val)) {\n            for (i = 0; i < val.length; i++) {\n                deterministicDecirc(val[i], i, i, stack, val, depth, options);\n            }\n        }\n        else {\n            // Handle well-known types before Object.keys iteration\n            val = serializeWellKnownTypes(val);\n            // Create a temporary object in the required way\n            var tmp = {};\n            var keys = Object.keys(val).sort(compareFunction);\n            for (i = 0; i < keys.length; i++) {\n                var key = keys[i];\n                deterministicDecirc(val[key], key, i, stack, val, depth, options);\n                tmp[key] = val[key];\n            }\n            if (typeof parent !== \"undefined\") {\n                arr.push([parent, k, val]);\n                parent[k] = tmp;\n            }\n            else {\n                return tmp;\n            }\n        }\n        stack.pop();\n    }\n}\n// wraps replacer function to handle values we couldn't replace\n// and mark them as replaced value\nfunction replaceGetterValues(replacer) {\n    replacer =\n        typeof replacer !== \"undefined\"\n            ? replacer\n            : function (k, v) {\n                return v;\n            };\n    return function (key, val) {\n        if (replacerStack.length > 0) {\n            for (var i = 0; i < replacerStack.length; i++) {\n                var part = replacerStack[i];\n                if (part[1] === key && part[0] === val) {\n                    val = part[2];\n                    replacerStack.splice(i, 1);\n                    break;\n                }\n            }\n        }\n        return replacer.call(this, key, val);\n    };\n}\n"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es109.js","sources":["../node_modules/.pnpm/p-queue@9.1.0/node_modules/p-queue/dist/lower-bound.js"],"sourcesContent":["// Port of lower_bound from https://en.cppreference.com/w/cpp/algorithm/lower_bound\n// Used to compute insertion index to keep queue sorted after insertion\nexport default function lowerBound(array, value, comparator) {\n    let first = 0;\n    let count = array.length;\n    while (count > 0) {\n        const step = Math.trunc(count / 2);\n        let it = first + step;\n        if (comparator(array[it], value) <= 0) {\n            first = ++it;\n            count -= step + 1;\n        }\n        else {\n            count = step;\n        }\n    }\n    return first;\n}\n"],"names":[],"mappings":"AAEe,SAAS,WAAW,OAAO,OAAO,YAAY;AACzD,MAAI,QAAQ;AACZ,MAAI,QAAQ,MAAM;AAClB,SAAO,QAAQ,GAAG;AACd,UAAM,OAAO,KAAK,MAAM,QAAQ,CAAC;AACjC,QAAI,KAAK,QAAQ;AACjB,QAAI,WAAW,MAAM,EAAE,GAAG,KAAK,KAAK,GAAG;AACnC,cAAQ,EAAE;AACV,eAAS,OAAO;AAAA,IACpB,OACK;AACD,cAAQ;AAAA,IACZ;AAAA,EACJ;AACA,SAAO;AACX;","x_google_ignoreList":[0]}

package/dist/index.es11.js

@@ -1,130 +1,156 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { FileIcon, X, Paperclip, MoveUp } from "lucide-react";
-import "react";
-function ChatInput({
-  input,
-  inputFileAccept = ".png,.jpg,.jpeg,.pdf,.docx",
-  setInput,
-  handleSubmit,
-  fileInput,
-  setFileInput,
-  handleFileSelect,
-  isLoading = false,
-  onCancel
-}) {
-  const canSubmit = (input.trim().length > 0 || fileInput.length > 0) && !isLoading;
-  return /* @__PURE__ */ jsxs(
-    "form",
-    {
-      onSubmit: handleSubmit,
-      className: "relative flex flex-col gap-2 border rounded-xl m-2 bg-zinc-900 border-zinc-800",
-      children: [
-        fileInput.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex-1 flex-col gap-2 p-2 bg-zinc-900 border-b border-zinc-700 max-h-48 thread-scrollbar", children: fileInput.map((file, index) => /* @__PURE__ */ jsxs(
-          "div",
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { useStreamContext } from "./index.es6.js";
+import { isToolMessage, isAiWithToolCalls } from "./index.es19.js";
+import React__default, { useMemo, useRef, useCallback, useEffect, useLayoutEffect } from "react";
+import AgentMessage from "./index.es20.js";
+import CustomComponentRender from "./index.es21.js";
+import HumanMessage from "./index.es22.js";
+import Thinking from "./index.es23.js";
+import ToolCallFunctions from "./index.es24.js";
+function ChatBody({ setIsFirstMessage, enableToolCallIndicator }) {
+  const stream = useStreamContext();
+  const messages = stream.messages;
+  const isLoading = stream.isLoading;
+  const memoMessages = useMemo(() => messages ?? [], [messages]);
+  const containerRef = useRef(null);
+  const prevMessageCountRef = useRef(0);
+  const shouldAutoScrollRef = useRef(true);
+  const getScrollContainer = useCallback(() => {
+    if (containerRef.current) {
+      let parent = containerRef.current.parentElement;
+      while (parent) {
+        const style = window.getComputedStyle(parent);
+        if (style.overflowY === "auto" || style.overflowY === "scroll") {
+          return parent;
+        }
+        parent = parent.parentElement;
+      }
+    }
+    return null;
+  }, []);
+  useEffect(() => {
+    if (memoMessages.length > 0 && setIsFirstMessage) {
+      setIsFirstMessage(false);
+    }
+  }, [memoMessages.length, setIsFirstMessage]);
+  const renderMessage = useCallback((msg, index, messagesArray) => {
+    if (!msg.content.length) return null;
+    if (msg.additional_kwargs?.hidden) {
+      return null;
+    }
+    const isLastMessage = index === messagesArray.length - 1;
+    const isStreamingThisMessage = isLoading && isLastMessage && msg.type === "ai";
+    const msgKey = msg.id ?? `msg-${index}`;
+    if (msg.type === "human") {
+      return /* @__PURE__ */ jsx(HumanMessage, { message: msg }, msgKey);
+    }
+    if (isToolMessage(msg)) {
+      return null;
+    }
+    if (isAiWithToolCalls(msg)) {
+      const toolMessages = [];
+      let nextIndex = index + 1;
+      while (nextIndex < messagesArray.length && isToolMessage(messagesArray[nextIndex])) {
+        toolMessages.push(messagesArray[nextIndex]);
+        nextIndex++;
+      }
+      const hasTextContent = typeof msg.content === "string" && msg.content.trim() || Array.isArray(msg.content) && msg.content.some((c) => c.type === "text" && c.text?.trim());
+      return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+        toolMessages.length > 0 && enableToolCallIndicator && /* @__PURE__ */ jsx(
+          ToolCallFunctions,
           {
-            className: "flex items-center justify-between gap-3 bg-zinc-800 p-2 rounded group hover:bg-zinc-700 transition-colors",
-            children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 min-w-0 flex-1", children: [
-                /* @__PURE__ */ jsx(FileIcon, { className: "text-blue-400 shrink-0", size: 20 }),
-                /* @__PURE__ */ jsxs("div", { className: "flex flex-col min-w-0 overflow-hidden", children: [
-                  /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-zinc-200 truncate", children: file.fileName }),
-                  /* @__PURE__ */ jsx("span", { className: "text-[10px] text-zinc-500 truncate", children: file.fileType || "Unknown file type" })
-                ] })
-              ] }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => setFileInput((prev) => prev.filter((_, i) => i !== index)),
-                  className: "shrink-0 p-1 rounded hover:bg-zinc-600 transition-colors",
-                  "aria-label": "Remove file",
-                  children: /* @__PURE__ */ jsx(X, { size: 16, className: "text-red-400" })
-                }
-              )
-            ]
-          },
-          `file-${index}-${file.fileName}`
-        )) }),
-        /* @__PURE__ */ jsx(
-          "textarea",
+            title: "Agent Thinking",
+            toolMessages
+          }
+        ),
+        hasTextContent && /* @__PURE__ */ jsx(
+          AgentMessage,
           {
-            placeholder: "Type your message...",
-            value: input,
-            onChange: (e) => {
-              setInput(e.target.value);
-              const maxHeight = 300;
-              e.target.style.height = "auto";
-              e.target.style.height = Math.min(e.target.scrollHeight, maxHeight) + "px";
-            },
-            onKeyDown: (e) => {
-              if (e.key === "Enter" && !e.shiftKey && !e.metaKey && !e.nativeEvent.isComposing) {
-                e.preventDefault();
-                if (canSubmit) {
-                  e.currentTarget.form?.requestSubmit();
-                }
-              }
-            },
-            disabled: isLoading,
-            className: "w-full field-sizing-content resize-none p-3.5 bg-transparent text-white placeholder-zinc-500 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed overflow-y-auto thread-scrollbar",
-            rows: 1
+            message: msg,
+            isStreaming: isStreamingThisMessage
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center px-1 pb-2", children: [
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-1 m-2", children: [
-            /* @__PURE__ */ jsx(
-              "label",
-              {
-                htmlFor: "file-input",
-                className: `cursor-pointer ${isLoading ? "opacity-50 cursor-not-allowed" : ""}`,
-                children: /* @__PURE__ */ jsx(
-                  Paperclip,
-                  {
-                    size: 24,
-                    className: "text-zinc-400 hover:text-white hover:bg-zinc-800 rounded p-1 transition-colors"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "input",
-              {
-                id: "file-input",
-                type: "file",
-                multiple: true,
-                disabled: isLoading,
-                accept: inputFileAccept,
-                className: "hidden",
-                onChange: handleFileSelect
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxs("div", { className: "flex gap-2 items-center", children: [
-            isLoading && onCancel && /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "button",
-                onClick: onCancel,
-                className: "px-3 py-1 text-xs text-zinc-400 hover:text-white hover:bg-zinc-800 rounded transition-colors",
-                children: "Cancel"
-              }
-            ),
-            /* @__PURE__ */ jsx(
-              "button",
-              {
-                type: "submit",
-                disabled: !canSubmit,
-                className: "focus:outline-none transition-all bg-zinc-300 border rounded-full p-1 cursor-pointer",
-                style: { border: "none" },
-                children: /* @__PURE__ */ jsx(MoveUp, { size: 24, className: "text-black p-1" })
-              }
-            )
-          ] })
-        ] })
-      ]
+        /* @__PURE__ */ jsx(CustomComponentRender, { message: msg, thread: stream })
+      ] }, msgKey);
+    }
+    return /* @__PURE__ */ jsxs(React__default.Fragment, { children: [
+      /* @__PURE__ */ jsx(
+        AgentMessage,
+        {
+          message: msg,
+          isStreaming: isStreamingThisMessage
+        }
+      ),
+      /* @__PURE__ */ jsx(CustomComponentRender, { message: msg, thread: stream })
+    ] }, msgKey);
+  }, [isLoading, stream, enableToolCallIndicator]);
+  const renderedMessages = useMemo(() => {
+    return memoMessages.map((msg, index) => {
+      const element = renderMessage(msg, index, memoMessages);
+      if (element && !element.key) {
+        return React__default.cloneElement(element, { key: msg.id ?? `msg-${index}` });
+      }
+      return element;
+    });
+  }, [memoMessages, renderMessage]);
+  useEffect(() => {
+    const scrollContainer = getScrollContainer();
+    if (!scrollContainer) return;
+    const handleScroll = () => {
+      const { scrollTop, scrollHeight, clientHeight } = scrollContainer;
+      const distanceFromBottom = scrollHeight - scrollTop - clientHeight;
+      shouldAutoScrollRef.current = distanceFromBottom < 100;
+    };
+    scrollContainer.addEventListener("scroll", handleScroll);
+    return () => scrollContainer.removeEventListener("scroll", handleScroll);
+  }, [getScrollContainer]);
+  useEffect(() => {
+    const scrollContainer = getScrollContainer();
+    if (!scrollContainer) return;
+    const currentCount = memoMessages.length;
+    const hasNewMessage = currentCount > prevMessageCountRef.current;
+    if (hasNewMessage) {
+      scrollContainer.scrollTop = scrollContainer.scrollHeight;
+      shouldAutoScrollRef.current = true;
+    }
+    prevMessageCountRef.current = currentCount;
+  }, [memoMessages, getScrollContainer]);
+  useEffect(() => {
+    const scrollContainer = getScrollContainer();
+    if (!scrollContainer || !isLoading) return;
+    const observer = new MutationObserver(() => {
+      if (shouldAutoScrollRef.current && scrollContainer) {
+        scrollContainer.scrollTop = scrollContainer.scrollHeight;
+      }
+    });
+    if (containerRef.current) {
+      observer.observe(containerRef.current, {
+        childList: true,
+        subtree: true,
+        characterData: true
+      });
+    }
+    return () => observer.disconnect();
+  }, [isLoading, getScrollContainer]);
+  useLayoutEffect(() => {
+    const scrollContainer = getScrollContainer();
+    if (isLoading && shouldAutoScrollRef.current && scrollContainer) {
+      scrollContainer.scrollTop = scrollContainer.scrollHeight;
+    }
+  });
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref: containerRef,
+      className: "flex flex-col gap-4 rounded-4xl p-2",
+      children: memoMessages.length === 0 ? /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center h-full text-zinc-500", children: "Start a conversation..." }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        renderedMessages,
+        isLoading && memoMessages.length > 0 && memoMessages[memoMessages.length - 1].type === "human" && /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(Thinking, {}) })
+      ] })
     }
   );
 }
 export {
-  ChatInput as default
+  ChatBody as default
 };
 //# sourceMappingURL=index.es11.js.map

package/dist/index.es11.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es11.js","sources":["../src/components/sidebar/ChatInput.tsx"],"sourcesContent":["import type { FileInfo } from \"@/types/fileInput\";\nimport { FileIcon, MoveUp, Paperclip, X } from \"lucide-react\";\nimport {\n  type ChangeEvent,\n  type Dispatch,\n  type FormEvent,\n  type SetStateAction,\n} from \"react\";\n\nexport default function ChatInput({\n  input,\n  inputFileAccept = \".png,.jpg,.jpeg,.pdf,.docx\",\n  setInput,\n  handleSubmit,\n  fileInput,\n  setFileInput,\n  handleFileSelect,\n  isLoading = false,\n  onCancel,\n}: {\n  input: string;\n  setInput: (value: string) => void;\n  handleSubmit: (e: FormEvent<HTMLFormElement>) => void;\n  fileInput: FileInfo[];\n  setFileInput: Dispatch<SetStateAction<FileInfo[]>>;\n  handleFileSelect: (event: ChangeEvent<HTMLInputElement>) => void;\n  inputFileAccept?: string;\n  isLoading?: boolean;\n  onCancel?: () => void;\n}) {\n  const canSubmit =\n    (input.trim().length > 0 || fileInput.length > 0) && !isLoading;\n\n  return (\n    <form\n      onSubmit={handleSubmit}\n      className=\"relative flex flex-col gap-2 border rounded-xl m-2 bg-zinc-900 border-zinc-800\"\n    >\n      {/* File attachments preview */}\n      {fileInput.length > 0 && (\n        <div className=\"flex-1 flex-col gap-2 p-2 bg-zinc-900 border-b border-zinc-700 max-h-48 thread-scrollbar\">\n          {fileInput.map((file, index) => (\n            <div\n              key={`file-${index}-${file.fileName}`}\n              className=\"flex items-center justify-between gap-3 bg-zinc-800 p-2 rounded group hover:bg-zinc-700 transition-colors\"\n            >\n              <div className=\"flex items-center gap-3 min-w-0 flex-1\">\n                <FileIcon className=\"text-blue-400 shrink-0\" size={20} />\n                <div className=\"flex flex-col min-w-0 overflow-hidden\">\n                  <span className=\"text-xs font-medium text-zinc-200 truncate\">\n                    {file.fileName}\n                  </span>\n                  <span className=\"text-[10px] text-zinc-500 truncate\">\n                    {file.fileType || \"Unknown file type\"}\n                  </span>\n                </div>\n              </div>\n\n              <button\n                type=\"button\"\n                onClick={() =>\n                  setFileInput((prev) => prev.filter((_, i) => i !== index))\n                }\n                className=\"shrink-0 p-1 rounded hover:bg-zinc-600 transition-colors\"\n                aria-label=\"Remove file\"\n              >\n                <X size={16} className=\"text-red-400\" />\n              </button>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Text input */}\n      <textarea\n        placeholder=\"Type your message...\"\n        value={input}\n        onChange={(e) => {\n          setInput(e.target.value)\n          const maxHeight = 300; // max height in pixels\n          e.target.style.height = \"auto\"; // reset height\n          e.target.style.height = Math.min(e.target.scrollHeight, maxHeight) + \"px\";\n        }}\n        onKeyDown={(e) => {\n          if (\n            e.key === \"Enter\" &&\n            !e.shiftKey &&\n            !e.metaKey &&\n            !e.nativeEvent.isComposing\n          ) {\n            e.preventDefault();\n            if (canSubmit) {\n              e.currentTarget.form?.requestSubmit();\n            }\n          }\n        }}\n        disabled={isLoading}\n        className=\"w-full field-sizing-content resize-none p-3.5 bg-transparent text-white placeholder-zinc-500 focus:outline-none disabled:opacity-50 disabled:cursor-not-allowed overflow-y-auto thread-scrollbar\"\n        rows={1}\n      />\n\n      {/* Footer with controls */}\n      <div className=\"flex justify-between items-center px-1 pb-2\">\n        <div className=\"flex gap-1 m-2\">\n          <label\n            htmlFor=\"file-input\"\n            className={`cursor-pointer ${isLoading ? \"opacity-50 cursor-not-allowed\" : \"\"\n              }`}\n          >\n            <Paperclip\n              size={24}\n              className=\"text-zinc-400 hover:text-white hover:bg-zinc-800 rounded p-1 transition-colors\"\n            />\n          </label>\n          <input\n            id=\"file-input\"\n            type=\"file\"\n            multiple\n            disabled={isLoading}\n            accept={inputFileAccept}\n            className=\"hidden\"\n            onChange={handleFileSelect}\n          />\n        </div>\n\n        <div className=\"flex gap-2 items-center\">\n          {isLoading && onCancel && (\n            <button\n              type=\"button\"\n              onClick={onCancel}\n              className=\"px-3 py-1 text-xs text-zinc-400 hover:text-white hover:bg-zinc-800 rounded transition-colors\"\n            >\n              Cancel\n            </button>\n          )}\n\n          <button\n            type=\"submit\"\n            disabled={!canSubmit}\n            className=\"focus:outline-none transition-all bg-zinc-300 border rounded-full p-1 cursor-pointer\"\n            style={{ border: \"none\" }}\n          >\n            <MoveUp size={24} className=\"text-black p-1\" />\n          </button>\n        </div>\n      </div>\n    </form>\n  );\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.es11.js","sources":["../src/components/ChatBody.tsx"],"sourcesContent":["import { useStreamContext } from \"@/providers/Stream\";\nimport { logger } from \"@/utils/logger\";\nimport { isAiWithToolCalls, isToolMessage } from \"@/utils/utils\";\nimport React, { useCallback, useEffect, useLayoutEffect, useMemo, useRef } from \"react\";\nimport AgentMessage from \"./messages/AgentMessage\";\nimport CustomComponentRender from \"./messages/CustomComponentRender\";\nimport HumanMessage from \"./messages/HumanMessage\";\nimport Thinking from \"./Thinking\";\nimport ToolCallFunctions from \"./ToolCallFunctions\";\n\nexport default function ChatBody({ setIsFirstMessage, enableToolCallIndicator }: { setIsFirstMessage?: React.Dispatch<React.SetStateAction<boolean>>, enableToolCallIndicator?: boolean }) {\n  const stream = useStreamContext();\n  const messages = stream.messages;\n  const isLoading = stream.isLoading;\n\n  logger.debug(\"ChatBody render - messages count:\", messages, \"isLoading:\", isLoading);\n\n  // Memoize messages with stable reference\n  const memoMessages = useMemo(() => messages ?? [], [messages]);\n\n  const containerRef = useRef<HTMLDivElement | null>(null);\n  const prevMessageCountRef = useRef(0);\n  const shouldAutoScrollRef = useRef(true);\n\n  // Get the parent scroll container\n  const getScrollContainer = useCallback(() => {\n    if (containerRef.current) {\n      // Find the parent with overflow-y-auto class\n      let parent = containerRef.current.parentElement;\n      while (parent) {\n        const style = window.getComputedStyle(parent);\n        if (style.overflowY === 'auto' || style.overflowY === 'scroll') {\n          return parent;\n        }\n        parent = parent.parentElement;\n      }\n    }\n    return null;\n  }, []);\n\n  useEffect(() => {\n    if (memoMessages.length > 0 && setIsFirstMessage) {\n      setIsFirstMessage(false);\n    }\n  }, [memoMessages.length, setIsFirstMessage]);\n\n  // Memoize message rendering logic to prevent unnecessary re-renders\n  const renderMessage = useCallback((msg: typeof messages[0], index: number, messagesArray: typeof messages) => {\n    if (!msg.content.length) return null;\n\n    if (msg.additional_kwargs?.hidden) {\n      return null;\n    }\n\n    const isLastMessage = index === messagesArray.length - 1;\n    const isStreamingThisMessage =\n      isLoading && isLastMessage && msg.type === \"ai\";\n\n    // Use message id or fallback to index for key\n    const msgKey = msg.id ?? `msg-${index}`;\n\n    if (msg.type === \"human\") {\n      return <HumanMessage key={msgKey} message={msg} />;\n    }\n\n    // Skip standalone tool messages\n    if (isToolMessage(msg)) {\n      return null;\n    }\n\n    // Group AI message with tool calls and subsequent tool messages\n    if (isAiWithToolCalls(msg)) {\n      const toolMessages = [];\n      let nextIndex = index + 1;\n      while (\n        nextIndex < messagesArray.length &&\n        isToolMessage(messagesArray[nextIndex])\n      ) {\n        toolMessages.push(messagesArray[nextIndex]);\n        nextIndex++;\n      }\n\n      // Check if there's text content to display\n      // Handle both string and array content formats\n      const hasTextContent =\n        (typeof msg.content === \"string\" && msg.content.trim()) ||\n        (Array.isArray(msg.content) && msg.content.some((c: any) => c.type === \"text\" && c.text?.trim()));\n\n      return (\n        <React.Fragment key={msgKey}>\n          {/* 1. Thinking indicator - only show if tool messages exist */}\n          {toolMessages.length > 0 && enableToolCallIndicator && (\n            <ToolCallFunctions\n              title=\"Agent Thinking\"\n              toolMessages={toolMessages}\n            />\n          )}\n          {/* 2. Agent message (if has text) */}\n          {hasTextContent && (\n            <AgentMessage\n              message={msg}\n              isStreaming={isStreamingThisMessage}\n            />\n          )}\n          {/* 3. Custom component */}\n          <CustomComponentRender message={msg} thread={stream} />\n        </React.Fragment>\n      );\n    }\n\n    return (\n      <React.Fragment key={msgKey}>\n        <AgentMessage\n          message={msg}\n          isStreaming={isStreamingThisMessage}\n        />\n        <CustomComponentRender message={msg} thread={stream} />\n      </React.Fragment>\n    );\n  }, [isLoading, stream, enableToolCallIndicator]);\n\n  // Memoize the rendered messages array\n  const renderedMessages = useMemo(() => {\n    return memoMessages.map((msg, index) => {\n      const element = renderMessage(msg, index, memoMessages);\n      // Ensure every element has a key, using message id or fallback to index\n      if (element && !element.key) {\n        return React.cloneElement(element, { key: msg.id ?? `msg-${index}` });\n      }\n      return element;\n    });\n  }, [memoMessages, renderMessage]);\n\n  // Track user scroll position to determine if we should auto-scroll\n  useEffect(() => {\n    const scrollContainer = getScrollContainer();\n    if (!scrollContainer) return;\n\n    const handleScroll = () => {\n      const { scrollTop, scrollHeight, clientHeight } = scrollContainer;\n      const distanceFromBottom = scrollHeight - scrollTop - clientHeight;\n      // Consider \"at bottom\" if within 100px\n      shouldAutoScrollRef.current = distanceFromBottom < 100;\n    };\n\n    scrollContainer.addEventListener('scroll', handleScroll);\n    return () => scrollContainer.removeEventListener('scroll', handleScroll);\n  }, [getScrollContainer]);\n\n  // Auto-scroll when new messages are added\n  useEffect(() => {\n    const scrollContainer = getScrollContainer();\n    if (!scrollContainer) return;\n\n    const currentCount = memoMessages.length;\n    const hasNewMessage = currentCount > prevMessageCountRef.current;\n\n    if (hasNewMessage) {\n      scrollContainer.scrollTop = scrollContainer.scrollHeight;\n      shouldAutoScrollRef.current = true;\n    }\n\n    prevMessageCountRef.current = currentCount;\n  }, [memoMessages, getScrollContainer]);\n\n  // Use MutationObserver to detect DOM changes and auto-scroll during streaming\n  useEffect(() => {\n    const scrollContainer = getScrollContainer();\n    if (!scrollContainer || !isLoading) return;\n\n    const observer = new MutationObserver(() => {\n      if (shouldAutoScrollRef.current && scrollContainer) {\n        scrollContainer.scrollTop = scrollContainer.scrollHeight;\n      }\n    });\n\n    // Observe the ChatBody container for changes\n    if (containerRef.current) {\n      observer.observe(containerRef.current, {\n        childList: true,\n        subtree: true,\n        characterData: true,\n      });\n    }\n\n    return () => observer.disconnect();\n  }, [isLoading, getScrollContainer]);\n\n  // Use useLayoutEffect to scroll after DOM updates\n  useLayoutEffect(() => {\n    const scrollContainer = getScrollContainer();\n    if (isLoading && shouldAutoScrollRef.current && scrollContainer) {\n      scrollContainer.scrollTop = scrollContainer.scrollHeight;\n    }\n  });\n\n  return (\n    <div\n      ref={containerRef}\n      className=\"flex flex-col gap-4 rounded-4xl p-2\"\n    >\n      {memoMessages.length === 0 ? (\n        <div className=\"flex items-center justify-center h-full text-zinc-500\">\n          Start a conversation...\n        </div>\n      ) : (\n        <>\n          {renderedMessages}\n          {/* Show thinking indicator when loading but no AI response yet */}\n          {isLoading && memoMessages.length > 0 && memoMessages[memoMessages.length - 1].type === \"human\" && (\n            <div className=\"flex items-center gap-2\">\n              {/* Thinking<span className=\"animate-pulse\">...</span> */}\n              <Thinking />\n            </div>\n          )}\n        </>\n      )}\n    </div>\n  );\n}\n"],"names":["React"],"mappings":"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"}