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

langgraph-ui-components 0.0.24 → 0.0.27

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 (950) hide show

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":";;;;;;;;;;;;;;;AA6CA,SAAwBA,GAAQC,GAAyB;AAEvD,QAAM,EAAE,kBAAAC,GAAkB,kBAAAC,GAAkB,yBAAAC,GAAyB,QAAAC,GAAQ,iBAAAC,GAAiB,aAAAC,GAAa,WAAAC,GAAW,eAAAC,GAAe,kBAAAC,GAAkB,eAAeC,GAAuB,kBAAkBC,GAA0B,eAAAC,GAAe,oBAAAC,IAAqB,IAAO,mBAAAC,GAAmB,uBAAAC,KAAwB,IAAI,oBAAAC,EAAA,IAAuBhB,GACpV,CAACiB,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,EAAE,GAC/B,CAACG,IAAuBC,EAAwB,IAAIJ,EAAS,EAAK,GAClE,CAACK,GAAmBC,CAAoB,IAAIN,EAAS,EAAK,GAC1D,EAAE,WAAAO,GAAW,cAAAC,EAAA,IAAiBC,GAAA,GAG9B,CAACC,GAAgBC,EAAiB,IAAIX,EAASJ,EAAqB,GACpE,CAACgB,GAAcC,EAAe,IAAIb,EAAS,EAAE,GAC7C,CAACc,GAAgBC,CAAiB,IAAIf,EAAS,EAAK,GACpD,CAACgB,GAAmBC,CAAoB,IAAIjB,EAAS,EAAK,GAC1DkB,IAAaC,EAAuB,IAAI,GACxCC,IAAYD,EAAe,CAAC,GAC5BE,IAAgBF,EAAe,CAAC;AAGtC,EAAAG,EAAU,MAAM;AACd,UAAMC,IAAkB,CAACC,MAAkB;AACzC,UAAIV,GAAgB;AAKlB,cAAMW,KAFSL,EAAU,UAAUI,EAAE,WAEX,OAAO,aAAc,KACzCE,IAAoBL,EAAc,UAAUI,GAK5CE,IAAe,KAAK,IAHA,IAGuB,KAAK,IAJ5B,IAImDD,CAAiB,CAAC;AAC/F,QAAAf,GAAkBgB,CAAY;AAAA,MAChC,WAAWX,KAAqBE,EAAW,SAAS;AAIlD,cAAMO,KAFSL,EAAU,UAAUI,EAAE,WAEX,OAAO,aAAc,KACzCI,IAAkBP,EAAc,UAAUI,GAK1CE,IAAe,KAAK,IAHF,IAGuB,KAAK,IAJ5B,IAIiDC,CAAe,CAAC;AACzF,QAAAf,GAAgBc,CAAY;AAAA,MAC9B;AAAA,IACF,GAEME,IAAgB,MAAM;AAC1B,MAAAd,EAAkB,EAAK,GACvBE,EAAqB,EAAK,GAC1B,SAAS,KAAK,MAAM,SAAS,WAC7B,SAAS,KAAK,MAAM,aAAa;AAAA,IACnC;AAEA,QAAIH,KAAkBE;AACpB,sBAAS,KAAK,MAAM,SAAS,cAC7B,SAAS,KAAK,MAAM,aAAa,QACjC,SAAS,iBAAiB,aAAaO,CAAe,GACtD,SAAS,iBAAiB,WAAWM,CAAa,GAC3C,MAAM;AACX,iBAAS,oBAAoB,aAAaN,CAAe,GACzD,SAAS,oBAAoB,WAAWM,CAAa;AAAA,MACvD;AAAA,EAEJ,GAAG,CAACf,GAAgBE,CAAiB,CAAC;AAEtC,QAAMc,IAAgBvC,MAA0B,SAAYA,IAAwBY,IAC9E4B,IAAmBvC,KAA4BY,IAE/C4B,IAASC,GAAA,GACTC,IAAYF,EAAO,WACnB,EAAE,SAAAG,EAAA,IAAYC,GAAA;AAQpB,EAAAd,EAAU,MAAM;AACd,IACEa,EADEzC,IACM,UAEA,QAFO;AAAA,EAInB,GAAG,CAACyC,GAASzC,CAAkB,CAAC;AAEhC,QAAM2C,KAAsB,OAAOb,MAAiB;AAGlD,QAFAA,EAAE,eAAA,GAEEnC,KAAkBY,EAAM,OAAO,WAAW,KAAKM,EAAU,WAAW,KAAM2B;AAC5E;AAGF,QAAII,IAA0B/B,GAC1BgC;AACJ,QAAIxD,GAAkB;AACpB,YAAMyD,IAAS,MAAMzD,EAAA;AACrB,MAAI,MAAM,QAAQyD,GAAQ,KAAK,KAAKA,EAAO,MAAM,SAAS,MACxDF,IAAcE,EAAO,QAEnBA,KAAUA,GAAQ,kBAAeD,IAAgBC,EAAO;AAAA,IAC9D;AACA,IAAAC,EAAO,MAAM,+BAA+BH,CAAW;AAEvD,UAAMI,IAAgBC,GAAmB1C,GAAOqC,GAAalD,CAAS;AACtE,IAAAqD,EAAO,MAAM,+BAA+BC,CAAa;AAEzD,UAAME,IAA2B;AAAA,MAC/B,IAAIC,GAAA;AAAA,MACJ,MAAM;AAAA,MACN,SAASH;AAAA,IAAA;AAIX,UAAMV,EAAO,cAAcY,GAAiB,EAAE,eAAAL,GAA8B,GAE5ErC,EAAS,EAAE,GACXM,EAAa,CAAA,CAAE;AAAA,EACjB,GAWMsC,KAAehE,MATW,OAC9BiE,MACG;AACH,UAAMC,IAAQD,EAAM,OAAO;AAC3B,QAAI,CAACC,EAAO;AACZ,UAAMC,IAAc,MAAMC,GAAkBF,CAAK;AACjD,IAAAxC,EAAa,CAAC2C,MAAa,CAAC,GAAGA,GAAU,GAAGF,CAAW,CAAC;AAAA,EAC1D;AAGA,SACE,gBAAAG,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACE,eACC,gBAAAH,EAAAC,GAAA,EAEE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACE,EAAO;AAAA,QAAP;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAMzD,EAAQ,EAAK;AAAA,UAC5B,SAAS,EAAE,SAAS,EAAA;AAAA,UACpB,SAAS,EAAE,SAAS,EAAA;AAAA,UACpB,MAAM,EAAE,SAAS,EAAA;AAAA,QAAE;AAAA,MAAA;AAAA,MAIrB,gBAAAqD;AAAA,QAACI,EAAO;AAAA,QAAP;AAAA,UACC,KAAKtC;AAAA,UACL,WAAU;AAAA,UACV,OAAO,EAAE,OAAOb,IAAoB,QAAQO,CAAY,gBAAgB,GAAGA,CAAY,KAAA;AAAA,UACvF,SAAS,EAAE,GAAG,OAAA;AAAA,UACd,SAAS,EAAE,GAAG,EAAA;AAAA,UACd,MAAM,EAAE,GAAG,OAAA;AAAA,UACX,YAAY,EAAE,MAAM,UAAU,WAAW,KAAK,SAAS,GAAA;AAAA,UAEvD,UAAA;AAAA,YAAA,gBAAA0C,EAACC,KACE,UAAAzB,KACC,gBAAAsB;AAAA,cAACI,EAAO;AAAA,cAAP;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,OAAO,GAAG9C,CAAc,KAAA;AAAA,gBACjC,SAAS,EAAE,GAAG,IAAA;AAAA,gBACd,SAAS,EAAE,GAAG,EAAA;AAAA,gBACd,MAAM,EAAE,GAAG,KAAA;AAAA,gBACX,YAAY,EAAE,MAAM,UAAU,WAAW,KAAK,SAAS,GAAA;AAAA,gBAEvD,UAAA;AAAA,kBAAA,gBAAA4C,EAAC,OAAA,EAAI,WAAW,gCAAgCzD,IAAqB,IAAIA,CAAkB,KAAK,EAAE,IAC/F,UAAAP,KACC,gBAAA8D,EAAAC,GAAA,EACE,UAAA;AAAA,oBAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,6CAA4C,UAAA,cAAU;AAAA,oBACpE,gBAAAA,EAAC,KAAA,EAAE,WAAU,qBAAoB,UAAA,kEAAA,CAA+D;AAAA,kBAAA,EAAA,CAClG,EAAA,CAEJ;AAAA,kBAEA,gBAAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,aAAa,CAAC9B,MAAM;AAClB,wBAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACFJ,EAAU,UAAUI,EAAE,SACtBH,EAAc,UAAUX,GACxBK,EAAkB,EAAI;AAAA,sBACxB;AAAA,sBACA,WAAU;AAAA,sBACV,OAAO,EAAE,aAAa,OAAA;AAAA,sBAEtB,UAAA,gBAAAqC,EAAC,OAAA,EAAI,WAAU,sHACb,UAAA;AAAA,wBAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,wBAC/C,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,wBAC/C,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,sBAAA,EAAA,CACjD;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YAAA,GAGN;AAAA,YAEA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,aAAa,CAAC9B,MAAM;AAClB,kBAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACFJ,EAAU,UAAUI,EAAE,SACtBH,EAAc,UAAUT,GACxBK,EAAqB,EAAI;AAAA,gBAC3B;AAAA,gBACA,WAAU;AAAA,gBACV,OAAO,EAAE,aAAa,OAAA;AAAA,gBAEtB,UAAA,gBAAAmC,EAAC,OAAA,EAAI,WAAU,sHACb,UAAA;AAAA,kBAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,kBAC/C,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,kBAC/C,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,gBAAA,EAAA,CACjD;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,gBAAAF,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,cAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2EACb,UAAA;AAAA,gBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BAEZ,UAAA;AAAA,kBAAA9D,KACC,gBAAAgE,EAAC,OAAA,EAAI,WAAU,0BACZ,UAAAxB,IACC,gBAAAwB;AAAA,oBAACG;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,SAAS,MAAM1B,EAAiB,CAACD,CAAa;AAAA,oBAAA;AAAA,kBAAA,IAGhD,gBAAAwB;AAAA,oBAACI;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,SAAS,MAAM3B,EAAiB,CAACD,CAAa;AAAA,oBAAA;AAAA,kBAAA,GAGpD;AAAA,kBAED7C,GAAQ,WACP,gBAAAqE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,KAAKrE,GAAQ;AAAA,sBACb,KAAKA,GAAQ,QAAQ,GAAGA,EAAO,KAAK,UAAU;AAAA,sBAC9C,WAAU;AAAA,oBAAA;AAAA,kBAAA;AAAA,oCAGb,OAAA,EAAI,WAAU,gCAAgC,UAAAA,GAAQ,SAAS,eAAA,CAAe;AAAA,gBAAA,GAEjF;AAAA,gBACA,gBAAAmE,EAAC,OAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,kBAAA1D,KAAsB,CAACW,KAAqB,gBAAAiD;AAAA,oBAACK;AAAA,oBAAA;AAAA,sBAC5C,WAAU;AAAA,sBACV,SAAS,MAAMrD,EAAqB,CAACD,CAAiB;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAExD,gBAAAiD;AAAA,oBAACM;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,SAAS,MAAM7D,EAAQ,EAAK;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAC9B,EAAA,CACF;AAAA,cAAA,GACF;AAAA,cACA,gBAAAqD,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,gBAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,iDACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,aACb,UAAA,gBAAAA,EAACO,IAAA,EAAS,yBAAA7E,GAAkD,eAAAS,EAAA,CAA8B,EAAA,CAC5F,GACF;AAAA,gBACA,gBAAA6D,EAAC,OAAA,EAAI,WAAU,iFACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA,gBAAAA,EAACQ,IAAA,CAAA,CAAW,EAAA,CACd,EAAA,CACF;AAAA,cAAA,GACF;AAAA,cACA,gBAAAR,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA,gBAAAA;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,OAAA9D;AAAA,kBACA,iBAAAf;AAAA,kBACA,UAAAgB;AAAA,kBACA,mBAAAP;AAAA,kBACA,cAAc0C;AAAA,kBACd,WAAAH;AAAA,kBACA,WAAA3B;AAAA,kBACA,kBAAkBuC;AAAA,kBAClB,cAAAtC;AAAA,kBACA,UAAU,MAAMwB,EAAO,OAAA;AAAA,kBACvB,aAAA7C;AAAA,gBAAA;AAAA,cAAA,EACF,CACF;AAAA,YAAA,GACF;AAAA,YACA,gBAAAmE,EAACC,KACE,UAAAlD,KACC,gBAAAiD;AAAA,cAACE,EAAO;AAAA,cAAP;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS,EAAE,OAAO,GAAG,SAAS,EAAA;AAAA,gBAC9B,SAAS,EAAE,OAAO,KAAK,SAAS,EAAA;AAAA,gBAChC,MAAM,EAAE,OAAO,GAAG,SAAS,EAAA;AAAA,gBAC3B,YAAY,EAAE,MAAM,UAAU,WAAW,KAAK,SAAS,GAAA;AAAA,gBAEvD,UAAA,gBAAAF,EAACU,IAAA,EAAc,WAAW,IAAM,QAAQ,EAAE,OAAO,WAAA,GAAc,SAAS,MAAM1D,EAAqB,EAAK,EAAA,CAAG;AAAA,cAAA;AAAA,YAAA,EAC7G,CAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF,EAAA,CAEJ;AAAA,IAEA,gBAAAgD,EAACW,IAAA,EAAW,WAAW,CAACnE,GAAM,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAClD;AAEJ;"}
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":";;;;;;;;;;;;;;;AA6CA,SAAwBA,GAAQC,GAAyB;AAEvD,QAAM,EAAE,kBAAAC,GAAkB,kBAAAC,GAAkB,yBAAAC,GAAyB,QAAAC,GAAQ,iBAAAC,GAAiB,aAAAC,GAAa,WAAAC,GAAW,eAAAC,GAAe,kBAAAC,GAAkB,eAAeC,GAAuB,kBAAkBC,GAA0B,eAAAC,GAAe,oBAAAC,IAAqB,IAAO,mBAAAC,GAAmB,uBAAAC,KAAwB,IAAI,oBAAAC,EAAA,IAAuBhB,GACpV,CAACiB,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAChC,CAACC,GAAOC,CAAQ,IAAIF,EAAS,EAAE,GAC/B,CAACG,IAAuBC,EAAwB,IAAIJ,EAAS,EAAK,GAClE,CAACK,GAAmBC,CAAoB,IAAIN,EAAS,EAAK,GAC1D,EAAE,WAAAO,GAAW,cAAAC,EAAA,IAAiBC,GAAA,GAG9B,CAACC,GAAgBC,EAAiB,IAAIX,EAASJ,EAAqB,GACpE,CAACgB,GAAcC,EAAe,IAAIb,EAAS,EAAE,GAC7C,CAACc,GAAgBC,CAAiB,IAAIf,EAAS,EAAK,GACpD,CAACgB,GAAmBC,CAAoB,IAAIjB,EAAS,EAAK,GAC1DkB,IAAaC,EAAuB,IAAI,GACxCC,IAAYD,EAAe,CAAC,GAC5BE,IAAgBF,EAAe,CAAC;AAGtC,EAAAG,EAAU,MAAM;AACd,UAAMC,IAAkB,CAACC,MAAkB;AACzC,UAAIV,GAAgB;AAKlB,cAAMW,KAFSL,EAAU,UAAUI,EAAE,WAEX,OAAO,aAAc,KACzCE,IAAoBL,EAAc,UAAUI,GAK5CE,IAAe,KAAK,IAHA,IAGuB,KAAK,IAJ5B,IAImDD,CAAiB,CAAC;AAC/F,QAAAf,GAAkBgB,CAAY;AAAA,MAChC,WAAWX,KAAqBE,EAAW,SAAS;AAIlD,cAAMO,KAFSL,EAAU,UAAUI,EAAE,WAEX,OAAO,aAAc,KACzCI,IAAkBP,EAAc,UAAUI,GAK1CE,IAAe,KAAK,IAHF,IAGuB,KAAK,IAJ5B,IAIiDC,CAAe,CAAC;AACzF,QAAAf,GAAgBc,CAAY;AAAA,MAC9B;AAAA,IACF,GAEME,IAAgB,MAAM;AAC1B,MAAAd,EAAkB,EAAK,GACvBE,EAAqB,EAAK,GAC1B,SAAS,KAAK,MAAM,SAAS,WAC7B,SAAS,KAAK,MAAM,aAAa;AAAA,IACnC;AAEA,QAAIH,KAAkBE;AACpB,sBAAS,KAAK,MAAM,SAAS,cAC7B,SAAS,KAAK,MAAM,aAAa,QACjC,SAAS,iBAAiB,aAAaO,CAAe,GACtD,SAAS,iBAAiB,WAAWM,CAAa,GAC3C,MAAM;AACX,iBAAS,oBAAoB,aAAaN,CAAe,GACzD,SAAS,oBAAoB,WAAWM,CAAa;AAAA,MACvD;AAAA,EAEJ,GAAG,CAACf,GAAgBE,CAAiB,CAAC;AAEtC,QAAMc,IAAgBvC,MAA0B,SAAYA,IAAwBY,IAC9E4B,IAAmBvC,KAA4BY,IAE/C4B,IAASC,GAAA,GACTC,IAAYF,EAAO,WACnB,EAAE,SAAAG,EAAA,IAAYC,GAAA;AAQpB,EAAAd,EAAU,MAAM;AACd,IACEa,EADEzC,IACM,UAEA,QAFO;AAAA,EAInB,GAAG,CAACyC,GAASzC,CAAkB,CAAC;AAEhC,QAAM2C,KAAsB,OAAOb,MAAiB;AAGlD,QAFAA,EAAE,eAAA,GAEEnC,KAAkBY,EAAM,OAAO,WAAW,KAAKM,EAAU,WAAW,KAAM2B;AAC5E;AAGF,QAAII,IAA0B/B,GAC1BgC;AACJ,QAAIxD,GAAkB;AACpB,YAAMyD,IAAS,MAAMzD,EAAA;AACrB,MAAI,MAAM,QAAQyD,GAAQ,KAAK,KAAKA,EAAO,MAAM,SAAS,MACxDF,IAAcE,EAAO,QAEnBA,KAAUA,GAAQ,kBAAeD,IAAgBC,EAAO;AAAA,IAC9D;AACA,IAAAC,EAAO,MAAM,+BAA+BH,CAAW;AAEvD,UAAMI,IAAgBC,GAAmB1C,GAAOqC,GAAalD,CAAS;AACtE,IAAAqD,EAAO,MAAM,+BAA+BC,CAAa;AAEzD,UAAME,IAA2B;AAAA,MAC/B,IAAIC,GAAA;AAAA,MACJ,MAAM;AAAA,MACN,SAASH;AAAA,IAAA;AAIX,UAAMV,EAAO,cAAcY,GAAiB,EAAE,eAAAL,GAA8B,GAE5ErC,EAAS,EAAE,GACXM,EAAa,CAAA,CAAE;AAAA,EACjB,GAWMsC,KAAehE,MATW,OAC9BiE,MACG;AACH,UAAMC,IAAQD,EAAM,OAAO;AAC3B,QAAI,CAACC,EAAO;AACZ,UAAMC,IAAc,MAAMC,GAAkBF,CAAK;AACjD,IAAAxC,EAAa,CAAC2C,MAAa,CAAC,GAAGA,GAAU,GAAGF,CAAW,CAAC;AAAA,EAC1D;AAGA,SACE,gBAAAG,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAA,EACE,eACC,gBAAAH,EAAAC,GAAA,EAEE,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACE,EAAO;AAAA,QAAP;AAAA,UACC,WAAU;AAAA,UACV,SAAS,MAAMzD,EAAQ,EAAK;AAAA,UAC5B,SAAS,EAAE,SAAS,EAAA;AAAA,UACpB,SAAS,EAAE,SAAS,EAAA;AAAA,UACpB,MAAM,EAAE,SAAS,EAAA;AAAA,QAAE;AAAA,MAAA;AAAA,MAIrB,gBAAAqD;AAAA,QAACI,EAAO;AAAA,QAAP;AAAA,UACC,KAAKtC;AAAA,UACL,WAAU;AAAA,UACV,OAAO,EAAE,OAAOb,IAAoB,QAAQO,CAAY,gBAAgB,GAAGA,CAAY,KAAA;AAAA,UACvF,SAAS,EAAE,GAAG,OAAA;AAAA,UACd,SAAS,EAAE,GAAG,EAAA;AAAA,UACd,MAAM,EAAE,GAAG,OAAA;AAAA,UACX,YAAY,EAAE,MAAM,UAAU,WAAW,KAAK,SAAS,GAAA;AAAA,UAEvD,UAAA;AAAA,YAAA,gBAAA0C,EAACC,KACE,UAAAzB,KACC,gBAAAsB;AAAA,cAACI,EAAO;AAAA,cAAP;AAAA,gBACC,WAAU;AAAA,gBACV,OAAO,EAAE,OAAO,GAAG9C,CAAc,KAAA;AAAA,gBACjC,SAAS,EAAE,GAAG,IAAA;AAAA,gBACd,SAAS,EAAE,GAAG,EAAA;AAAA,gBACd,MAAM,EAAE,GAAG,KAAA;AAAA,gBACX,YAAY,EAAE,MAAM,UAAU,WAAW,KAAK,SAAS,GAAA;AAAA,gBAEvD,UAAA;AAAA,kBAAA,gBAAA4C,EAAC,OAAA,EAAI,WAAW,gCAAgCzD,IAAqB,IAAIA,CAAkB,KAAK,EAAE,IAC/F,UAAAP,KACC,gBAAA8D,EAAAC,GAAA,EACE,UAAA;AAAA,oBAAA,gBAAAC,EAAC,MAAA,EAAG,WAAU,6CAA4C,UAAA,cAAU;AAAA,oBACpE,gBAAAA,EAAC,KAAA,EAAE,WAAU,qBAAoB,UAAA,kEAAA,CAA+D;AAAA,kBAAA,EAAA,CAClG,EAAA,CAEJ;AAAA,kBAEA,gBAAAA;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,aAAa,CAAC9B,MAAM;AAClB,wBAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACFJ,EAAU,UAAUI,EAAE,SACtBH,EAAc,UAAUX,GACxBK,EAAkB,EAAI;AAAA,sBACxB;AAAA,sBACA,WAAU;AAAA,sBACV,OAAO,EAAE,aAAa,OAAA;AAAA,sBAEtB,UAAA,gBAAAqC,EAAC,OAAA,EAAI,WAAU,sHACb,UAAA;AAAA,wBAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,wBAC/C,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,wBAC/C,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,sBAAA,EAAA,CACjD;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBACF;AAAA,cAAA;AAAA,YAAA,GAGN;AAAA,YAEA,gBAAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,aAAa,CAAC9B,MAAM;AAClB,kBAAAA,EAAE,eAAA,GACFA,EAAE,gBAAA,GACFJ,EAAU,UAAUI,EAAE,SACtBH,EAAc,UAAUT,GACxBK,EAAqB,EAAI;AAAA,gBAC3B;AAAA,gBACA,WAAU;AAAA,gBACV,OAAO,EAAE,aAAa,OAAA;AAAA,gBAEtB,UAAA,gBAAAmC,EAAC,OAAA,EAAI,WAAU,sHACb,UAAA;AAAA,kBAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,kBAC/C,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,kBAC/C,gBAAAA,EAAC,OAAA,EAAI,WAAU,gCAAA,CAAgC;AAAA,gBAAA,EAAA,CACjD;AAAA,cAAA;AAAA,YAAA;AAAA,YAEF,gBAAAF,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA;AAAA,cAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2EACb,UAAA;AAAA,gBAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,2BAEZ,UAAA;AAAA,kBAAA9D,KACC,gBAAAgE,EAAC,OAAA,EAAI,WAAU,0BACZ,UAAAxB,IACC,gBAAAwB;AAAA,oBAACG;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,SAAS,MAAM1B,EAAiB,CAACD,CAAa;AAAA,oBAAA;AAAA,kBAAA,IAGhD,gBAAAwB;AAAA,oBAACI;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,SAAS,MAAM3B,EAAiB,CAACD,CAAa;AAAA,oBAAA;AAAA,kBAAA,GAGpD;AAAA,kBAED7C,GAAQ,WACP,gBAAAqE;AAAA,oBAAC;AAAA,oBAAA;AAAA,sBACC,KAAKrE,GAAQ;AAAA,sBACb,KAAKA,GAAQ,QAAQ,GAAGA,EAAO,KAAK,UAAU;AAAA,sBAC9C,WAAU;AAAA,oBAAA;AAAA,kBAAA;AAAA,oCAGb,OAAA,EAAI,WAAU,gCAAgC,UAAAA,GAAQ,SAAS,eAAA,CAAe;AAAA,gBAAA,GAEjF;AAAA,gBACA,gBAAAmE,EAAC,OAAA,EAAI,WAAU,wBACZ,UAAA;AAAA,kBAAA1D,KAAsB,CAACW,KAAqB,gBAAAiD;AAAA,oBAACK;AAAA,oBAAA;AAAA,sBAC5C,WAAU;AAAA,sBACV,SAAS,MAAMrD,EAAqB,CAACD,CAAiB;AAAA,oBAAA;AAAA,kBAAA;AAAA,kBAExD,gBAAAiD;AAAA,oBAACM;AAAA,oBAAA;AAAA,sBACC,WAAU;AAAA,sBACV,SAAS,MAAM7D,EAAQ,EAAK;AAAA,oBAAA;AAAA,kBAAA;AAAA,gBAC9B,EAAA,CACF;AAAA,cAAA,GACF;AAAA,cACA,gBAAAqD,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA;AAAA,gBAAA,gBAAAE,EAAC,OAAA,EAAI,WAAU,iDACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,aACb,UAAA,gBAAAA,EAACO,IAAA,EAAS,yBAAA7E,GAAkD,eAAAS,EAAA,CAA8B,EAAA,CAC5F,GACF;AAAA,gBACA,gBAAA6D,EAAC,OAAA,EAAI,WAAU,iFACb,UAAA,gBAAAA,EAAC,OAAA,EAAI,WAAU,uBACb,UAAA,gBAAAA,EAACQ,IAAA,CAAA,CAAW,EAAA,CACd,EAAA,CACF;AAAA,cAAA,GACF;AAAA,cACA,gBAAAR,EAAC,OAAA,EAAI,WAAU,mBACb,UAAA,gBAAAA;AAAA,gBAACS;AAAA,gBAAA;AAAA,kBACC,OAAA9D;AAAA,kBACA,iBAAAf;AAAA,kBACA,UAAAgB;AAAA,kBACA,mBAAAP;AAAA,kBACA,cAAc0C;AAAA,kBACd,WAAWH,KAAa,CAAC,CAAC7C;AAAA,kBAC1B,WAAAkB;AAAA,kBACA,kBAAkBuC;AAAA,kBAClB,cAAAtC;AAAA,kBACA,UAAU,MAAMwB,EAAO,OAAA;AAAA,kBACvB,aAAA7C;AAAA,gBAAA;AAAA,cAAA,EACF,CACF;AAAA,YAAA,GACF;AAAA,YACA,gBAAAmE,EAACC,KACE,UAAAlD,KACC,gBAAAiD;AAAA,cAACE,EAAO;AAAA,cAAP;AAAA,gBACC,WAAU;AAAA,gBACV,SAAS,EAAE,OAAO,GAAG,SAAS,EAAA;AAAA,gBAC9B,SAAS,EAAE,OAAO,KAAK,SAAS,EAAA;AAAA,gBAChC,MAAM,EAAE,OAAO,GAAG,SAAS,EAAA;AAAA,gBAC3B,YAAY,EAAE,MAAM,UAAU,WAAW,KAAK,SAAS,GAAA;AAAA,gBAEvD,UAAA,gBAAAF,EAACU,IAAA,EAAc,WAAW,IAAM,QAAQ,EAAE,OAAO,WAAA,GAAc,SAAS,MAAM1D,EAAqB,EAAK,EAAA,CAAG;AAAA,cAAA;AAAA,YAAA,EAC7G,CAEJ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACF,EAAA,CACF,EAAA,CAEJ;AAAA,IAEA,gBAAAgD,EAACW,IAAA,EAAW,WAAW,CAACnE,GAAM,SAAAC,EAAA,CAAkB;AAAA,EAAA,GAClD;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),u=require("./ChatRuntime.cjs.js"),c=require("./CustomComponentProvider.cjs.js"),a=require("./FileProvider.cjs.js"),h=require("./Stream.cjs.js"),l=require("./Thread.cjs.js"),v=require("./useChatSuggestions.cjs.js");function m({apiUrl:r,assistantId:i,identity:t,children:n,customComponents:o,suspenseFallback:s=e.jsx("div",{children:"Loading chat..."})}){return e.jsx(d.Suspense,{fallback:s,children:e.jsx(u.ChatRuntimeProvider,{apiUrl:r,assistantId:i,identity:t,children:e.jsx(l.ThreadProvider,{children:e.jsx(h.StreamProvider,{children:e.jsx(v.SuggestionProvider,{children:e.jsx(c.CustomComponentProvider,{initialComponents:o,children:e.jsx(a.FileProvider,{children:n})})})})})})})}exports.ChatProvider=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),c=require("./ChatRuntime.cjs.js"),a=require("./CustomComponentProvider.cjs.js"),l=require("./FileProvider.cjs.js"),h=require("./Stream.cjs.js"),v=require("./Thread.cjs.js"),m=require("./useChatSuggestions.cjs.js");function P({apiUrl:r,assistantId:i,identity:t,children:n,customComponents:o,suspenseFallback:s=e.jsx("div",{children:"Loading chat..."}),initialMode:d="single"}){return e.jsx(u.Suspense,{fallback:s,children:e.jsx(c.ChatRuntimeProvider,{apiUrl:r,assistantId:i,identity:t,children:e.jsx(v.ThreadProvider,{initialMode:d,children:e.jsx(h.StreamProvider,{children:e.jsx(m.SuggestionProvider,{children:e.jsx(a.CustomComponentProvider,{initialComponents:o,children:e.jsx(l.FileProvider,{children:n})})})})})})})}exports.ChatProvider=P;
 //# sourceMappingURL=ChatProvider.cjs.js.map

