npm - langgraph-ui-components - Versions diffs - 0.0.24 → 0.0.25 - Mend

langgraph-ui-components 0.0.24 → 0.0.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (943) hide show

package/dist/pages/Sidebar/sidebar.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar.cjs.js","sources":["../../../src/pages/Sidebar/sidebar.tsx"],"sourcesContent":["import Suggestion from \"@/components/Suggestion\";\nimport ThreadHistory from \"@/components/threads/ThreadHistory\";\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 { logger } from \"@/utils/logger\";\nimport { buildContentBlocks, readFilesAsBase64 } from \"@/utils/submitUtils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { X, PanelLeft, ScanEye, EyeOff } from \"lucide-react\";\nimport { useEffect, useState, type FormEvent, useRef } 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, chatBodyProps, supportChatHistory = false, textToSpeechVoice, leftPanelInitialWidth = 30, leftPanelClassName } = props;\n const [open, setOpen] = useState(false);\n const [input, setInput] = useState(\"\");\n const [internalLeftPanelOpen, setInternalLeftPanelOpen] = useState(false);\n const [threadHistoryOpen, setThreadHistoryOpen] = useState(false);\n const { fileInput, setFileInput } = useFileProvider();\n\n // Resize state\n const [leftPanelWidth, setLeftPanelWidth] = useState(leftPanelInitialWidth);\n const [sidebarWidth, setSidebarWidth] = useState(30); \n const [isResizingLeft, setIsResizingLeft] = useState(false);\n const [isResizingSidebar, setIsResizingSidebar] = useState(false);\n const sidebarRef = useRef<HTMLDivElement>(null);\n const startXRef = useRef<number>(0);\n const startWidthRef = useRef<number>(0);\n\n // Handle left panel resize\n useEffect(() => {\n const handleMouseMove = (e: MouseEvent) => {\n if (isResizingLeft) {\n // For left panel: it extends to the left of the sidebar,\n // so dragging LEFT (decreasing clientX) should INCREASE width\n const deltaX = startXRef.current - e.clientX;\n // Convert to vw\n const deltaVw = (deltaX / window.innerWidth) 100;\n const newLeftPanelWidth = startWidthRef.current + deltaVw;\n const maxLeftPanelWidth = 40;\n const minLeftPanelWidth = 30;\n\n // Clamp the value\n const clampedWidth = Math.max(minLeftPanelWidth, Math.min(maxLeftPanelWidth, newLeftPanelWidth));\n setLeftPanelWidth(clampedWidth);\n } else if (isResizingSidebar && sidebarRef.current) {\n // For sidebar on right: moving left increases width (handle is on left edge)\n const deltaX = startXRef.current - e.clientX;\n // Convert to vw\n const deltaVw = (deltaX / window.innerWidth) * 100;\n const newSidebarWidth = startWidthRef.current + deltaVw;\n const maxSidebarWidth = 50;\n const minSidebarWidth = 30;\n\n // Clamp the value\n const clampedWidth = Math.max(minSidebarWidth, Math.min(maxSidebarWidth, newSidebarWidth));\n setSidebarWidth(clampedWidth);\n }\n };\n\n const handleMouseUp = () => {\n setIsResizingLeft(false);\n setIsResizingSidebar(false);\n document.body.style.cursor = 'default';\n document.body.style.userSelect = 'auto';\n };\n\n if (isResizingLeft \|\| isResizingSidebar) {\n document.body.style.cursor = 'col-resize';\n document.body.style.userSelect = 'none';\n document.addEventListener(\"mousemove\", handleMouseMove);\n document.addEventListener(\"mouseup\", handleMouseUp);\n return () => {\n document.removeEventListener(\"mousemove\", handleMouseMove);\n document.removeEventListener(\"mouseup\", handleMouseUp);\n };\n }\n }, [isResizingLeft, isResizingSidebar]);\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\n useEffect(() => {\n if (supportChatHistory) {\n setMode(\"multi\");\n } else {\n setMode(\"single\");\n }\n }, [setMode, supportChatHistory]);\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 contextValues: Record<string, unknown> \| undefined = undefined;\n if (callThisOnSubmit) {\n const result = await callThisOnSubmit();\n if (Array.isArray(result?.files) && result.files.length > 0) {\n latestFiles = result.files as FileInfo[];\n }\n if (result && result?.contextValues) contextValues = result.contextValues;\n }\n logger.debug(\"Using files for submission:\", latestFiles);\n\n const contentBlocks = buildContentBlocks(input, latestFiles, s3_upload);\n logger.debug(\"Constructed content blocks:\", contentBlocks);\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, { contextValues: contextValues });\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 const fileDetails = await readFilesAsBase64(files);\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 ref={sidebarRef}\n className=\"fixed right-0 top-0 z-50 h-screen flex bg-[#0f0f0f] text-white/70\"\n style={{ width: threadHistoryOpen ? `calc(${sidebarWidth}vw + 280px)` : `${sidebarWidth}vw` }}\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=\"absolute right-full top-0 h-full bg-[#0a0a0a] border-r border-zinc-700\"\n style={{ width: `${leftPanelWidth}vw` }}\n initial={{ x: \"0\" }}\n animate={{ x: 0 }}\n exit={{ x: \"0%\" }}\n transition={{ type: \"spring\", stiffness: 400, damping: 40 }}\n >\n <div className={`h-full overflow-auto relative${leftPanelClassName ? ` ${leftPanelClassName}` : \"\"}`}>\n {leftPanelContent \|\| (\n <>\n <h3 className=\"text-lg font-semibold mb-4 text-white p-4\">Left Panel</h3>\n <p className=\"text-zinc-300 p-4\">This is the left extension panel. You can add any content here.</p>\n </>\n )}\n </div>\n {/ Resize handle for left panel (on left edge) /}\n <div\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n startXRef.current = e.clientX;\n startWidthRef.current = leftPanelWidth;\n setIsResizingLeft(true);\n }}\n className=\"absolute left-0 top-0 w-1.5 h-full bg-zinc-700/50 cursor-col-resize transition-colors z-[60] hover:w-2 group\"\n style={{ touchAction: 'none' }}\n >\n <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col gap-1 opacity-60 group-hover:opacity-100\">\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n </div>\n </div>\n </motion.div>\n )}\n </AnimatePresence>\n {/ Resize handle for sidebar /}\n <div\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n startXRef.current = e.clientX;\n startWidthRef.current = sidebarWidth;\n setIsResizingSidebar(true);\n }}\n className=\"absolute left-0 top-0 w-1.5 h-full bg-zinc-700/50 cursor-col-resize transition-colors z-[60] hover:w-2 group\"\n style={{ touchAction: 'none' }}\n >\n <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col gap-1 opacity-60 group-hover:opacity-100\">\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n </div>\n </div>\n <div className=\"flex h-full flex-col flex-1\">\n <div className=\"flex py-3 px-6 justify-between items-center border-b border-zinc-700/30\">\n <div className=\"flex items-center gap-3\">\n {/ Vertically centered left panel toggle */}\n {leftPanelContent && (\n <div className=\"flex items-start gap-3\">\n {leftPanelOpen ? (\n <EyeOff\n className=\"cursor-pointer transition-transform h-5\"\n onClick={() => setLeftPanelOpen(!leftPanelOpen)}\n />\n ) : (\n <ScanEye\n className=\"cursor-pointer transition-transform h-5\"\n onClick={() => setLeftPanelOpen(!leftPanelOpen)}\n />\n )}\n </div>\n )}\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-xl font-bold\">{header?.title \|\| \"AI Assistant\"}</div>\n\n </div>\n <div className=\"flex items-end gap-3\">\n {supportChatHistory && !threadHistoryOpen && <PanelLeft\n className=\"h-5 text-zinc-400 cursor-pointer hover:text-zinc-200 transition-colors\"\n onClick={() => setThreadHistoryOpen(!threadHistoryOpen)}\n />}\n <X\n className=\"text-zinc-400 cursor-pointer\"\n onClick={() => setOpen(false)}\n />\n </div>\n </div>\n <div className=\"flex-1 relative\">\n <div className=\"absolute inset-0 overflow-auto scrollbar-none\">\n <div className=\"pb-20 p-2\">\n <ChatBody enableToolCallIndicator={enableToolCallIndicator} chatBodyProps={chatBodyProps} />\n </div>\n </div>\n <div className=\"absolute bottom-0 left-0 right-0 bg-transparent px-4 pointer-events-none z-10\">\n <div className=\"pointer-events-auto\">\n <Suggestion />\n </div>\n </div>\n </div>\n <div className=\"sticky bottom-0\">\n <ChatInput\n input={input}\n inputFileAccept={inputFileAccept}\n setInput={setInput}\n textToSpeechVoice={textToSpeechVoice}\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 <AnimatePresence>\n {threadHistoryOpen && (\n <motion.div\n className=\"h-full w-[280px] shadow-2xl border-l border-white/10\"\n initial={{ width: 0, opacity: 0 }}\n animate={{ width: 280, opacity: 1 }}\n exit={{ width: 0, opacity: 0 }}\n transition={{ type: \"spring\", stiffness: 300, damping: 30 }}\n >\n <ThreadHistory isSidebar={true} header={{ title: \"Sessions\" }} onClose={() => setThreadHistoryOpen(false)} />\n </motion.div>\n )}\n </AnimatePresence>\n </motion.aside>\n </>\n )}\n </AnimatePresence>\n\n <ChatButton isVisible={!open} setOpen={setOpen} />\n </>\n );\n}\n"],"names":["Sidebar","props","handleFileSelect","callThisOnSubmit","enableToolCallIndicator","header","inputFileAccept","filePreview","s3_upload","preventSubmit","leftPanelContent","externalLeftPanelOpen","externalSetLeftPanelOpen","chatBodyProps","supportChatHistory","textToSpeechVoice","leftPanelInitialWidth","leftPanelClassName","open","setOpen","useState","input","setInput","internalLeftPanelOpen","setInternalLeftPanelOpen","threadHistoryOpen","setThreadHistoryOpen","fileInput","setFileInput","useFileProvider","leftPanelWidth","setLeftPanelWidth","sidebarWidth","setSidebarWidth","isResizingLeft","setIsResizingLeft","isResizingSidebar","setIsResizingSidebar","sidebarRef","useRef","startXRef","startWidthRef","useEffect","handleMouseMove","e","deltaVw","newLeftPanelWidth","clampedWidth","newSidebarWidth","handleMouseUp","leftPanelOpen","setLeftPanelOpen","stream","useStreamContext","isLoading","setMode","useThread","defaultHandleSubmit","latestFiles","contextValues","result","logger","contentBlocks","buildContentBlocks","newHumanMessage","uuidv4","onFileSelect","event","files","fileDetails","readFilesAsBase64","prevFile","jsxs","Fragment","jsx","AnimatePresence","motion","EyeOff","ScanEye","PanelLeft","X","ChatBody","Suggestion","ChatInput","ThreadHistory","ChatButton"],"mappings":"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"}
1	+ {"version":3,"file":"sidebar.cjs.js","sources":["../../../src/pages/Sidebar/sidebar.tsx"],"sourcesContent":["import Suggestion from \"@/components/Suggestion\";\nimport ThreadHistory from \"@/components/threads/ThreadHistory\";\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 { logger } from \"@/utils/logger\";\nimport { buildContentBlocks, readFilesAsBase64 } from \"@/utils/submitUtils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { X, PanelLeft, ScanEye, EyeOff } from \"lucide-react\";\nimport { useEffect, useState, type FormEvent, useRef } 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, chatBodyProps, supportChatHistory = false, textToSpeechVoice, leftPanelInitialWidth = 30, leftPanelClassName } = props;\n const [open, setOpen] = useState(false);\n const [input, setInput] = useState(\"\");\n const [internalLeftPanelOpen, setInternalLeftPanelOpen] = useState(false);\n const [threadHistoryOpen, setThreadHistoryOpen] = useState(false);\n const { fileInput, setFileInput } = useFileProvider();\n\n // Resize state\n const [leftPanelWidth, setLeftPanelWidth] = useState(leftPanelInitialWidth);\n const [sidebarWidth, setSidebarWidth] = useState(30); \n const [isResizingLeft, setIsResizingLeft] = useState(false);\n const [isResizingSidebar, setIsResizingSidebar] = useState(false);\n const sidebarRef = useRef<HTMLDivElement>(null);\n const startXRef = useRef<number>(0);\n const startWidthRef = useRef<number>(0);\n\n // Handle left panel resize\n useEffect(() => {\n const handleMouseMove = (e: MouseEvent) => {\n if (isResizingLeft) {\n // For left panel: it extends to the left of the sidebar,\n // so dragging LEFT (decreasing clientX) should INCREASE width\n const deltaX = startXRef.current - e.clientX;\n // Convert to vw\n const deltaVw = (deltaX / window.innerWidth) 100;\n const newLeftPanelWidth = startWidthRef.current + deltaVw;\n const maxLeftPanelWidth = 40;\n const minLeftPanelWidth = 30;\n\n // Clamp the value\n const clampedWidth = Math.max(minLeftPanelWidth, Math.min(maxLeftPanelWidth, newLeftPanelWidth));\n setLeftPanelWidth(clampedWidth);\n } else if (isResizingSidebar && sidebarRef.current) {\n // For sidebar on right: moving left increases width (handle is on left edge)\n const deltaX = startXRef.current - e.clientX;\n // Convert to vw\n const deltaVw = (deltaX / window.innerWidth) * 100;\n const newSidebarWidth = startWidthRef.current + deltaVw;\n const maxSidebarWidth = 50;\n const minSidebarWidth = 30;\n\n // Clamp the value\n const clampedWidth = Math.max(minSidebarWidth, Math.min(maxSidebarWidth, newSidebarWidth));\n setSidebarWidth(clampedWidth);\n }\n };\n\n const handleMouseUp = () => {\n setIsResizingLeft(false);\n setIsResizingSidebar(false);\n document.body.style.cursor = 'default';\n document.body.style.userSelect = 'auto';\n };\n\n if (isResizingLeft \|\| isResizingSidebar) {\n document.body.style.cursor = 'col-resize';\n document.body.style.userSelect = 'none';\n document.addEventListener(\"mousemove\", handleMouseMove);\n document.addEventListener(\"mouseup\", handleMouseUp);\n return () => {\n document.removeEventListener(\"mousemove\", handleMouseMove);\n document.removeEventListener(\"mouseup\", handleMouseUp);\n };\n }\n }, [isResizingLeft, isResizingSidebar]);\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\n useEffect(() => {\n if (supportChatHistory) {\n setMode(\"multi\");\n } else {\n setMode(\"single\");\n }\n }, [setMode, supportChatHistory]);\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 contextValues: Record<string, unknown> \| undefined = undefined;\n if (callThisOnSubmit) {\n const result = await callThisOnSubmit();\n if (Array.isArray(result?.files) && result.files.length > 0) {\n latestFiles = result.files as FileInfo[];\n }\n if (result && result?.contextValues) contextValues = result.contextValues;\n }\n logger.debug(\"Using files for submission:\", latestFiles);\n\n const contentBlocks = buildContentBlocks(input, latestFiles, s3_upload);\n logger.debug(\"Constructed content blocks:\", contentBlocks);\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, { contextValues: contextValues });\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 const fileDetails = await readFilesAsBase64(files);\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 ref={sidebarRef}\n className=\"fixed right-0 top-0 z-50 h-screen flex bg-[#0f0f0f] text-white/70\"\n style={{ width: threadHistoryOpen ? `calc(${sidebarWidth}vw + 280px)` : `${sidebarWidth}vw` }}\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=\"absolute right-full top-0 h-full bg-[#0a0a0a] border-r border-zinc-700\"\n style={{ width: `${leftPanelWidth}vw` }}\n initial={{ x: \"0\" }}\n animate={{ x: 0 }}\n exit={{ x: \"0%\" }}\n transition={{ type: \"spring\", stiffness: 400, damping: 40 }}\n >\n <div className={`h-full overflow-auto relative${leftPanelClassName ? ` ${leftPanelClassName}` : \"\"}`}>\n {leftPanelContent \|\| (\n <>\n <h3 className=\"text-lg font-semibold mb-4 text-white p-4\">Left Panel</h3>\n <p className=\"text-zinc-300 p-4\">This is the left extension panel. You can add any content here.</p>\n </>\n )}\n </div>\n {/ Resize handle for left panel (on left edge) /}\n <div\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n startXRef.current = e.clientX;\n startWidthRef.current = leftPanelWidth;\n setIsResizingLeft(true);\n }}\n className=\"absolute left-0 top-0 w-1.5 h-full bg-zinc-700/50 cursor-col-resize transition-colors z-[60] hover:w-2 group\"\n style={{ touchAction: 'none' }}\n >\n <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col gap-1 opacity-60 group-hover:opacity-100\">\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n </div>\n </div>\n </motion.div>\n )}\n </AnimatePresence>\n {/ Resize handle for sidebar /}\n <div\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n startXRef.current = e.clientX;\n startWidthRef.current = sidebarWidth;\n setIsResizingSidebar(true);\n }}\n className=\"absolute left-0 top-0 w-1.5 h-full bg-zinc-700/50 cursor-col-resize transition-colors z-[60] hover:w-2 group\"\n style={{ touchAction: 'none' }}\n >\n <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col gap-1 opacity-60 group-hover:opacity-100\">\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n </div>\n </div>\n <div className=\"flex h-full flex-col flex-1\">\n <div className=\"flex py-3 px-6 justify-between items-center border-b border-zinc-700/30\">\n <div className=\"flex items-center gap-3\">\n {/ Vertically centered left panel toggle */}\n {leftPanelContent && (\n <div className=\"flex items-start gap-3\">\n {leftPanelOpen ? (\n <EyeOff\n className=\"cursor-pointer transition-transform h-5\"\n onClick={() => setLeftPanelOpen(!leftPanelOpen)}\n />\n ) : (\n <ScanEye\n className=\"cursor-pointer transition-transform h-5\"\n onClick={() => setLeftPanelOpen(!leftPanelOpen)}\n />\n )}\n </div>\n )}\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-xl font-bold\">{header?.title \|\| \"AI Assistant\"}</div>\n\n </div>\n <div className=\"flex items-end gap-3\">\n {supportChatHistory && !threadHistoryOpen && <PanelLeft\n className=\"h-5 text-zinc-400 cursor-pointer hover:text-zinc-200 transition-colors\"\n onClick={() => setThreadHistoryOpen(!threadHistoryOpen)}\n />}\n <X\n className=\"text-zinc-400 cursor-pointer\"\n onClick={() => setOpen(false)}\n />\n </div>\n </div>\n <div className=\"flex-1 relative\">\n <div className=\"absolute inset-0 overflow-auto scrollbar-none\">\n <div className=\"pb-20 p-2\">\n <ChatBody enableToolCallIndicator={enableToolCallIndicator} chatBodyProps={chatBodyProps} />\n </div>\n </div>\n <div className=\"absolute bottom-0 left-0 right-0 bg-transparent px-4 pointer-events-none z-10\">\n <div className=\"pointer-events-auto\">\n <Suggestion />\n </div>\n </div>\n </div>\n <div className=\"sticky bottom-0\">\n <ChatInput\n input={input}\n inputFileAccept={inputFileAccept}\n setInput={setInput}\n textToSpeechVoice={textToSpeechVoice}\n handleSubmit={defaultHandleSubmit}\n isLoading={isLoading \|\| !!preventSubmit}\n fileInput={fileInput}\n handleFileSelect={onFileSelect}\n setFileInput={setFileInput}\n onCancel={() => stream.stop?.()}\n filePreview={filePreview}\n />\n </div>\n </div>\n <AnimatePresence>\n {threadHistoryOpen && (\n <motion.div\n className=\"h-full w-[280px] shadow-2xl border-l border-white/10\"\n initial={{ width: 0, opacity: 0 }}\n animate={{ width: 280, opacity: 1 }}\n exit={{ width: 0, opacity: 0 }}\n transition={{ type: \"spring\", stiffness: 300, damping: 30 }}\n >\n <ThreadHistory isSidebar={true} header={{ title: \"Sessions\" }} onClose={() => setThreadHistoryOpen(false)} />\n </motion.div>\n )}\n </AnimatePresence>\n </motion.aside>\n </>\n )}\n </AnimatePresence>\n\n <ChatButton isVisible={!open} setOpen={setOpen} />\n </>\n );\n}\n"],"names":["Sidebar","props","handleFileSelect","callThisOnSubmit","enableToolCallIndicator","header","inputFileAccept","filePreview","s3_upload","preventSubmit","leftPanelContent","externalLeftPanelOpen","externalSetLeftPanelOpen","chatBodyProps","supportChatHistory","textToSpeechVoice","leftPanelInitialWidth","leftPanelClassName","open","setOpen","useState","input","setInput","internalLeftPanelOpen","setInternalLeftPanelOpen","threadHistoryOpen","setThreadHistoryOpen","fileInput","setFileInput","useFileProvider","leftPanelWidth","setLeftPanelWidth","sidebarWidth","setSidebarWidth","isResizingLeft","setIsResizingLeft","isResizingSidebar","setIsResizingSidebar","sidebarRef","useRef","startXRef","startWidthRef","useEffect","handleMouseMove","e","deltaVw","newLeftPanelWidth","clampedWidth","newSidebarWidth","handleMouseUp","leftPanelOpen","setLeftPanelOpen","stream","useStreamContext","isLoading","setMode","useThread","defaultHandleSubmit","latestFiles","contextValues","result","logger","contentBlocks","buildContentBlocks","newHumanMessage","uuidv4","onFileSelect","event","files","fileDetails","readFilesAsBase64","prevFile","jsxs","Fragment","jsx","AnimatePresence","motion","EyeOff","ScanEye","PanelLeft","X","ChatBody","Suggestion","ChatInput","ThreadHistory","ChatButton"],"mappings":"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"}

