langgraph-ui-components 0.0.13 → 0.0.14

package/dist/index.es107.js

@@ -1,7 +1,7 @@
-import { ZodIssueCode, ZodError } from "./index.es271.js";
-import { getParsedType, util, ZodParsedType } from "./index.es270.js";
-import { errorUtil } from "./index.es272.js";
-import { OK, ParseStatus, isAsync, isValid, addIssueToContext, INVALID, DIRTY, isAborted, isDirty } from "./index.es269.js";
+import { ZodIssueCode, ZodError } from "./index.es275.js";
+import { getParsedType, util, ZodParsedType } from "./index.es274.js";
+import { errorUtil } from "./index.es276.js";
+import { OK, ParseStatus, isAsync, isValid, addIssueToContext, INVALID, DIRTY, isAborted, isDirty } from "./index.es273.js";
 class ParseInputLazyPath {
   constructor(parent, value, path, key) {
     this._cachedPath = [];

package/dist/index.es109.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs } from "./index.es259.js";
+import { getDefaultExportFromCjs } from "./index.es214.js";
 import { __require as requireEventemitter3 } from "./index.es158.js";
 var eventemitter3Exports = requireEventemitter3();
 const EventEmitter = /* @__PURE__ */ getDefaultExportFromCjs(eventemitter3Exports);

package/dist/index.es115.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs } from "./index.es259.js";
+import { getDefaultExportFromCjs } from "./index.es214.js";
 import { __require as requireDecamelize } from "./index.es136.js";
 var decamelizeExports = requireDecamelize();
 const snakeCase = /* @__PURE__ */ getDefaultExportFromCjs(decamelizeExports);

package/dist/index.es119.js

@@ -1,4 +1,4 @@
-import { getDefaultExportFromCjs } from "./index.es259.js";
+import { getDefaultExportFromCjs } from "./index.es214.js";
 import { __require as requireDist } from "./index.es148.js";
 var distExports = requireDist();
 const PQueueMod = /* @__PURE__ */ getDefaultExportFromCjs(distExports);

package/dist/index.es121.js

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

package/dist/index.es122.js