package/dist/providers/ChatProvider.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatProvider.cjs.js","sources":["../../src/providers/ChatProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ChatIdentity } from \"./ChatRuntime\";\nimport { ChatRuntimeProvider } from \"./ChatRuntime\";\nimport { CustomComponentProvider } from \"./CustomComponentProvider\";\nimport { FileProvider } from \"./FileProvider\";\nimport { StreamProvider } from \"./Stream\";\nimport { ThreadProvider } from \"./Thread\";\nimport { SuggestionProvider } from \"./useChatSuggestions\";\n\n// Re-export the canonical ChatIdentity so consumers can import it from either location.\nexport type { ChatIdentity };\n\ninterface ChatProviderProps {\n /** Base URL for the LangGraph API endpoint /\n apiUrl: string;\n /* Unique identifier for the assistant/agent to communicate with /\n assistantId: string;\n /* User and organization identity information /\n identity?: ChatIdentity \| null;\n /* Child components that will have access to chat context /\n children: React.ReactNode;\n /* Optional custom React components to render in chat messages /\n customComponents?: Record<string, React.FunctionComponent \| React.ComponentClass>;\n /\n Fallback UI shown while the chat providers are lazy-loading.\n * Defaults to a plain `<div>Loading chat...</div>` if not provided.\n /\n suspenseFallback?: React.ReactNode;\n}\n\n/\n Main provider component that wraps all chat-related contexts.\n * This is the recommended way to set up the chat system as it includes all necessary providers\n * in the correct order: Runtime, Thread, Stream, Suggestions, Custom Components, and File handling.\n * \n * @example\n * ```tsx\n * <ChatProvider\n * apiUrl=\"https://api.example.com\"\n * assistantId=\"my-assistant\"\n * identity={{ user_id: \"user123\", org_id: \"org456\" }}\n * >\n * <YourChatUI />\n * </ChatProvider>\n * ```\n */\nexport function ChatProvider({\n apiUrl,\n assistantId,\n identity,\n children,\n customComponents,\n suspenseFallback = <div>Loading chat...</div>,\n}: ChatProviderProps) {\n return (\n <React.Suspense fallback={suspenseFallback}>\n <ChatRuntimeProvider\n apiUrl={apiUrl}\n assistantId={assistantId}\n identity={identity}\n >\n <ThreadProvider>\n <StreamProvider>\n <SuggestionProvider>\n <CustomComponentProvider initialComponents={customComponents}>\n <FileProvider>{children}</FileProvider>\n </CustomComponentProvider>\n </SuggestionProvider>\n </StreamProvider>\n </ThreadProvider>\n </ChatRuntimeProvider>\n </React.Suspense>\n );\n}"],"names":["ChatProvider","apiUrl","assistantId","identity","children","customComponents","suspenseFallback","jsx","React","ChatRuntimeProvider","ThreadProvider","StreamProvider","SuggestionProvider","CustomComponentProvider","FileProvider"],"mappings":"~~8VA8CO~~,SAASA,EAAa,CAC3B,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,iBAAAC,EAAmBC,EAAAA,IAAC,MAAA,CAAI,SAAA,iBAAA,CAAe,~~CACzC~~,EAAsB,CACpB,~~OACEA~~,EAAAA,~~IAACC~~,EAAM,SAAN,CAAe,~~SAAUF~~,EACxB,SAAAC,EAAAA,~~IAACE~~,EAAAA,oBAAA,CACC,~~OAAAR~~,EACA,YAAAC,EACA,SAAAC,EAEA,~~eAACO~~,iBAAA,~~CACC~~,~~SAAAH~~,~~EAAAA~~,~~IAACI~~,~~iBAAA~~,~~CACC~~,~~SAAAJ~~,~~EAAAA~~,~~IAACK~~,EAAAA,~~oBACC~~,~~SAAAL~~,~~EAAAA~~,~~IAACM~~,EAAAA,wBAAA,CAAwB,~~kBAAmBR~~,EAC1C,~~eAACS~~,EAAAA,~~aAAA~~,CAAc,~~SAAAV~~,EAAS,CAAA,CAC1B,CAAA,CACF,EACF,CAAA,CACF,CAAA,CAAA,EAEJ,CAEJ"}
1	+ {"version":3,"file":"ChatProvider.cjs.js","sources":["../../src/providers/ChatProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ChatIdentity } from \"./ChatRuntime\";\nimport { ChatRuntimeProvider } from \"./ChatRuntime\";\nimport { CustomComponentProvider } from \"./CustomComponentProvider\";\nimport { FileProvider } from \"./FileProvider\";\nimport { StreamProvider } from \"./Stream\";\nimport { ThreadProvider } from \"./Thread\";\nimport { SuggestionProvider } from \"./useChatSuggestions\";\n\n// Re-export the canonical ChatIdentity so consumers can import it from either location.\nexport type { ChatIdentity };\n\ninterface ChatProviderProps {\n /** Base URL for the LangGraph API endpoint /\n apiUrl: string;\n /* Unique identifier for the assistant/agent to communicate with /\n assistantId: string;\n /* User and organization identity information /\n identity?: ChatIdentity \| null;\n /* Child components that will have access to chat context /\n children: React.ReactNode;\n /* Optional custom React components to render in chat messages /\n customComponents?: Record<string, React.FunctionComponent \| React.ComponentClass>;\n /\n Fallback UI shown while the chat providers are lazy-loading.\n * Defaults to a plain `<div>Loading chat...</div>` if not provided.\n /\n suspenseFallback?: React.ReactNode;\n /\n Initial thread mode. Use `\"multi\"` to enable thread history and switching.\n * Defaults to `\"single\"` (one conversation, no history panel).\n /\n initialMode?: \"single\" \| \"multi\";\n}\n\n/\n Main provider component that wraps all chat-related contexts.\n * This is the recommended way to set up the chat system as it includes all necessary providers\n * in the correct order: Runtime, Thread, Stream, Suggestions, Custom Components, and File handling.\n * \n * @example\n * ```tsx\n * // Single-thread mode (default)\n * <ChatProvider\n * apiUrl=\"https://api.example.com\"\n * assistantId=\"my-assistant\"\n * identity={{ user_id: \"user123\", org_id: \"org456\" }}\n * >\n * <YourChatUI />\n * </ChatProvider>\n \n // Multi-thread mode (enables thread history)\n * <ChatProvider\n * apiUrl=\"https://api.example.com\"\n * assistantId=\"my-assistant\"\n * identity={{ user_id: \"user123\", org_id: \"org456\" }}\n * initialMode=\"multi\"\n * >\n * <YourChatUI />\n * </ChatProvider>\n * ```\n */\nexport function ChatProvider({\n apiUrl,\n assistantId,\n identity,\n children,\n customComponents,\n suspenseFallback = <div>Loading chat...</div>,\n initialMode = \"single\",\n}: ChatProviderProps) {\n return (\n <React.Suspense fallback={suspenseFallback}>\n <ChatRuntimeProvider\n apiUrl={apiUrl}\n assistantId={assistantId}\n identity={identity}\n >\n <ThreadProvider initialMode={initialMode}>\n <StreamProvider>\n <SuggestionProvider>\n <CustomComponentProvider initialComponents={customComponents}>\n <FileProvider>{children}</FileProvider>\n </CustomComponentProvider>\n </SuggestionProvider>\n </StreamProvider>\n </ThreadProvider>\n </ChatRuntimeProvider>\n </React.Suspense>\n );\n}"],"names":["ChatProvider","apiUrl","assistantId","identity","children","customComponents","suspenseFallback","jsx","initialMode","React","ChatRuntimeProvider","ThreadProvider","StreamProvider","SuggestionProvider","CustomComponentProvider","FileProvider"],"mappings":"8VA8DO,SAASA,EAAa,CAC3B,OAAAC,EACA,YAAAC,EACA,SAAAC,EACA,SAAAC,EACA,iBAAAC,EACA,iBAAAC,EAAmBC,EAAAA,IAAC,MAAA,CAAI,SAAA,iBAAA,CAAe,EACvC,YAAAC,EAAc,QAChB,EAAsB,CACpB,OACED,EAAAA,IAACE,EAAM,SAAN,CAAe,SAAUH,EACxB,SAAAC,EAAAA,IAACG,EAAAA,oBAAA,CACC,OAAAT,EACA,YAAAC,EACA,SAAAC,EAEA,eAACQ,iBAAA,CAAe,YAAAH,EACd,SAAAD,MAACK,EAAAA,eAAA,CACC,eAACC,EAAAA,mBAAA,CACC,SAAAN,MAACO,EAAAA,wBAAA,CAAwB,kBAAmBT,EAC1C,SAAAE,EAAAA,IAACQ,eAAA,CAAc,SAAAX,EAAS,CAAA,CAC1B,CAAA,CACF,EACF,CAAA,CACF,CAAA,CAAA,EAEJ,CAEJ"}