package/dist/pages/Sidebar/sidebar.es.js CHANGED Viewed

@@ -4,63 +4,63 @@ import de from "../../components/threads/ThreadHistory.es.js";
 import { useFileProvider as fe } from "../../providers/FileProvider.es.js";
 import { useStreamContext as me } from "../../providers/Stream.es.js";
 import { useThread as ue } from "../../providers/Thread.es.js";
-import { logger as D } from "../../utils/logger.es.js";
+import { logger as $ } from "../../utils/logger.es.js";
 import { buildContentBlocks as he, readFilesAsBase64 as pe } from "../../utils/submitUtils.es.js";
 import { AnimatePresence as W, motion as h } from "framer-motion";
 import { EyeOff as be, ScanEye as ge, PanelLeft as xe, X as ve } from "lucide-react";
-import { useState as l, useRef as C, useEffect as $ } from "react";
+import { useState as l, useRef as C, useEffect as j } from "react";
 import we from "../../components/ChatBody.es.js";
 import ye from "../../components/ChatButton.es.js";
 import Ne from "../../components/sidebar/ChatInput.es.js";
 import Se from "../../node_modules/.pnpm/uuid@13.0.0/node_modules/uuid/dist/v4.es.js";
-function Ve(j) {
-  const { handleFileSelect: U, callThisOnSubmit: O, enableToolCallIndicator: Y, header: r, inputFileAccept: _, filePreview: q, s3_upload: G, preventSubmit: J, leftPanelContent: M, leftPanelOpen: A, setLeftPanelOpen: K, chatBodyProps: Q, supportChatHistory: p = !1, textToSpeechVoice: Z, leftPanelInitialWidth: ee = 30, leftPanelClassName: F } = j, [I, b] = l(!1), [g, k] = l(""), [te, ne] = l(!1), [d, X] = l(!1), { fileInput: x, setFileInput: v } = fe(), [H, ie] = l(ee), [w, se] = l(30), [y, R] = l(!1), [N, E] = l(!1), T = C(null), f = C(0), m = C(0);
-  $(() => {
+function Ve(U) {
+  const { handleFileSelect: Y, callThisOnSubmit: O, enableToolCallIndicator: _, header: r, inputFileAccept: q, filePreview: G, s3_upload: J, preventSubmit: M, leftPanelContent: A, leftPanelOpen: F, setLeftPanelOpen: K, chatBodyProps: Q, supportChatHistory: p = !1, textToSpeechVoice: Z, leftPanelInitialWidth: ee = 30, leftPanelClassName: I } = U, [k, b] = l(!1), [g, X] = l(""), [te, ne] = l(!1), [d, H] = l(!1), { fileInput: x, setFileInput: v } = fe(), [R, ie] = l(ee), [w, se] = l(30), [y, E] = l(!1), [N, T] = l(!1), V = C(null), f = C(0), m = C(0);
+  j(() => {
     const t = (a) => {
       if (y) {
         const c = (f.current - a.clientX) / window.innerWidth * 100, i = m.current + c, L = Math.max(30, Math.min(40, i));
         ie(L);
-      } else if (N && T.current) {
+      } else if (N && V.current) {
         const c = (f.current - a.clientX) / window.innerWidth * 100, i = m.current + c, L = Math.max(30, Math.min(50, i));
         se(L);
       }
     }, s = () => {
-      R(!1), E(!1), document.body.style.cursor = "default", document.body.style.userSelect = "auto";
+      E(!1), T(!1), document.body.style.cursor = "default", document.body.style.userSelect = "auto";
     };
     if (y || N)
       return document.body.style.cursor = "col-resize", document.body.style.userSelect = "none", document.addEventListener("mousemove", t), document.addEventListener("mouseup", s), () => {
         document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", s);
       };
   }, [y, N]);
-  const u = A !== void 0 ? A : te, V = K || ne, S = me(), B = S.isLoading, { setMode: P } = ue();
-  $(() => {
+  const u = F !== void 0 ? F : te, B = K || ne, S = me(), D = S.isLoading, { setMode: P } = ue();
+  j(() => {
     P(p ? "multi" : "single");
   }, [P, p]);
   const le = async (t) => {
-    if (t.preventDefault(), J || g.trim().length === 0 && x.length === 0 || B)
+    if (t.preventDefault(), M || g.trim().length === 0 && x.length === 0 || D)
       return;
     let s = x, a;
     if (O) {
       const i = await O();
       Array.isArray(i?.files) && i.files.length > 0 && (s = i.files), i && i?.contextValues && (a = i.contextValues);
     }
-    D.debug("Using files for submission:", s);
-    const o = he(g, s, G);
-    D.debug("Constructed content blocks:", o);
+    $.debug("Using files for submission:", s);
+    const o = he(g, s, J);
+    $.debug("Constructed content blocks:", o);
     const c = {
       id: Se(),
       type: "human",
       content: o
     };
-    await S.submitMessage(c, { contextValues: a }), k(""), v([]);
-  }, ae = U || (async (t) => {
+    await S.submitMessage(c, { contextValues: a }), X(""), v([]);
+  }, ae = Y || (async (t) => {
     const s = t.target.files;
     if (!s) return;
     const a = await pe(s);
     v((o) => [...o, ...a]);
   });
   return /* @__PURE__ */ n(z, { children: [
-    /* @__PURE__ */ e(W, { children: I && /* @__PURE__ */ n(z, { children: [
+    /* @__PURE__ */ e(W, { children: k && /* @__PURE__ */ n(z, { children: [
       /* @__PURE__ */ e(
         h.div,
         {
@@ -74,7 +74,7 @@ function Ve(j) {
       /* @__PURE__ */ n(
         h.aside,
         {
-          ref: T,
+          ref: V,
           className: "fixed right-0 top-0 z-50 h-screen flex bg-[#0f0f0f] text-white/70",
           style: { width: d ? `calc(${w}vw + 280px)` : `${w}vw` },
           initial: { x: "100%" },
@@ -86,13 +86,13 @@ function Ve(j) {
               h.div,
               {
                 className: "absolute right-full top-0 h-full bg-[#0a0a0a] border-r border-zinc-700",
-                style: { width: `${H}vw` },
+                style: { width: `${R}vw` },
                 initial: { x: "0" },
                 animate: { x: 0 },
                 exit: { x: "0%" },
                 transition: { type: "spring", stiffness: 400, damping: 40 },
                 children: [
-                  /* @__PURE__ */ e("div", { className: `h-full overflow-auto relative${F ? ` ${F}` : ""}`, children: M || /* @__PURE__ */ n(z, { children: [
+                  /* @__PURE__ */ e("div", { className: `h-full overflow-auto relative${I ? ` ${I}` : ""}`, children: A || /* @__PURE__ */ n(z, { children: [
                     /* @__PURE__ */ e("h3", { className: "text-lg font-semibold mb-4 text-white p-4", children: "Left Panel" }),
                     /* @__PURE__ */ e("p", { className: "text-zinc-300 p-4", children: "This is the left extension panel. You can add any content here." })
                   ] }) }),
@@ -100,7 +100,7 @@ function Ve(j) {
                     "div",
                     {
                       onMouseDown: (t) => {
-                        t.preventDefault(), t.stopPropagation(), f.current = t.clientX, m.current = H, R(!0);
+                        t.preventDefault(), t.stopPropagation(), f.current = t.clientX, m.current = R, E(!0);
                       },
                       className: "absolute left-0 top-0 w-1.5 h-full bg-zinc-700/50 cursor-col-resize transition-colors z-[60] hover:w-2 group",
                       style: { touchAction: "none" },
@@ -118,7 +118,7 @@ function Ve(j) {
               "div",
               {
                 onMouseDown: (t) => {
-                  t.preventDefault(), t.stopPropagation(), f.current = t.clientX, m.current = w, E(!0);
+                  t.preventDefault(), t.stopPropagation(), f.current = t.clientX, m.current = w, T(!0);
                 },
                 className: "absolute left-0 top-0 w-1.5 h-full bg-zinc-700/50 cursor-col-resize transition-colors z-[60] hover:w-2 group",
                 style: { touchAction: "none" },
@@ -132,17 +132,17 @@ function Ve(j) {
             /* @__PURE__ */ n("div", { className: "flex h-full flex-col flex-1", children: [
               /* @__PURE__ */ n("div", { className: "flex py-3 px-6 justify-between items-center border-b border-zinc-700/30", children: [
                 /* @__PURE__ */ n("div", { className: "flex items-center gap-3", children: [
-                  M && /* @__PURE__ */ e("div", { className: "flex items-start gap-3", children: u ? /* @__PURE__ */ e(
+                  A && /* @__PURE__ */ e("div", { className: "flex items-start gap-3", children: u ? /* @__PURE__ */ e(
                     be,
                     {
                       className: "cursor-pointer transition-transform h-5",
-                      onClick: () => V(!u)
+                      onClick: () => B(!u)
                     }
                   ) : /* @__PURE__ */ e(
                     ge,
                     {
                       className: "cursor-pointer transition-transform h-5",
-                      onClick: () => V(!u)
+                      onClick: () => B(!u)
                     }
                   ) }),
                   r?.logoUrl && /* @__PURE__ */ e(
@@ -160,7 +160,7 @@ function Ve(j) {
                     xe,
                     {
                       className: "h-5 text-zinc-400 cursor-pointer hover:text-zinc-200 transition-colors",
-                      onClick: () => X(!d)
+                      onClick: () => H(!d)
                     }
                   ),
                   /* @__PURE__ */ e(
@@ -173,23 +173,23 @@ function Ve(j) {
                 ] })
               ] }),
               /* @__PURE__ */ n("div", { className: "flex-1 relative", children: [
-                /* @__PURE__ */ e("div", { className: "absolute inset-0 overflow-auto scrollbar-none", children: /* @__PURE__ */ e("div", { className: "pb-20 p-2", children: /* @__PURE__ */ e(we, { enableToolCallIndicator: Y, chatBodyProps: Q }) }) }),
+                /* @__PURE__ */ e("div", { className: "absolute inset-0 overflow-auto scrollbar-none", children: /* @__PURE__ */ e("div", { className: "pb-20 p-2", children: /* @__PURE__ */ e(we, { enableToolCallIndicator: _, chatBodyProps: Q }) }) }),
                 /* @__PURE__ */ e("div", { className: "absolute bottom-0 left-0 right-0 bg-transparent px-4 pointer-events-none z-10", children: /* @__PURE__ */ e("div", { className: "pointer-events-auto", children: /* @__PURE__ */ e(ce, {}) }) })
               ] }),
               /* @__PURE__ */ e("div", { className: "sticky bottom-0", children: /* @__PURE__ */ e(
                 Ne,
                 {
                   input: g,
-                  inputFileAccept: _,
-                  setInput: k,
+                  inputFileAccept: q,
+                  setInput: X,
                   textToSpeechVoice: Z,
                   handleSubmit: le,
-                  isLoading: B,
+                  isLoading: D || !!M,
                   fileInput: x,
                   handleFileSelect: ae,
                   setFileInput: v,
                   onCancel: () => S.stop?.(),
-                  filePreview: q
+                  filePreview: G
                 }
               ) })
             ] }),
@@ -201,14 +201,14 @@ function Ve(j) {
                 animate: { width: 280, opacity: 1 },
                 exit: { width: 0, opacity: 0 },
                 transition: { type: "spring", stiffness: 300, damping: 30 },
-                children: /* @__PURE__ */ e(de, { isSidebar: !0, header: { title: "Sessions" }, onClose: () => X(!1) })
+                children: /* @__PURE__ */ e(de, { isSidebar: !0, header: { title: "Sessions" }, onClose: () => H(!1) })
               }
             ) })
           ]
         }
       )
     ] }) }),
-    /* @__PURE__ */ e(ye, { isVisible: !I, setOpen: b })
+    /* @__PURE__ */ e(ye, { isVisible: !k, setOpen: b })
   ] });
 }
 export {

package/dist/pages/Sidebar/sidebar.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar.es.js","sources":["../../../src/pages/Sidebar/sidebar.tsx"],"sourcesContent":["import Suggestion from \"@/components/Suggestion\";\nimport ThreadHistory from \"@/components/threads/ThreadHistory\";\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 { logger } from \"@/utils/logger\";\nimport { buildContentBlocks, readFilesAsBase64 } from \"@/utils/submitUtils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { X, PanelLeft, ScanEye, EyeOff } from \"lucide-react\";\nimport { useEffect, useState, type FormEvent, useRef } 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, chatBodyProps, supportChatHistory = false, textToSpeechVoice, leftPanelInitialWidth = 30, leftPanelClassName } = props;\n const [open, setOpen] = useState(false);\n const [input, setInput] = useState(\"\");\n const [internalLeftPanelOpen, setInternalLeftPanelOpen] = useState(false);\n const [threadHistoryOpen, setThreadHistoryOpen] = useState(false);\n const { fileInput, setFileInput } = useFileProvider();\n\n // Resize state\n const [leftPanelWidth, setLeftPanelWidth] = useState(leftPanelInitialWidth);\n const [sidebarWidth, setSidebarWidth] = useState(30); \n const [isResizingLeft, setIsResizingLeft] = useState(false);\n const [isResizingSidebar, setIsResizingSidebar] = useState(false);\n const sidebarRef = useRef<HTMLDivElement>(null);\n const startXRef = useRef<number>(0);\n const startWidthRef = useRef<number>(0);\n\n // Handle left panel resize\n useEffect(() => {\n const handleMouseMove = (e: MouseEvent) => {\n if (isResizingLeft) {\n // For left panel: it extends to the left of the sidebar,\n // so dragging LEFT (decreasing clientX) should INCREASE width\n const deltaX = startXRef.current - e.clientX;\n // Convert to vw\n const deltaVw = (deltaX / window.innerWidth) 100;\n const newLeftPanelWidth = startWidthRef.current + deltaVw;\n const maxLeftPanelWidth = 40;\n const minLeftPanelWidth = 30;\n\n // Clamp the value\n const clampedWidth = Math.max(minLeftPanelWidth, Math.min(maxLeftPanelWidth, newLeftPanelWidth));\n setLeftPanelWidth(clampedWidth);\n } else if (isResizingSidebar && sidebarRef.current) {\n // For sidebar on right: moving left increases width (handle is on left edge)\n const deltaX = startXRef.current - e.clientX;\n // Convert to vw\n const deltaVw = (deltaX / window.innerWidth) * 100;\n const newSidebarWidth = startWidthRef.current + deltaVw;\n const maxSidebarWidth = 50;\n const minSidebarWidth = 30;\n\n // Clamp the value\n const clampedWidth = Math.max(minSidebarWidth, Math.min(maxSidebarWidth, newSidebarWidth));\n setSidebarWidth(clampedWidth);\n }\n };\n\n const handleMouseUp = () => {\n setIsResizingLeft(false);\n setIsResizingSidebar(false);\n document.body.style.cursor = 'default';\n document.body.style.userSelect = 'auto';\n };\n\n if (isResizingLeft \|\| isResizingSidebar) {\n document.body.style.cursor = 'col-resize';\n document.body.style.userSelect = 'none';\n document.addEventListener(\"mousemove\", handleMouseMove);\n document.addEventListener(\"mouseup\", handleMouseUp);\n return () => {\n document.removeEventListener(\"mousemove\", handleMouseMove);\n document.removeEventListener(\"mouseup\", handleMouseUp);\n };\n }\n }, [isResizingLeft, isResizingSidebar]);\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\n useEffect(() => {\n if (supportChatHistory) {\n setMode(\"multi\");\n } else {\n setMode(\"single\");\n }\n }, [setMode, supportChatHistory]);\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 contextValues: Record<string, unknown> \| undefined = undefined;\n if (callThisOnSubmit) {\n const result = await callThisOnSubmit();\n if (Array.isArray(result?.files) && result.files.length > 0) {\n latestFiles = result.files as FileInfo[];\n }\n if (result && result?.contextValues) contextValues = result.contextValues;\n }\n logger.debug(\"Using files for submission:\", latestFiles);\n\n const contentBlocks = buildContentBlocks(input, latestFiles, s3_upload);\n logger.debug(\"Constructed content blocks:\", contentBlocks);\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, { contextValues: contextValues });\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 const fileDetails = await readFilesAsBase64(files);\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 ref={sidebarRef}\n className=\"fixed right-0 top-0 z-50 h-screen flex bg-[#0f0f0f] text-white/70\"\n style={{ width: threadHistoryOpen ? `calc(${sidebarWidth}vw + 280px)` : `${sidebarWidth}vw` }}\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=\"absolute right-full top-0 h-full bg-[#0a0a0a] border-r border-zinc-700\"\n style={{ width: `${leftPanelWidth}vw` }}\n initial={{ x: \"0\" }}\n animate={{ x: 0 }}\n exit={{ x: \"0%\" }}\n transition={{ type: \"spring\", stiffness: 400, damping: 40 }}\n >\n <div className={`h-full overflow-auto relative${leftPanelClassName ? ` ${leftPanelClassName}` : \"\"}`}>\n {leftPanelContent \|\| (\n <>\n <h3 className=\"text-lg font-semibold mb-4 text-white p-4\">Left Panel</h3>\n <p className=\"text-zinc-300 p-4\">This is the left extension panel. You can add any content here.</p>\n </>\n )}\n </div>\n {/ Resize handle for left panel (on left edge) /}\n <div\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n startXRef.current = e.clientX;\n startWidthRef.current = leftPanelWidth;\n setIsResizingLeft(true);\n }}\n className=\"absolute left-0 top-0 w-1.5 h-full bg-zinc-700/50 cursor-col-resize transition-colors z-[60] hover:w-2 group\"\n style={{ touchAction: 'none' }}\n >\n <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col gap-1 opacity-60 group-hover:opacity-100\">\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n </div>\n </div>\n </motion.div>\n )}\n </AnimatePresence>\n {/ Resize handle for sidebar /}\n <div\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n startXRef.current = e.clientX;\n startWidthRef.current = sidebarWidth;\n setIsResizingSidebar(true);\n }}\n className=\"absolute left-0 top-0 w-1.5 h-full bg-zinc-700/50 cursor-col-resize transition-colors z-[60] hover:w-2 group\"\n style={{ touchAction: 'none' }}\n >\n <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col gap-1 opacity-60 group-hover:opacity-100\">\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n </div>\n </div>\n <div className=\"flex h-full flex-col flex-1\">\n <div className=\"flex py-3 px-6 justify-between items-center border-b border-zinc-700/30\">\n <div className=\"flex items-center gap-3\">\n {/ Vertically centered left panel toggle */}\n {leftPanelContent && (\n <div className=\"flex items-start gap-3\">\n {leftPanelOpen ? (\n <EyeOff\n className=\"cursor-pointer transition-transform h-5\"\n onClick={() => setLeftPanelOpen(!leftPanelOpen)}\n />\n ) : (\n <ScanEye\n className=\"cursor-pointer transition-transform h-5\"\n onClick={() => setLeftPanelOpen(!leftPanelOpen)}\n />\n )}\n </div>\n )}\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-xl font-bold\">{header?.title \|\| \"AI Assistant\"}</div>\n\n </div>\n <div className=\"flex items-end gap-3\">\n {supportChatHistory && !threadHistoryOpen && <PanelLeft\n className=\"h-5 text-zinc-400 cursor-pointer hover:text-zinc-200 transition-colors\"\n onClick={() => setThreadHistoryOpen(!threadHistoryOpen)}\n />}\n <X\n className=\"text-zinc-400 cursor-pointer\"\n onClick={() => setOpen(false)}\n />\n </div>\n </div>\n <div className=\"flex-1 relative\">\n <div className=\"absolute inset-0 overflow-auto scrollbar-none\">\n <div className=\"pb-20 p-2\">\n <ChatBody enableToolCallIndicator={enableToolCallIndicator} chatBodyProps={chatBodyProps} />\n </div>\n </div>\n <div className=\"absolute bottom-0 left-0 right-0 bg-transparent px-4 pointer-events-none z-10\">\n <div className=\"pointer-events-auto\">\n <Suggestion />\n </div>\n </div>\n </div>\n <div className=\"sticky bottom-0\">\n <ChatInput\n input={input}\n inputFileAccept={inputFileAccept}\n setInput={setInput}\n textToSpeechVoice={textToSpeechVoice}\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 <AnimatePresence>\n {threadHistoryOpen && (\n <motion.div\n className=\"h-full w-[280px] shadow-2xl border-l border-white/10\"\n initial={{ width: 0, opacity: 0 }}\n animate={{ width: 280, opacity: 1 }}\n exit={{ width: 0, opacity: 0 }}\n transition={{ type: \"spring\", stiffness: 300, damping: 30 }}\n >\n <ThreadHistory isSidebar={true} header={{ title: \"Sessions\" }} onClose={() => setThreadHistoryOpen(false)} />\n </motion.div>\n )}\n </AnimatePresence>\n </motion.aside>\n </>\n )}\n </AnimatePresence>\n\n <ChatButton isVisible={!open} setOpen={setOpen} />\n </>\n );\n}\n"],"names":["Sidebar","props","handleFileSelect","callThisOnSubmit","enableToolCallIndicator","header","inputFileAccept","filePreview","s3_upload","preventSubmit","leftPanelContent","externalLeftPanelOpen","externalSetLeftPanelOpen","chatBodyProps","supportChatHistory","textToSpeechVoice","leftPanelInitialWidth","leftPanelClassName","open","setOpen","useState","input","setInput","internalLeftPanelOpen","setInternalLeftPanelOpen","threadHistoryOpen","setThreadHistoryOpen","fileInput","setFileInput","useFileProvider","leftPanelWidth","setLeftPanelWidth","sidebarWidth","setSidebarWidth","isResizingLeft","setIsResizingLeft","isResizingSidebar","setIsResizingSidebar","sidebarRef","useRef","startXRef","startWidthRef","useEffect","handleMouseMove","e","deltaVw","newLeftPanelWidth","clampedWidth","newSidebarWidth","handleMouseUp","leftPanelOpen","setLeftPanelOpen","stream","useStreamContext","isLoading","setMode","useThread","defaultHandleSubmit","latestFiles","contextValues","result","logger","contentBlocks","buildContentBlocks","newHumanMessage","uuidv4","onFileSelect","event","files","fileDetails","readFilesAsBase64","prevFile","jsxs","Fragment","jsx","AnimatePresence","motion","EyeOff","ScanEye","PanelLeft","X","ChatBody","Suggestion","ChatInput","ThreadHistory","ChatButton"],"mappings":"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"}
1	+ {"version":3,"file":"sidebar.es.js","sources":["../../../src/pages/Sidebar/sidebar.tsx"],"sourcesContent":["import Suggestion from \"@/components/Suggestion\";\nimport ThreadHistory from \"@/components/threads/ThreadHistory\";\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 { logger } from \"@/utils/logger\";\nimport { buildContentBlocks, readFilesAsBase64 } from \"@/utils/submitUtils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { X, PanelLeft, ScanEye, EyeOff } from \"lucide-react\";\nimport { useEffect, useState, type FormEvent, useRef } 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, chatBodyProps, supportChatHistory = false, textToSpeechVoice, leftPanelInitialWidth = 30, leftPanelClassName } = props;\n const [open, setOpen] = useState(false);\n const [input, setInput] = useState(\"\");\n const [internalLeftPanelOpen, setInternalLeftPanelOpen] = useState(false);\n const [threadHistoryOpen, setThreadHistoryOpen] = useState(false);\n const { fileInput, setFileInput } = useFileProvider();\n\n // Resize state\n const [leftPanelWidth, setLeftPanelWidth] = useState(leftPanelInitialWidth);\n const [sidebarWidth, setSidebarWidth] = useState(30); \n const [isResizingLeft, setIsResizingLeft] = useState(false);\n const [isResizingSidebar, setIsResizingSidebar] = useState(false);\n const sidebarRef = useRef<HTMLDivElement>(null);\n const startXRef = useRef<number>(0);\n const startWidthRef = useRef<number>(0);\n\n // Handle left panel resize\n useEffect(() => {\n const handleMouseMove = (e: MouseEvent) => {\n if (isResizingLeft) {\n // For left panel: it extends to the left of the sidebar,\n // so dragging LEFT (decreasing clientX) should INCREASE width\n const deltaX = startXRef.current - e.clientX;\n // Convert to vw\n const deltaVw = (deltaX / window.innerWidth) 100;\n const newLeftPanelWidth = startWidthRef.current + deltaVw;\n const maxLeftPanelWidth = 40;\n const minLeftPanelWidth = 30;\n\n // Clamp the value\n const clampedWidth = Math.max(minLeftPanelWidth, Math.min(maxLeftPanelWidth, newLeftPanelWidth));\n setLeftPanelWidth(clampedWidth);\n } else if (isResizingSidebar && sidebarRef.current) {\n // For sidebar on right: moving left increases width (handle is on left edge)\n const deltaX = startXRef.current - e.clientX;\n // Convert to vw\n const deltaVw = (deltaX / window.innerWidth) * 100;\n const newSidebarWidth = startWidthRef.current + deltaVw;\n const maxSidebarWidth = 50;\n const minSidebarWidth = 30;\n\n // Clamp the value\n const clampedWidth = Math.max(minSidebarWidth, Math.min(maxSidebarWidth, newSidebarWidth));\n setSidebarWidth(clampedWidth);\n }\n };\n\n const handleMouseUp = () => {\n setIsResizingLeft(false);\n setIsResizingSidebar(false);\n document.body.style.cursor = 'default';\n document.body.style.userSelect = 'auto';\n };\n\n if (isResizingLeft \|\| isResizingSidebar) {\n document.body.style.cursor = 'col-resize';\n document.body.style.userSelect = 'none';\n document.addEventListener(\"mousemove\", handleMouseMove);\n document.addEventListener(\"mouseup\", handleMouseUp);\n return () => {\n document.removeEventListener(\"mousemove\", handleMouseMove);\n document.removeEventListener(\"mouseup\", handleMouseUp);\n };\n }\n }, [isResizingLeft, isResizingSidebar]);\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\n useEffect(() => {\n if (supportChatHistory) {\n setMode(\"multi\");\n } else {\n setMode(\"single\");\n }\n }, [setMode, supportChatHistory]);\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 contextValues: Record<string, unknown> \| undefined = undefined;\n if (callThisOnSubmit) {\n const result = await callThisOnSubmit();\n if (Array.isArray(result?.files) && result.files.length > 0) {\n latestFiles = result.files as FileInfo[];\n }\n if (result && result?.contextValues) contextValues = result.contextValues;\n }\n logger.debug(\"Using files for submission:\", latestFiles);\n\n const contentBlocks = buildContentBlocks(input, latestFiles, s3_upload);\n logger.debug(\"Constructed content blocks:\", contentBlocks);\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, { contextValues: contextValues });\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 const fileDetails = await readFilesAsBase64(files);\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 ref={sidebarRef}\n className=\"fixed right-0 top-0 z-50 h-screen flex bg-[#0f0f0f] text-white/70\"\n style={{ width: threadHistoryOpen ? `calc(${sidebarWidth}vw + 280px)` : `${sidebarWidth}vw` }}\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=\"absolute right-full top-0 h-full bg-[#0a0a0a] border-r border-zinc-700\"\n style={{ width: `${leftPanelWidth}vw` }}\n initial={{ x: \"0\" }}\n animate={{ x: 0 }}\n exit={{ x: \"0%\" }}\n transition={{ type: \"spring\", stiffness: 400, damping: 40 }}\n >\n <div className={`h-full overflow-auto relative${leftPanelClassName ? ` ${leftPanelClassName}` : \"\"}`}>\n {leftPanelContent \|\| (\n <>\n <h3 className=\"text-lg font-semibold mb-4 text-white p-4\">Left Panel</h3>\n <p className=\"text-zinc-300 p-4\">This is the left extension panel. You can add any content here.</p>\n </>\n )}\n </div>\n {/ Resize handle for left panel (on left edge) /}\n <div\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n startXRef.current = e.clientX;\n startWidthRef.current = leftPanelWidth;\n setIsResizingLeft(true);\n }}\n className=\"absolute left-0 top-0 w-1.5 h-full bg-zinc-700/50 cursor-col-resize transition-colors z-[60] hover:w-2 group\"\n style={{ touchAction: 'none' }}\n >\n <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col gap-1 opacity-60 group-hover:opacity-100\">\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n </div>\n </div>\n </motion.div>\n )}\n </AnimatePresence>\n {/ Resize handle for sidebar /}\n <div\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n startXRef.current = e.clientX;\n startWidthRef.current = sidebarWidth;\n setIsResizingSidebar(true);\n }}\n className=\"absolute left-0 top-0 w-1.5 h-full bg-zinc-700/50 cursor-col-resize transition-colors z-[60] hover:w-2 group\"\n style={{ touchAction: 'none' }}\n >\n <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col gap-1 opacity-60 group-hover:opacity-100\">\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n </div>\n </div>\n <div className=\"flex h-full flex-col flex-1\">\n <div className=\"flex py-3 px-6 justify-between items-center border-b border-zinc-700/30\">\n <div className=\"flex items-center gap-3\">\n {/ Vertically centered left panel toggle */}\n {leftPanelContent && (\n <div className=\"flex items-start gap-3\">\n {leftPanelOpen ? (\n <EyeOff\n className=\"cursor-pointer transition-transform h-5\"\n onClick={() => setLeftPanelOpen(!leftPanelOpen)}\n />\n ) : (\n <ScanEye\n className=\"cursor-pointer transition-transform h-5\"\n onClick={() => setLeftPanelOpen(!leftPanelOpen)}\n />\n )}\n </div>\n )}\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-xl font-bold\">{header?.title \|\| \"AI Assistant\"}</div>\n\n </div>\n <div className=\"flex items-end gap-3\">\n {supportChatHistory && !threadHistoryOpen && <PanelLeft\n className=\"h-5 text-zinc-400 cursor-pointer hover:text-zinc-200 transition-colors\"\n onClick={() => setThreadHistoryOpen(!threadHistoryOpen)}\n />}\n <X\n className=\"text-zinc-400 cursor-pointer\"\n onClick={() => setOpen(false)}\n />\n </div>\n </div>\n <div className=\"flex-1 relative\">\n <div className=\"absolute inset-0 overflow-auto scrollbar-none\">\n <div className=\"pb-20 p-2\">\n <ChatBody enableToolCallIndicator={enableToolCallIndicator} chatBodyProps={chatBodyProps} />\n </div>\n </div>\n <div className=\"absolute bottom-0 left-0 right-0 bg-transparent px-4 pointer-events-none z-10\">\n <div className=\"pointer-events-auto\">\n <Suggestion />\n </div>\n </div>\n </div>\n <div className=\"sticky bottom-0\">\n <ChatInput\n input={input}\n inputFileAccept={inputFileAccept}\n setInput={setInput}\n textToSpeechVoice={textToSpeechVoice}\n handleSubmit={defaultHandleSubmit}\n isLoading={isLoading \|\| !!preventSubmit}\n fileInput={fileInput}\n handleFileSelect={onFileSelect}\n setFileInput={setFileInput}\n onCancel={() => stream.stop?.()}\n filePreview={filePreview}\n />\n </div>\n </div>\n <AnimatePresence>\n {threadHistoryOpen && (\n <motion.div\n className=\"h-full w-[280px] shadow-2xl border-l border-white/10\"\n initial={{ width: 0, opacity: 0 }}\n animate={{ width: 280, opacity: 1 }}\n exit={{ width: 0, opacity: 0 }}\n transition={{ type: \"spring\", stiffness: 300, damping: 30 }}\n >\n <ThreadHistory isSidebar={true} header={{ title: \"Sessions\" }} onClose={() => setThreadHistoryOpen(false)} />\n </motion.div>\n )}\n </AnimatePresence>\n </motion.aside>\n </>\n )}\n </AnimatePresence>\n\n <ChatButton isVisible={!open} setOpen={setOpen} />\n </>\n );\n}\n"],"names":["Sidebar","props","handleFileSelect","callThisOnSubmit","enableToolCallIndicator","header","inputFileAccept","filePreview","s3_upload","preventSubmit","leftPanelContent","externalLeftPanelOpen","externalSetLeftPanelOpen","chatBodyProps","supportChatHistory","textToSpeechVoice","leftPanelInitialWidth","leftPanelClassName","open","setOpen","useState","input","setInput","internalLeftPanelOpen","setInternalLeftPanelOpen","threadHistoryOpen","setThreadHistoryOpen","fileInput","setFileInput","useFileProvider","leftPanelWidth","setLeftPanelWidth","sidebarWidth","setSidebarWidth","isResizingLeft","setIsResizingLeft","isResizingSidebar","setIsResizingSidebar","sidebarRef","useRef","startXRef","startWidthRef","useEffect","handleMouseMove","e","deltaVw","newLeftPanelWidth","clampedWidth","newSidebarWidth","handleMouseUp","leftPanelOpen","setLeftPanelOpen","stream","useStreamContext","isLoading","setMode","useThread","defaultHandleSubmit","latestFiles","contextValues","result","logger","contentBlocks","buildContentBlocks","newHumanMessage","uuidv4","onFileSelect","event","files","fileDetails","readFilesAsBase64","prevFile","jsxs","Fragment","jsx","AnimatePresence","motion","EyeOff","ScanEye","PanelLeft","X","ChatBody","Suggestion","ChatInput","ThreadHistory","ChatButton"],"mappings":"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"}

package/dist/providers/ChatRuntime.es.js CHANGED Viewed

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import { createContext as m, useState as c, useMemo as C, useContext as d } from "react";
-const o = m(
+import { useContext as m, createContext as c, useState as C, useMemo as d } from "react";
+const o = c(
   void 0
 );
 function f({
@@ -9,7 +9,7 @@ function f({
   identity: e,
   children: r
 }) {
-  const [n, u] = c(s), i = C(() => ({
+  const [n, u] = C(s), i = d(() => ({
     apiUrl: t,
     assistantId: n,
     setAssistantId: u,
@@ -18,7 +18,7 @@ function f({
   return /* @__PURE__ */ a(o.Provider, { value: i, children: r });
 }
 function v() {
-  const t = d(o);
+  const t = m(o);
   if (!t)
     throw new Error("useChatRuntime must be used within a ChatRuntimeProvider");
   return t;

package/dist/providers/Stream.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const j=require("react/jsx-runtime"),V=require("./ChatRuntime.cjs.js"),c=require("../utils/logger.cjs.js");require("@langchain/langgraph-sdk");const O=require("@langchain/langgraph-sdk/react"),y=require("@langchain/langgraph-sdk/react-ui"),o=require("react"),K=require("sonner"),N=require("./Thread.cjs.js"),W=require("../node_modules/.pnpm/uuid@13.0.0/node_modules/uuid/dist/v4.cjs.js"),D=O.useStream,F=o.createContext(void 0);async function J(l,n){try{return(await fetch(`${l}/info`,{headers:n?{Authorization:`Bearer ${n}`}:void 0})).ok}catch{c.logger.error("Failed to initialize LangGraph Agent")}}async function Q(l,n){try{const g=await fetch(`${l}/agents/catalog`,{headers:n?{Authorization:`Bearer ${n}`}:void 0});return g.ok?await g.json():null}catch{return c.logger.error("Failed to fetch LangGraph Catalog"),null}}async function X(l=6e3){return new Promise(n=>setTimeout(n,l))}const Y=({children:l})=>{const{apiUrl:n,assistantId:g,identity:u}=V.useChatRuntime(),{mode:k,threadId:w,setThreadId:T,getThreads:z,setThreads:L,configuration:S}=N.useThread(),[U,_]=o.useState([]),[v,b]=o.useState([]),[x,B]=o.useState(!1),[M,E]=o.useState(null),r=D({apiUrl:n,assistantId:g,threadId:k==="multi"?w:null,defaultHeaders:u?.authToken?{Authorization:`Bearer ${u?.authToken}`}:void 0,fetchStateHistory:!0,onCustomEvent:(t,e)=>{(y.isUIMessage(t)||y.isRemoveUIMessage(t))&&e.mutate(a=>{c.logger.debug("UI Event received in StreamProvider:",t);const s=y.uiMessageReducer(a.ui??[],t);return{...a,ui:s}})},onThreadId:t=>{t&&(k==="single"?w||T(t):(T(t),X().then(()=>z().then(L).catch(e=>c.logger.error("Failed to refresh threads:",e)))))}}),q=o.useCallback(async(t,e)=>{const a=e?.id||W(),s=typeof t=="string"?{id:a,type:e?.type??"human",content:t,...e?.name&&{name:e.name},...e?.tool_calls&&{tool_calls:e.tool_calls},...e?.invalid_tool_calls&&{invalid_tool_calls:e.invalid_tool_calls},...e?.tool_call_id&&{tool_call_id:e.tool_call_id},...(e?.additional_kwargs||e?.hidden)&&{additional_kwargs:{...e?.hidden&&{hidden:!0},...e?.additional_kwargs??{}}}}:{...t,id:a,...e?.tool_calls&&{tool_calls:e.tool_calls},...e?.additional_kwargs&&{additional_kwargs:{...t.additional_kwargs,...e.additional_kwargs}}};if(c.logger.debug("Sending message via sendMessage:",s),e?.type==="ai"){if(_(h=>[...h,s]),c.logger.debug("Appended AI message to localMessages:",e?.ui),e.ui&&e.ui.length>0){const h=e.ui.map((i,f)=>({...i,id:a,_key:i._key||`${a}-ui-${f}`}));b(i=>[...i,...h])}return}const m=r.messages||[],I=e?.context?{...u,...e.context,...S}:u||{};await r.submit({messages:[...m,s]},{context:I,streamMode:["values","messages-tuple","updates","custom"]})},[r,u,S,_,b]),d=o.useMemo(()=>{const t=[...U,...r.messages||[]],e=new Set;return t.filter(a=>a.id?e.has(a.id)?!1:(e.add(a.id),!0):!0)},[U,r.messages]),$=o.useMemo(()=>{c.logger.debug("Combining local UI with stream UI:",v,r.values?.ui);const t=[...v,...r.values?.ui||[]],e=new Set;return t.filter(a=>{const s=a._key||`${a.id}-${a.name}`;return e.has(s)?!1:(e.add(s),!0)})},[v,r.values?.ui]),R=o.useCallback(async(t,e)=>{const a=d||[];await r.submit({messages:[...a,t]},{context:{...u,...e?.contextValues},streamMode:e?.streamMode||["values","messages-tuple","updates","custom"],streamSubgraphs:e?.streamSubgraphs??!0,streamResumable:e?.streamResumable??!0,optimisticValues:s=>({...s,messages:[...a,t]})})},[r,u,d]),A=o.useCallback(async t=>{const e=d||[],a=e.findIndex(i=>i.id===t);if(a===-1){c.logger.error("Message not found for regeneration:",t);return}let s=a-1;for(;s>=0&&e[s].type!=="human";)s--;if(s===-1){c.logger.error("No human message found before AI message:",t);return}const m=e.slice(0,s+1),I=m.slice(0,-1),h=m[m.length-1];_(i=>i.filter(f=>e.findIndex(C=>C.id===f.id)<s)),b(i=>i.filter(f=>e.findIndex(C=>C.id===f.id)<s)),await r.submit({messages:[...I,h]},{streamMode:["values"],streamSubgraphs:!0,streamResumable:!0})},[d,r,u,S,_,b]);o.useEffect(()=>{J(n,u?.authToken).then(t=>{t||K.toast.error("Failed to connect to LangGraph server",{description:`Unable to reach ${n}`,duration:1e4})})},[n,u?.authToken]);const P=o.useCallback(async()=>{if(x&&M!==null)return M;if(!x){B(!0);const t=await Q(n,u?.authToken);return E(t),t}return M},[n,u?.authToken,x,M]),G=o.useMemo(()=>({...r,messages:d,values:{...r.values,ui:$},sendMessage:q,submitMessage:R,regenerateMessage:A,fetchCatalog:P}),[r,d,$,q,R,A,P]);return j.jsx(F.Provider,{value:G,children:l})};function Z({children:l}){return j.jsx(Y,{children:l})}function p(){const l=o.useContext(F);if(!l)throw new Error("useStreamContext must be used within StreamProvider");return l}exports.StreamProvider=Z;exports.useStreamContext=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const P=require("react/jsx-runtime"),H=require("./ChatRuntime.cjs.js"),h=require("../utils/logger.cjs.js");require("@langchain/langgraph-sdk");const O=require("@langchain/langgraph-sdk/react"),x=require("@langchain/langgraph-sdk/react-ui"),u=require("react"),V=require("sonner"),K=require("./Thread.cjs.js"),N=require("../node_modules/.pnpm/uuid@13.0.0/node_modules/uuid/dist/v4.cjs.js"),W=O.useStream,F=u.createContext(void 0);async function D(d,i){try{return(await fetch(`${d}/info`,{headers:i?{Authorization:`Bearer ${i}`}:void 0})).ok}catch{h.logger.error("Failed to initialize LangGraph Agent")}}async function J(d,i){try{const y=await fetch(`${d}/agents/catalog`,{headers:i?{Authorization:`Bearer ${i}`}:void 0});return y.ok?await y.json():null}catch{return h.logger.error("Failed to fetch LangGraph Catalog"),null}}async function Q(d=6e3){return new Promise(i=>setTimeout(i,d))}const X=({children:d})=>{const{apiUrl:i,assistantId:y,identity:l}=H.useChatRuntime(),{mode:k,threadId:C,setThreadId:T,getThreads:p,setThreads:z,configuration:v}=K.useThread(),[U,_]=u.useState([]),[S,M]=u.useState([]),[I,B]=u.useState(!1),[b,E]=u.useState(null),o=W({apiUrl:i,assistantId:y,threadId:k==="multi"?C:null,defaultHeaders:l?.authToken?{Authorization:`Bearer ${l?.authToken}`}:void 0,fetchStateHistory:!0,onUpdateEvent:(t,e)=>{const a=[],s=c=>{if(!c||typeof c!="object")return;const g=c;if(Array.isArray(g.messages))for(const r of g.messages){const n=r.additional_kwargs;r?.type==="ai"&&r.id&&typeof n?.reasoning_content=="string"&&n.reasoning_content.length>0&&a.push(r)}for(const r of Object.values(g))r&&typeof r=="object"&&!Array.isArray(r)&&s(r)};s(t),a.length>0&&e.mutate(c=>{const g=c.messages??[],r=new Set(g.map(m=>m.id).filter(Boolean)),n=a.filter(m=>!r.has(m.id));return n.length===0?c:{...c,messages:[...g,...n]}})},onCustomEvent:(t,e)=>{(x.isUIMessage(t)||x.isRemoveUIMessage(t))&&e.mutate(a=>{h.logger.debug("UI Event received in StreamProvider:",t);const s=x.uiMessageReducer(a.ui??[],t);return{...a,ui:s}})},onThreadId:t=>{t&&(k==="single"?C||T(t):(T(t),Q().then(()=>p().then(z).catch(e=>h.logger.error("Failed to refresh threads:",e)))))}}),A=u.useCallback(async(t,e)=>{const a=e?.id||N(),s=typeof t=="string"?{id:a,type:e?.type??"human",content:t,...e?.name&&{name:e.name},...e?.tool_calls&&{tool_calls:e.tool_calls},...e?.invalid_tool_calls&&{invalid_tool_calls:e.invalid_tool_calls},...e?.tool_call_id&&{tool_call_id:e.tool_call_id},...(e?.additional_kwargs||e?.hidden)&&{additional_kwargs:{...e?.hidden&&{hidden:!0},...e?.additional_kwargs??{}}}}:{...t,id:a,...e?.tool_calls&&{tool_calls:e.tool_calls},...e?.additional_kwargs&&{additional_kwargs:{...t.additional_kwargs,...e.additional_kwargs}}};if(h.logger.debug("Sending message via sendMessage:",s),e?.type==="ai"){if(_(r=>[...r,s]),h.logger.debug("Appended AI message to localMessages:",e?.ui),e.ui&&e.ui.length>0){const r=e.ui.map((n,m)=>({...n,id:a,_key:n._key||`${a}-ui-${m}`}));M(n=>[...n,...r])}return}const c=o.messages||[],g=e?.context?{...l,...e.context,...v}:l||{};await o.submit({messages:[...c,s]},{context:g,streamMode:["values","messages-tuple","updates","custom"]})},[o,l,v,_,M]),f=u.useMemo(()=>{const t=[...U,...o.messages||[]],e=new Set;return t.filter(a=>a.id?e.has(a.id)?!1:(e.add(a.id),!0):!0)},[U,o.messages]),q=u.useMemo(()=>{h.logger.debug("Combining local UI with stream UI:",S,o.values?.ui);const t=[...S,...o.values?.ui||[]],e=new Set;return t.filter(a=>{const s=a._key||`${a.id}-${a.name}`;return e.has(s)?!1:(e.add(s),!0)})},[S,o.values?.ui]),$=u.useCallback(async(t,e)=>{const a=f||[];await o.submit({messages:[...a,t]},{context:{...l,...e?.contextValues},streamMode:e?.streamMode||["values","messages-tuple","updates","custom"],streamSubgraphs:e?.streamSubgraphs??!0,streamResumable:e?.streamResumable??!0,optimisticValues:s=>({...s,messages:[...a,t]})})},[o,l,f]),R=u.useCallback(async t=>{const e=f||[],a=e.findIndex(n=>n.id===t);if(a===-1){h.logger.error("Message not found for regeneration:",t);return}let s=a-1;for(;s>=0&&e[s].type!=="human";)s--;if(s===-1){h.logger.error("No human message found before AI message:",t);return}const c=e.slice(0,s+1),g=c.slice(0,-1),r=c[c.length-1];_(n=>n.filter(m=>e.findIndex(w=>w.id===m.id)<s)),M(n=>n.filter(m=>e.findIndex(w=>w.id===m.id)<s)),await o.submit({messages:[...g,r]},{streamMode:["values"],streamSubgraphs:!0,streamResumable:!0})},[f,o,l,v,_,M]);u.useEffect(()=>{D(i,l?.authToken).then(t=>{t||V.toast.error("Failed to connect to LangGraph server",{description:`Unable to reach ${i}`,duration:1e4})})},[i,l?.authToken]);const j=u.useCallback(async()=>{if(I&&b!==null)return b;if(!I){B(!0);const t=await J(i,l?.authToken);return E(t),t}return b},[i,l?.authToken,I,b]),L=u.useMemo(()=>({...o,messages:f,values:{...o.values,ui:q},sendMessage:A,submitMessage:$,regenerateMessage:R,fetchCatalog:j}),[o,f,q,A,$,R,j]);return P.jsx(F.Provider,{value:L,children:d})};function Y({children:d}){return P.jsx(X,{children:d})}function Z(){const d=u.useContext(F);if(!d)throw new Error("useStreamContext must be used within StreamProvider");return d}exports.StreamProvider=Y;exports.useStreamContext=Z;
 //# sourceMappingURL=Stream.cjs.js.map