` } ]); break; case "vision": const visionResponse = await upload(input); const visionData = await visionResponse.json(); setMessages((prev)=>[ ...prev, { type: "assistant", content: JSON.stringify(visionData, null, 2) } ]); break; } setSelectedTool(null); setIsLoading(false); return; } try { const promises = endpoints.map((endpoint)=>fetch(endpoint, { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: "You are ApexGPT, a highly knowledgeable AI assistant with access to vast information across all topics. You provide detailed, accurate responses and include relevant links when possible. Format your responses using markdown for better readability. Use ** for bold, * for italic, and [text](url) for links. Use bullet points for lists and organize complex information clearly. Keep your tone professional yet approachable, and always strive to provide the most comprehensive and accurate information possible. Current year is 2025." }, ...messages.map((msg)=>({ role: msg.type === "user" ? "user" : "assistant", content: msg.content })), { role: "user", content: input } ], stream: true }) })); const responses = await Promise.all(promises); const bestResponse = responses[0]; handleStreamResponse(bestResponse); } catch (error) { console.error("Error fetching responses:", error); setIsLoading(false); } } }; const handleNewChat = ()=>{ setMessages([]); setInput(""); setSelectedChat(null); }; const handleSelectChat = (chatId)=>{ const chat = chats.find((c)=>c.id === chatId); if (chat) { setMessages(chat.messages); setSelectedChat(chatId); } }; const handleDeleteChat = (chatId, e)=>{ e.stopPropagation(); const updatedChats = chats.filter((chat)=>chat.id !== chatId); setChats(updatedChats); localStorage.setItem("chats", JSON.stringify(updatedChats)); if (selectedChat === chatId) { setMessages([]); setSelectedChat(null); } }; const handleKeyPress = (e)=>{ if (e.key === "Enter" && !e.shiftKey) { e.preventDefault(); handleSend(); } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "/favicon.ico", type: "image/x-icon", __source: { fileName: "", lineNumber: 335, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row h-screen bg-gradient-to-br from-[#003153] to-[#808080] text-white", __source: { fileName: "", lineNumber: 336, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex w-64 bg-[#003153] border-r border-[#808080] flex-col shadow-xl", __source: { fileName: "", lineNumber: 337, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-[#808080] flex justify-between items-center bg-[#003153]", __source: { fileName: "", lineNumber: 338, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white font-roboto text-lg", __source: { fileName: "", lineNumber: 339, columnNumber: 13 }, __self: this }, "Previous Chats"), /*#__PURE__*/ React.createElement("button", { onClick: handleNewChat, className: "bg-[#FF0000] text-white p-2 rounded-lg hover:bg-[#CC0000] transition-all duration-200 transform hover:scale-105", __source: { fileName: "", lineNumber: 340, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus", __source: { fileName: "", lineNumber: 344, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-2", __source: { fileName: "", lineNumber: 347, columnNumber: 11 }, __self: this }, chats.map((chat)=>/*#__PURE__*/ React.createElement("div", { key: chat.id, onClick: ()=>handleSelectChat(chat.id), className: `p-2 rounded-lg ${selectedChat === chat.id ? "bg-[#FF0000]" : "bg-[#808080]"} text-white font-roboto text-sm cursor-pointer hover:bg-[#FF0000] transition-all duration-200 flex justify-between items-center group animate-[slideIn_0.3s_ease-out]`, __source: { fileName: "", lineNumber: 349, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "truncate flex-1", __source: { fileName: "", lineNumber: 356, columnNumber: 17 }, __self: this }, chat.title), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>handleDeleteChat(chat.id, e), className: "opacity-0 group-hover:opacity-100 text-white hover:text-[#FF0000] transition-all duration-200 ml-2", __source: { fileName: "", lineNumber: 357, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt", __source: { fileName: "", lineNumber: 361, columnNumber: 19 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col h-screen", __source: { fileName: "", lineNumber: 367, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between p-4 bg-[#2F3542] border-b border-[#747D8C] shadow-md", __source: { fileName: "", lineNumber: 368, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 369, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-[#FF0000] text-2xl mr-3 animate-[pulse_2s_infinite]", __source: { fileName: "", lineNumber: 370, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-[#DFE4EA] font-roboto text-xl", __source: { fileName: "", lineNumber: 371, columnNumber: 15 }, __self: this }, "ApexGPT")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 373, columnNumber: 13 }, __self: this }, !isSignedIn ? /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSignUp(!showSignUp), className: "bg-[#003153] text-white px-4 py-2 rounded-lg hover:bg-[#002142] transition-all duration-200 transform hover:scale-105", __source: { fileName: "", lineNumber: 375, columnNumber: 17 }, __self: this }, "Sign Up") : /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsSignedIn(false), className: "bg-[#57606F] text-white px-4 py-2 rounded-lg hover:bg-[#747D8C] transition-all duration-200 border border-[#003153]", __source: { fileName: "", lineNumber: 382, columnNumber: 17 }, __self: this }, "Sign Out"))), showSignUp && !isSignedIn && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 393, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#242424] p-6 rounded w-96", __source: { fileName: "", lineNumber: 394, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white font-roboto text-xl mb-4", __source: { fileName: "", lineNumber: 395, columnNumber: 17 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("input", { type: "email", placeholder: "Email", value: email, onChange: (e)=>setEmail(e.target.value), className: "w-full bg-[#2A2A2A] text-white rounded p-3 mb-3 font-roboto placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-[#404040]", __source: { fileName: "", lineNumber: 396, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "password", placeholder: "Password", value: password, onChange: (e)=>setPassword(e.target.value), className: "w-full bg-[#2A2A2A] text-white rounded p-3 mb-4 font-roboto placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-[#404040]", __source: { fileName: "", lineNumber: 403, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end gap-2", __source: { fileName: "", lineNumber: 410, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSignUp(false), className: "bg-[#2A2A2A] text-white px-4 py-2 rounded hover:bg-[#333333] transition-colors", __source: { fileName: "", lineNumber: 411, columnNumber: 19 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: handleSignUp, className: "bg-[#404040] text-white px-4 py-2 rounded hover:bg-[#4A4A4A] transition-colors", __source: { fileName: "", lineNumber: 417, columnNumber: 19 }, __self: this }, "Sign Up")))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-4 bg-gradient-to-br from-[#003153] to-[#808080]", __source: { fileName: "", lineNumber: 428, columnNumber: 11 }, __self: this }, messages.map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex ${message.type === "user" ? "justify-end" : "justify-start"} animate-[fadeIn_0.3s_ease-out]`, __source: { fileName: "", lineNumber: 430, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-[70%] rounded-lg p-4 ${message.type === "user" ? "bg-[#FF0000] text-white shadow-lg" : "bg-[#003153] text-white shadow-lg"}`, __source: { fileName: "", lineNumber: 436, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto", dangerouslySetInnerHTML: { __html: message.content.replace(/\*\*(.*?)\*\*/g, "$1").replace(/\*(.*?)\*/g, "$1").replace(/\[(.*?)\]$(.*?)$/g, '$1').replace(/\n/g, "
").replace(/•\s(.*)/g, "
• $1").replace(/(\d+)\.\s(.*)/g, "
$1. $2") }, __source: { fileName: "", lineNumber: 443, columnNumber: 19 }, __self: this })))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start animate-[fadeIn_0.3s_ease-out]", __source: { fileName: "", lineNumber: 462, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[70%] rounded-lg p-4 bg-[#003153] text-white shadow-lg", __source: { fileName: "", lineNumber: 463, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-roboto", dangerouslySetInnerHTML: { __html: streamingMessage.replace(/\*\*(.*?)\*\*/g, "$1").replace(/\*(.*?)\*/g, "$1").replace(/\[(.*?)\]$(.*?)$/g, '$1').replace(/\n/g, "
").replace(/•\s(.*)/g, "
• $1").replace(/(\d+)\.\s(.*)/g, "
$1. $2") }, __source: { fileName: "", lineNumber: 464, columnNumber: 19 }, __self: this }))), isLoading && !streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start animate-[fadeIn_0.3s_ease-out]", __source: { fileName: "", lineNumber: 483, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[70%] rounded-lg p-4 bg-[#003153] text-white shadow-lg", __source: { fileName: "", lineNumber: 484, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 485, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-white", __source: { fileName: "", lineNumber: 486, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { ref: messagesEndRef, __source: { fileName: "", lineNumber: 491, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#003153] border-t border-[#808080] shadow-lg", __source: { fileName: "", lineNumber: 494, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-2 max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 495, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mb-2", __source: { fileName: "", lineNumber: 496, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("chat"), className: `flex-1 md:flex-none px-4 py-2 rounded-lg font-roboto transition-all duration-200 transform hover:scale-105 ${activeTab === "chat" ? "bg-[#FF0000] text-white" : "bg-[#808080] text-white"}`, __source: { fileName: "", lineNumber: 497, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comment mr-2", __source: { fileName: "", lineNumber: 505, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 506, columnNumber: 19 }, __self: this }, "Chat")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("image"), className: `flex-1 md:flex-none px-4 py-2 rounded-lg font-roboto transition-all duration-200 transform hover:scale-105 ${activeTab === "image" ? "bg-[#FF0000] text-white" : "bg-[#808080] text-white"}`, __source: { fileName: "", lineNumber: 508, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-image mr-2", __source: { fileName: "", lineNumber: 516, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 517, columnNumber: 19 }, __self: this }, "Generate Image")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("translate"), className: `flex-1 md:flex-none px-4 py-2 rounded-lg font-roboto transition-all duration-200 transform hover:scale-105 ${activeTab === "translate" ? "bg-[#FF0000] text-white" : "bg-[#808080] text-white"}`, __source: { fileName: "", lineNumber: 519, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-language mr-2", __source: { fileName: "", lineNumber: 527, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 528, columnNumber: 19 }, __self: this }, "Translate")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("search"), className: `flex-1 md:flex-none px-4 py-2 rounded-lg font-roboto transition-all duration-200 transform hover:scale-105 ${activeTab === "search" ? "bg-[#FF0000] text-white" : "bg-[#808080] text-white"}`, __source: { fileName: "", lineNumber: 530, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search mr-2", __source: { fileName: "", lineNumber: 538, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 539, columnNumber: 19 }, __self: this }, "Search")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("tts"), className: `flex-1 md:flex-none px-4 py-2 rounded-lg font-roboto transition-all duration-200 transform hover:scale-105 ${activeTab === "tts" ? "bg-[#FF0000] text-white" : "bg-[#808080] text-white"}`, __source: { fileName: "", lineNumber: 541, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-volume-up mr-2", __source: { fileName: "", lineNumber: 549, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 550, columnNumber: 19 }, __self: this }, "Text to Speech")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("vision"), className: `flex-1 md:flex-none px-4 py-2 rounded-lg font-roboto transition-all duration-200 transform hover:scale-105 ${activeTab === "vision" ? "bg-[#FF0000] text-white" : "bg-[#808080] text-white"}`, __source: { fileName: "", lineNumber: 552, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-eye mr-2", __source: { fileName: "", lineNumber: 560, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 561, columnNumber: 19 }, __self: this }, "Image Analysis"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 relative", __source: { fileName: "", lineNumber: 564, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { value: input, onChange: (e)=>setInput(e.target.value), onKeyPress: handleKeyPress, placeholder: activeTab === "chat" ? "Ask me anything!" : activeTab === "image" ? "Describe the image you'd like to generate..." : activeTab === "translate" ? "Enter text to translate..." : activeTab === "search" ? "Enter your search query..." : activeTab === "tts" ? "Enter text to convert to speech..." : "Upload an image for analysis...", className: "w-full bg-[#808080] text-white rounded-lg p-4 pr-16 resize-none h-12 font-roboto placeholder-[#A9A9A9] focus:outline-none focus:ring-2 focus:ring-[#FF0000] shadow-inner", disabled: isLoading, __source: { fileName: "", lineNumber: 565, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ if (activeTab !== "chat") { handleToolSelect(activeTab); } handleSend(); }, disabled: isLoading, className: "absolute right-3 top-1/2 -translate-y-1/2 text-[#FF0000] hover:text-[#CC0000] transition-all duration-200 disabled:opacity-50 transform hover:scale-110", __source: { fileName: "", lineNumber: 585, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane text-xl", __source: { fileName: "", lineNumber: 595, columnNumber: 19 }, __self: this })))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 601, columnNumber: 9 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } @keyframes slideIn { from { transform: translateX(-20px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } `))); }