package/dist/providers/ChatProvider.d.ts CHANGED Viewed

@@ -17,6 +17,11 @@ interface ChatProviderProps {
      * Defaults to a plain `<div>Loading chat...</div>` if not provided.
      */
     suspenseFallback?: React.ReactNode;
+    /**
+     * Initial thread mode. Use `"multi"` to enable thread history and switching.
+     * Defaults to `"single"` (one conversation, no history panel).
+     */
+    initialMode?: "single" | "multi";
 }
 /**
  * Main provider component that wraps all chat-related contexts.
@@ -25,14 +30,25 @@ interface ChatProviderProps {
  *
  * @example
  * ```tsx
+ * // Single-thread mode (default)
+ * <ChatProvider
+ *   apiUrl="https://api.example.com"
+ *   assistantId="my-assistant"
+ *   identity={{ user_id: "user123", org_id: "org456" }}
+ * >
+ *   <YourChatUI />
+ * </ChatProvider>
+ *
+ * // Multi-thread mode (enables thread history)
  * <ChatProvider
  *   apiUrl="https://api.example.com"
  *   assistantId="my-assistant"
  *   identity={{ user_id: "user123", org_id: "org456" }}
+ *   initialMode="multi"
  * >
  *   <YourChatUI />
  * </ChatProvider>
  * ```
  */
