langgraph-ui-components 0.0.10 → 0.0.11

package/dist/index.es116.js

@@ -1,5 +1,5 @@
 import { __export } from "./index.es52.js";
-import { getBufferString } from "./index.es45.js";
+import { getBufferString } from "./index.es47.js";
 import { getEnvironmentVariable } from "./index.es231.js";
 import { isBaseCallbackHandler, BaseCallbackHandler } from "./index.es232.js";
 import { isBaseTracer } from "./index.es123.js";

package/dist/index.es119.js

@@ -1,4 +1,4 @@
-import { getLangSmithEnvironmentVariable } from "./index.es285.js";
+import { getLangSmithEnvironmentVariable } from "./index.es287.js";
 var LIMIT_REPLACE_NODE = "[...]";
 var CIRCULAR_REPLACE_NODE = { result: "[Circular]" };
 var arr = [];

package/dist/index.es12.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { useStreamContext } from "./index.es7.js";
 import { useGeneratedSuggestions } from "./index.es11.js";
-import { LiquidButton } from "./index.es29.js";
+import { LiquidButton } from "./index.es28.js";
 function Suggestion() {
   const stream = useStreamContext();
   const agentSuggestions = stream.values?.suggestions;

package/dist/index.es120.js

@@ -1,12 +1,12 @@
-import { Client } from "./index.es280.js";
-import { isTracingEnabled } from "./index.es292.js";
-import { isConflictingEndpointsError, ConflictingEndpointsError } from "./index.es289.js";
-import { _LC_CONTEXT_VARIABLES_KEY, _REPLICA_TRACE_ROOTS_KEY } from "./index.es293.js";
-import { getContextVar, setContextVar } from "./index.es294.js";
-import { getEnvironmentVariable, getRuntimeEnvironment, getLangSmithEnvironmentVariable } from "./index.es285.js";
-import { getDefaultProjectName } from "./index.es263.js";
-import { warnOnce } from "./index.es287.js";
-import { uuid7FromTime } from "./index.es286.js";
+import { Client } from "./index.es282.js";
+import { isTracingEnabled } from "./index.es294.js";
+import { isConflictingEndpointsError, ConflictingEndpointsError } from "./index.es291.js";
+import { _LC_CONTEXT_VARIABLES_KEY, _REPLICA_TRACE_ROOTS_KEY } from "./index.es295.js";
+import { getContextVar, setContextVar } from "./index.es296.js";
+import { getEnvironmentVariable, getRuntimeEnvironment, getLangSmithEnvironmentVariable } from "./index.es287.js";
+import { getDefaultProjectName } from "./index.es262.js";
+import { warnOnce } from "./index.es289.js";
+import { uuid7FromTime } from "./index.es288.js";
 import { v5 } from "uuid";
 const UUID_NAMESPACE_DNS = "6ba7b810-9dad-11d1-80b4-00c04fd430c8";
 function getReplicaKey(replica) {

package/dist/index.es13.js

@@ -1,12 +1,12 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { useStreamContext } from "./index.es7.js";
-import { isAiWithToolCalls, isToolMessage } from "./index.es23.js";
+import { isAiWithToolCalls, isToolMessage } from "./index.es22.js";
 import React__default, { useMemo, useRef, useCallback, useEffect, useLayoutEffect } from "react";
-import AgentMessage from "./index.es24.js";
-import CustomComponentRender from "./index.es25.js";
-import HumanMessage from "./index.es26.js";
-import Thinking from "./index.es27.js";
-import ToolCallFunctions from "./index.es28.js";
+import AgentMessage from "./index.es23.js";
+import CustomComponentRender from "./index.es24.js";
+import HumanMessage from "./index.es25.js";
+import Thinking from "./index.es26.js";
+import ToolCallFunctions from "./index.es27.js";
 function ChatBody({ setIsFirstMessage, enableToolCallIndicator }) {
   const stream = useStreamContext();
   const messages = stream.messages;

package/dist/index.es15.js

@@ -1,6 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { FileIcon, X, Paperclip, MoveUp } from "lucide-react";
-import "react";
+import { Paperclip, Loader2, MoveUp } from "lucide-react";
+import { useState } from "react";
 function ChatInput({
   input,
   inputFileAccept = ".png,.jpg,.jpeg,.pdf,.docx",
@@ -10,41 +10,69 @@ function ChatInput({
   setFileInput,
   handleFileSelect,
   isLoading = false,
-  onCancel
+  onCancel,
+  filePreview
 }) {
   const canSubmit = (input.trim().length > 0 || fileInput.length > 0) && !isLoading;
+  const [isDragOver, setIsDragOver] = useState(false);
+  const handleDragOver = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragOver(true);
+  };
+  const handleDragLeave = (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragOver(false);
+  };
+  const handleDrop = async (e) => {
+    e.preventDefault();
+    e.stopPropagation();
+    setIsDragOver(false);
+    const files = Array.from(e.dataTransfer.files);
+    if (files.length === 0) return;
+    const acceptedFiles = files.filter((file) => {
+      if (!inputFileAccept) return true;
+      const acceptTypes = inputFileAccept.split(",").map((type) => type.trim());
+      return acceptTypes.some((type) => {
+        if (type.startsWith(".")) {
+          return file.name.toLowerCase().endsWith(type.toLowerCase());
+        }
+        return file.type.match(type.replace("*", ".*"));
+      });
+    });
+    if (acceptedFiles.length === 0) return;
+    const fileDetails = await Promise.all(
+      acceptedFiles.map(async (file) => {
+        const base64Data = await new Promise((resolve, reject) => {
+          const reader = new FileReader();
+          reader.onload = () => {
+            const result = reader.result;
+            resolve(result.split(",")[1]);
+          };
+          reader.onerror = reject;
+          reader.readAsDataURL(file);
+        });
+        return {
+          fileName: file.name,
+          fileType: file.type,
+          file,
+          fileData: base64Data
+        };
+      })
+    );
+    setFileInput((prevFile) => [...prevFile, ...fileDetails]);
+  };
   return /* @__PURE__ */ jsxs(
     "form",
     {
       onSubmit: handleSubmit,
-      className: "relative flex flex-col gap-2 border rounded-xl m-2 bg-zinc-900 border-zinc-800",
+      className: `relative flex flex-col gap-2 border rounded-xl m-2 bg-zinc-900 border-zinc-800 transition-colors ${isDragOver ? "border-blue-500 bg-zinc-800" : ""}`,
+      onDragOver: handleDragOver,
+      onDragLeave: handleDragLeave,
+      onDrop: handleDrop,
       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",
-          {
-            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}`
-        )) }),
+        filePreview && filePreview(fileInput, setFileInput),
         /* @__PURE__ */ jsx(
           "textarea",
           {
@@ -115,7 +143,7 @@ function ChatInput({
                 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" })
+                children: isLoading ? /* @__PURE__ */ jsx(Loader2, { size: 24, className: "animate-spin text-black p-1" }) : /* @__PURE__ */ jsx(MoveUp, { size: 24, className: "text-black p-1" })
               }
             )
           ] })

package/dist/index.es15.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es15.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.es15.js","sources":["../src/components/sidebar/ChatInput.tsx"],"sourcesContent":["import type { FileInfo } from \"@/types/fileInput\";\nimport { MoveUp, Paperclip, Loader2 } from \"lucide-react\";\nimport {\n  type ChangeEvent,\n  type Dispatch,\n  type FormEvent,\n  type SetStateAction,\n  useState,\n  type DragEvent,\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  filePreview,\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  filePreview?: (files: FileInfo[], setFileInput: Dispatch<SetStateAction<FileInfo[]>>) => React.ReactNode;\n}) {\n  const canSubmit =\n    (input.trim().length > 0 || fileInput.length > 0) && !isLoading;\n\n  const [isDragOver, setIsDragOver] = useState(false);\n\n  const handleDragOver = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragOver(true);\n  };\n\n  const handleDragLeave = (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragOver(false);\n  };\n\n  const handleDrop = async (e: DragEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    setIsDragOver(false);\n\n    const files = Array.from(e.dataTransfer.files);\n    if (files.length === 0) return;\n\n    const acceptedFiles = files.filter(file => {\n      if (!inputFileAccept) return true;\n      const acceptTypes = inputFileAccept.split(',').map(type => type.trim());\n      return acceptTypes.some(type => {\n        if (type.startsWith('.')) {\n          return file.name.toLowerCase().endsWith(type.toLowerCase());\n        }\n        return file.type.match(type.replace('*', '.*'));\n      });\n    });\n\n    if (acceptedFiles.length === 0) return;\n\n    const fileDetails: FileInfo[] = await Promise.all(\n      acceptedFiles.map(async (file) => {\n        const base64Data = await new Promise<string>((resolve, reject) => {\n          const reader = new FileReader();\n          reader.onload = () => {\n            const result = reader.result as string;\n            resolve(result.split(\",\")[1]); \n          };\n          reader.onerror = reject;\n          reader.readAsDataURL(file);\n        });\n\n        return {\n          fileName: file.name,\n          fileType: file.type,\n          file: file,\n          fileData: base64Data,\n        };\n      })\n    );\n\n    setFileInput((prevFile) => [...prevFile, ...fileDetails]);\n  };\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 transition-colors ${\n        isDragOver ? 'border-blue-500 bg-zinc-800' : ''\n      }`}\n      onDragOver={handleDragOver}\n      onDragLeave={handleDragLeave}\n      onDrop={handleDrop}\n    >\n      {/* File attachments preview */}\n      {filePreview && filePreview(fileInput, setFileInput)}\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            {isLoading ? (\n              <Loader2 size={24} className=\"animate-spin text-black p-1\" />\n            ) : (\n              <MoveUp size={24} className=\"text-black p-1\" />\n            )}\n          </button>\n        </div>\n      </div>\n    </form>\n  );\n}\n"],"names":[],"mappings":"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"}

package/dist/index.es16.js

@@ -1,7 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import useTools from "./index.es10.js";
 import { useThread } from "./index.es6.js";
-import { getContentString } from "./index.es23.js";
+import { getContentString } from "./index.es22.js";
 import { PanelLeft, MoreVertical, Pencil, Share2, Archive, Trash2 } from "lucide-react";
 import { useState, useEffect, useRef } from "react";
 function ThreadHistory() {

package/dist/index.es18.js

@@ -1,16 +1,16 @@
 import { __export } from "./index.es52.js";
 import { parseMimeType, parseBase64DataUrl, isURLContentBlock, isPlainTextContentBlock, isIDContentBlock, isDataContentBlock, isBase64ContentBlock, convertToProviderContentBlock, convertToOpenAIImageBlock } from "./index.es53.js";
 import { isMessage } from "./index.es54.js";
-import { mergeContent, isOpenAIToolCallArray, isBaseMessageChunk, isBaseMessage, _mergeStatus, _mergeObj, _mergeLists, _mergeDicts, _isMessageFieldWithRole, BaseMessageChunk, BaseMessage } from "./index.es39.js";
+import { mergeContent, isOpenAIToolCallArray, isBaseMessageChunk, isBaseMessage, _mergeStatus, _mergeObj, _mergeLists, _mergeDicts, _isMessageFieldWithRole, BaseMessageChunk, BaseMessage } from "./index.es41.js";
 import { mergeUsageMetadata, mergeResponseMetadata } from "./index.es55.js";
-import { isToolMessageChunk, isToolMessage, isDirectToolOutput, defaultToolCallParser, ToolMessageChunk, ToolMessage } from "./index.es43.js";
+import { isToolMessageChunk, isToolMessage, isDirectToolOutput, defaultToolCallParser, ToolMessageChunk, ToolMessage } from "./index.es45.js";
 import { isChatMessageChunk, isChatMessage, ChatMessageChunk, ChatMessage } from "./index.es56.js";
 import { isFunctionMessageChunk, isFunctionMessage, FunctionMessageChunk, FunctionMessage } from "./index.es57.js";
-import { isHumanMessageChunk, isHumanMessage, HumanMessageChunk, HumanMessage } from "./index.es40.js";
-import { RemoveMessage } from "./index.es44.js";
-import { isSystemMessageChunk, isSystemMessage, SystemMessageChunk, SystemMessage } from "./index.es42.js";
-import { mapStoredMessagesToChatMessages, mapStoredMessageToChatMessage, mapChatMessagesToStoredMessages, iife, getBufferString, convertToChunk, collapseToolCallChunks, coerceMessageLikeToMessage } from "./index.es45.js";
-import { isAIMessageChunk, isAIMessage, AIMessageChunk, AIMessage } from "./index.es41.js";
+import { isHumanMessageChunk, isHumanMessage, HumanMessageChunk, HumanMessage } from "./index.es42.js";
+import { RemoveMessage } from "./index.es46.js";
+import { isSystemMessageChunk, isSystemMessage, SystemMessageChunk, SystemMessage } from "./index.es44.js";
+import { mapStoredMessagesToChatMessages, mapStoredMessageToChatMessage, mapChatMessagesToStoredMessages, iife, getBufferString, convertToChunk, collapseToolCallChunks, coerceMessageLikeToMessage } from "./index.es47.js";
+import { isAIMessageChunk, isAIMessage, AIMessageChunk, AIMessage } from "./index.es43.js";
 import { trimMessages, mergeMessageRuns, filterMessages, defaultTextSplitter } from "./index.es58.js";
 import { KNOWN_BLOCK_TYPES as KNOWN_BLOCK_TYPES$2 } from "./index.es59.js";
 var messages_exports = {};

package/dist/index.es2.js

@@ -11,7 +11,7 @@ import ChatBody from "./index.es13.js";
 import ChatButton from "./index.es14.js";
 import ChatInput from "./index.es15.js";
 function Sidebar(props) {
-  const { handleFileSelect, callThisOnSubmit, enableToolCallIndicator, header, inputFileAccept } = props;
+  const { handleFileSelect, callThisOnSubmit, enableToolCallIndicator, header, inputFileAccept, filePreview, s3_upload, preventSubmit } = props;
   const [open, setOpen] = useState(false);
   const [input, setInput] = useState("");
   const { fileInput, setFileInput } = useFileProvider();
@@ -23,21 +23,34 @@ function Sidebar(props) {
   }, [setMode]);
   const defaultHandleSubmit = async (e) => {
     e.preventDefault();
-    if (input.trim().length === 0 && fileInput.length === 0 || isLoading)
+    if (preventSubmit || input.trim().length === 0 && fileInput.length === 0 || isLoading)
       return;
     let latestFiles = fileInput;
     if (callThisOnSubmit) {
       const result = await callThisOnSubmit();
       if (result && result.length > 0) latestFiles = result;
     }
-    const contentBlocks = [
-      ...input.trim().length > 0 ? [{ type: "text", text: input }] : [],
-      ...latestFiles.map((file) => ({
-        type: "document",
-        ...file,
-        cache_control: { type: "ephemeral" }
-      }))
-    ];
+    let contentBlocks;
+    if (s3_upload) {
+      let messageText = input.trim();
+      if (latestFiles.length > 0) {
+        const fileNames = latestFiles.map((file) => file.fileName).join(", ");
+        const fileText = `file${latestFiles.length > 1 ? "s" : ""} uploaded: ${fileNames}`;
+        messageText = messageText ? `${fileText}
+
+ - ${messageText}` : fileText;
+      }
+      contentBlocks = [{ type: "text", text: messageText }];
+    } else {
+      contentBlocks = [
+        ...input.trim().length > 0 ? [{ type: "text", text: input }] : [],
+        ...latestFiles.map((file) => ({
+          type: "document",
+          ...file,
+          cache_control: { type: "ephemeral" }
+        }))
+      ];
+    }
     const newHumanMessage = {
       id: v4(),
       type: "human",
@@ -128,7 +141,8 @@ function Sidebar(props) {
                 fileInput,
                 handleFileSelect: onFileSelect,
                 setFileInput,
-                onCancel: () => stream.stop?.()
+                onCancel: () => stream.stop?.(),
+                filePreview
               }
             ) })
           ] })

package/dist/index.es2.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es2.js","sources":["../src/pages/Sidebar/sidebar.tsx"],"sourcesContent":["import Suggestion from \"@/components/Suggestion\";\nimport { useFileProvider } from \"@/providers/FileProvider\";\nimport { useStreamContext } from \"@/providers/Stream\";\nimport { useThread } from \"@/providers/Thread\";\nimport type { ChatSidebarProps } from \"@/types/ChatProps\";\nimport type { FileInfo } from \"@/types/fileInput\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { X } from \"lucide-react\";\nimport { useEffect, useState, type FormEvent } from \"react\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport ChatBody from \"../../components/ChatBody\";\nimport ChatButton from \"../../components/ChatButton\";\nimport ChatInput from \"../../components/sidebar/ChatInput\";\n\n/**\n * Main sidebar chat interface component.\n * Displays a chat button that opens a sliding sidebar with full chat functionality.\n * \n * @param header - Custom header text for the chat sidebar (default: \"AI Assistant\")\n * @param handleFileSelect - Optional custom file selection handler\n * @param callThisOnSubmit - Optional callback invoked before message submission, can return updated file list\n * \n * @example\n * ```tsx\n * <Sidebar \n *   header=\"My Custom AI\"\n *   callThisOnSubmit={async () => {\n *     // Upload files to your backend\n *     return updatedFiles;\n *   }}\n * />\n * ```\n */\nexport default function Sidebar(props: ChatSidebarProps) {\n\n  const { handleFileSelect, callThisOnSubmit, enableToolCallIndicator, header, inputFileAccept } = props;\n  const [open, setOpen] = useState(false);\n  const [input, setInput] = useState(\"\");\n  const { fileInput, setFileInput } = useFileProvider();\n\n  const stream = useStreamContext();\n  const isLoading = stream.isLoading;\n  const { setMode } = useThread();\n\n  // Set thread mode to single when using Sidebar\n  useEffect(() => {\n    setMode(\"single\");\n  }, [setMode]);\n\n  const defaultHandleSubmit = async (e: FormEvent) => {\n    e.preventDefault();\n\n    if ((input.trim().length === 0 && fileInput.length === 0) || isLoading)\n      return;\n\n    // Call the custom upload and get the latest files\n    let latestFiles: FileInfo[] = fileInput;\n    if (callThisOnSubmit) {\n      const result = await callThisOnSubmit();\n      if (result && result.length > 0) latestFiles = result;\n    }\n\n    const contentBlocks = [\n      ...(input.trim().length > 0 ? [{ type: \"text\", text: input }] : []),\n      ...latestFiles.map((file) => ({\n        type: \"document\" as const,\n        ...file,\n        cache_control: { type: \"ephemeral\" as const },\n      })),\n    ] as unknown as Message[\"content\"];\n\n    const newHumanMessage: Message = {\n      id: uuidv4(),\n      type: \"human\",\n      content: contentBlocks,\n    };\n\n    // Use the unified submitMessage function\n    await stream.submitMessage(newHumanMessage);\n\n    setInput(\"\");\n    setFileInput([]);\n  };\n\n  const defaultHandleFileSelect = async (\n    event: React.ChangeEvent<HTMLInputElement>\n  ) => {\n    const files = event.target.files;\n    if (!files) return;\n\n    // Convert files to base64 for sending\n    const fileDetails: FileInfo[] = await Promise.all(\n      Array.from(files).map(async (file) => {\n        const base64Data = await new Promise<string>((resolve, reject) => {\n          const reader = new FileReader();\n          reader.onload = () => {\n            const result = reader.result as string;\n            resolve(result.split(\",\")[1]); // Remove data:...;base64, prefix\n          };\n          reader.onerror = reject;\n          reader.readAsDataURL(file);\n        });\n\n        return {\n          fileName: file.name,\n          fileType: file.type,\n          file: file,\n          fileData: base64Data, // Add this to your FileInfo type\n        };\n      })\n    );\n\n    setFileInput((prevFile) => [...prevFile, ...fileDetails]);\n  };\n\n  const onFileSelect = handleFileSelect || defaultHandleFileSelect;\n  \n  return (\n    <>\n      <AnimatePresence>\n        {open && (\n          <>\n            {/* Overlay */}\n            <motion.div\n              className=\"fixed inset-0 z-40 bg-black/30\"\n              onClick={() => setOpen(false)}\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n            />\n\n            {/* Sidebar */}\n            <motion.aside\n              className=\"fixed right-0 top-0 z-50 h-screen w-[520px] bg-black flex flex-col text-white\"\n              initial={{ x: \"100%\" }}\n              animate={{ x: 0 }}\n              exit={{ x: \"100%\" }}\n              transition={{ type: \"spring\", stiffness: 260, damping: 30 }}\n            >\n              <div className=\"flex h-full flex-col\">\n                <div className=\"flex border-b border-zinc-800 py-4 px-6 justify-between items-center\">\n                  <div className=\"flex items-center gap-3\">\n                    {header?.logoUrl && (\n                      // Render provided logo image if present\n                      <img\n                        src={header?.logoUrl}\n                        alt={header?.title ? `${header.title} logo` : \"AI Assistant logo\"}\n                        className=\"h-8 w-8 object-contain rounded-sm\"\n                      />\n                    )}\n                    <div className=\"text-start text-2xl font-bold\">{header?.title || \"AI Assistant\"}</div>\n                  </div>\n                  <X\n                    className=\"text-zinc-400 cursor-pointer\"\n                    onClick={() => setOpen(false)}\n                  />\n                </div>\n\n                <div className=\"flex-1 overflow-auto scrollbar-none\">\n                  <div className=\"p-4\">\n                    <ChatBody enableToolCallIndicator={enableToolCallIndicator} />\n                  </div>\n                </div>\n                <Suggestion />\n                <div className=\"sticky bottom-0 border-t border-zinc-800 m-2\">\n                  <ChatInput\n                    input={input}\n                    inputFileAccept={inputFileAccept}\n                    setInput={setInput}\n                    handleSubmit={defaultHandleSubmit}\n                    isLoading={isLoading}\n                    fileInput={fileInput}\n                    handleFileSelect={onFileSelect}\n                    setFileInput={setFileInput}\n                    onCancel={() => stream.stop?.()}\n                  />\n                </div>\n              </div>\n            </motion.aside>\n          </>\n        )}\n      </AnimatePresence>\n\n      <ChatButton isVisible={!open} setOpen={setOpen} />\n    </>\n  );\n}\n"],"names":["uuidv4"],"mappings":"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"}
+{"version":3,"file":"index.es2.js","sources":["../src/pages/Sidebar/sidebar.tsx"],"sourcesContent":["import Suggestion from \"@/components/Suggestion\";\nimport { useFileProvider } from \"@/providers/FileProvider\";\nimport { useStreamContext } from \"@/providers/Stream\";\nimport { useThread } from \"@/providers/Thread\";\nimport type { ChatSidebarProps } from \"@/types/ChatProps\";\nimport type { FileInfo } from \"@/types/fileInput\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { X } from \"lucide-react\";\nimport { useEffect, useState, type FormEvent } from \"react\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport ChatBody from \"../../components/ChatBody\";\nimport ChatButton from \"../../components/ChatButton\";\nimport ChatInput from \"../../components/sidebar/ChatInput\";\n\n/**\n * Main sidebar chat interface component.\n * Displays a chat button that opens a sliding sidebar with full chat functionality.\n * \n * @param header - Custom header text for the chat sidebar (default: \"AI Assistant\")\n * @param handleFileSelect - Optional custom file selection handler\n * @param callThisOnSubmit - Optional callback invoked before message submission, can return updated file list\n * @param preventSubmit - Optional boolean to prevent all submit actions when true\n * \n * @example\n * ```tsx\n * <Sidebar \n *   header=\"My Custom AI\"\n *   preventSubmit={true} // Disables all submit functionality\n *   callThisOnSubmit={async () => {\n *     // Upload files to your backend\n *     return updatedFiles;\n *   }}\n * />\n * ```\n */\nexport default function Sidebar(props: ChatSidebarProps) {\n\n  const { handleFileSelect, callThisOnSubmit, enableToolCallIndicator, header, inputFileAccept, filePreview, s3_upload, preventSubmit } = props;\n  const [open, setOpen] = useState(false);\n  const [input, setInput] = useState(\"\");\n  const { fileInput, setFileInput } = useFileProvider();\n\n  const stream = useStreamContext();\n  const isLoading = stream.isLoading;\n  const { setMode } = useThread();\n\n  // Set thread mode to single when using Sidebar\n  useEffect(() => {\n    setMode(\"single\");\n  }, [setMode]);\n\n  const defaultHandleSubmit = async (e: FormEvent) => {\n    e.preventDefault();\n\n    if (preventSubmit || (input.trim().length === 0 && fileInput.length === 0) || isLoading)\n      return;\n\n    // Call the custom upload and get the latest files\n    let latestFiles: FileInfo[] = fileInput;\n    if (callThisOnSubmit) {\n      const result = await callThisOnSubmit();\n      if (result && result.length > 0) latestFiles = result;\n    }\n\n    // Create content blocks based on upload type\n    let contentBlocks: any;\n    if (s3_upload) {\n      // For S3 uploads, send text message\n      let messageText = input.trim();\n      if (latestFiles.length > 0) {\n        const fileNames = latestFiles.map(file => file.fileName).join(\", \");\n        const fileText = `file${latestFiles.length > 1 ? 's' : ''} uploaded: ${fileNames}`;\n        messageText = messageText ? `${fileText}\\n\\n - ${messageText}` : fileText;\n      }\n      contentBlocks = [{ type: \"text\", text: messageText }];\n    } else {\n      contentBlocks = [\n        ...(input.trim().length > 0 ? [{ type: \"text\", text: input }] : []),\n        ...latestFiles.map((file) => ({\n          type: \"document\" as const,\n          ...file,\n          cache_control: { type: \"ephemeral\" as const },\n        })),\n      ];\n    }\n\n    const newHumanMessage: Message = {\n      id: uuidv4(),\n      type: \"human\",\n      content: contentBlocks,\n    };\n\n    // Use the unified submitMessage function\n    await stream.submitMessage(newHumanMessage);\n\n    setInput(\"\");\n    setFileInput([]);\n  };\n\n  const defaultHandleFileSelect = async (\n    event: React.ChangeEvent<HTMLInputElement>\n  ) => {\n    const files = event.target.files;\n    if (!files) return;\n\n    // Convert files to base64 for sending\n    const fileDetails: FileInfo[] = await Promise.all(\n      Array.from(files).map(async (file) => {\n        const base64Data = await new Promise<string>((resolve, reject) => {\n          const reader = new FileReader();\n          reader.onload = () => {\n            const result = reader.result as string;\n            resolve(result.split(\",\")[1]); // Remove data:...;base64, prefix\n          };\n          reader.onerror = reject;\n          reader.readAsDataURL(file);\n        });\n\n        return {\n          fileName: file.name,\n          fileType: file.type,\n          file: file,\n          fileData: base64Data, // Add this to your FileInfo type\n        };\n      })\n    );\n\n    setFileInput((prevFile) => [...prevFile, ...fileDetails]);\n  };\n\n  const onFileSelect = handleFileSelect || defaultHandleFileSelect;\n  \n  return (\n    <>\n      <AnimatePresence>\n        {open && (\n          <>\n            {/* Overlay */}\n            <motion.div\n              className=\"fixed inset-0 z-40 bg-black/30\"\n              onClick={() => setOpen(false)}\n              initial={{ opacity: 0 }}\n              animate={{ opacity: 1 }}\n              exit={{ opacity: 0 }}\n            />\n\n            {/* Sidebar */}\n            <motion.aside\n              className=\"fixed right-0 top-0 z-50 h-screen w-[520px] bg-black flex flex-col text-white\"\n              initial={{ x: \"100%\" }}\n              animate={{ x: 0 }}\n              exit={{ x: \"100%\" }}\n              transition={{ type: \"spring\", stiffness: 260, damping: 30 }}\n            >\n              <div className=\"flex h-full flex-col\">\n                <div className=\"flex border-b border-zinc-800 py-4 px-6 justify-between items-center\">\n                  <div className=\"flex items-center gap-3\">\n                    {header?.logoUrl && (\n                      // Render provided logo image if present\n                      <img\n                        src={header?.logoUrl}\n                        alt={header?.title ? `${header.title} logo` : \"AI Assistant logo\"}\n                        className=\"h-8 w-8 object-contain rounded-sm\"\n                      />\n                    )}\n                    <div className=\"text-start text-2xl font-bold\">{header?.title || \"AI Assistant\"}</div>\n                  </div>\n                  <X\n                    className=\"text-zinc-400 cursor-pointer\"\n                    onClick={() => setOpen(false)}\n                  />\n                </div>\n\n                <div className=\"flex-1 overflow-auto scrollbar-none\">\n                  <div className=\"p-4\">\n                    <ChatBody enableToolCallIndicator={enableToolCallIndicator} />\n                  </div>\n                </div>\n                <Suggestion />\n                <div className=\"sticky bottom-0 border-t border-zinc-800 m-2\">\n                  <ChatInput\n                    input={input}\n                    inputFileAccept={inputFileAccept}\n                    setInput={setInput}\n                    handleSubmit={defaultHandleSubmit}\n                    isLoading={isLoading}\n                    fileInput={fileInput}\n                    handleFileSelect={onFileSelect}\n                    setFileInput={setFileInput}\n                    onCancel={() => stream.stop?.()}\n                    filePreview={filePreview}\n                  />\n                </div>\n              </div>\n            </motion.aside>\n          </>\n        )}\n      </AnimatePresence>\n\n      <ChatButton isVisible={!open} setOpen={setOpen} />\n    </>\n  );\n}\n"],"names":["uuidv4"],"mappings":"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"}

package/dist/index.es20.js

@@ -1,5 +1,5 @@
-import { bootstrapUiContext } from "./index.es22.js";
-import { LoadExternalComponent, useStreamContext } from "./index.es22.js";
+import { bootstrapUiContext } from "./index.es29.js";
+import { LoadExternalComponent, useStreamContext } from "./index.es29.js";
 bootstrapUiContext();
 export {
   LoadExternalComponent,

package/dist/index.es22.js

@@ -1,125 +1,21 @@
-import { useStream } from "./index.es19.js";
-import "./index.es18.js";
-import * as React from "react";
-import * as ReactDOM from "react-dom";
-import * as JsxRuntime from "react/jsx-runtime";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-const UseStreamContext = React.createContext(null);
-function useStreamContext() {
-  const ctx = React.useContext(UseStreamContext);
-  if (!ctx) throw new Error("useStreamContext must be used within a LoadExternalComponent");
-  return new Proxy(ctx, { get(target, prop) {
-    if (prop === "meta") return target.meta;
-    return target.stream[prop];
-  } });
+function getContentString(content) {
+  if (typeof content === "string") return content;
+  const texts = content.filter((c) => c.type === "text").map((c) => c.text);
+  return texts.join(" ");
 }
-var ComponentStore = class {
-  cache = {};
-  boundCache = {};
-  callbacks = {};
-  respond(shadowRootId, comp, targetElement) {
-    this.cache[shadowRootId] = {
-      comp,
-      target: targetElement
-    };
-    this.callbacks[shadowRootId]?.forEach((c) => c(comp, targetElement));
-  }
-  getBoundStore(shadowRootId) {
-    this.boundCache[shadowRootId] ??= {
-      subscribe: (onStoreChange) => {
-        this.callbacks[shadowRootId] ??= [];
-        this.callbacks[shadowRootId].push(onStoreChange);
-        return () => {
-          this.callbacks[shadowRootId] = this.callbacks[shadowRootId].filter((c) => c !== onStoreChange);
-        };
-      },
-      getSnapshot: () => this.cache[shadowRootId]
-    };
-    return this.boundCache[shadowRootId];
-  }
-};
-const COMPONENT_STORE = new ComponentStore();
-const EXT_STORE_SYMBOL = /* @__PURE__ */ Symbol.for("LGUI_EXT_STORE");
-const REQUIRE_SYMBOL = /* @__PURE__ */ Symbol.for("LGUI_REQUIRE");
-const REQUIRE_EXTRA_SYMBOL = /* @__PURE__ */ Symbol.for("LGUI_REQUIRE_EXTRA");
-const isIterable = (value) => value != null && typeof value === "object" && Symbol.iterator in value;
-const isPromise = (value) => value != null && typeof value === "object" && "then" in value && typeof value.then === "function";
-const isReactNode = (value) => {
-  if (React.isValidElement(value)) return true;
-  if (value == null) return true;
-  if (typeof value === "string" || typeof value === "number" || typeof value === "bigint" || typeof value === "boolean") return true;
-  if (isIterable(value)) return true;
-  if (isPromise(value)) return true;
-  return false;
-};
-function LoadExternalComponent({ stream, namespace, message, meta, fallback, components, ...props }) {
-  const ref = React.useRef(null);
-  const shadowRootId = `child-shadow-${React.useId()}`;
-  const store = React.useMemo(() => COMPONENT_STORE.getBoundStore(shadowRootId), [shadowRootId]);
-  const state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);
-  const clientComponent = components?.[message.name];
-  const hasClientComponent = clientComponent != null;
-  let fallbackComponent = null;
-  if (isReactNode(fallback)) fallbackComponent = fallback;
-  else if (typeof fallback === "object" && fallback != null) fallbackComponent = fallback?.[message.name];
-  const uiNamespace = namespace ?? stream.assistantId;
-  const uiClient = stream.client["~ui"];
-  React.useEffect(() => {
-    if (hasClientComponent) return;
-    uiClient.getComponent(uiNamespace, message.name).then((html) => {
-      const dom = ref.current;
-      if (!dom) return;
-      const root = dom.shadowRoot ?? dom.attachShadow({ mode: "open" });
-      const fragment = document.createRange().createContextualFragment(html.replace("{{shadowRootId}}", shadowRootId));
-      root.appendChild(fragment);
-    });
-  }, [
-    uiClient,
-    uiNamespace,
-    message.name,
-    shadowRootId,
-    hasClientComponent
-  ]);
-  if (hasClientComponent) return /* @__PURE__ */ jsx(UseStreamContext.Provider, {
-    value: {
-      stream,
-      meta
-    },
-    children: React.createElement(clientComponent, message.props)
-  });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("div", {
-    id: shadowRootId,
-    ref,
-    ...props
-  }), /* @__PURE__ */ jsx(UseStreamContext.Provider, {
-    value: {
-      stream,
-      meta
-    },
-    children: state?.target != null ? ReactDOM.createPortal(React.createElement(state.comp, message.props), state.target) : fallbackComponent
-  })] });
+function isAIMessage(message) {
+  return message.type === "ai";
+}
+function isAiWithToolCalls(message) {
+  return isAIMessage(message) && message.tool_calls && message.tool_calls.length > 0;
 }