@@ -1,12 +1,12 @@
-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 { 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 { v5 } from "uuid";
 const UUID_NAMESPACE_DNS = "6ba7b810-9dad-11d1-80b4-00c04fd430c8";
 function getReplicaKey(replica) {

package/dist/index.es129.js

@@ -1,8 +1,8 @@
-import { $constructor, $ZodAsyncError } from "./index.es273.js";
+import { $constructor, $ZodAsyncError } from "./index.es267.js";
 import { defineLazy, aborted } from "./index.es128.js";
 import { clone } from "./index.es128.js";
 import { safeParse, safeParseAsync } from "./index.es132.js";
-import { version } from "./index.es275.js";
+import { version } from "./index.es269.js";
 const $ZodType = /* @__PURE__ */ $constructor("$ZodType", (inst, def) => {
   var _a;
   inst ?? (inst = {});

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, { useState, 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.es132.js

@@ -1,5 +1,5 @@
-import { config, $ZodAsyncError } from "./index.es273.js";
-import { $ZodRealError, $ZodError } from "./index.es274.js";
+import { config, $ZodAsyncError } from "./index.es267.js";
+import { $ZodRealError, $ZodError } from "./index.es268.js";
 import { finalizeIssue, captureStackTrace } from "./index.es128.js";
 const _parseAsync = (_Err) => async (schema, value, _ctx, params) => {
   const ctx = _ctx ? Object.assign(_ctx, { async: true }) : { async: true };

package/dist/index.es141.js

@@ -1,6 +1,6 @@
 import { __export } from "./index.es54.js";
 import { BaseTracer } from "./index.es125.js";
-import styles from "./index.es260.js";
+import styles from "./index.es261.js";
 var console_exports = {};
 __export(console_exports, { ConsoleCallbackHandler: () => ConsoleCallbackHandler });
 function wrap(style, text) {

package/dist/index.es142.js

@@ -2,14 +2,14 @@ import { __export } from "./index.es54.js";
 import { mergeUsageMetadata } from "./index.es57.js";
 import { AIMessage } from "./index.es41.js";
 import { BaseTracer } from "./index.es125.js";
-import { getDefaultLangChainClientSingleton } from "./index.es261.js";
+import { getDefaultLangChainClientSingleton } from "./index.es262.js";
 import { getCurrentRunTree } from "./index.es106.js";
 import { RunTree } from "./index.es122.js";
 import "uuid";
 import "./index.es119.js";
 import "./index.es120.js";
 import "./index.es121.js";
-import { getDefaultProjectName } from "./index.es262.js";
+import { getDefaultProjectName } from "./index.es263.js";
 var tracer_langchain_exports = {};
 __export(tracer_langchain_exports, { LangChainTracer: () => LangChainTracer });
 function _getUsageMetadataFromGenerations(generations) {

package/dist/index.es143.js

@@ -1,4 +1,4 @@
-import { getDefaultLangChainClientSingleton } from "./index.es261.js";
+import { getDefaultLangChainClientSingleton } from "./index.es262.js";
 import { getGlobalAsyncLocalStorageInstance } from "./index.es117.js";
 import PQueueMod from "./index.es119.js";
 let queue;

package/dist/index.es156.js

@@ -1,4 +1,4 @@
-import { initializeContext, process, extractDefs, finalize } from "./index.es276.js";
+import { initializeContext, process, extractDefs, finalize } from "./index.es270.js";
 import { getEnumValues } from "./index.es128.js";
 const formatMap = {
   guid: "uuid",

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({ header }) {

package/dist/index.es164.js

@@ -1,4 +1,4 @@
-import { __module as interopRequireDefault } from "./index.es214.js";
+import { __module as interopRequireDefault } from "./index.es215.js";
 var hasRequiredInteropRequireDefault;
 function requireInteropRequireDefault() {
   if (hasRequiredInteropRequireDefault) return interopRequireDefault.exports;

package/dist/index.es165.js

@@ -1,4 +1,4 @@
-import { __exports as coy } from "./index.es215.js";
+import { __exports as coy } from "./index.es216.js";
 var hasRequiredCoy;
 function requireCoy() {
   if (hasRequiredCoy) return coy;

package/dist/index.es166.js

@@ -1,4 +1,4 @@
-import { __exports as dark } from "./index.es216.js";
+import { __exports as dark } from "./index.es217.js";
 var hasRequiredDark;
 function requireDark() {
   if (hasRequiredDark) return dark;

package/dist/index.es167.js

@@ -1,4 +1,4 @@
-import { __exports as funky } from "./index.es217.js";
+import { __exports as funky } from "./index.es218.js";
 var hasRequiredFunky;
 function requireFunky() {
   if (hasRequiredFunky) return funky;

package/dist/index.es168.js

@@ -1,4 +1,4 @@
-import { __exports as okaidia } from "./index.es218.js";
+import { __exports as okaidia } from "./index.es219.js";
 var hasRequiredOkaidia;
 function requireOkaidia() {
   if (hasRequiredOkaidia) return okaidia;

package/dist/index.es169.js

@@ -1,4 +1,4 @@
-import { __exports as solarizedlight } from "./index.es219.js";
+import { __exports as solarizedlight } from "./index.es220.js";
 var hasRequiredSolarizedlight;
 function requireSolarizedlight() {
   if (hasRequiredSolarizedlight) return solarizedlight;

package/dist/index.es170.js

@@ -1,4 +1,4 @@
-import { __exports as tomorrow } from "./index.es220.js";
+import { __exports as tomorrow } from "./index.es221.js";
 var hasRequiredTomorrow;
 function requireTomorrow() {
   if (hasRequiredTomorrow) return tomorrow;

package/dist/index.es171.js

@@ -1,4 +1,4 @@
-import { __exports as twilight } from "./index.es221.js";
+import { __exports as twilight } from "./index.es222.js";
 var hasRequiredTwilight;
 function requireTwilight() {
   if (hasRequiredTwilight) return twilight;

package/dist/index.es172.js

@@ -1,4 +1,4 @@
-import { __exports as prism } from "./index.es222.js";
+import { __exports as prism } from "./index.es223.js";
 var hasRequiredPrism;
 function requirePrism() {
   if (hasRequiredPrism) return prism;

package/dist/index.es173.js

@@ -1,4 +1,4 @@
-import { __exports as a11yDark } from "./index.es223.js";
+import { __exports as a11yDark } from "./index.es224.js";
 var hasRequiredA11yDark;
 function requireA11yDark() {
   if (hasRequiredA11yDark) return a11yDark;

package/dist/index.es174.js

@@ -1,4 +1,4 @@
-import { __exports as atomDark } from "./index.es224.js";
+import { __exports as atomDark } from "./index.es225.js";
 var hasRequiredAtomDark;
 function requireAtomDark() {
   if (hasRequiredAtomDark) return atomDark;

package/dist/index.es175.js

@@ -1,4 +1,4 @@
-import { __exports as base16Ateliersulphurpool_light } from "./index.es225.js";
+import { __exports as base16Ateliersulphurpool_light } from "./index.es226.js";
 var hasRequiredBase16Ateliersulphurpool_light;
 function requireBase16Ateliersulphurpool_light() {
   if (hasRequiredBase16Ateliersulphurpool_light) return base16Ateliersulphurpool_light;

package/dist/index.es176.js

@@ -1,4 +1,4 @@
-import { __exports as cb } from "./index.es226.js";
+import { __exports as cb } from "./index.es227.js";
 var hasRequiredCb;
 function requireCb() {
   if (hasRequiredCb) return cb;

package/dist/index.es177.js

@@ -1,4 +1,4 @@
-import { __exports as coldarkCold } from "./index.es227.js";
+import { __exports as coldarkCold } from "./index.es228.js";
 var hasRequiredColdarkCold;
 function requireColdarkCold() {
   if (hasRequiredColdarkCold) return coldarkCold;

package/dist/index.es178.js

@@ -1,4 +1,4 @@
-import { __exports as coldarkDark } from "./index.es228.js";
+import { __exports as coldarkDark } from "./index.es229.js";
 var hasRequiredColdarkDark;
 function requireColdarkDark() {
   if (hasRequiredColdarkDark) return coldarkDark;

package/dist/index.es179.js

@@ -1,4 +1,4 @@
-import { __exports as coyWithoutShadows } from "./index.es229.js";
+import { __exports as coyWithoutShadows } from "./index.es230.js";
 var hasRequiredCoyWithoutShadows;
 function requireCoyWithoutShadows() {
   if (hasRequiredCoyWithoutShadows) return coyWithoutShadows;

package/dist/index.es180.js

@@ -1,4 +1,4 @@
-import { __exports as darcula } from "./index.es230.js";
+import { __exports as darcula } from "./index.es231.js";
 var hasRequiredDarcula;
 function requireDarcula() {
   if (hasRequiredDarcula) return darcula;

package/dist/index.es181.js

@@ -1,4 +1,4 @@
-import { __exports as dracula } from "./index.es231.js";
+import { __exports as dracula } from "./index.es232.js";
 var hasRequiredDracula;
 function requireDracula() {
   if (hasRequiredDracula) return dracula;

package/dist/index.es182.js

@@ -1,4 +1,4 @@
-import { __exports as duotoneDark } from "./index.es232.js";
+import { __exports as duotoneDark } from "./index.es233.js";
 var hasRequiredDuotoneDark;
 function requireDuotoneDark() {
   if (hasRequiredDuotoneDark) return duotoneDark;

package/dist/index.es183.js

@@ -1,4 +1,4 @@
-import { __exports as duotoneEarth } from "./index.es233.js";
+import { __exports as duotoneEarth } from "./index.es234.js";
 var hasRequiredDuotoneEarth;
 function requireDuotoneEarth() {
   if (hasRequiredDuotoneEarth) return duotoneEarth;

package/dist/index.es184.js

@@ -1,4 +1,4 @@
-import { __exports as duotoneForest } from "./index.es234.js";
+import { __exports as duotoneForest } from "./index.es235.js";
 var hasRequiredDuotoneForest;
 function requireDuotoneForest() {
   if (hasRequiredDuotoneForest) return duotoneForest;

package/dist/index.es185.js

@@ -1,4 +1,4 @@
-import { __exports as duotoneLight } from "./index.es235.js";
+import { __exports as duotoneLight } from "./index.es236.js";
 var hasRequiredDuotoneLight;
 function requireDuotoneLight() {
   if (hasRequiredDuotoneLight) return duotoneLight;

package/dist/index.es186.js

@@ -1,4 +1,4 @@
-import { __exports as duotoneSea } from "./index.es236.js";
+import { __exports as duotoneSea } from "./index.es237.js";
 var hasRequiredDuotoneSea;
 function requireDuotoneSea() {
   if (hasRequiredDuotoneSea) return duotoneSea;

package/dist/index.es187.js

@@ -1,4 +1,4 @@
-import { __exports as duotoneSpace } from "./index.es237.js";
+import { __exports as duotoneSpace } from "./index.es238.js";
 var hasRequiredDuotoneSpace;
 function requireDuotoneSpace() {
   if (hasRequiredDuotoneSpace) return duotoneSpace;

package/dist/index.es188.js

@@ -1,4 +1,4 @@
-import { __exports as ghcolors } from "./index.es238.js";
+import { __exports as ghcolors } from "./index.es239.js";
 var hasRequiredGhcolors;
 function requireGhcolors() {
   if (hasRequiredGhcolors) return ghcolors;

package/dist/index.es189.js

@@ -1,4 +1,4 @@
-import { __exports as gruvboxDark } from "./index.es239.js";
+import { __exports as gruvboxDark } from "./index.es240.js";
 var hasRequiredGruvboxDark;
 function requireGruvboxDark() {
   if (hasRequiredGruvboxDark) return gruvboxDark;

package/dist/index.es190.js

@@ -1,4 +1,4 @@
-import { __exports as gruvboxLight } from "./index.es240.js";
+import { __exports as gruvboxLight } from "./index.es241.js";
 var hasRequiredGruvboxLight;
 function requireGruvboxLight() {
   if (hasRequiredGruvboxLight) return gruvboxLight;

package/dist/index.es191.js

@@ -1,4 +1,4 @@
-import { __exports as holiTheme } from "./index.es241.js";
+import { __exports as holiTheme } from "./index.es242.js";
 var hasRequiredHoliTheme;
 function requireHoliTheme() {
   if (hasRequiredHoliTheme) return holiTheme;

package/dist/index.es192.js

@@ -1,4 +1,4 @@
-import { __exports as hopscotch } from "./index.es242.js";
+import { __exports as hopscotch } from "./index.es243.js";
 var hasRequiredHopscotch;
 function requireHopscotch() {
   if (hasRequiredHopscotch) return hopscotch;

package/dist/index.es193.js

@@ -1,4 +1,4 @@
-import { __exports as lucario } from "./index.es243.js";
+import { __exports as lucario } from "./index.es244.js";
 var hasRequiredLucario;
 function requireLucario() {
   if (hasRequiredLucario) return lucario;

package/dist/index.es194.js

@@ -1,4 +1,4 @@
-import { __exports as materialDark } from "./index.es244.js";
+import { __exports as materialDark } from "./index.es245.js";
 var hasRequiredMaterialDark;
 function requireMaterialDark() {
   if (hasRequiredMaterialDark) return materialDark;

package/dist/index.es195.js

@@ -1,4 +1,4 @@
-import { __exports as materialLight } from "./index.es245.js";
+import { __exports as materialLight } from "./index.es246.js";
 var hasRequiredMaterialLight;
 function requireMaterialLight() {
   if (hasRequiredMaterialLight) return materialLight;

package/dist/index.es196.js

@@ -1,4 +1,4 @@
-import { __exports as materialOceanic } from "./index.es246.js";
+import { __exports as materialOceanic } from "./index.es247.js";
 var hasRequiredMaterialOceanic;
 function requireMaterialOceanic() {
   if (hasRequiredMaterialOceanic) return materialOceanic;

package/dist/index.es197.js

@@ -1,4 +1,4 @@
-import { __exports as nightOwl } from "./index.es247.js";
+import { __exports as nightOwl } from "./index.es248.js";
 var hasRequiredNightOwl;
 function requireNightOwl() {
   if (hasRequiredNightOwl) return nightOwl;

package/dist/index.es198.js

@@ -1,4 +1,4 @@
-import { __exports as nord } from "./index.es248.js";
+import { __exports as nord } from "./index.es249.js";
 var hasRequiredNord;
 function requireNord() {
   if (hasRequiredNord) return nord;

package/dist/index.es199.js

@@ -1,4 +1,4 @@
-import { __exports as oneDark } from "./index.es249.js";
+import { __exports as oneDark } from "./index.es250.js";
 var hasRequiredOneDark;
 function requireOneDark() {
   if (hasRequiredOneDark) return oneDark;

package/dist/index.es2.js

@@ -29,37 +29,43 @@ function Sidebar(props) {
     if (preventSubmit || input.trim().length === 0 && fileInput.length === 0 || isLoading)
       return;
     let latestFiles = fileInput;
+    let skipSubmitMessage = false;
     if (callThisOnSubmit) {
       const result = await callThisOnSubmit();
-      if (result && result.length > 0) latestFiles = result;
+      if (result && result.length > 0) {
+        latestFiles = result;
+        skipSubmitMessage = true;
+      }
     }
-    let contentBlocks;
-    if (s3_upload) {
-      let messageText = input.trim();
-      if (latestFiles.length > 0) {
-        const fileNames = latestFiles.map((file) => file.fileName).join(", ");
-        const fileText = `${fileNames} uploaded`;
-        messageText = messageText ? `${fileText}
+    if (!skipSubmitMessage && (input.trim().length > 0 || latestFiles.length > 0)) {
+      let contentBlocks;
+      if (s3_upload) {
+        let messageText = input.trim();
+        if (latestFiles.length > 0) {
+          const fileNames = latestFiles.map((file) => file.fileName).join(", ");
+          const fileText = `${fileNames} uploaded`;
+          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" }
+          }))
+        ];
       }
-      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",
+        content: contentBlocks
+      };
+      await stream.submitMessage(newHumanMessage);
     }
-    const newHumanMessage = {
-      id: v4(),
-      type: "human",
-      content: contentBlocks
-    };
-    await stream.submitMessage(newHumanMessage);
     setInput("");
     setFileInput([]);
   };

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, ChevronLeft } 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 * @param leftPanelContent - Optional custom content for the left panel when expanded\n * @param leftPanelOpen - Optional external control for left panel open state\n * @param setLeftPanelOpen - Optional external setter for left panel open state\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 *   leftPanelContent={<div className=\"text-white\">Custom left panel content here!</div>}\n *   leftPanelOpen={isLeftPanelOpen}\n *   setLeftPanelOpen={setIsLeftPanelOpen}\n * />\n * ```\n */\nexport default function Sidebar(props: ChatSidebarProps) {\n\n  const { handleFileSelect, callThisOnSubmit, enableToolCallIndicator, header, inputFileAccept, filePreview, s3_upload, preventSubmit, leftPanelContent, leftPanelOpen: externalLeftPanelOpen, setLeftPanelOpen: externalSetLeftPanelOpen } = props;\n  const [open, setOpen] = useState(false);\n  const [input, setInput] = useState(\"\");\n  const [internalLeftPanelOpen, setInternalLeftPanelOpen] = useState(false);\n  const { fileInput, setFileInput } = useFileProvider();\n\n  const leftPanelOpen = externalLeftPanelOpen !== undefined ? externalLeftPanelOpen : internalLeftPanelOpen;\n  const setLeftPanelOpen = externalSetLeftPanelOpen || setInternalLeftPanelOpen;\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 = `${fileNames} uploaded`;\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,\n        };\n      })\n    );\n\n    setFileInput((prevFile) => [...prevFile, ...fileDetails]);\n  };\n\n  const onFileSelect = handleFileSelect || defaultHandleFileSelect;\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              <AnimatePresence>\n                {leftPanelOpen && (\n                  <motion.div\n                    className=\"fixed right-[520px] top-0 h-full w-[520px]\"\n                    initial={{ x: \"30%\" }}\n                    animate={{ x: 0 }}\n                    exit={{ x: \"30%\" }}\n                    transition={{ type: \"spring\", stiffness: 400, damping: 40 }}\n                  >\n                      {leftPanelContent || (\n                        <>\n                          <h3 className=\"text-lg font-semibold mb-4 text-white\">Left Panel</h3>\n                          <p className=\"text-zinc-300\">This is the left extension panel. You can add any content here.</p>\n                        </>\n                      )}                \n                  </motion.div>\n                )}\n              </AnimatePresence>\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                      <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                    \n                  </div>\n                  <X\n                    className=\"text-zinc-400 cursor-pointer\"\n                    onClick={() => setOpen(false)}\n                  />\n                </div>\n                {/* Vertically centered left panel toggle */}\n                {leftPanelContent && (\n                  <div className=\"absolute left-0 top-1/2 transform -translate-y-1/2 z-10\">\n                    <ChevronLeft \n                      className={`cursor-pointer transition-transform ${leftPanelOpen ? 'rotate-180' : ''}`}\n                      onClick={() => setLeftPanelOpen(!leftPanelOpen)}\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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"}
+{"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, ChevronLeft } 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 * @param leftPanelContent - Optional custom content for the left panel when expanded\n * @param leftPanelOpen - Optional external control for left panel open state\n * @param setLeftPanelOpen - Optional external setter for left panel open state\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 *   leftPanelContent={<div className=\"text-white\">Custom left panel content here!</div>}\n *   leftPanelOpen={isLeftPanelOpen}\n *   setLeftPanelOpen={setIsLeftPanelOpen}\n * />\n * ```\n */\nexport default function Sidebar(props: ChatSidebarProps) {\n\n  const { handleFileSelect, callThisOnSubmit, enableToolCallIndicator, header, inputFileAccept, filePreview, s3_upload, preventSubmit, leftPanelContent, leftPanelOpen: externalLeftPanelOpen, setLeftPanelOpen: externalSetLeftPanelOpen } = props;\n  const [open, setOpen] = useState(false);\n  const [input, setInput] = useState(\"\");\n  const [internalLeftPanelOpen, setInternalLeftPanelOpen] = useState(false);\n  const { fileInput, setFileInput } = useFileProvider();\n\n  const leftPanelOpen = externalLeftPanelOpen !== undefined ? externalLeftPanelOpen : internalLeftPanelOpen;\n  const setLeftPanelOpen = externalSetLeftPanelOpen || setInternalLeftPanelOpen;\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    let skipSubmitMessage = false;\n\n    if (callThisOnSubmit) {\n      const result = await callThisOnSubmit();\n      if (result && result.length > 0) {\n        latestFiles = result;\n        skipSubmitMessage = true;\n      }\n    }\n\n    if (!skipSubmitMessage && (input.trim().length > 0 || latestFiles.length > 0)) {\n      let contentBlocks: any;\n      if (s3_upload) {\n        let messageText = input.trim();\n        if (latestFiles.length > 0) {\n          const fileNames = latestFiles.map(file => file.fileName).join(\", \");\n          const fileText = `${fileNames} uploaded`;\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      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,\n        };\n      })\n    );\n\n    setFileInput((prevFile) => [...prevFile, ...fileDetails]);\n  };\n\n  const onFileSelect = handleFileSelect || defaultHandleFileSelect;\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              <AnimatePresence>\n                {leftPanelOpen && (\n                  <motion.div\n                    className=\"fixed right-[520px] top-0 h-full w-[520px]\"\n                    initial={{ x: \"30%\" }}\n                    animate={{ x: 0 }}\n                    exit={{ x: \"30%\" }}\n                    transition={{ type: \"spring\", stiffness: 400, damping: 40 }}\n                  >\n                    {leftPanelContent || (\n                      <>\n                        <h3 className=\"text-lg font-semibold mb-4 text-white\">Left Panel</h3>\n                        <p className=\"text-zinc-300\">This is the left extension panel. You can add any content here.</p>\n                      </>\n                    )}\n                  </motion.div>\n                )}\n              </AnimatePresence>\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                      <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\n                  </div>\n                  <X\n                    className=\"text-zinc-400 cursor-pointer\"\n                    onClick={() => setOpen(false)}\n                  />\n                </div>\n                {/* Vertically centered left panel toggle */}\n                {leftPanelContent && (\n                  <div className=\"absolute left-0 top-1/2 transform -translate-y-1/2 z-10\">\n                    <ChevronLeft\n                      className={`cursor-pointer transition-transform ${leftPanelOpen ? 'rotate-180' : ''}`}\n                      onClick={() => setLeftPanelOpen(!leftPanelOpen)}\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.es28.js";
+import { LoadExternalComponent, useStreamContext } from "./index.es28.js";
 bootstrapUiContext();
 export {
   LoadExternalComponent,

package/dist/index.es200.js

@@ -1,4 +1,4 @@
-import { __exports as oneLight } from "./index.es250.js";
+import { __exports as oneLight } from "./index.es251.js";
 var hasRequiredOneLight;
 function requireOneLight() {
   if (hasRequiredOneLight) return oneLight;

package/dist/index.es201.js

@@ -1,4 +1,4 @@
-import { __exports as pojoaque } from "./index.es251.js";
+import { __exports as pojoaque } from "./index.es252.js";
 var hasRequiredPojoaque;
 function requirePojoaque() {
   if (hasRequiredPojoaque) return pojoaque;

package/dist/index.es202.js

@@ -1,4 +1,4 @@
-import { __exports as shadesOfPurple } from "./index.es252.js";
+import { __exports as shadesOfPurple } from "./index.es253.js";
 var hasRequiredShadesOfPurple;
 function requireShadesOfPurple() {
   if (hasRequiredShadesOfPurple) return shadesOfPurple;

package/dist/index.es203.js

@@ -1,4 +1,4 @@
-import { __exports as solarizedDarkAtom } from "./index.es253.js";
+import { __exports as solarizedDarkAtom } from "./index.es254.js";
 var hasRequiredSolarizedDarkAtom;
 function requireSolarizedDarkAtom() {
   if (hasRequiredSolarizedDarkAtom) return solarizedDarkAtom;

package/dist/index.es204.js

@@ -1,4 +1,4 @@
-import { __exports as synthwave84 } from "./index.es254.js";
+import { __exports as synthwave84 } from "./index.es255.js";
 var hasRequiredSynthwave84;
 function requireSynthwave84() {
   if (hasRequiredSynthwave84) return synthwave84;