-export declare function ChatProvider({ apiUrl, assistantId, identity, children, customComponents, suspenseFallback, }: ChatProviderProps): import("react/jsx-runtime").JSX.Element;
+export declare function ChatProvider({ apiUrl, assistantId, identity, children, customComponents, suspenseFallback, initialMode, }: ChatProviderProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=ChatProvider.d.ts.map

package/dist/providers/ChatProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatProvider.d.ts","sourceRoot":"","sources":["../../src/providers/ChatProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AASlD,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B,UAAU,iBAAiB;IACzB,8CAA8C;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,WAAW,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC/B,6DAA6D;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;IAClF;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;~~CACpC~~;AAED~~;;;;;;;;;;;;;;;GAeG~~;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,gBAA6C,~~GAC9C~~,EAAE,iBAAiB,2CAoBnB"}
1	+ {"version":3,"file":"ChatProvider.d.ts","sourceRoot":"","sources":["../../src/providers/ChatProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AASlD,YAAY,EAAE,YAAY,EAAE,CAAC;AAE7B,UAAU,iBAAiB;IACzB,8CAA8C;IAC9C,MAAM,EAAE,MAAM,CAAC;IACf,oEAAoE;IACpE,WAAW,EAAE,MAAM,CAAC;IACpB,iDAAiD;IACjD,QAAQ,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC/B,6DAA6D;IAC7D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,kEAAkE;IAClE,gBAAgB,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;IAClF;;;OAGG;IACH,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACnC;;;OAGG;IACH,WAAW,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;CAClC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,wBAAgB,YAAY,CAAC,EAC3B,MAAM,EACN,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,gBAAgB,EAChB,gBAA6C,EAC7C,WAAsB,GACvB,EAAE,iBAAiB,2CAoBnB"}

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

@@ -1,30 +1,31 @@
 import { jsx as r } from "react/jsx-runtime";
-import d from "react";
-import { ChatRuntimeProvider as l } from "./ChatRuntime.es.js";
-import { CustomComponentProvider as p } from "./CustomComponentProvider.es.js";
-import { FileProvider as a } from "./FileProvider.es.js";
-import { StreamProvider as c } from "./Stream.es.js";
-import { ThreadProvider as f } from "./Thread.es.js";
-import { SuggestionProvider as h } from "./useChatSuggestions.es.js";
-function R({
-  apiUrl: o,
-  assistantId: i,
+import l from "react";
+import { ChatRuntimeProvider as p } from "./ChatRuntime.es.js";
+import { CustomComponentProvider as a } from "./CustomComponentProvider.es.js";
+import { FileProvider as c } from "./FileProvider.es.js";
+import { StreamProvider as f } from "./Stream.es.js";
+import { ThreadProvider as h } from "./Thread.es.js";
+import { SuggestionProvider as v } from "./useChatSuggestions.es.js";
+function _({
+  apiUrl: i,
+  assistantId: o,
   identity: e,
   children: t,
   customComponents: m,
-  suspenseFallback: n = /* @__PURE__ */ r("div", { children: "Loading chat..." })
+  suspenseFallback: n = /* @__PURE__ */ r("div", { children: "Loading chat..." }),
+  initialMode: d = "single"
 }) {
-  return /* @__PURE__ */ r(d.Suspense, { fallback: n, children: /* @__PURE__ */ r(
-    l,
+  return /* @__PURE__ */ r(l.Suspense, { fallback: n, children: /* @__PURE__ */ r(
+    p,
     {
-      apiUrl: o,
-      assistantId: i,
+      apiUrl: i,
+      assistantId: o,
       identity: e,
-      children: /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(c, { children: /* @__PURE__ */ r(h, { children: /* @__PURE__ */ r(p, { initialComponents: m, children: /* @__PURE__ */ r(a, { children: t }) }) }) }) })
+      children: /* @__PURE__ */ r(h, { initialMode: d, children: /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(a, { initialComponents: m, children: /* @__PURE__ */ r(c, { children: t }) }) }) }) })
     }
   ) });
 }
 export {
-  R as ChatProvider
+  _ as ChatProvider
 };
 //# sourceMappingURL=ChatProvider.es.js.map

package/dist/providers/ChatProvider.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatProvider.es.js","sources":["../../src/providers/ChatProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ChatIdentity } from \"./ChatRuntime\";\nimport { ChatRuntimeProvider } from \"./ChatRuntime\";\nimport { CustomComponentProvider } from \"./CustomComponentProvider\";\nimport { FileProvider } from \"./FileProvider\";\nimport { StreamProvider } from \"./Stream\";\nimport { ThreadProvider } from \"./Thread\";\nimport { SuggestionProvider } from \"./useChatSuggestions\";\n\n// Re-export the canonical ChatIdentity so consumers can import it from either location.\nexport type { ChatIdentity };\n\ninterface ChatProviderProps {\n /** Base URL for the LangGraph API endpoint /\n apiUrl: string;\n /* Unique identifier for the assistant/agent to communicate with /\n assistantId: string;\n /* User and organization identity information /\n identity?: ChatIdentity \| null;\n /* Child components that will have access to chat context /\n children: React.ReactNode;\n /* Optional custom React components to render in chat messages /\n customComponents?: Record<string, React.FunctionComponent \| React.ComponentClass>;\n /\n Fallback UI shown while the chat providers are lazy-loading.\n * Defaults to a plain `<div>Loading chat...</div>` if not provided.\n /\n suspenseFallback?: React.ReactNode;\n}\n\n/\n Main provider component that wraps all chat-related contexts.\n * This is the recommended way to set up the chat system as it includes all necessary providers\n * in the correct order: Runtime, Thread, Stream, Suggestions, Custom Components, and File handling.\n * \n * @example\n * ```tsx\n * <ChatProvider\n * apiUrl=\"https://api.example.com\"\n * assistantId=\"my-assistant\"\n * identity={{ user_id: \"user123\", org_id: \"org456\" }}\n * >\n * <YourChatUI />\n * </ChatProvider>\n * ```\n */\nexport function ChatProvider({\n apiUrl,\n assistantId,\n identity,\n children,\n customComponents,\n suspenseFallback = <div>Loading chat...</div>,\n}: ChatProviderProps) {\n return (\n <React.Suspense fallback={suspenseFallback}>\n <ChatRuntimeProvider\n apiUrl={apiUrl}\n assistantId={assistantId}\n identity={identity}\n >\n <ThreadProvider>\n <StreamProvider>\n <SuggestionProvider>\n <CustomComponentProvider initialComponents={customComponents}>\n <FileProvider>{children}</FileProvider>\n </CustomComponentProvider>\n </SuggestionProvider>\n </StreamProvider>\n </ThreadProvider>\n </ChatRuntimeProvider>\n </React.Suspense>\n );\n}"],"names":["ChatProvider","apiUrl","assistantId","identity","children","customComponents","suspenseFallback","jsx","React","ChatRuntimeProvider","ThreadProvider","StreamProvider","SuggestionProvider","CustomComponentProvider","FileProvider"],"mappings":";;;;;;;;~~AA8CO~~,SAASA,EAAa;AAAA,EAC3B,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC,IAAmB,gBAAAC,EAAC,OAAA,EAAI,UAAA,kBAAA,CAAe;~~AACzC~~,GAAsB;AACpB,SACE,~~gBAAAA~~,~~EAACC~~,EAAM,UAAN,EAAe,~~UAAUF~~,GACxB,UAAA,gBAAAC;AAAA,~~IAACE~~;AAAA,IAAA;AAAA,MACC,~~QAAAR~~;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,MAEA,~~4BAACO~~,GAAA,~~EACC~~,UAAA,~~gBAAAH~~,~~EAACI~~,GAAA,EACC,~~UAAA~~,~~gBAAAJ~~,~~EAACK~~,~~KACC,~~UAAA,~~gBAAAL~~,~~EAACM~~,GAAA,EAAwB,~~mBAAmBR~~,GAC1C,~~4BAACS~~,GAAA,EAAc,~~UAAAV~~,GAAS,EAAA,CAC1B,EAAA,CACF,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
1	+ {"version":3,"file":"ChatProvider.es.js","sources":["../../src/providers/ChatProvider.tsx"],"sourcesContent":["import React from \"react\";\nimport type { ChatIdentity } from \"./ChatRuntime\";\nimport { ChatRuntimeProvider } from \"./ChatRuntime\";\nimport { CustomComponentProvider } from \"./CustomComponentProvider\";\nimport { FileProvider } from \"./FileProvider\";\nimport { StreamProvider } from \"./Stream\";\nimport { ThreadProvider } from \"./Thread\";\nimport { SuggestionProvider } from \"./useChatSuggestions\";\n\n// Re-export the canonical ChatIdentity so consumers can import it from either location.\nexport type { ChatIdentity };\n\ninterface ChatProviderProps {\n /** Base URL for the LangGraph API endpoint /\n apiUrl: string;\n /* Unique identifier for the assistant/agent to communicate with /\n assistantId: string;\n /* User and organization identity information /\n identity?: ChatIdentity \| null;\n /* Child components that will have access to chat context /\n children: React.ReactNode;\n /* Optional custom React components to render in chat messages /\n customComponents?: Record<string, React.FunctionComponent \| React.ComponentClass>;\n /\n Fallback UI shown while the chat providers are lazy-loading.\n * Defaults to a plain `<div>Loading chat...</div>` if not provided.\n /\n suspenseFallback?: React.ReactNode;\n /\n Initial thread mode. Use `\"multi\"` to enable thread history and switching.\n * Defaults to `\"single\"` (one conversation, no history panel).\n /\n initialMode?: \"single\" \| \"multi\";\n}\n\n/\n Main provider component that wraps all chat-related contexts.\n * This is the recommended way to set up the chat system as it includes all necessary providers\n * in the correct order: Runtime, Thread, Stream, Suggestions, Custom Components, and File handling.\n * \n * @example\n * ```tsx\n * // Single-thread mode (default)\n * <ChatProvider\n * apiUrl=\"https://api.example.com\"\n * assistantId=\"my-assistant\"\n * identity={{ user_id: \"user123\", org_id: \"org456\" }}\n * >\n * <YourChatUI />\n * </ChatProvider>\n \n // Multi-thread mode (enables thread history)\n * <ChatProvider\n * apiUrl=\"https://api.example.com\"\n * assistantId=\"my-assistant\"\n * identity={{ user_id: \"user123\", org_id: \"org456\" }}\n * initialMode=\"multi\"\n * >\n * <YourChatUI />\n * </ChatProvider>\n * ```\n */\nexport function ChatProvider({\n apiUrl,\n assistantId,\n identity,\n children,\n customComponents,\n suspenseFallback = <div>Loading chat...</div>,\n initialMode = \"single\",\n}: ChatProviderProps) {\n return (\n <React.Suspense fallback={suspenseFallback}>\n <ChatRuntimeProvider\n apiUrl={apiUrl}\n assistantId={assistantId}\n identity={identity}\n >\n <ThreadProvider initialMode={initialMode}>\n <StreamProvider>\n <SuggestionProvider>\n <CustomComponentProvider initialComponents={customComponents}>\n <FileProvider>{children}</FileProvider>\n </CustomComponentProvider>\n </SuggestionProvider>\n </StreamProvider>\n </ThreadProvider>\n </ChatRuntimeProvider>\n </React.Suspense>\n );\n}"],"names":["ChatProvider","apiUrl","assistantId","identity","children","customComponents","suspenseFallback","jsx","initialMode","React","ChatRuntimeProvider","ThreadProvider","StreamProvider","SuggestionProvider","CustomComponentProvider","FileProvider"],"mappings":";;;;;;;;AA8DO,SAASA,EAAa;AAAA,EAC3B,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,kBAAAC,IAAmB,gBAAAC,EAAC,OAAA,EAAI,UAAA,kBAAA,CAAe;AAAA,EACvC,aAAAC,IAAc;AAChB,GAAsB;AACpB,SACE,gBAAAD,EAACE,EAAM,UAAN,EAAe,UAAUH,GACxB,UAAA,gBAAAC;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,QAAAT;AAAA,MACA,aAAAC;AAAA,MACA,UAAAC;AAAA,MAEA,4BAACQ,GAAA,EAAe,aAAAH,GACd,UAAA,gBAAAD,EAACK,GAAA,EACC,4BAACC,GAAA,EACC,UAAA,gBAAAN,EAACO,GAAA,EAAwB,mBAAmBT,GAC1C,UAAA,gBAAAE,EAACQ,GAAA,EAAc,UAAAX,GAAS,EAAA,CAC1B,EAAA,CACF,GACF,EAAA,CACF;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}

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

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),t=require("react"),u=t.createContext(void 0);function d({children:n,initialComponents:C={}}){const[m,s]=t.useState(C),c=t.useCallback((e,o)=>{s(r=>({...r,[e]:o}))},[]),i=t.useCallback(e=>{s(o=>({...o,...e}))},[]),a=t.useCallback(e=>{s(o=>{const{[e]:r,...p}=o;return p})},[]);return l.jsx(u.Provider,{value:{components:m,registerComponent:c,registerComponents:i,unregisterComponent:a},children:n})}function v(){const n=t.useContext(u);if(!n)throw new Error("useCustomComponents must be used within a CustomComponentProvider");return n}exports.CustomComponentProvider=d;exports.useCustomComponents=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("react/jsx-runtime"),o=require("react"),c=o.createContext(void 0);function x({children:s,initialComponents:m={}}){const[i,r]=o.useState(m),[p,C]=o.useState({}),a=o.useCallback((t,e)=>{r(n=>({...n,[t]:e}))},[]),l=o.useCallback(t=>{r(e=>({...e,...t}))},[]),b=o.useCallback(t=>{r(e=>{const{[t]:n,...u}=e;return u})},[]),d=o.useCallback((t,e)=>{C(n=>({...n,[t]:e}))},[]),g=o.useCallback(t=>{C(e=>{const{[t]:n,...u}=e;return u})},[]);return v.jsx(c.Provider,{value:{components:i,registerComponent:a,registerComponents:l,unregisterComponent:b,interruptComponents:p,registerInterruptComponent:d,unregisterInterruptComponent:g},children:s})}function k(){const s=o.useContext(c);if(!s)throw new Error("useCustomComponents must be used within a CustomComponentProvider");return s}exports.CustomComponentProvider=x;exports.useCustomComponents=k;
 //# sourceMappingURL=CustomComponentProvider.cjs.js.map

