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

langgraph-ui-components 0.0.25 → 0.0.28

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

package/dist/pages/Chat/Chat.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Chat.es.js","sources":["../../../src/pages/Chat/Chat.tsx"],"sourcesContent":["import ChatBody from \"@/components/ChatBody\";\nimport ChatInput from \"@/components/sidebar/ChatInput\";\nimport Suggestion from \"@/components/Suggestion\";\nimport ThreadHistory from \"@/components/threads/ThreadHistory\";\nimport { useChatRuntime } from \"@/providers/ChatRuntime\";\nimport { useFileProvider } from \"@/providers/FileProvider\";\nimport { useStreamContext } from \"@/providers/Stream\";\nimport { useThread } from \"@/providers/Thread\";\nimport type { ChatUIProps } from \"@/types/ChatProps\";\nimport type { FileInfo } from \"@/types/fileInput\";\nimport { buildContentBlocks, readFilesAsBase64 } from \"@/utils/submitUtils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { useEffect, useState, type FormEvent } from \"react\";\nimport { v4 as uuidv4 } from \"uuid\";\n\nexport function Chat(chatProps?: ChatUIProps) {\n const { callThisOnSubmit, handleFileSelect, enableToolCallIndicator, chatBodyProps, textToSpeechVoice } = chatProps \|\| {};\n const [isFirstMessage, setIsFirstMessage] = useState(true);\n const [input, setInput] = useState(\"\");\n const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n const { fileInput, setFileInput } = useFileProvider();\n const [agents, setAgents] = useState<Array<string>>([]);\n const { fetchCatalog } = useStreamContext();\n const stream = useStreamContext();\n const { assistantId, setAssistantId } = useChatRuntime();\n const isLoading = stream.isLoading;\n const { setMode, threadId } = useThread();\n\n useEffect(() => {\n // Fetch the agent catalog on component mount\n const fetchAgents = async () => {\n const data = await fetchCatalog() as { agents?: { graph_id?: string }[] } \| null;\n\n const agentList = Array.isArray(data?.agents) ? data.agents : [];\n const agentIds = agentList\n .map((item) => item?.graph_id)\n .filter((id): id is string => typeof id === \"string\" && id.length > 0);\n setAgents(agentIds);\n };\n fetchAgents();\n }, [fetchCatalog]);\n\n const handleAgentChange = (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n const selectedAgent = (event.target as HTMLElement).innerText;\n setAssistantId(selectedAgent);\n setIsDropdownOpen(false);\n }\n\n\n // Set thread mode to multi when using Chat\n useEffect(() => {\n setMode(\"multi\");\n }, [setMode]);\n\n // Update isFirstMessage based on thread messages\n // Only show first message screen when no thread exists AND no messages\n useEffect(() => {\n if (stream.messages && stream.messages.length > 0) {\n setIsFirstMessage(false);\n } else if (!threadId) {\n // Only reset to true if we don't have an active thread\n setIsFirstMessage(true);\n }\n // Don't set to true if we have a threadId but messages are temporarily empty (loading)\n }, [threadId, stream.messages]);\n\n const defaultHandleSubmit = async (e: FormEvent) => {\n e.preventDefault();\n if ((input.trim().length === 0 && fileInput.length === 0) \|\| isLoading)\n return;\n\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\n const contentBlocks = buildContentBlocks(input, latestFiles);\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 setIsFirstMessage(false);\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\n return (\n <div className=\"flex h-screen w-screen bg-[#0f0f0f] text-white\">\n <ThreadHistory header={chatProps?.header \|\| { title: \"AI Assistant\" }} />\n <main className=\"flex flex-1 flex-col\">\n {/* Header /}\n <header className=\"flex h-14 items-center justify-between border-b border-white/10 px-6\">\n\n <button\n id=\"dropdownDividerButton\"\n onClick={() => setIsDropdownOpen(!isDropdownOpen)}\n className=\"inline-flex items-center justify-center text-white bg-brand box-border border rounded-2xl border-transparent hover:bg-brand-strong font-medium leading-5 rounded-base text-sm px-4 py-2.5 bg-zinc-800\"\n type=\"button\"\n >\n {assistantId}\n <svg className=\"w-4 h-4 ms-1.5 -me-0.5\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"m19 9-7 7-7-7\" /></svg>\n </button>\n\n <div id=\"dropdownDivider\" className={`z-10 absolute top-14 bg-neutral-primary-medium bg-zinc-800 rounded-2xl divide-y divide-default-medium w-44 ${isDropdownOpen ? '' : 'hidden'}`}>\n <ul className=\"p-2 text-sm text-body font-medium\" aria-labelledby=\"dropdownDividerButton\">\n {agents.map((agentName) => (\n <li key={agentName} className=\"hover:bg-zinc-700 hover:rounded-2xl\" onClick={handleAgentChange}>\n <span className=\"inline-flex items-center w-full p-2 hover:bg-neutral-tertiary-medium hover:text-heading rounded\">{agentName}</span>\n </li>\n ))}\n </ul>\n {/ <div className=\"p-2 text-sm text-body font-medium\">\n <a href=\"#\" className=\"inline-flex items-center w-full p-2 hover:bg-neutral-tertiary-medium hover:text-heading rounded\">Separated link</a>\n </div> /}\n </div>\n\n </header>\n\n {/ CONTENT AREA */}\n <div className=\"relative flex flex-1 overflow-hidden\">\n {isFirstMessage ?\n <div className=\"flex flex-1 flex-col items-center justify-center\">\n <h1 className=\"mb-8 text-2xl font-medium text-white/80\">\n What are you working on?\n </h1>\n\n <div className=\"w-full max-w-2xl px-4\">\n <ChatInput input={input} setInput={setInput} textToSpeechVoice={textToSpeechVoice} handleSubmit={defaultHandleSubmit} fileInput={fileInput} setFileInput={setFileInput} handleFileSelect={onFileSelect} />\n </div>\n </div> :\n // =========================\n // CHAT STATE (after message)\n // =========================\n <div className=\"flex h-full w-full flex-col\">\n <div className=\"flex-1 overflow-y-auto scrollbar-none [&::-webkit-scrollbar]:hidden\">\n <div className=\"mx-auto max-w-3xl px-4 py-6\">\n <ChatBody setIsFirstMessage={setIsFirstMessage} enableToolCallIndicator={enableToolCallIndicator} chatBodyProps={chatBodyProps} />\n </div>\n </div>\n <div className=\"mx-auto\">\n <Suggestion />\n </div>\n <div className=\"border-t border-white/10 p-1\">\n <div className=\"mx-auto max-w-3xl\">\n <ChatInput input={input} setInput={setInput} textToSpeechVoice={textToSpeechVoice} handleSubmit={defaultHandleSubmit} fileInput={fileInput} setFileInput={setFileInput} handleFileSelect={onFileSelect} />\n </div>\n </div>\n </div>\n }\n </div>\n </main>\n </div>\n )\n}\n"],"names":["Chat","chatProps","callThisOnSubmit","handleFileSelect","enableToolCallIndicator","chatBodyProps","textToSpeechVoice","isFirstMessage","setIsFirstMessage","useState","input","setInput","isDropdownOpen","setIsDropdownOpen","fileInput","setFileInput","useFileProvider","agents","setAgents","fetchCatalog","useStreamContext","stream","assistantId","setAssistantId","useChatRuntime","isLoading","setMode","threadId","useThread","useEffect","data","agentIds","item","id","handleAgentChange","event","selectedAgent","defaultHandleSubmit","e","latestFiles","contextValues","result","contentBlocks","buildContentBlocks","newHumanMessage","uuidv4","onFileSelect","files","fileDetails","readFilesAsBase64","prevFile","jsxs","jsx","ThreadHistory","agentName","ChatInput","ChatBody","Suggestion"],"mappings":"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"}
1	+ {"version":3,"file":"Chat.es.js","sources":["../../../src/pages/Chat/Chat.tsx"],"sourcesContent":["import ChatBody from \"@/components/ChatBody\";\nimport ChatInput from \"@/components/sidebar/ChatInput\";\nimport Suggestion from \"@/components/Suggestion\";\nimport ThreadHistory from \"@/components/threads/ThreadHistory\";\nimport { useChatRuntime } from \"@/providers/ChatRuntime\";\nimport { useFileProvider } from \"@/providers/FileProvider\";\nimport { useStreamContext } from \"@/providers/Stream\";\nimport { useThread } from \"@/providers/Thread\";\nimport type { ChatUIProps } from \"@/types/ChatProps\";\nimport type { FileInfo } from \"@/types/fileInput\";\nimport { buildContentBlocks, readFilesAsBase64 } from \"@/utils/submitUtils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { useEffect, useState, type FormEvent } from \"react\";\nimport { v4 as uuidv4 } from \"uuid\";\n\nexport function Chat(chatProps?: ChatUIProps) {\n const { callThisOnSubmit, handleFileSelect, enableToolCallIndicator, chatBodyProps, textToSpeechVoice } = chatProps \|\| {};\n const [isFirstMessage, setIsFirstMessage] = useState(true);\n const [input, setInput] = useState(\"\");\n const [isDropdownOpen, setIsDropdownOpen] = useState(false);\n const { fileInput, setFileInput } = useFileProvider();\n const [agents, setAgents] = useState<Array<string>>([]);\n const { fetchCatalog } = useStreamContext();\n const stream = useStreamContext();\n const { assistantId, setAssistantId } = useChatRuntime();\n const isLoading = stream.isLoading;\n const { setMode, threadId } = useThread();\n\n useEffect(() => {\n // Fetch the agent catalog on component mount\n const fetchAgents = async () => {\n const data = await fetchCatalog() as { agents?: { graph_id?: string }[] } \| null;\n\n const agentList = Array.isArray(data?.agents) ? data.agents : [];\n const agentIds = agentList\n .map((item) => item?.graph_id)\n .filter((id): id is string => typeof id === \"string\" && id.length > 0);\n setAgents(agentIds);\n };\n fetchAgents();\n }, [fetchCatalog]);\n\n const handleAgentChange = (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => {\n const selectedAgent = (event.target as HTMLElement).innerText;\n setAssistantId(selectedAgent);\n setIsDropdownOpen(false);\n }\n\n\n // Set thread mode to multi when using Chat\n useEffect(() => {\n setMode(\"multi\");\n }, [setMode]);\n\n // Update isFirstMessage based on thread messages\n // Only show first message screen when no thread exists AND no messages\n useEffect(() => {\n if (stream.messages && stream.messages.length > 0) {\n setIsFirstMessage(false);\n } else if (!threadId) {\n // Only reset to true if we don't have an active thread\n setIsFirstMessage(true);\n }\n // Don't set to true if we have a threadId but messages are temporarily empty (loading)\n }, [threadId, stream.messages]);\n\n const defaultHandleSubmit = async (e: FormEvent) => {\n e.preventDefault();\n if ((input.trim().length === 0 && fileInput.length === 0) \|\| isLoading)\n return;\n\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\n const contentBlocks = buildContentBlocks(input, latestFiles);\n\n const newHumanMessage: Message = {\n id: uuidv4(),\n type: \"human\",\n content: contentBlocks,\n };\n\n setIsFirstMessage(false);\n\n // Clear input optimistically, but restore on failure so the user doesn't lose their draft.\n const savedInput = input;\n const savedFileInput = fileInput;\n setInput(\"\");\n setFileInput([]);\n\n try {\n // Use the unified submitMessage function\n await stream.submitMessage(newHumanMessage, { contextValues: contextValues });\n } catch (err) {\n setInput(savedInput);\n setFileInput(savedFileInput);\n throw err;\n }\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\n return (\n <div className=\"flex h-screen w-screen bg-[#0f0f0f] text-white\">\n <ThreadHistory header={chatProps?.header \|\| { title: \"AI Assistant\" }} />\n <main className=\"flex flex-1 flex-col\">\n {/* Header /}\n <header className=\"flex h-14 items-center justify-between border-b border-white/10 px-6\">\n\n <button\n id=\"dropdownDividerButton\"\n onClick={() => setIsDropdownOpen(!isDropdownOpen)}\n className=\"inline-flex items-center justify-center text-white bg-brand box-border border rounded-2xl border-transparent hover:bg-brand-strong font-medium leading-5 rounded-base text-sm px-4 py-2.5 bg-zinc-800\"\n type=\"button\"\n >\n {assistantId}\n <svg className=\"w-4 h-4 ms-1.5 -me-0.5\" aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" fill=\"none\" viewBox=\"0 0 24 24\"><path stroke=\"currentColor\" strokeLinecap=\"round\" strokeLinejoin=\"round\" strokeWidth=\"2\" d=\"m19 9-7 7-7-7\" /></svg>\n </button>\n\n <div id=\"dropdownDivider\" className={`z-10 absolute top-14 bg-neutral-primary-medium bg-zinc-800 rounded-2xl divide-y divide-default-medium w-44 ${isDropdownOpen ? '' : 'hidden'}`}>\n <ul className=\"p-2 text-sm text-body font-medium\" aria-labelledby=\"dropdownDividerButton\">\n {agents.map((agentName) => (\n <li key={agentName} className=\"hover:bg-zinc-700 hover:rounded-2xl\" onClick={handleAgentChange}>\n <span className=\"inline-flex items-center w-full p-2 hover:bg-neutral-tertiary-medium hover:text-heading rounded\">{agentName}</span>\n </li>\n ))}\n </ul>\n {/ <div className=\"p-2 text-sm text-body font-medium\">\n <a href=\"#\" className=\"inline-flex items-center w-full p-2 hover:bg-neutral-tertiary-medium hover:text-heading rounded\">Separated link</a>\n </div> /}\n </div>\n\n </header>\n\n {/ CONTENT AREA */}\n <div className=\"relative flex flex-1 overflow-hidden\">\n {isFirstMessage ?\n <div className=\"flex flex-1 flex-col items-center justify-center\">\n <h1 className=\"mb-8 text-2xl font-medium text-white/80\">\n What are you working on?\n </h1>\n\n <div className=\"w-full max-w-2xl px-4\">\n <ChatInput input={input} setInput={setInput} textToSpeechVoice={textToSpeechVoice} handleSubmit={defaultHandleSubmit} fileInput={fileInput} setFileInput={setFileInput} handleFileSelect={onFileSelect} />\n </div>\n </div> :\n // =========================\n // CHAT STATE (after message)\n // =========================\n <div className=\"flex h-full w-full flex-col\">\n <div className=\"flex-1 overflow-y-auto scrollbar-none [&::-webkit-scrollbar]:hidden\">\n <div className=\"mx-auto max-w-3xl px-4 py-6\">\n <ChatBody setIsFirstMessage={setIsFirstMessage} enableToolCallIndicator={enableToolCallIndicator} chatBodyProps={chatBodyProps} />\n </div>\n </div>\n <div className=\"mx-auto\">\n <Suggestion />\n </div>\n <div className=\"border-t border-white/10 p-1\">\n <div className=\"mx-auto max-w-3xl\">\n <ChatInput input={input} setInput={setInput} textToSpeechVoice={textToSpeechVoice} handleSubmit={defaultHandleSubmit} fileInput={fileInput} setFileInput={setFileInput} handleFileSelect={onFileSelect} />\n </div>\n </div>\n </div>\n }\n </div>\n </main>\n </div>\n )\n}\n"],"names":["Chat","chatProps","callThisOnSubmit","handleFileSelect","enableToolCallIndicator","chatBodyProps","textToSpeechVoice","isFirstMessage","setIsFirstMessage","useState","input","setInput","isDropdownOpen","setIsDropdownOpen","fileInput","setFileInput","useFileProvider","agents","setAgents","fetchCatalog","useStreamContext","stream","assistantId","setAssistantId","useChatRuntime","isLoading","setMode","threadId","useThread","useEffect","data","agentIds","item","id","handleAgentChange","event","selectedAgent","defaultHandleSubmit","e","latestFiles","contextValues","result","contentBlocks","buildContentBlocks","newHumanMessage","uuidv4","savedInput","savedFileInput","err","onFileSelect","files","fileDetails","readFilesAsBase64","prevFile","jsxs","jsx","ThreadHistory","agentName","ChatInput","ChatBody","Suggestion"],"mappings":"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"}

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

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar.cjs.js","sources":["../../../src/pages/Sidebar/sidebar.tsx"],"sourcesContent":["import Suggestion from \"@/components/Suggestion\";\nimport ThreadHistory from \"@/components/threads/ThreadHistory\";\nimport { useFileProvider } from \"@/providers/FileProvider\";\nimport { useStreamContext } from \"@/providers/Stream\";\nimport { useThread } from \"@/providers/Thread\";\nimport type { ChatSidebarProps } from \"@/types/ChatProps\";\nimport type { FileInfo } from \"@/types/fileInput\";\nimport { logger } from \"@/utils/logger\";\nimport { buildContentBlocks, readFilesAsBase64 } from \"@/utils/submitUtils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { X, PanelLeft, ScanEye, EyeOff } from \"lucide-react\";\nimport { useEffect, useState, type FormEvent, useRef } from \"react\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport ChatBody from \"../../components/ChatBody\";\nimport ChatButton from \"../../components/ChatButton\";\nimport ChatInput from \"../../components/sidebar/ChatInput\";\n\n/*\n Main sidebar chat interface component.\n * Displays a chat button that opens a sliding sidebar with full chat functionality.\n * \n * @param header - Custom header text for the chat sidebar (default: \"AI Assistant\")\n * @param handleFileSelect - Optional custom file selection handler\n * @param callThisOnSubmit - Optional callback invoked before message submission, can return updated file list\n * @param preventSubmit - Optional boolean to prevent all submit actions when true\n * @param leftPanelContent - Optional custom content for the left panel when expanded\n * @param leftPanelOpen - Optional external control for left panel open state\n * @param setLeftPanelOpen - Optional external setter for left panel open state\n * \n * @example\n * ```tsx\n * <Sidebar \n * header=\"My Custom AI\"\n * preventSubmit={true} // Disables all submit functionality\n * callThisOnSubmit={async () => {\n * // Upload files to your backend\n * return updatedFiles;\n * }}\n * leftPanelContent={<div className=\"text-white\">Custom left panel content here!</div>}\n * leftPanelOpen={isLeftPanelOpen}\n * setLeftPanelOpen={setIsLeftPanelOpen}\n * />\n * ```\n /\nexport default function Sidebar(props: ChatSidebarProps) {\n\n const { handleFileSelect, callThisOnSubmit, enableToolCallIndicator, header, inputFileAccept, filePreview, s3_upload, preventSubmit, leftPanelContent, leftPanelOpen: externalLeftPanelOpen, setLeftPanelOpen: externalSetLeftPanelOpen, chatBodyProps, supportChatHistory = false, textToSpeechVoice, leftPanelInitialWidth = 30, leftPanelClassName } = props;\n const [open, setOpen] = useState(false);\n const [input, setInput] = useState(\"\");\n const [internalLeftPanelOpen, setInternalLeftPanelOpen] = useState(false);\n const [threadHistoryOpen, setThreadHistoryOpen] = useState(false);\n const { fileInput, setFileInput } = useFileProvider();\n\n // Resize state\n const [leftPanelWidth, setLeftPanelWidth] = useState(leftPanelInitialWidth);\n const [sidebarWidth, setSidebarWidth] = useState(30); \n const [isResizingLeft, setIsResizingLeft] = useState(false);\n const [isResizingSidebar, setIsResizingSidebar] = useState(false);\n const sidebarRef = useRef<HTMLDivElement>(null);\n const startXRef = useRef<number>(0);\n const startWidthRef = useRef<number>(0);\n\n // Handle left panel resize\n useEffect(() => {\n const handleMouseMove = (e: MouseEvent) => {\n if (isResizingLeft) {\n // For left panel: it extends to the left of the sidebar,\n // so dragging LEFT (decreasing clientX) should INCREASE width\n const deltaX = startXRef.current - e.clientX;\n // Convert to vw\n const deltaVw = (deltaX / window.innerWidth) 100;\n const newLeftPanelWidth = startWidthRef.current + deltaVw;\n const maxLeftPanelWidth = 40;\n const minLeftPanelWidth = 30;\n\n // Clamp the value\n const clampedWidth = Math.max(minLeftPanelWidth, Math.min(maxLeftPanelWidth, newLeftPanelWidth));\n setLeftPanelWidth(clampedWidth);\n } else if (isResizingSidebar && sidebarRef.current) {\n // For sidebar on right: moving left increases width (handle is on left edge)\n const deltaX = startXRef.current - e.clientX;\n // Convert to vw\n const deltaVw = (deltaX / window.innerWidth) * 100;\n const newSidebarWidth = startWidthRef.current + deltaVw;\n const maxSidebarWidth = 50;\n const minSidebarWidth = 30;\n\n // Clamp the value\n const clampedWidth = Math.max(minSidebarWidth, Math.min(maxSidebarWidth, newSidebarWidth));\n setSidebarWidth(clampedWidth);\n }\n };\n\n const handleMouseUp = () => {\n setIsResizingLeft(false);\n setIsResizingSidebar(false);\n document.body.style.cursor = 'default';\n document.body.style.userSelect = 'auto';\n };\n\n if (isResizingLeft \|\| isResizingSidebar) {\n document.body.style.cursor = 'col-resize';\n document.body.style.userSelect = 'none';\n document.addEventListener(\"mousemove\", handleMouseMove);\n document.addEventListener(\"mouseup\", handleMouseUp);\n return () => {\n document.removeEventListener(\"mousemove\", handleMouseMove);\n document.removeEventListener(\"mouseup\", handleMouseUp);\n };\n }\n }, [isResizingLeft, isResizingSidebar]);\n\n const leftPanelOpen = externalLeftPanelOpen !== undefined ? externalLeftPanelOpen : internalLeftPanelOpen;\n const setLeftPanelOpen = externalSetLeftPanelOpen \|\| setInternalLeftPanelOpen;\n\n const stream = useStreamContext();\n const isLoading = stream.isLoading;\n const { setMode } = useThread();\n\n // Set thread mode to single when using Sidebar\n // useEffect(() => {\n // setMode(\"single\");\n // }, [setMode]);\n\n\n useEffect(() => {\n if (supportChatHistory) {\n setMode(\"multi\");\n } else {\n setMode(\"single\");\n }\n }, [setMode, supportChatHistory]);\n\n const defaultHandleSubmit = async (e: FormEvent) => {\n e.preventDefault();\n\n if (preventSubmit \|\| (input.trim().length === 0 && fileInput.length === 0) \|\| isLoading)\n return;\n\n // Call the custom upload and get the latest files\n let latestFiles: FileInfo[] = fileInput;\n let contextValues: Record<string, unknown> \| undefined = undefined;\n if (callThisOnSubmit) {\n const result = await callThisOnSubmit();\n if (Array.isArray(result?.files) && result.files.length > 0) {\n latestFiles = result.files as FileInfo[];\n }\n if (result && result?.contextValues) contextValues = result.contextValues;\n }\n logger.debug(\"Using files for submission:\", latestFiles);\n\n const contentBlocks = buildContentBlocks(input, latestFiles, s3_upload);\n logger.debug(\"Constructed content blocks:\", contentBlocks);\n\n const newHumanMessage: Message = {\n id: uuidv4(),\n type: \"human\",\n content: contentBlocks,\n };\n\n // Use the unified submitMessage function\n await stream.submitMessage(newHumanMessage, { contextValues: contextValues });\n\n setInput(\"\");\n setFileInput([]);\n };\n\n const defaultHandleFileSelect = async (\n event: React.ChangeEvent<HTMLInputElement>\n ) => {\n const files = event.target.files;\n if (!files) return;\n const fileDetails = await readFilesAsBase64(files);\n setFileInput((prevFile) => [...prevFile, ...fileDetails]);\n };\n\n const onFileSelect = handleFileSelect \|\| defaultHandleFileSelect;\n return (\n <>\n <AnimatePresence>\n {open && (\n <>\n {/* Overlay /}\n <motion.div\n className=\"fixed inset-0 z-40 bg-black/30\"\n onClick={() => setOpen(false)}\n initial={{ opacity: 0 }}\n animate={{ opacity: 1 }}\n exit={{ opacity: 0 }}\n />\n\n {/ Sidebar /}\n <motion.aside\n ref={sidebarRef}\n className=\"fixed right-0 top-0 z-50 h-screen flex bg-[#0f0f0f] text-white/70\"\n style={{ width: threadHistoryOpen ? `calc(${sidebarWidth}vw + 280px)` : `${sidebarWidth}vw` }}\n initial={{ x: \"100%\" }}\n animate={{ x: 0 }}\n exit={{ x: \"100%\" }}\n transition={{ type: \"spring\", stiffness: 260, damping: 30 }}\n >\n <AnimatePresence>\n {leftPanelOpen && (\n <motion.div\n className=\"absolute right-full top-0 h-full bg-[#0a0a0a] border-r border-zinc-700\"\n style={{ width: `${leftPanelWidth}vw` }}\n initial={{ x: \"0\" }}\n animate={{ x: 0 }}\n exit={{ x: \"0%\" }}\n transition={{ type: \"spring\", stiffness: 400, damping: 40 }}\n >\n <div className={`h-full overflow-auto relative${leftPanelClassName ? ` ${leftPanelClassName}` : \"\"}`}>\n {leftPanelContent \|\| (\n <>\n <h3 className=\"text-lg font-semibold mb-4 text-white p-4\">Left Panel</h3>\n <p className=\"text-zinc-300 p-4\">This is the left extension panel. You can add any content here.</p>\n </>\n )}\n </div>\n {/ Resize handle for left panel (on left edge) /}\n <div\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n startXRef.current = e.clientX;\n startWidthRef.current = leftPanelWidth;\n setIsResizingLeft(true);\n }}\n className=\"absolute left-0 top-0 w-1.5 h-full bg-zinc-700/50 cursor-col-resize transition-colors z-[60] hover:w-2 group\"\n style={{ touchAction: 'none' }}\n >\n <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col gap-1 opacity-60 group-hover:opacity-100\">\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n </div>\n </div>\n </motion.div>\n )}\n </AnimatePresence>\n {/ Resize handle for sidebar /}\n <div\n onMouseDown={(e) => {\n e.preventDefault();\n e.stopPropagation();\n startXRef.current = e.clientX;\n startWidthRef.current = sidebarWidth;\n setIsResizingSidebar(true);\n }}\n className=\"absolute left-0 top-0 w-1.5 h-full bg-zinc-700/50 cursor-col-resize transition-colors z-[60] hover:w-2 group\"\n style={{ touchAction: 'none' }}\n >\n <div className=\"absolute top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col gap-1 opacity-60 group-hover:opacity-100\">\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n <div className=\"w-1 h-1 rounded-full bg-white\"></div>\n </div>\n </div>\n <div className=\"flex h-full flex-col flex-1\">\n <div className=\"flex py-3 px-6 justify-between items-center border-b border-zinc-700/30\">\n <div className=\"flex items-center gap-3\">\n {/ Vertically centered left panel toggle */}\n {leftPanelContent && (\n <div className=\"flex items-start gap-3\">\n {leftPanelOpen ? (\n <EyeOff\n className=\"cursor-pointer transition-transform h-5\"\n onClick={() => setLeftPanelOpen(!leftPanelOpen)}\n />\n ) : (\n <ScanEye\n className=\"cursor-pointer transition-transform h-5\"\n onClick={() => setLeftPanelOpen(!leftPanelOpen)}\n />\n )}\n </div>\n )}\n {header?.logoUrl && (\n <img\n src={header?.logoUrl}\n alt={header?.title ? `${header.title} logo` : \"AI Assistant logo\"}\n className=\"h-8 w-8 object-contain rounded-sm\"\n />\n )}\n <div className=\"text-start text-xl font-bold\">{header?.title \|\| \"AI Assistant\"}</div>\n\n </div>\n <div className=\"flex items-end gap-3\">\n {supportChatHistory && !threadHistoryOpen && <PanelLeft\n className=\"h-5 text-zinc-400 cursor-pointer hover:text-zinc-200 transition-colors\"\n onClick={() => setThreadHistoryOpen(!threadHistoryOpen)}\n />}\n <X\n className=\"text-zinc-400 cursor-pointer\"\n onClick={() => setOpen(false)}\n />\n </div>\n </div>\n <div className=\"flex-1 relative\">\n <div className=\"absolute inset-0 overflow-auto scrollbar-none\">\n <div className=\"pb-20 p-2\">\n <ChatBody enableToolCallIndicator={enableToolCallIndicator} chatBodyProps={chatBodyProps} />\n </div>\n </div>\n <div className=\"absolute bottom-0 left-0 right-0 bg-transparent px-4 pointer-events-none z-10\">\n <div className=\"pointer-events-auto\">\n <Suggestion />\n </div>\n </div>\n </div>\n <div className=\"sticky bottom-0\">\n <ChatInput\n input={input}\n inputFileAccept={inputFileAccept}\n setInput={setInput}\n textToSpeechVoice={textToSpeechVoice}\n handleSubmit={defaultHandleSubmit}\n isLoading={isLoading \|\| !!preventSubmit}\n fileInput={fileInput}\n handleFileSelect={onFileSelect}\n setFileInput={setFileInput}\n onCancel={() => stream.stop?.()}\n filePreview={filePreview}\n />\n </div>\n </div>\n <AnimatePresence>\n {threadHistoryOpen && (\n <motion.div\n className=\"h-full w-[280px] shadow-2xl border-l border-white/10\"\n initial={{ width: 0, opacity: 0 }}\n animate={{ width: 280, opacity: 1 }}\n exit={{ width: 0, opacity: 0 }}\n transition={{ type: \"spring\", stiffness: 300, damping: 30 }}\n >\n <ThreadHistory isSidebar={true} header={{ title: \"Sessions\" }} onClose={() => setThreadHistoryOpen(false)} />\n </motion.div>\n )}\n </AnimatePresence>\n </motion.aside>\n </>\n )}\n </AnimatePresence>\n\n <ChatButton isVisible={!open} setOpen={setOpen} />\n </>\n );\n}\n"],"names":["Sidebar","props","handleFileSelect","callThisOnSubmit","enableToolCallIndicator","header","inputFileAccept","filePreview","s3_upload","preventSubmit","leftPanelContent","externalLeftPanelOpen","externalSetLeftPanelOpen","chatBodyProps","supportChatHistory","textToSpeechVoice","leftPanelInitialWidth","leftPanelClassName","open","setOpen","useState","input","setInput","internalLeftPanelOpen","setInternalLeftPanelOpen","threadHistoryOpen","setThreadHistoryOpen","fileInput","setFileInput","useFileProvider","leftPanelWidth","setLeftPanelWidth","sidebarWidth","setSidebarWidth","isResizingLeft","setIsResizingLeft","isResizingSidebar","setIsResizingSidebar","sidebarRef","useRef","startXRef","startWidthRef","useEffect","handleMouseMove","e","deltaVw","newLeftPanelWidth","clampedWidth","newSidebarWidth","handleMouseUp","leftPanelOpen","setLeftPanelOpen","stream","useStreamContext","isLoading","setMode","useThread","defaultHandleSubmit","latestFiles","contextValues","result","logger","contentBlocks","buildContentBlocks","newHumanMessage","uuidv4","onFileSelect","event","files","fileDetails","readFilesAsBase64","prevFile","jsxs","Fragment","jsx","AnimatePresence","motion","EyeOff","ScanEye","PanelLeft","X","ChatBody","Suggestion","ChatInput","ThreadHistory","ChatButton"],"mappings":"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"}
1	+ {"version":3,"file":"sidebar.cjs.js","sources":["../../../src/pages/Sidebar/sidebar.tsx"],"sourcesContent":["import Suggestion from \"@/components/Suggestion\";\nimport ThreadHistory from \"@/components/threads/ThreadHistory\";\nimport { useFileProvider } from \"@/providers/FileProvider\";\nimport { useStreamContext } from \"@/providers/Stream\";\nimport { useThread } from \"@/providers/Thread\";\nimport type { ChatSidebarProps } from \"@/types/ChatProps\";\nimport type { FileInfo } from \"@/types/fileInput\";\nimport { logger } from \"@/utils/logger\";\nimport { buildContentBlocks, readFilesAsBase64 } from \"@/utils/submitUtils\";\nimport type { Message } from \"@langchain/langgraph-sdk\";\nimport { AnimatePresence, motion } from \"framer-motion\";\nimport { X, PanelLeft, ScanEye, EyeOff } from \"lucide-react\";\nimport { useEffect, useState, type FormEvent, useRef } from \"react\";\nimport { v4 as uuidv4 } from \"uuid\";\nimport ChatBody from \"../../components/ChatBody\";\nimport ChatButton from \"../../components/ChatButton\";\nimport ChatInput from \"../../components/sidebar/ChatInput\";\n\n/*\n Main sidebar chat interface component.\n * Displays a chat button that opens a sliding sidebar with full chat functionality.\n * \n * @param header - Custom header text for the chat sidebar (default: \"AI Assistant\")\n * @param handleFileSelect - Optional custom file selection handler\n * @param callThisOnSubmit - Optional callback invoked before message submission, can return updated file list\n * @param preventSubmit - Optional boolean to prevent all submit actions when true\n * @param leftPanelContent - Optional custom content for the left panel when expanded\n * @param leftPanelOpen - Optional external control for left panel open state\n * @param setLeftPanelOpen - Optional external setter for left panel open state\n * \n * @example\n * ```tsx\n * <Sidebar \n * header=\"My Custom AI\"\n * preventSubmit={true} // Disables all submit functionality\n * callThisOnSubmit={async () => {\n * // Upload files to your backend\n * return updatedFiles;\n * }}\n * leftPanelContent={<div className=\"text-white\">Custom left panel content here!</div>}\n * leftPanelOpen={isLeftPanelOpen}\n * setLeftPanelOpen={setIsLeftPanelOpen}\n * />\n * ```\n /\nexport default function Sidebar(props: ChatSidebarProps) {\n\n const { handleFileSelect, callThisOnSubmit, enableToolCallIndicator, header, inputFileAccept, filePreview, s3_upload, preventSubmit, leftPanelContent, leftPanelOpen: externalLeftPanelOpen, setLeftPanelOpen: externalSetLeftPanelOpen, chatBodyProps, supportChatHistory = false, textToSpeechVoice, leftPanelInitialWidth = 30, leftPanelClassName } = props;\n const [open, setOpen] = useState(false);\n const [input, setInput] = useState(\"\");\n const [internalLeftPanelOpen, setInternalLeftPanelOpen] = useState(false);\n const [threadHistoryOpen, setThreadHistoryOpen] = useState(false);\n const { fileInput, setFileInput } = useFileProvider();\n\n // Resize state\n const [leftPanelWidth, setLeftPanelWidth] = useState(leftPanelInitialWidth);\n const [sidebarWidth, setSidebarWidth] = useState(30); \n const [isResizingLeft, setIsResizingLeft] = useState(false);\n const [isResizingSidebar, setIsResizingSidebar] = useState(false);\n const sidebarRef = useRef<HTMLDivElement>(null);\n const startXRef = useRef<number>(0);\n const startWidthRef = useRef<number>(0);\n\n // Handle left panel resize\n useEffect(() => {\n const handleMouseMove = (e: MouseEvent) => {\n if (isResizingLeft) {\n // For left panel: it extends to the left of the sidebar,\n // so dragging LEFT (decreasing clientX) should INCREASE width\n const deltaX = startXRef.current - e.clientX;\n // Convert to vw\n const deltaVw = (deltaX / window.innerWidth) 100;\n const newLeftPanelWidth = startWidthRef.current + deltaVw;\n const maxLeftPanelWidth = 40;\n const minLeftPanelWidth = 30;\n\n // Clamp the value\n const clampedWidth = Math.max(minLeftPanelWidth, Math.min(maxLeftPanelWidth, newLeftPanelWidth));\n setLeftPanelWidth(clampedWidth);\n } else if (isResizingSidebar && sidebarRef.current) {\n // For sidebar on right: moving left increases width (handle is on left edge)\n const deltaX = startXRef.current - e.clientX;\n // Convert to vw\n const deltaVw = (deltaX / window.innerWidth) * 100;\n const newSidebarWidth = startWidthRef.current + deltaVw;\n const maxSidebarWidth = 50;\n const minSidebarWidth = 30;\n\n // Clamp the value\n const clampedWidth = Math.max(minSidebarWidth, Math.min(maxSidebarWidth, newSidebarWidth));\n setSidebarWidth(clampedWidth);\n }\n };\n\n const handleMouseUp = () => {\n setIsResizingLeft(false);\n setIsResizingSidebar(false);\n document.body.style.cursor = 'default';\n document.body.style.userSelect = 'auto';\n };\n\n if (isResizingLeft \|\| isResizingSidebar) {\n document.body.style.cursor = 'col-resize';\n document.body.style.userSelect = 'none';\n document.addEventListener(\"mousemove\", handleMouseMove);\n document.addEventListener(\"mouseup\", handleMouseUp);\n return () => {\n document.removeEventListener(\"mousemove\", handleMouseMove);\n document.removeEventListener(\"mouseup\", handleMouseUp);\n };\n }\n }, [isResizingLeft, isResizingSidebar]);\n\n const leftPanelOpen = externalLeftPanelOpen !== undefined ? externalLeftPanelOpen : internalLeftPanelOpen;\n const setLeftPanelOpen = externalSetLeftPanelOpen \|\| setInternalLeftPanelOpen;\n\n const stream = useStreamContext();\n const isLoading = stream.isLoading;\n const { setMode } = useThread();\n\n // Set thread mode to single when using Sidebar\n // useEffect(() => {\n // setMode(\"single\");\n // }, [setMode]);\n\n\n useEffect(() => {\n if (supportChatHistory) {\n setMode(\"multi\");\n } else {\n setMode(\"single\");\n }\n }, [setMode, supportChatHistory]);\n\n const defaultHandleSubmit = async (e: FormEvent) => {\n e.preventDefault();\n\n if (preventSubmit \|\| (input.trim().length === 0 && fileInput.length === 0) \|\| isLoading)\n return;\n\n // Call the custom upload and get the latest files\n let latestFiles: FileInfo[] = fileInput;\n let contextValues: Record<string, unknown> \| undefined = undefined;\n if (callThisOnSubmit) {\n const result = await callThisOnSubmit();\n if (Array.isArray(result?.files) && result.files.length > 0) {\n latestFiles = result.files as FileInfo[];\n }\n if (result && result?.contextValues) contextValues = result.contextValues;\n }\n logger.debug(\"Using files for submission:\", latestFiles);\n\n const contentBlocks = buildContentBlocks(input, latestFiles, s3_upload);\n logger.debug(\"Constructed content blocks:\", contentBlocks);\n\n const newHumanMessage: Message = {\n id: uuidv4(),\n type: \"human\",\n content: contentBlocks,\n };\n\n // Clear input optimistically, but restore on failure so the user doesn't lose their draft.\n const savedInput = input;\n const savedFileInput = fileInput;\n setInput(\"\");\n setFileInput([]);\n\n try {\n // Use the unified submitMessage function\n await stream.submitMessage(newHumanMessage, { contextValues: contextValues });\n } catch (err) {\n setInput(savedInput);\n setFileInput(savedFileInput);\n throw err;\n }\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","savedInput","savedFileInput","err","onFileSelect","event","files","fileDetails","readFilesAsBase64","prevFile","jsxs","Fragment","jsx","AnimatePresence","motion","EyeOff","ScanEye","PanelLeft","X","ChatBody","Suggestion","ChatInput","ThreadHistory","ChatButton"],"mappings":"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"}

package/dist/pages/Sidebar/sidebar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/pages/Sidebar/sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAa1D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,gBAAgB,~~2CA+StD~~"}
1	+ {"version":3,"file":"sidebar.d.ts","sourceRoot":"","sources":["../../../src/pages/Sidebar/sidebar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAa1D;;;;;;;;;;;;;;;;;;;;;;;;;;GA0BG;AACH,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,KAAK,EAAE,gBAAgB,2CAwTtD"}

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

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