function MainComponent() { const [messages, setMessages] = useState([]); const [input, setInput] = useState(""); const [isLoading, setIsLoading] = useState(false); const [isRobloxMode, setIsRobloxMode] = useState(false); const [isHomeworkMode, setIsHomeworkMode] = useState(false); const messagesEndRef = useRef(null); const scrollToBottom = ()=>{ messagesEndRef.current?.scrollIntoView({ behavior: "smooth" }); }; const [streamingMessage, setStreamingMessage] = useState(""); const handleFinish = useCallback((message)=>{ setStreamingMessage(""); setMessages((prev)=>[ ...prev, { role: "assistant", content: formatMessage(message), group: isRobloxMode ? "roblox" : isHomeworkMode ? "homework" : "general" } ]); }, [ isRobloxMode, isHomeworkMode ]); const handleStreamResponse = useHandleStreamResponse({ onChunk: (chunk)=>setStreamingMessage(formatMessage(chunk)), onFinish: handleFinish }); const [timers, setTimers] = useState([]); const [alarms, setAlarms] = useState([]); const [isTimerContainerExpanded, setIsTimerContainerExpanded] = useState(false); const [replyingTo, setReplyingTo] = useState(null); const [conversations, setConversations] = useState([]); const [currentConversationId, setCurrentConversationId] = useState(null); useEffect(()=>{ scrollToBottom(); }, [ messages, streamingMessage ]); useEffect(()=>{ const timerInterval = setInterval(()=>{ setTimers((prevTimers)=>prevTimers.map((timer)=>({ ...timer, timeLeft: Math.max(0, timer.timeLeft - 1) })).filter((timer)=>{ if (timer.timeLeft === 0 && !timer.completed) { playSound("timer"); return false; } return true; })); const now = new Date(); setAlarms((prevAlarms)=>prevAlarms.filter((alarm)=>{ const alarmTime = new Date(alarm.time); if (alarmTime <= now && !alarm.triggered) { playSound("alarm"); return false; } return true; })); }, 1000); return ()=>clearInterval(timerInterval); }, []); const playSound = (type)=>{ const audio = new Audio(type === "timer" ? "/timer-complete.mp3" : "/alarm-ring.mp3"); audio.volume = 0.3; // Set volume to 30% of maximum audio.play(); }; const formatMessage = (content)=>{ return content.replace(/\*\*(.*?)\*\*/g, "• $1"); }; const handleSubmit = async (e)=>{ e.preventDefault(); if (!input.trim()) return; const trimmedInput = input.trim().toLowerCase(); const isImageRequest = trimmedInput.startsWith("/imagine") || trimmedInput.startsWith("/draw") || trimmedInput.startsWith("/art") || trimmedInput.startsWith("/stable") || trimmedInput.startsWith("/dalle"); const isSearchRequest = trimmedInput.startsWith("/search"); const isSeeRequest = trimmedInput.startsWith("/see"); const userMessage = { role: "user", content: input.trim(), type: "text" }; const isTimerRequest = trimmedInput.startsWith("/timer"); const isAlarmRequest = trimmedInput.startsWith("/alarm"); const isRobloxRequest = trimmedInput.startsWith("/roblox"); if (isHomeworkMode) { setMessages((prev)=>[ ...prev, { role: "user", content: formatMessage(input.trim()), type: "text", group: "homework" } ]); setInput(""); setIsLoading(true); try { 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 helpful tutor who helps students understand their homework and schoolwork. You should: 1. Break down complex problems into simpler steps 2. Provide explanations that are easy to understand 3. Use examples when helpful 4. Encourage critical thinking 5. Don't just give answers, help students learn If the question isn't about schoolwork, kindly remind them this is for homework help.` }, ...messages.filter((m)=>m.group === "homework"), { role: "user", content: input.trim() } ], stream: true }) }); handleStreamResponse(response); } catch (error) { console.error("Error:", error); setMessages((prev)=>[ ...prev, { role: "assistant", type: "text", content: "Sorry, there was an error processing your homework question.", group: "homework" } ]); } finally{ setIsLoading(false); } return; } if (isRobloxRequest || isRobloxMode) { const robloxPrompt = isRobloxRequest ? input.substring(7).trim() : input.trim(); setMessages((prev)=>[ ...prev, { role: "user", content: formatMessage(robloxPrompt), type: "text", group: "roblox" } ]); setInput(""); setIsLoading(true); setIsRobloxMode(true); try { 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 Roblox Lua programming expert assistant. You must only provide Roblox-specific code and explanations. Always format code using Lua syntax. Focus on: 1. Roblox Studio specific features and APIs 2. Game mechanics and optimization 3. Security best practices 4. Proper error handling 5. Performance considerations Format all code examples with proper Lua syntax highlighting and comments. If the question is not about Roblox development, remind the user that you can only help with Roblox-related questions.` }, ...messages.filter((m)=>m.group === "roblox"), { role: "user", content: robloxPrompt } ], stream: true }) }); handleStreamResponse(response); } catch (error) { console.error("Error:", error); setMessages((prev)=>[ ...prev, { role: "assistant", type: "text", content: "Sorry, there was an error processing your Roblox code request.", group: "roblox" } ]); } finally{ setIsLoading(false); } return; } else if (!input.startsWith("/roblox")) { setIsRobloxMode(false); } if (isTimerRequest) { const timeStr = input.split(" ")[1]; const [minutes, seconds = "0"] = timeStr.split(":").map(Number); if (!isNaN(minutes) && !isNaN(seconds) && minutes >= 0 && seconds >= 0 && seconds < 60) { const totalSeconds = minutes * 60 + seconds; setTimers((prev)=>[ ...prev, { id: Date.now(), duration: totalSeconds, timeLeft: totalSeconds, completed: false } ]); setMessages((prev)=>[ ...prev, { role: "assistant", content: `Timer set for ${minutes}:${seconds.toString().padStart(2, "0")}`, group: "general" } ]); } setInput(""); return; } if (isAlarmRequest) { const timeStr = input.split(" ")[1]; const [hours, minutes] = timeStr.split(":").map(Number); if (!isNaN(hours) && !isNaN(minutes) && hours >= 0 && hours < 24 && minutes >= 0 && minutes < 60) { const now = new Date(); const alarmTime = new Date(now.getFullYear(), now.getMonth(), now.getDate(), hours, minutes); if (alarmTime <= now) { alarmTime.setDate(alarmTime.getDate() + 1); } setAlarms((prev)=>[ ...prev, { id: Date.now(), time: alarmTime.toISOString(), triggered: false } ]); setMessages((prev)=>[ ...prev, { role: "assistant", content: `Alarm set for ${timeStr}`, group: "general" } ]); } setInput(""); return; } if (isSeeRequest) { const fileInput = document.createElement("input"); fileInput.type = "file"; fileInput.accept = "image/*"; fileInput.style.display = "none"; document.body.appendChild(fileInput); fileInput.click(); fileInput.onchange = async (e)=>{ if (e.target.files) { const file = e.target.files[0]; const [upload] = useUpload(); const { url, error } = await upload({ file }); if (error) { setMessages((prev)=>[ ...prev, { role: "assistant", content: "Sorry, there was an error uploading the image.", type: "text", group: "general" } ]); return; } const response = await fetch("/integrations/gpt-vision/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: [ { type: "text", text: input.substring(5) }, { type: "image_url", image_url: { url } } ] } ] }) }); const data = await response.json(); setMessages((prev)=>[ ...prev, { role: "user", type: "image", content: url, group: "general" }, { role: "assistant", type: "text", content: formatMessage(data.choices[0].message.content), group: "general" } ]); } document.body.removeChild(fileInput); }; setInput(""); return; } const messageToSend = replyingTo ? { ...userMessage, replyTo: replyingTo } : userMessage; setMessages((prev)=>[ ...prev, { ...messageToSend, group: "general" } ]); setInput(""); setIsLoading(true); setReplyingTo(null); try { if (isImageRequest) { const prompt = input.trim().substring(input.indexOf(" ") + 1); let imageUrl; if (trimmedInput.startsWith("/stable")) { const response = await fetch(`/integrations/stable-diffusion-v-3/?prompt=${encodeURIComponent(prompt)}`); const data = await response.json(); imageUrl = data.data[0]; } else { const response = await fetch(`/integrations/dall-e-3/?prompt=${encodeURIComponent(prompt)}`); const data = await response.json(); imageUrl = data.data[0]; } if (imageUrl) { setMessages((prev)=>[ ...prev, { role: "assistant", type: "image", content: imageUrl, group: "general" } ]); } } else if (isSearchRequest) { const searchQuery = input.trim().substring(7).trim(); const searchResponse = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(searchQuery)}`); const searchData = await searchResponse.json(); const searchResults = searchData.items?.slice(0, 3) || []; const searchContext = searchResults.map((item)=>`${item.title}: ${item.snippet}`).join("\n\n"); const formattedResults = searchResults.map((result)=>({ role: "assistant", type: "search-result", content: { title: result.title, snippet: result.snippet, link: result.link } })); setMessages((prev)=>[ ...prev, ...formattedResults ]); const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ ...messages, userMessage, { role: "system", content: `Here are some relevant search results:\n${searchContext}\n\nPlease provide a concise summary of these search results.` } ], stream: true }) }); handleStreamResponse(response); } else { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ ...messages.filter((m)=>m.group === (isRobloxMode ? "roblox" : "general")), userMessage ], stream: true }) }); handleStreamResponse(response); } } catch (error) { console.error("Error:", error); setMessages((prev)=>[ ...prev, { role: "assistant", type: "text", content: "Sorry, there was an error processing your request.", group: "general" } ]); } finally{ setIsLoading(false); } }; const handleImageUpload = async (e)=>{ const file = e.target.files?.[0]; if (!file) return; const [upload] = useUpload(); const { url, error } = await upload({ file }); if (error) { setMessages((prev)=>[ ...prev, { role: "assistant", content: "Sorry, there was an error uploading the image.", type: "text" } ]); return; } const response = await fetch("/integrations/gpt-vision/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: [ { type: "text", text: input.trim() || "What's in this image?" }, { type: "image_url", image_url: { url } } ] } ] }) }); const data = await response.json(); setMessages((prev)=>[ ...prev, { role: "user", type: "image", content: url }, { role: "assistant", type: "text", content: data.choices[0].message.content } ]); setInput(""); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-screen bg-[#1a1a1a]", __source: { fileName: "", lineNumber: 538, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex", __source: { fileName: "", lineNumber: 539, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `flex-1 ${!isRobloxMode && !isHomeworkMode ? "border-b-4 border-[#2962ff]" : ""}`, __source: { fileName: "", lineNumber: 540, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-none p-4 bg-[#222] flex justify-between items-center", __source: { fileName: "", lineNumber: 543, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 544, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/2281b8f3-d21a-42b3-96e7-81f9d938d7d5/-/format/auto/", alt: "Glenno AI Logo", className: "h-8 w-auto", __source: { fileName: "", lineNumber: 545, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-white font-inter", __source: { fileName: "", lineNumber: 550, columnNumber: 15 }, __self: this }, "Chat & Search")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setIsRobloxMode(false); setIsHomeworkMode(false); }, className: "px-4 py-2 bg-[#333] text-white rounded hover:bg-[#444] transition-colors", __source: { fileName: "", lineNumber: 552, columnNumber: 13 }, __self: this }, "Switch to General"))), /*#__PURE__*/ React.createElement("div", { className: `flex-1 ${isRobloxMode ? "border-b-4 border-[#2962ff]" : ""}`, __source: { fileName: "", lineNumber: 563, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-none p-4 bg-[#222] flex justify-between items-center", __source: { fileName: "", lineNumber: 566, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-white font-inter", __source: { fileName: "", lineNumber: 567, columnNumber: 13 }, __self: this }, "Roblox Code Assistant"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setIsRobloxMode(true); setIsHomeworkMode(false); }, className: "px-4 py-2 bg-[#333] text-white rounded hover:bg-[#444] transition-colors", __source: { fileName: "", lineNumber: 570, columnNumber: 13 }, __self: this }, "Switch to Roblox"))), /*#__PURE__*/ React.createElement("div", { className: `flex-1 ${isHomeworkMode ? "border-b-4 border-[#2962ff]" : ""}`, __source: { fileName: "", lineNumber: 581, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-none p-4 bg-[#222] flex justify-between items-center", __source: { fileName: "", lineNumber: 584, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-white font-inter", __source: { fileName: "", lineNumber: 585, columnNumber: 13 }, __self: this }, "Homework Helper"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setIsRobloxMode(false); setIsHomeworkMode(true); }, className: "px-4 py-2 bg-[#333] text-white rounded hover:bg-[#444] transition-colors", __source: { fileName: "", lineNumber: 588, columnNumber: 13 }, __self: this }, "Switch to Homework")))), /*#__PURE__*/ React.createElement("div", { className: "flex-grow overflow-y-auto p-4 space-y-4", __source: { fileName: "", lineNumber: 600, columnNumber: 7 }, __self: this }, messages.filter((m)=>isRobloxMode ? m.group === "roblox" : isHomeworkMode ? m.group === "homework" : m.group === "general").map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex ${message.role === "user" ? "justify-end" : "justify-start"}`, onClick: ()=>setReplyingTo(message), __source: { fileName: "", lineNumber: 610, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col max-w-[80%]", __source: { fileName: "", lineNumber: 615, columnNumber: 15 }, __self: this }, message.replyTo && /*#__PURE__*/ React.createElement("div", { className: "mb-2 p-2 rounded bg-[#444] text-sm text-gray-300 cursor-pointer hover:bg-[#555]", __source: { fileName: "", lineNumber: 617, columnNumber: 19 }, __self: this }, message.replyTo.content), /*#__PURE__*/ React.createElement("div", { className: `relative group rounded-lg p-4 cursor-pointer hover:opacity-90 ${message.role === "user" ? "bg-[#2962ff] text-white" : "bg-[#333] text-white"}`, __source: { fileName: "", lineNumber: 621, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); setReplyingTo(message); }, className: "absolute -left-8 top-1/2 transform -translate-y-1/2 opacity-0 group-hover:opacity-100 transition-opacity text-gray-400 hover:text-white", __source: { fileName: "", lineNumber: 628, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-reply", __source: { fileName: "", lineNumber: 635, columnNumber: 21 }, __self: this })), message.type === "image" ? /*#__PURE__*/ React.createElement("div", { className: "rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 638, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: message.content, alt: "Generated", className: "w-full h-auto max-h-[300px] object-contain", __source: { fileName: "", lineNumber: 639, columnNumber: 23 }, __self: this })) : message.type === "search-result" ? /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 646, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold text-[#2962ff] hover:underline", __source: { fileName: "", lineNumber: 647, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: message.content.link, target: "_blank", rel: "noopener noreferrer", __source: { fileName: "", lineNumber: 648, columnNumber: 25 }, __self: this }, message.content.title)), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-300", __source: { fileName: "", lineNumber: 656, columnNumber: 23 }, __self: this }, message.content.snippet), /*#__PURE__*/ React.createElement("a", { href: message.content.link, target: "_blank", rel: "noopener noreferrer", className: "text-xs text-gray-400 hover:text-[#2962ff]", __source: { fileName: "", lineNumber: 659, columnNumber: 23 }, __self: this }, message.content.link)) : /*#__PURE__*/ React.createElement("p", { className: "font-inter", __source: { fileName: "", lineNumber: 669, columnNumber: 21 }, __self: this }, message.content))))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 676, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[80%] rounded-lg p-4 bg-[#333] text-white", __source: { fileName: "", lineNumber: 677, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-inter whitespace-pre-wrap", __source: { fileName: "", lineNumber: 678, columnNumber: 15 }, __self: this }, streamingMessage))), isLoading && !streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 685, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#333] rounded-lg p-4", __source: { fileName: "", lineNumber: 686, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 687, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#666] rounded-full animate-bounce", __source: { fileName: "", lineNumber: 688, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#666] rounded-full animate-bounce", style: { animationDelay: "0.2s" }, __source: { fileName: "", lineNumber: 689, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#666] rounded-full animate-bounce", style: { animationDelay: "0.4s" }, __source: { fileName: "", lineNumber: 693, columnNumber: 17 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { ref: messagesEndRef, __source: { fileName: "", lineNumber: 701, columnNumber: 9 }, __self: this })), (timers.length > 0 || alarms.length > 0) && /*#__PURE__*/ React.createElement("div", { className: `fixed bottom-20 right-4 bg-[#333] rounded-lg shadow-lg transition-all duration-300 ${isTimerContainerExpanded ? "w-80" : "w-12 h-12 cursor-pointer"}`, onClick: ()=>!isTimerContainerExpanded && setIsTimerContainerExpanded(true), __source: { fileName: "", lineNumber: 705, columnNumber: 9 }, __self: this }, isTimerContainerExpanded ? /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 714, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 715, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-semibold", __source: { fileName: "", lineNumber: 716, columnNumber: 17 }, __self: this }, "Timers & Alarms"), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); setIsTimerContainerExpanded(false); }, className: "text-gray-400 hover:text-white", __source: { fileName: "", lineNumber: 717, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 724, columnNumber: 19 }, __self: this }))), timers.map((timer)=>/*#__PURE__*/ React.createElement("div", { key: timer.id, className: "flex justify-between items-center mb-2 text-white", __source: { fileName: "", lineNumber: 728, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 732, columnNumber: 19 }, __self: this }, "Timer: ", Math.floor(timer.timeLeft / 60), ":", (timer.timeLeft % 60).toString().padStart(2, "0")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setTimers((prev)=>prev.filter((t)=>t.id !== timer.id)), className: "text-red-500 hover:text-red-400", __source: { fileName: "", lineNumber: 736, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 742, columnNumber: 21 }, __self: this })))), alarms.map((alarm)=>{ const alarmTime = new Date(alarm.time); return /*#__PURE__*/ React.createElement("div", { key: alarm.id, className: "flex justify-between items-center mb-2 text-white", __source: { fileName: "", lineNumber: 749, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 753, columnNumber: 21 }, __self: this }, "Alarm: ", alarmTime.getHours().toString().padStart(2, "0"), ":", alarmTime.getMinutes().toString().padStart(2, "0")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setAlarms((prev)=>prev.filter((a)=>a.id !== alarm.id)), className: "text-red-500 hover:text-red-400", __source: { fileName: "", lineNumber: 757, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 765, columnNumber: 23 }, __self: this }))); })) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center h-full text-white", __source: { fileName: "", lineNumber: 772, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock", __source: { fileName: "", lineNumber: 773, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-none p-4 bg-[#222]", __source: { fileName: "", lineNumber: 779, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "flex flex-col space-y-2", __source: { fileName: "", lineNumber: 780, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-4", __source: { fileName: "", lineNumber: 781, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow flex space-x-2", __source: { fileName: "", lineNumber: 782, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: input, onChange: (e)=>setInput(e.target.value), placeholder: isRobloxMode ? "Type your Roblox coding question..." : isHomeworkMode ? "Ask your homework or study question..." : "Type a message or use commands: /imagine, /search, /see, /timer (mm:ss), /alarm, /roblox", className: "flex-grow p-3 rounded-lg bg-[#333] text-white placeholder-[#666] focus:outline-none focus:ring-2 focus:ring-[#2962ff] font-inter", __source: { fileName: "", lineNumber: 783, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isLoading, className: "px-6 py-3 bg-[#2962ff] text-white rounded-lg hover:bg-[#1e4bd8] transition-colors font-inter flex items-center justify-center disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 797, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isLoading ? "fa-spinner fa-spin" : "fa-paper-plane"} mr-2`, __source: { fileName: "", lineNumber: 802, columnNumber: 15 }, __self: this }), isLoading ? "Processing..." : "Send"))))); }