package/dist/providers/CustomComponentProvider.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomComponentProvider.cjs.js","sources":["../../src/providers/CustomComponentProvider.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useState } from \"react\";\n\nexport interface CustomComponentContextValue {\n components: Record<string, React.FunctionComponent \| React.ComponentClass>;\n registerComponent: (\n name: string,\n component: React.FunctionComponent \| React.ComponentClass\n ) => void;\n registerComponents: (\n components: Record<string, React.FunctionComponent \| React.ComponentClass>\n ) => void;\n unregisterComponent: (name: string) => void;\n}\n\nconst CustomComponentContext = createContext<\n CustomComponentContextValue \| undefined\n>(undefined);\n\ninterface CustomComponentProviderProps {\n children: React.ReactNode;\n initialComponents?: Record<\n string,\n React.FunctionComponent \| React.ComponentClass\n >;\n}\n\nexport function CustomComponentProvider({\n children,\n initialComponents = {},\n}: CustomComponentProviderProps) {\n const [components, setComponents] =\n useState<Record<string, React.FunctionComponent \| React.ComponentClass>>(\n initialComponents\n );\n\n const registerComponent = useCallback(\n (\n name: string,\n component: React.FunctionComponent \| React.ComponentClass\n ) => {\n setComponents((prev) => ({\n ...prev,\n [name]: component,\n }));\n },\n []\n );\n\n const registerComponents = useCallback(\n (\n newComponents: Record<\n string,\n React.FunctionComponent \| React.ComponentClass\n >\n ) => {\n setComponents((prev) => ({\n ...prev,\n ...newComponents,\n }));\n },\n []\n );\n\n const unregisterComponent = useCallback((name: string) => {\n setComponents((prev) => {\n const { [name]: _, ...rest } = prev;\n return rest;\n });\n }, []);\n\n return (\n <CustomComponentContext.Provider\n value={{\n components,\n registerComponent,\n registerComponents,\n unregisterComponent,\n }}\n >\n {children}\n </CustomComponentContext.Provider>\n );\n}\n\n/*\n Hook to access and manage custom component registry.\n * Use this to register, unregister, or access custom components.\n * \n * @throws {Error} If used outside of CustomComponentProvider\n * \n * @example\n * ```tsx\n * const { components, registerComponent } = useCustomComponents();\n * registerComponent('MyComponent', MyComponent);\n * ```\n */\nexport function useCustomComponents() {\n const context = useContext(CustomComponentContext);\n if (!context) {\n throw new Error(\n \"useCustomComponents must be used within a CustomComponentProvider\"\n );\n }\n return context;\n}\n"],"names":["CustomComponentContext","createContext","CustomComponentProvider","children","initialComponents","components","setComponents","useState","registerComponent","useCallback","name","component","prev","registerComponents","newComponents","unregisterComponent","_","rest","jsx","useCustomComponents","context","useContext"],"mappings":"~~wIAcMA~~,EAAyBC,EAAAA,cAE7B,MAAS,EAUJ,SAASC,EAAwB,CACtC,SAAAC,EACA,kBAAAC,EAAoB,CAAA,CACtB,EAAiC,CAC/B,KAAM,CAACC,EAAYC,CAAa,EAC9BC,EAAAA,SACEH,CAAA,~~EAGEI~~,EAAoBC,EAAAA,YACxB,CACEC,EACAC,IACG,~~CACHL~~,~~EAAeM~~,IAAU,CACvB,GAAGA,EACH,CAACF,CAAI,EAAGC,CAAA,EACR,CACJ,EACA,CAAA,CAAC,EAGGE,EAAqBJ,EAAAA,YAEvBK,GAIG,~~CACHR~~,~~EAAeM~~,IAAU,CACvB,GAAGA,EACH,GAAGE,CAAA,EACH,CACJ,EACA,CAAA,CAAC,EAGGC,EAAsBN,cAAaC,GAAiB,~~CACxDJ~~,~~EAAeM~~,GAAS,CACtB,KAAM,CAAE,CAACF,CAAI,EAAGM,EAAG,GAAGC,GAASL,EAC/B,OAAOK,CACT,CAAC,CACH,EAAG,CAAA,CAAE,EAEL,~~OACEC~~,EAAAA,~~IAAClB~~,EAAuB,SAAvB,CACC,MAAO,CACL,WAAAK,EACA,~~kBAAAG~~,EACA,mBAAAK,EACA,oBAAAE,CAAA,EAGD,~~SAAAZ~~,CAAA,CAAA,CAGP,CAcO,~~SAASgB~~,GAAsB,CACpC,MAAMC,EAAUC,EAAAA,~~WAAWrB~~,CAAsB,EACjD,GAAI,~~CAACoB~~,EACH,MAAM,IAAI,MACR,mEAAA,EAGJ,OAAOA,CACT"}
1	+ {"version":3,"file":"CustomComponentProvider.cjs.js","sources":["../../src/providers/CustomComponentProvider.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useState } from \"react\";\n\nexport interface InterruptComponentProps {\n interrupt: any;\n actions: {\n approve: () => void;\n reject: (reason?: string) => void;\n edit: (editedArgs: Record<string, unknown>) => void;\n };\n}\n\nexport interface CustomComponentContextValue {\n components: Record<string, React.FunctionComponent \| React.ComponentClass>;\n registerComponent: (\n name: string,\n component: React.FunctionComponent \| React.ComponentClass\n ) => void;\n registerComponents: (\n components: Record<string, React.FunctionComponent \| React.ComponentClass>\n ) => void;\n unregisterComponent: (name: string) => void;\n interruptComponents: Record<string, React.ComponentType<InterruptComponentProps>>;\n registerInterruptComponent: (\n toolName: string,\n component: React.ComponentType<InterruptComponentProps>\n ) => void;\n unregisterInterruptComponent: (toolName: string) => void;\n}\n\nconst CustomComponentContext = createContext<\n CustomComponentContextValue \| undefined\n>(undefined);\n\ninterface CustomComponentProviderProps {\n children: React.ReactNode;\n initialComponents?: Record<\n string,\n React.FunctionComponent \| React.ComponentClass\n >;\n}\n\nexport function CustomComponentProvider({\n children,\n initialComponents = {},\n}: CustomComponentProviderProps) {\n const [components, setComponents] =\n useState<Record<string, React.FunctionComponent \| React.ComponentClass>>(\n initialComponents\n );\n\n const [interruptComponents, setInterruptComponents] =\n useState<Record<string, React.ComponentType<InterruptComponentProps>>>({});\n\n const registerComponent = useCallback(\n (\n name: string,\n component: React.FunctionComponent \| React.ComponentClass\n ) => {\n setComponents((prev) => ({\n ...prev,\n [name]: component,\n }));\n },\n []\n );\n\n const registerComponents = useCallback(\n (\n newComponents: Record<\n string,\n React.FunctionComponent \| React.ComponentClass\n >\n ) => {\n setComponents((prev) => ({\n ...prev,\n ...newComponents,\n }));\n },\n []\n );\n\n const unregisterComponent = useCallback((name: string) => {\n setComponents((prev) => {\n const { [name]: _, ...rest } = prev;\n return rest;\n });\n }, []);\n\n const registerInterruptComponent = useCallback(\n (\n toolName: string,\n component: React.ComponentType<InterruptComponentProps>\n ) => {\n setInterruptComponents((prev) => ({\n ...prev,\n [toolName]: component,\n }));\n },\n []\n );\n\n const unregisterInterruptComponent = useCallback((toolName: string) => {\n setInterruptComponents((prev) => {\n const { [toolName]: _, ...rest } = prev;\n return rest;\n });\n }, []);\n\n return (\n <CustomComponentContext.Provider\n value={{\n components,\n registerComponent,\n registerComponents,\n unregisterComponent,\n interruptComponents,\n registerInterruptComponent,\n unregisterInterruptComponent,\n }}\n >\n {children}\n </CustomComponentContext.Provider>\n );\n}\n\n/*\n Hook to access and manage custom component registry.\n * Use this to register, unregister, or access custom components.\n * \n * @throws {Error} If used outside of CustomComponentProvider\n * \n * @example\n * ```tsx\n * const { components, registerComponent } = useCustomComponents();\n * registerComponent('MyComponent', MyComponent);\n * ```\n */\nexport function useCustomComponents() {\n const context = useContext(CustomComponentContext);\n if (!context) {\n throw new Error(\n \"useCustomComponents must be used within a CustomComponentProvider\"\n );\n }\n return context;\n}\n"],"names":["CustomComponentContext","createContext","CustomComponentProvider","children","initialComponents","components","setComponents","useState","interruptComponents","setInterruptComponents","registerComponent","useCallback","name","component","prev","registerComponents","newComponents","unregisterComponent","_","rest","registerInterruptComponent","toolName","unregisterInterruptComponent","jsx","useCustomComponents","context","useContext"],"mappings":"wIA6BMA,EAAyBC,EAAAA,cAE7B,MAAS,EAUJ,SAASC,EAAwB,CACtC,SAAAC,EACA,kBAAAC,EAAoB,CAAA,CACtB,EAAiC,CAC/B,KAAM,CAACC,EAAYC,CAAa,EAC9BC,EAAAA,SACEH,CAAA,EAGE,CAACI,EAAqBC,CAAsB,EAChDF,EAAAA,SAAuE,CAAA,CAAE,EAErEG,EAAoBC,EAAAA,YACxB,CACEC,EACAC,IACG,CACHP,EAAeQ,IAAU,CACvB,GAAGA,EACH,CAACF,CAAI,EAAGC,CAAA,EACR,CACJ,EACA,CAAA,CAAC,EAGGE,EAAqBJ,EAAAA,YAEvBK,GAIG,CACHV,EAAeQ,IAAU,CACvB,GAAGA,EACH,GAAGE,CAAA,EACH,CACJ,EACA,CAAA,CAAC,EAGGC,EAAsBN,cAAaC,GAAiB,CACxDN,EAAeQ,GAAS,CACtB,KAAM,CAAE,CAACF,CAAI,EAAGM,EAAG,GAAGC,GAASL,EAC/B,OAAOK,CACT,CAAC,CACH,EAAG,CAAA,CAAE,EAECC,EAA6BT,EAAAA,YACjC,CACEU,EACAR,IACG,CACHJ,EAAwBK,IAAU,CAChC,GAAGA,EACH,CAACO,CAAQ,EAAGR,CAAA,EACZ,CACJ,EACA,CAAA,CAAC,EAGGS,EAA+BX,cAAaU,GAAqB,CACrEZ,EAAwBK,GAAS,CAC/B,KAAM,CAAE,CAACO,CAAQ,EAAGH,EAAG,GAAGC,GAASL,EACnC,OAAOK,CACT,CAAC,CACH,EAAG,CAAA,CAAE,EAEL,OACEI,EAAAA,IAACvB,EAAuB,SAAvB,CACC,MAAO,CACL,WAAAK,EACA,kBAAAK,EACA,mBAAAK,EACA,oBAAAE,EACA,oBAAAT,EACA,2BAAAY,EACA,6BAAAE,CAAA,EAGD,SAAAnB,CAAA,CAAA,CAGP,CAcO,SAASqB,GAAsB,CACpC,MAAMC,EAAUC,EAAAA,WAAW1B,CAAsB,EACjD,GAAI,CAACyB,EACH,MAAM,IAAI,MACR,mEAAA,EAGJ,OAAOA,CACT"}

