function MainComponent() { const [messages, setMessages] = useState([]); const [userInput, setUserInput] = useState(""); const [streamingMessage, setStreamingMessage] = useState(""); const [isSearching, setIsSearching] = useState(false); const [showResources, setShowResources] = useState(false); const [chats, setChats] = useState([ { id: 1, name: "Untitled", messages: [] } ]); const [currentChat, setCurrentChat] = useState(1); const [editingChatId, setEditingChatId] = useState(null); const [editingChatName, setEditingChatName] = useState(""); const messagesEndRef = useRef(null); const scrollToBottom = ()=>{ messagesEndRef.current?.scrollIntoView({ behavior: "smooth" }); }; const handleFinish = useCallback((message)=>{ setMessages((prev)=>{ const newMessages = [ ...prev, { role: "assistant", content: message } ]; setChats((chats)=>chats.map((chat)=>chat.id === currentChat ? { ...chat, messages: newMessages } : chat)); return newMessages; }); setStreamingMessage(""); }, [ currentChat ]); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: handleFinish }); useEffect(()=>{ scrollToBottom(); }, [ messages, streamingMessage ]); useEffect(()=>{ handleSubmit({ preventDefault: ()=>{}, type: "initial" }); }, []); const handleNewChat = ()=>{ const newId = Math.max(...chats.map((chat)=>chat.id)) + 1; const newChat = { id: newId, name: "Untitled", messages: [] }; setChats((prev)=>[ ...prev, newChat ]); setCurrentChat(newId); setMessages([]); handleSubmit({ preventDefault: ()=>{}, type: "initial" }); }; const handleEditChat = (id, newName)=>{ setChats((prev)=>prev.map((chat)=>chat.id === id ? { ...chat, name: newName } : chat)); }; const handleSubmit = async (e)=>{ e.preventDefault(); if (e.type !== "initial" && !userInput.trim()) return; const userMessage = { role: "user", content: e.type === "initial" ? "Hello" : userInput }; if (e.type !== "initial") { setMessages((prev)=>[ ...prev, userMessage ]); setUserInput(""); } setIsSearching(true); const searchResponse = await fetch("/integrations/google-search/search", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: userMessage.content }) }); const searchData = await searchResponse.json(); setIsSearching(false); const searchContext = searchData.items ? `Recent search results about this topic:\n${searchData.items.slice(0, 3).map((item)=>`- ${item.title}: ${item.snippet}`).join("\n")}` : ""; const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are a compassionate mental wellness assistant named MindEase. Keep responses gentle, supportive, and focused on wellness. Avoid medical advice. Start conversations with a simple greeting. Use the following search results to provide more informed responses, but maintain a supportive tone: " + searchContext }, ...messages, userMessage ], stream: true }) }); handleStreamResponse(response); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-gradient-to-b from-[#e0f0f0] to-[#f0f7f7]", __source: { fileName: "", lineNumber: 115, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex h-full", __source: { fileName: "", lineNumber: 116, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-64 bg-[#e0f0f0] p-4 border-r border-[#d0e5e5] hidden md:block", __source: { fileName: "", lineNumber: 117, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleNewChat, className: "w-full px-4 py-2 mb-4 rounded-xl bg-[#88bdbd] text-white hover:bg-[#7ab0b0] flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }), "New Chat"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 125, columnNumber: 11 }, __self: this }, chats.map((chat)=>/*#__PURE__*/ React.createElement("div", { key: chat.id, className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, editingChatId === chat.id ? /*#__PURE__*/ React.createElement("input", { type: "text", value: editingChatName, onChange: (e)=>setEditingChatName(e.target.value), onBlur: ()=>{ handleEditChat(chat.id, editingChatName); setEditingChatId(null); }, onKeyDown: (e)=>{ if (e.key === "Enter") { handleEditChat(chat.id, editingChatName); setEditingChatId(null); } }, className: "flex-1 px-2 py-1 rounded-lg border border-[#88bdbd] focus:outline-none", autoFocus: true, __source: { fileName: "", lineNumber: 129, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setCurrentChat(chat.id); setMessages(chat.messages); }, className: `flex-1 px-4 py-2 rounded-xl text-left truncate ${currentChat === chat.id ? "bg-[#88bdbd] text-white" : "bg-white text-[#2c5d5d] hover:bg-[#d0e5e5]"}`, __source: { fileName: "", lineNumber: 148, columnNumber: 21 }, __self: this }, chat.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setEditingChatId(chat.id); setEditingChatName(chat.name); }, className: "p-1 text-[#2c5d5d] hover:text-[#88bdbd]", __source: { fileName: "", lineNumber: 161, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit", __source: { fileName: "", lineNumber: 168, columnNumber: 23 }, __self: this }))))))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col h-full", __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#e0f0f0] py-6 px-4 flex justify-between items-center shadow-sm", __source: { fileName: "", lineNumber: 177, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 178, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-leaf text-[#2c5d5d] text-3xl", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl md:text-4xl font-crimson-text text-[#2c5d5d]", __source: { fileName: "", lineNumber: 180, columnNumber: 15 }, __self: this }, "MindEase"))), /*#__PURE__*/ React.createElement("div", { className: `transition-opacity duration-300 ${showResources ? "opacity-100" : "opacity-0 hidden"}`, __source: { fileName: "", lineNumber: 185, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto space-y-6", __source: { fileName: "", lineNumber: 188, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm", __source: { fileName: "", lineNumber: 189, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#2c5d5d] mb-4", __source: { fileName: "", lineNumber: 190, columnNumber: 17 }, __self: this }, "Crisis Helplines"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 193, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 194, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "tel:988", className: "text-[#88bdbd] hover:text-[#2c5d5d]", __source: { fileName: "", lineNumber: 195, columnNumber: 21 }, __self: this }, "988 - Suicide & Crisis Lifeline")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 202, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.crisistextline.org", target: "_blank", rel: "noopener noreferrer", className: "text-[#88bdbd] hover:text-[#2c5d5d]", __source: { fileName: "", lineNumber: 203, columnNumber: 21 }, __self: this }, "Crisis Text Line - Text HOME to 741741")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm", __source: { fileName: "", lineNumber: 214, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#2c5d5d] mb-4", __source: { fileName: "", lineNumber: 215, columnNumber: 17 }, __self: this }, "Free Meditation Resources"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 218, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 219, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.mindful.org", target: "_blank", rel: "noopener noreferrer", className: "text-[#88bdbd] hover:text-[#2c5d5d]", __source: { fileName: "", lineNumber: 220, columnNumber: 21 }, __self: this }, "Mindful.org - Meditation Guides")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 229, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.uclahealth.org/programs/marc/free-guided-meditations", target: "_blank", rel: "noopener noreferrer", className: "text-[#88bdbd] hover:text-[#2c5d5d]", __source: { fileName: "", lineNumber: 230, columnNumber: 21 }, __self: this }, "UCLA Mindful - Free Guided Meditations")))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl p-6 shadow-sm", __source: { fileName: "", lineNumber: 241, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#2c5d5d] mb-4", __source: { fileName: "", lineNumber: 242, columnNumber: 17 }, __self: this }, "Mental Health Articles"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 245, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 246, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.nami.org/Blogs", target: "_blank", rel: "noopener noreferrer", className: "text-[#88bdbd] hover:text-[#2c5d5d]", __source: { fileName: "", lineNumber: 247, columnNumber: 21 }, __self: this }, "NAMI Blog - Mental Health Resources")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 256, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.helpguide.org", target: "_blank", rel: "noopener noreferrer", className: "text-[#88bdbd] hover:text-[#2c5d5d]", __source: { fileName: "", lineNumber: 257, columnNumber: 21 }, __self: this }, "HelpGuide - Mental Health & Wellness")))))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-hidden", __source: { fileName: "", lineNumber: 270, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `h-full overflow-y-auto px-4 py-6 ${showResources ? "" : "pb-32"}`, __source: { fileName: "", lineNumber: 271, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `transition-opacity duration-300 ${!showResources ? "opacity-100" : "opacity-0 hidden"}`, __source: { fileName: "", lineNumber: 274, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto space-y-6", __source: { fileName: "", lineNumber: 277, columnNumber: 17 }, __self: this }, messages.map((msg, idx)=>/*#__PURE__*/ React.createElement("div", { key: idx, className: `flex ${msg.role === "user" ? "justify-end" : "justify-start"} mb-4`, __source: { fileName: "", lineNumber: 279, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `rounded-2xl px-6 py-4 max-w-[80%] shadow-sm ${msg.role === "user" ? "bg-[#88bdbd] text-white" : "bg-white text-[#2c5d5d]"}`, __source: { fileName: "", lineNumber: 283, columnNumber: 23 }, __self: this }, msg.role === "assistant" ? msg.content.split("\n").map((line, i)=>/*#__PURE__*/ React.createElement("div", { key: i, __source: { fileName: "", lineNumber: 288, columnNumber: 31 }, __self: this }, line.startsWith("•") ? /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 ml-2", __source: { fileName: "", lineNumber: 290, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 291, columnNumber: 37 }, __self: this }, "•"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 292, columnNumber: 37 }, __self: this }, line.substring(1))) : line.includes("**") ? /*#__PURE__*/ React.createElement("span", { dangerouslySetInnerHTML: { __html: line.replace(/\*\*(.*?)\*\*/g, "$1") }, __source: { fileName: "", lineNumber: 295, columnNumber: 35 }, __self: this }) : line, i < msg.content.split("\n").length - 1 && /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 307, columnNumber: 35 }, __self: this }))) : msg.content))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start mb-4", __source: { fileName: "", lineNumber: 316, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-2xl px-6 py-4 max-w-[80%] bg-white text-[#2c5d5d] shadow-sm", __source: { fileName: "", lineNumber: 317, columnNumber: 23 }, __self: this }, streamingMessage.split("\n").map((line, i)=>/*#__PURE__*/ React.createElement("div", { key: i, __source: { fileName: "", lineNumber: 319, columnNumber: 27 }, __self: this }, line.startsWith("•") ? /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 ml-2", __source: { fileName: "", lineNumber: 321, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 322, columnNumber: 33 }, __self: this }, "•"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 323, columnNumber: 33 }, __self: this }, line.substring(1))) : line.includes("**") ? /*#__PURE__*/ React.createElement("span", { dangerouslySetInnerHTML: { __html: line.replace(/\*\*(.*?)\*\*/g, "$1") }, __source: { fileName: "", lineNumber: 326, columnNumber: 31 }, __self: this }) : line, i < streamingMessage.split("\n").length - 1 && /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 338, columnNumber: 31 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { ref: messagesEndRef, __source: { fileName: "", lineNumber: 345, columnNumber: 19 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 md:left-64 bg-white border-t border-[#e0f0f0]", __source: { fileName: "", lineNumber: 350, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto px-4 py-3", __source: { fileName: "", lineNumber: 351, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-3 overflow-x-auto", __source: { fileName: "", lineNumber: 352, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowResources(!showResources), className: "px-4 py-2 rounded-full bg-[#e0f0f0] text-[#2c5d5d] whitespace-nowrap hover:bg-[#d0e5e5]", __source: { fileName: "", lineNumber: 353, columnNumber: 17 }, __self: this }, showResources ? "Back to Chat" : "Resources"), !showResources && /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setUserInput("Help me with meditation"), className: "px-4 py-2 rounded-full bg-[#e0f0f0] text-[#2c5d5d] whitespace-nowrap hover:bg-[#d0e5e5]", __source: { fileName: "", lineNumber: 361, columnNumber: 21 }, __self: this }, "Meditation Help"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setUserInput("I'm feeling anxious"), className: "px-4 py-2 rounded-full bg-[#e0f0f0] text-[#2c5d5d] whitespace-nowrap hover:bg-[#d0e5e5]", __source: { fileName: "", lineNumber: 367, columnNumber: 21 }, __self: this }, "Anxiety Support"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setUserInput("Daily affirmations"), className: "px-4 py-2 rounded-full bg-[#e0f0f0] text-[#2c5d5d] whitespace-nowrap hover:bg-[#d0e5e5]", __source: { fileName: "", lineNumber: 373, columnNumber: 21 }, __self: this }, "Daily Affirmations"))), !showResources && /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex gap-2", __source: { fileName: "", lineNumber: 383, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: userInput, onChange: (e)=>setUserInput(e.target.value), placeholder: "Share what's on your mind...", className: "flex-1 rounded-xl px-4 py-2 border border-[#88bdbd] focus:outline-none focus:ring-2 focus:ring-[#88bdbd] text-[#2c5d5d]", __source: { fileName: "", lineNumber: 384, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-[#88bdbd] text-white px-6 py-2 rounded-xl hover:bg-[#7ab0b0] transition-colors", __source: { fileName: "", lineNumber: 391, columnNumber: 19 }, __self: this }, "Send"))))))); }