-function bootstrapUiContext() {
-  if (typeof window === "undefined") return;
-  window[EXT_STORE_SYMBOL] = COMPONENT_STORE;
-  window[REQUIRE_SYMBOL] = (name) => {
-    if (name === "react") return React;
-    if (name === "react-dom") return ReactDOM;
-    if (name === "react/jsx-runtime") return JsxRuntime;
-    if (name === "@langchain/langgraph-sdk/react") return { useStream };
-    if (name === "@langchain/langgraph-sdk/react-ui") return {
-      useStreamContext,
-      LoadExternalComponent: () => {
-        throw new Error("Nesting LoadExternalComponent is not supported");
-      }
-    };
-    if (window[REQUIRE_EXTRA_SYMBOL] != null && typeof window[REQUIRE_EXTRA_SYMBOL] === "object" && name in window[REQUIRE_EXTRA_SYMBOL]) return window[REQUIRE_EXTRA_SYMBOL][name];
-    throw new Error(`Unknown module...: ${name}`);
-  };
+function isToolMessage(message) {
+  return message.type === "tool";
 }
 export {
-  LoadExternalComponent,
-  bootstrapUiContext,
-  useStreamContext
+  getContentString,
+  isAIMessage,
+  isAiWithToolCalls,
+  isToolMessage
 };
 //# sourceMappingURL=index.es22.js.map

package/dist/index.es22.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es22.js","sources":["../node_modules/.pnpm/@langchain+langgraph-sdk@1.5.3_@langchain+core@1.1.13_openai@6.16.0_zod@4.3.5___react-d_6e8116ad15c37793c6138fe0d58aa04e/node_modules/@langchain/langgraph-sdk/dist/react-ui/client.js"],"sourcesContent":["\"use client\";\n\nimport { useStream } from \"../react/stream.js\";\nimport \"../react/index.js\";\nimport * as React from \"react\";\nimport * as ReactDOM from \"react-dom\";\nimport * as JsxRuntime from \"react/jsx-runtime\";\nimport { Fragment, jsx, jsxs } from \"react/jsx-runtime\";\n\n//#region src/react-ui/client.tsx\nconst UseStreamContext = React.createContext(null);\nfunction useStreamContext() {\n\tconst ctx = React.useContext(UseStreamContext);\n\tif (!ctx) throw new Error(\"useStreamContext must be used within a LoadExternalComponent\");\n\treturn new Proxy(ctx, { get(target, prop) {\n\t\tif (prop === \"meta\") return target.meta;\n\t\treturn target.stream[prop];\n\t} });\n}\nvar ComponentStore = class {\n\tcache = {};\n\tboundCache = {};\n\tcallbacks = {};\n\trespond(shadowRootId, comp, targetElement) {\n\t\tthis.cache[shadowRootId] = {\n\t\t\tcomp,\n\t\t\ttarget: targetElement\n\t\t};\n\t\tthis.callbacks[shadowRootId]?.forEach((c) => c(comp, targetElement));\n\t}\n\tgetBoundStore(shadowRootId) {\n\t\tthis.boundCache[shadowRootId] ??= {\n\t\t\tsubscribe: (onStoreChange) => {\n\t\t\t\tthis.callbacks[shadowRootId] ??= [];\n\t\t\t\tthis.callbacks[shadowRootId].push(onStoreChange);\n\t\t\t\treturn () => {\n\t\t\t\t\tthis.callbacks[shadowRootId] = this.callbacks[shadowRootId].filter((c) => c !== onStoreChange);\n\t\t\t\t};\n\t\t\t},\n\t\t\tgetSnapshot: () => this.cache[shadowRootId]\n\t\t};\n\t\treturn this.boundCache[shadowRootId];\n\t}\n};\nconst COMPONENT_STORE = new ComponentStore();\nconst EXT_STORE_SYMBOL = Symbol.for(\"LGUI_EXT_STORE\");\nconst REQUIRE_SYMBOL = Symbol.for(\"LGUI_REQUIRE\");\nconst REQUIRE_EXTRA_SYMBOL = Symbol.for(\"LGUI_REQUIRE_EXTRA\");\nconst isIterable = (value) => value != null && typeof value === \"object\" && Symbol.iterator in value;\nconst isPromise = (value) => value != null && typeof value === \"object\" && \"then\" in value && typeof value.then === \"function\";\nconst isReactNode = (value) => {\n\tif (React.isValidElement(value)) return true;\n\tif (value == null) return true;\n\tif (typeof value === \"string\" || typeof value === \"number\" || typeof value === \"bigint\" || typeof value === \"boolean\") return true;\n\tif (isIterable(value)) return true;\n\tif (isPromise(value)) return true;\n\treturn false;\n};\nfunction LoadExternalComponent({ stream, namespace, message, meta, fallback, components, ...props }) {\n\tconst ref = React.useRef(null);\n\tconst shadowRootId = `child-shadow-${React.useId()}`;\n\tconst store = React.useMemo(() => COMPONENT_STORE.getBoundStore(shadowRootId), [shadowRootId]);\n\tconst state = React.useSyncExternalStore(store.subscribe, store.getSnapshot);\n\tconst clientComponent = components?.[message.name];\n\tconst hasClientComponent = clientComponent != null;\n\tlet fallbackComponent = null;\n\tif (isReactNode(fallback)) fallbackComponent = fallback;\n\telse if (typeof fallback === \"object\" && fallback != null) fallbackComponent = fallback?.[message.name];\n\tconst uiNamespace = namespace ?? stream.assistantId;\n\tconst uiClient = stream.client[\"~ui\"];\n\tReact.useEffect(() => {\n\t\tif (hasClientComponent) return;\n\t\tuiClient.getComponent(uiNamespace, message.name).then((html) => {\n\t\t\tconst dom = ref.current;\n\t\t\tif (!dom) return;\n\t\t\tconst root = dom.shadowRoot ?? dom.attachShadow({ mode: \"open\" });\n\t\t\tconst fragment = document.createRange().createContextualFragment(html.replace(\"{{shadowRootId}}\", shadowRootId));\n\t\t\troot.appendChild(fragment);\n\t\t});\n\t}, [\n\t\tuiClient,\n\t\tuiNamespace,\n\t\tmessage.name,\n\t\tshadowRootId,\n\t\thasClientComponent\n\t]);\n\tif (hasClientComponent) return /* @__PURE__ */ jsx(UseStreamContext.Provider, {\n\t\tvalue: {\n\t\t\tstream,\n\t\t\tmeta\n\t\t},\n\t\tchildren: React.createElement(clientComponent, message.props)\n\t});\n\treturn /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(\"div\", {\n\t\tid: shadowRootId,\n\t\tref,\n\t\t...props\n\t}), /* @__PURE__ */ jsx(UseStreamContext.Provider, {\n\t\tvalue: {\n\t\t\tstream,\n\t\t\tmeta\n\t\t},\n\t\tchildren: state?.target != null ? ReactDOM.createPortal(React.createElement(state.comp, message.props), state.target) : fallbackComponent\n\t})] });\n}\nfunction experimental_loadShare(name, module) {\n\tif (typeof window === \"undefined\") return;\n\twindow[REQUIRE_EXTRA_SYMBOL] ??= {};\n\twindow[REQUIRE_EXTRA_SYMBOL][name] = module;\n}\nfunction bootstrapUiContext() {\n\tif (typeof window === \"undefined\") return;\n\twindow[EXT_STORE_SYMBOL] = COMPONENT_STORE;\n\twindow[REQUIRE_SYMBOL] = (name) => {\n\t\tif (name === \"react\") return React;\n\t\tif (name === \"react-dom\") return ReactDOM;\n\t\tif (name === \"react/jsx-runtime\") return JsxRuntime;\n\t\tif (name === \"@langchain/langgraph-sdk/react\") return { useStream };\n\t\tif (name === \"@langchain/langgraph-sdk/react-ui\") return {\n\t\t\tuseStreamContext,\n\t\t\tLoadExternalComponent: () => {\n\t\t\t\tthrow new Error(\"Nesting LoadExternalComponent is not supported\");\n\t\t\t}\n\t\t};\n\t\tif (window[REQUIRE_EXTRA_SYMBOL] != null && typeof window[REQUIRE_EXTRA_SYMBOL] === \"object\" && name in window[REQUIRE_EXTRA_SYMBOL]) return window[REQUIRE_EXTRA_SYMBOL][name];\n\t\tthrow new Error(`Unknown module...: ${name}`);\n\t};\n}\n\n//#endregion\nexport { LoadExternalComponent, bootstrapUiContext, experimental_loadShare, useStreamContext };\n//# sourceMappingURL=client.js.map"],"names":[],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es22.js","sources":["../src/utils/utils.ts"],"sourcesContent":["import type { AIMessage, Message } from \"@langchain/langgraph-sdk\";\n\n/**\n * Extracts a string summary from a message's content, supporting multimodal (text, image, file, etc.).\n * - If text is present, returns the joined text.\n * - If not, returns a label for the first non-text modality (e.g., 'Image', 'Other').\n * - If unknown, returns 'Multimodal message'.\n */\nexport function getContentString(content: Message[\"content\"]): string {\n  if (typeof content === \"string\") return content;\n  const texts = content\n    .filter((c): c is { type: \"text\"; text: string } => c.type === \"text\")\n    .map((c) => c.text);\n  return texts.join(\" \");\n}\n\nexport function isAIMessage(message: Message): message is AIMessage {\n  return message.type === \"ai\";\n}\n\nexport function isAiWithToolCalls(message: Message) {\n  return (\n    isAIMessage(message) && message.tool_calls && message.tool_calls.length > 0\n  );\n}\n\nexport function isToolMessage(message: Message) {\n  return message.type === \"tool\";\n}\n"],"names":[],"mappings":"AAQO,SAAS,iBAAiB,SAAqC;AACpE,MAAI,OAAO,YAAY,SAAU,QAAO;AACxC,QAAM,QAAQ,QACX,OAAO,CAAC,MAA2C,EAAE,SAAS,MAAM,EACpE,IAAI,CAAC,MAAM,EAAE,IAAI;AACpB,SAAO,MAAM,KAAK,GAAG;AACvB;AAEO,SAAS,YAAY,SAAwC;AAClE,SAAO,QAAQ,SAAS;AAC1B;AAEO,SAAS,kBAAkB,SAAkB;AAClD,SACE,YAAY,OAAO,KAAK,QAAQ,cAAc,QAAQ,WAAW,SAAS;AAE9E;AAEO,SAAS,cAAc,SAAkB;AAC9C,SAAO,QAAQ,SAAS;AAC1B;"}