package/dist/providers/CustomComponentProvider.d.ts CHANGED Viewed

@@ -1,9 +1,20 @@
 import { default as React } from 'react';
+export interface InterruptComponentProps {
+    interrupt: any;
+    actions: {
+        approve: () => void;
+        reject: (reason?: string) => void;
+        edit: (editedArgs: Record<string, unknown>) => void;
+    };
+}
 export interface CustomComponentContextValue {
     components: Record<string, React.FunctionComponent | React.ComponentClass>;
     registerComponent: (name: string, component: React.FunctionComponent | React.ComponentClass) => void;
     registerComponents: (components: Record<string, React.FunctionComponent | React.ComponentClass>) => void;
     unregisterComponent: (name: string) => void;
+    interruptComponents: Record<string, React.ComponentType<InterruptComponentProps>>;
+    registerInterruptComponent: (toolName: string, component: React.ComponentType<InterruptComponentProps>) => void;
+    unregisterInterruptComponent: (toolName: string) => void;
 }
 interface CustomComponentProviderProps {
     children: React.ReactNode;

package/dist/providers/CustomComponentProvider.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomComponentProvider.d.ts","sourceRoot":"","sources":["../../src/providers/CustomComponentProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;IAC3E,iBAAiB,EAAE,CACjB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,cAAc,KACtD,IAAI,CAAC;IACV,kBAAkB,EAAE,CAClB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KACvE,IAAI,CAAC;IACV,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;~~CAC7C~~;AAMD,UAAU,4BAA4B;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CACxB,MAAM,EACN,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAC/C,CAAC;CACH;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,iBAAsB,GACvB,EAAE,4BAA4B,~~2CAqD9B~~;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,gCAQlC"}
1	+ {"version":3,"file":"CustomComponentProvider.d.ts","sourceRoot":"","sources":["../../src/providers/CustomComponentProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAEhF,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,GAAG,CAAC;IACf,OAAO,EAAE;QACP,OAAO,EAAE,MAAM,IAAI,CAAC;QACpB,MAAM,EAAE,CAAC,MAAM,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;QAClC,IAAI,EAAE,CAAC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;KACrD,CAAC;CACH;AAED,MAAM,WAAW,2BAA2B;IAC1C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,CAAC;IAC3E,iBAAiB,EAAE,CACjB,IAAI,EAAE,MAAM,EACZ,SAAS,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,cAAc,KACtD,IAAI,CAAC;IACV,kBAAkB,EAAE,CAClB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAAC,KACvE,IAAI,CAAC;IACV,mBAAmB,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,mBAAmB,EAAE,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,CAAC,CAAC;IAClF,0BAA0B,EAAE,CAC1B,QAAQ,EAAE,MAAM,EAChB,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,uBAAuB,CAAC,KACpD,IAAI,CAAC;IACV,4BAA4B,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;CAC1D;AAMD,UAAU,4BAA4B;IACpC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CACxB,MAAM,EACN,KAAK,CAAC,iBAAiB,GAAG,KAAK,CAAC,cAAc,CAC/C,CAAC;CACH;AAED,wBAAgB,uBAAuB,CAAC,EACtC,QAAQ,EACR,iBAAsB,GACvB,EAAE,4BAA4B,2CA+E9B;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,mBAAmB,gCAQlC"}

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

@@ -1,57 +1,73 @@
-import { jsx as x } from "react/jsx-runtime";
-import { useState as d, useCallback as s, createContext as f, useContext as v } from "react";
-const m = f(void 0);
-function w({
-  children: e,
-  initialComponents: u = {}
+import { jsx as l } from "react/jsx-runtime";
+import { useContext as w, createContext as I, useState as C, useCallback as e } from "react";
+const p = I(void 0);
+function h({
+  children: r,
+  initialComponents: c = {}
 }) {
-  const [C, n] = d(
-    u
-  ), i = s(
-    (o, t) => {
-      n((r) => ({
-        ...r,
-        [o]: t
+  const [i, s] = C(
+    c
+  ), [a, m] = C({}), x = e(
+    (t, o) => {
+      s((n) => ({
+        ...n,
+        [t]: o
       }));
     },
     []
-  ), c = s(
-    (o) => {
-      n((t) => ({
-        ...t,
-        ...o
+  ), d = e(
+    (t) => {
+      s((o) => ({
+        ...o,
+        ...t
       }));
     },
     []
-  ), p = s((o) => {
-    n((t) => {
-      const { [o]: r, ...a } = t;
-      return a;
+  ), f = e((t) => {
+    s((o) => {
+      const { [t]: n, ...u } = o;
+      return u;
+    });
+  }, []), g = e(
+    (t, o) => {
+      m((n) => ({
+        ...n,
+        [t]: o
+      }));
+    },
+    []
+  ), v = e((t) => {
+    m((o) => {
+      const { [t]: n, ...u } = o;
+      return u;
     });
   }, []);
-  return /* @__PURE__ */ x(
-    m.Provider,
+  return /* @__PURE__ */ l(
+    p.Provider,
     {
       value: {
-        components: C,
-        registerComponent: i,
-        registerComponents: c,
-        unregisterComponent: p
+        components: i,
+        registerComponent: x,
+        registerComponents: d,
+        unregisterComponent: f,
+        interruptComponents: a,
+        registerInterruptComponent: g,
+        unregisterInterruptComponent: v
       },
-      children: e
+      children: r
     }
   );
 }
-function P() {
-  const e = v(m);
-  if (!e)
+function _() {
+  const r = w(p);
+  if (!r)
     throw new Error(
       "useCustomComponents must be used within a CustomComponentProvider"
     );
-  return e;
+  return r;
 }
 export {
-  w as CustomComponentProvider,
-  P as useCustomComponents
+  h as CustomComponentProvider,
+  _ as useCustomComponents
 };
 //# sourceMappingURL=CustomComponentProvider.es.js.map

package/dist/providers/CustomComponentProvider.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomComponentProvider.es.js","sources":["../../src/providers/CustomComponentProvider.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useState } from \"react\";\n\nexport interface CustomComponentContextValue {\n components: Record<string, React.FunctionComponent \| React.ComponentClass>;\n registerComponent: (\n name: string,\n component: React.FunctionComponent \| React.ComponentClass\n ) => void;\n registerComponents: (\n components: Record<string, React.FunctionComponent \| React.ComponentClass>\n ) => void;\n unregisterComponent: (name: string) => void;\n}\n\nconst CustomComponentContext = createContext<\n CustomComponentContextValue \| undefined\n>(undefined);\n\ninterface CustomComponentProviderProps {\n children: React.ReactNode;\n initialComponents?: Record<\n string,\n React.FunctionComponent \| React.ComponentClass\n >;\n}\n\nexport function CustomComponentProvider({\n children,\n initialComponents = {},\n}: CustomComponentProviderProps) {\n const [components, setComponents] =\n useState<Record<string, React.FunctionComponent \| React.ComponentClass>>(\n initialComponents\n );\n\n const registerComponent = useCallback(\n (\n name: string,\n component: React.FunctionComponent \| React.ComponentClass\n ) => {\n setComponents((prev) => ({\n ...prev,\n [name]: component,\n }));\n },\n []\n );\n\n const registerComponents = useCallback(\n (\n newComponents: Record<\n string,\n React.FunctionComponent \| React.ComponentClass\n >\n ) => {\n setComponents((prev) => ({\n ...prev,\n ...newComponents,\n }));\n },\n []\n );\n\n const unregisterComponent = useCallback((name: string) => {\n setComponents((prev) => {\n const { [name]: _, ...rest } = prev;\n return rest;\n });\n }, []);\n\n return (\n <CustomComponentContext.Provider\n value={{\n components,\n registerComponent,\n registerComponents,\n unregisterComponent,\n }}\n >\n {children}\n </CustomComponentContext.Provider>\n );\n}\n\n/*\n Hook to access and manage custom component registry.\n * Use this to register, unregister, or access custom components.\n * \n * @throws {Error} If used outside of CustomComponentProvider\n * \n * @example\n * ```tsx\n * const { components, registerComponent } = useCustomComponents();\n * registerComponent('MyComponent', MyComponent);\n * ```\n */\nexport function useCustomComponents() {\n const context = useContext(CustomComponentContext);\n if (!context) {\n throw new Error(\n \"useCustomComponents must be used within a CustomComponentProvider\"\n );\n }\n return context;\n}\n"],"names":["CustomComponentContext","createContext","CustomComponentProvider","children","initialComponents","components","setComponents","useState","registerComponent","useCallback","name","component","prev","registerComponents","newComponents","unregisterComponent","_","rest","jsx","useCustomComponents","context","useContext"],"mappings":";;~~AAcA~~,MAAMA,IAAyBC,EAE7B,MAAS;AAUJ,SAASC,EAAwB;AAAA,EACtC,UAAAC;AAAA,EACA,mBAAAC,IAAoB,CAAA;AACtB,GAAiC;AAC/B,QAAM,CAACC,GAAYC,CAAa,IAC9BC;AAAA,IACEH;AAAA,EAAA,~~GAGEI~~,IAAoBC;AAAA,IACxB,CACEC,GACAC,MACG;AACH,~~MAAAL~~,EAAc,~~CAACM~~,OAAU;AAAA,QACvB,GAAGA;AAAA,QACH,CAACF,CAAI,GAAGC;AAAA,MAAA,EACR;AAAA,IACJ;AAAA,IACA,CAAA;AAAA,EAAC,GAGGE,IAAqBJ;AAAA,IACzB,CACEK,MAIG;AACH,~~MAAAR~~,EAAc,~~CAACM~~,OAAU;AAAA,QACvB,GAAGA;AAAA,QACH,GAAGE;AAAA,MAAA,EACH;AAAA,IACJ;AAAA,IACA,CAAA;AAAA,EAAC,GAGGC,IAAsBN,EAAY,CAACC,MAAiB;AACxD,~~IAAAJ~~,EAAc,~~CAACM~~,MAAS;AACtB,YAAM,EAAE,CAACF,CAAI,GAAGM,GAAG,GAAGC,MAASL;AAC/B,aAAOK;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,SACE,~~gBAAAC~~;AAAA,~~IAAClB~~,EAAuB;AAAA,IAAvB;AAAA,MACC,OAAO;AAAA,QACL,YAAAK;AAAA,QACA,~~mBAAAG~~;AAAA,QACA,oBAAAK;AAAA,QACA,qBAAAE;AAAA,MAAA;AAAA,MAGD,~~UAAAZ~~;AAAA,IAAA;AAAA,EAAA;AAGP;AAcO,~~SAASgB~~,IAAsB;AACpC,QAAMC,IAAUC,~~EAAWrB~~,CAAsB;AACjD,MAAI,~~CAACoB~~;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAGJ,SAAOA;AACT;"}
1	+ {"version":3,"file":"CustomComponentProvider.es.js","sources":["../../src/providers/CustomComponentProvider.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useState } from \"react\";\n\nexport interface InterruptComponentProps {\n interrupt: any;\n actions: {\n approve: () => void;\n reject: (reason?: string) => void;\n edit: (editedArgs: Record<string, unknown>) => void;\n };\n}\n\nexport interface CustomComponentContextValue {\n components: Record<string, React.FunctionComponent \| React.ComponentClass>;\n registerComponent: (\n name: string,\n component: React.FunctionComponent \| React.ComponentClass\n ) => void;\n registerComponents: (\n components: Record<string, React.FunctionComponent \| React.ComponentClass>\n ) => void;\n unregisterComponent: (name: string) => void;\n interruptComponents: Record<string, React.ComponentType<InterruptComponentProps>>;\n registerInterruptComponent: (\n toolName: string,\n component: React.ComponentType<InterruptComponentProps>\n ) => void;\n unregisterInterruptComponent: (toolName: string) => void;\n}\n\nconst CustomComponentContext = createContext<\n CustomComponentContextValue \| undefined\n>(undefined);\n\ninterface CustomComponentProviderProps {\n children: React.ReactNode;\n initialComponents?: Record<\n string,\n React.FunctionComponent \| React.ComponentClass\n >;\n}\n\nexport function CustomComponentProvider({\n children,\n initialComponents = {},\n}: CustomComponentProviderProps) {\n const [components, setComponents] =\n useState<Record<string, React.FunctionComponent \| React.ComponentClass>>(\n initialComponents\n );\n\n const [interruptComponents, setInterruptComponents] =\n useState<Record<string, React.ComponentType<InterruptComponentProps>>>({});\n\n const registerComponent = useCallback(\n (\n name: string,\n component: React.FunctionComponent \| React.ComponentClass\n ) => {\n setComponents((prev) => ({\n ...prev,\n [name]: component,\n }));\n },\n []\n );\n\n const registerComponents = useCallback(\n (\n newComponents: Record<\n string,\n React.FunctionComponent \| React.ComponentClass\n >\n ) => {\n setComponents((prev) => ({\n ...prev,\n ...newComponents,\n }));\n },\n []\n );\n\n const unregisterComponent = useCallback((name: string) => {\n setComponents((prev) => {\n const { [name]: _, ...rest } = prev;\n return rest;\n });\n }, []);\n\n const registerInterruptComponent = useCallback(\n (\n toolName: string,\n component: React.ComponentType<InterruptComponentProps>\n ) => {\n setInterruptComponents((prev) => ({\n ...prev,\n [toolName]: component,\n }));\n },\n []\n );\n\n const unregisterInterruptComponent = useCallback((toolName: string) => {\n setInterruptComponents((prev) => {\n const { [toolName]: _, ...rest } = prev;\n return rest;\n });\n }, []);\n\n return (\n <CustomComponentContext.Provider\n value={{\n components,\n registerComponent,\n registerComponents,\n unregisterComponent,\n interruptComponents,\n registerInterruptComponent,\n unregisterInterruptComponent,\n }}\n >\n {children}\n </CustomComponentContext.Provider>\n );\n}\n\n/*\n Hook to access and manage custom component registry.\n * Use this to register, unregister, or access custom components.\n * \n * @throws {Error} If used outside of CustomComponentProvider\n * \n * @example\n * ```tsx\n * const { components, registerComponent } = useCustomComponents();\n * registerComponent('MyComponent', MyComponent);\n * ```\n */\nexport function useCustomComponents() {\n const context = useContext(CustomComponentContext);\n if (!context) {\n throw new Error(\n \"useCustomComponents must be used within a CustomComponentProvider\"\n );\n }\n return context;\n}\n"],"names":["CustomComponentContext","createContext","CustomComponentProvider","children","initialComponents","components","setComponents","useState","interruptComponents","setInterruptComponents","registerComponent","useCallback","name","component","prev","registerComponents","newComponents","unregisterComponent","_","rest","registerInterruptComponent","toolName","unregisterInterruptComponent","jsx","useCustomComponents","context","useContext"],"mappings":";;AA6BA,MAAMA,IAAyBC,EAE7B,MAAS;AAUJ,SAASC,EAAwB;AAAA,EACtC,UAAAC;AAAA,EACA,mBAAAC,IAAoB,CAAA;AACtB,GAAiC;AAC/B,QAAM,CAACC,GAAYC,CAAa,IAC9BC;AAAA,IACEH;AAAA,EAAA,GAGE,CAACI,GAAqBC,CAAsB,IAChDF,EAAuE,CAAA,CAAE,GAErEG,IAAoBC;AAAA,IACxB,CACEC,GACAC,MACG;AACH,MAAAP,EAAc,CAACQ,OAAU;AAAA,QACvB,GAAGA;AAAA,QACH,CAACF,CAAI,GAAGC;AAAA,MAAA,EACR;AAAA,IACJ;AAAA,IACA,CAAA;AAAA,EAAC,GAGGE,IAAqBJ;AAAA,IACzB,CACEK,MAIG;AACH,MAAAV,EAAc,CAACQ,OAAU;AAAA,QACvB,GAAGA;AAAA,QACH,GAAGE;AAAA,MAAA,EACH;AAAA,IACJ;AAAA,IACA,CAAA;AAAA,EAAC,GAGGC,IAAsBN,EAAY,CAACC,MAAiB;AACxD,IAAAN,EAAc,CAACQ,MAAS;AACtB,YAAM,EAAE,CAACF,CAAI,GAAGM,GAAG,GAAGC,MAASL;AAC/B,aAAOK;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE,GAECC,IAA6BT;AAAA,IACjC,CACEU,GACAR,MACG;AACH,MAAAJ,EAAuB,CAACK,OAAU;AAAA,QAChC,GAAGA;AAAA,QACH,CAACO,CAAQ,GAAGR;AAAA,MAAA,EACZ;AAAA,IACJ;AAAA,IACA,CAAA;AAAA,EAAC,GAGGS,IAA+BX,EAAY,CAACU,MAAqB;AACrE,IAAAZ,EAAuB,CAACK,MAAS;AAC/B,YAAM,EAAE,CAACO,CAAQ,GAAGH,GAAG,GAAGC,MAASL;AACnC,aAAOK;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAA,CAAE;AAEL,SACE,gBAAAI;AAAA,IAACvB,EAAuB;AAAA,IAAvB;AAAA,MACC,OAAO;AAAA,QACL,YAAAK;AAAA,QACA,mBAAAK;AAAA,QACA,oBAAAK;AAAA,QACA,qBAAAE;AAAA,QACA,qBAAAT;AAAA,QACA,4BAAAY;AAAA,QACA,8BAAAE;AAAA,MAAA;AAAA,MAGD,UAAAnB;AAAA,IAAA;AAAA,EAAA;AAGP;AAcO,SAASqB,IAAsB;AACpC,QAAMC,IAAUC,EAAW1B,CAAsB;AACjD,MAAI,CAACyB;AACH,UAAM,IAAI;AAAA,MACR;AAAA,IAAA;AAGJ,SAAOA;AACT;"}

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