function MainComponent() { const [messages, setMessages] = useState([]); const [streamingMessage, setStreamingMessage] = useState(""); const [userInput, setUserInput] = useState(""); const [userFinance, setUserFinance] = useState(""); const [loading, setLoading] = useState(false); const [isNarrating, setIsNarrating] = useState(false); const handleFinish = useCallback((message)=>{ setMessages((prev)=>[ ...prev, { role: "assistant", content: message } ]); setStreamingMessage(""); setLoading(false); }, []); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: handleFinish }); const handleSubmit = async (e)=>{ e.preventDefault(); if (!userInput.trim()) return; const userMessage = { role: "user", content: userInput }; setMessages((prev)=>[ ...prev, userMessage ]); setUserInput(""); setLoading(true); const systemPrompt = { role: "system", content: `You are Elon Marvell Musk, an AI business advisor, stock broker, trader, and business tycoon. You provide expert advice on: 1. Best businesses to venture into based on user interests and market conditions 2. Risk assessment and management strategies 3. How to avoid, manage, and break through business risks 4. Success strategies and profit maximization techniques 5. Multiple business venture recommendations based on available finance 6. Stock trading and investment advice 7. Market analysis and business opportunities User's available finance: ${userFinance || "Not specified"} Provide detailed, actionable advice with specific strategies, risk mitigation plans, and step-by-step guidance. Be confident, innovative, and forward-thinking like a successful business tycoon.` }; try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ systemPrompt, ...messages, userMessage ], stream: true }) }); if (!response.ok) { throw new Error(`API request failed: ${response.status}`); } handleStreamResponse(response); } catch (error) { console.error("Error:", error); setLoading(false); setMessages((prev)=>[ ...prev, { role: "assistant", content: "Sorry, I encountered an error. Please try again." } ]); } }; const downloadResults = ()=>{ const content = messages.filter((msg)=>msg.role === "assistant").map((msg)=>msg.content).join("\n\n---\n\n"); const blob = new Blob([ content ], { type: "text/plain" }); const url = URL.createObjectURL(blob); const a = document.createElement("a"); a.href = url; a.download = "elon-marvell-musk-business-advice.txt"; document.body.appendChild(a); a.click(); document.body.removeChild(a); URL.revokeObjectURL(url); }; const narrateText = (text)=>{ if ("speechSynthesis" in window) { setIsNarrating(true); const utterance = new SpeechSynthesisUtterance(text); utterance.rate = 0.9; utterance.pitch = 1; utterance.volume = 1; utterance.onend = ()=>{ setIsNarrating(false); }; speechSynthesis.speak(utterance); } else { alert("Speech synthesis not supported in your browser"); } }; const stopNarration = ()=>{ if ("speechSynthesis" in window) { speechSynthesis.cancel(); setIsNarrating(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-gray-900 via-blue-900 to-purple-900 text-white", __source: { fileName: "", lineNumber: 117, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/30 backdrop-blur-sm border-b border-blue-500/30", __source: { fileName: "", lineNumber: 119, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 120, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 121, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-gradient-to-r from-blue-500 to-purple-600 rounded-full flex items-center justify-center", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket text-2xl", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold bg-gradient-to-r from-blue-400 to-purple-400 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, "Elon Marvell Musk"), /*#__PURE__*/ React.createElement("p", { className: "text-blue-300", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, "AI Business Advisor & Investment Strategist"))))), /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 137, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 bg-black/20 backdrop-blur-sm rounded-xl p-6 border border-blue-500/30", __source: { fileName: "", lineNumber: 139, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-blue-300 font-semibold mb-2", __source: { fileName: "", lineNumber: 140, columnNumber: 11 }, __self: this }, "Your Available Finance (Optional)"), /*#__PURE__*/ React.createElement("input", { type: "text", value: userFinance, onChange: (e)=>setUserFinance(e.target.value), placeholder: "e.g., $50,000 or I have a small budget", className: "w-full px-4 py-3 bg-gray-800/50 border border-gray-600 rounded-lg text-white placeholder-gray-400 focus:border-blue-500 focus:outline-none", __source: { fileName: "", lineNumber: 143, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 153, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lg:col-span-2", __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/20 backdrop-blur-sm rounded-xl border border-blue-500/30 h-[600px] flex flex-col", __source: { fileName: "", lineNumber: 156, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border-b border-gray-700", __source: { fileName: "", lineNumber: 157, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-blue-300", __source: { fileName: "", lineNumber: 158, columnNumber: 17 }, __self: this }, "Business Consultation")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-4", __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }, messages.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-400 py-8", __source: { fileName: "", lineNumber: 165, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comments text-4xl mb-4", __source: { fileName: "", lineNumber: 166, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 167, columnNumber: 21 }, __self: this }, "Ask me about business opportunities, investments, or risk management!")), messages.map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `flex ${message.role === "user" ? "justify-end" : "justify-start"}`, __source: { fileName: "", lineNumber: 175, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-[80%] p-4 rounded-lg ${message.role === "user" ? "bg-blue-600 text-white" : "bg-gray-800 text-gray-100 border border-gray-700"}`, __source: { fileName: "", lineNumber: 179, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between", __source: { fileName: "", lineNumber: 186, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 whitespace-pre-wrap", __source: { fileName: "", lineNumber: 187, columnNumber: 25 }, __self: this }, message.content), message.role === "assistant" && /*#__PURE__*/ React.createElement("button", { onClick: ()=>narrateText(message.content), className: "ml-2 text-blue-400 hover:text-blue-300 flex-shrink-0", title: "Narrate this response", __source: { fileName: "", lineNumber: 191, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-volume-up", __source: { fileName: "", lineNumber: 196, columnNumber: 29 }, __self: this })))))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 205, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[80%] p-4 rounded-lg bg-gray-800 text-gray-100 border border-gray-700", __source: { fileName: "", lineNumber: 206, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "whitespace-pre-wrap", __source: { fileName: "", lineNumber: 207, columnNumber: 23 }, __self: this }, streamingMessage), /*#__PURE__*/ React.createElement("div", { className: "flex items-center mt-2", __source: { fileName: "", lineNumber: 210, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-pulse text-blue-400", __source: { fileName: "", lineNumber: 211, columnNumber: 25 }, __self: this }, "●"), /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-400 ml-2", __source: { fileName: "", lineNumber: 212, columnNumber: 25 }, __self: this }, "Elon is thinking..."))))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "p-4 border-t border-gray-700", __source: { fileName: "", lineNumber: 221, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 225, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: userInput, onChange: (e)=>setUserInput(e.target.value), placeholder: "Ask about business opportunities, risks, investments...", className: "flex-1 px-4 py-3 bg-gray-800 border border-gray-600 rounded-lg text-white placeholder-gray-400 focus:border-blue-500 focus:outline-none", disabled: loading, __source: { fileName: "", lineNumber: 226, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading || !userInput.trim(), className: "px-6 py-3 bg-blue-600 hover:bg-blue-700 disabled:bg-gray-600 disabled:cursor-not-allowed rounded-lg font-semibold transition-colors", __source: { fileName: "", lineNumber: 234, columnNumber: 19 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 240, columnNumber: 23 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 242, columnNumber: 23 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 251, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/20 backdrop-blur-sm rounded-xl p-6 border border-blue-500/30", __source: { fileName: "", lineNumber: 253, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-blue-300 mb-4", __source: { fileName: "", lineNumber: 254, columnNumber: 15 }, __self: this }, "Actions"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 255, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: downloadResults, disabled: messages.filter((m)=>m.role === "assistant").length === 0, className: "w-full px-4 py-3 bg-green-600 hover:bg-green-700 disabled:bg-gray-600 disabled:cursor-not-allowed rounded-lg font-semibold transition-colors flex items-center justify-center space-x-2", __source: { fileName: "", lineNumber: 256, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 263, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 264, columnNumber: 19 }, __self: this }, "Download Results")), /*#__PURE__*/ React.createElement("button", { onClick: isNarrating ? stopNarration : ()=>{ const lastAssistantMessage = messages.filter((m)=>m.role === "assistant").pop(); if (lastAssistantMessage) narrateText(lastAssistantMessage.content); }, disabled: messages.filter((m)=>m.role === "assistant").length === 0, className: `w-full px-4 py-3 ${isNarrating ? "bg-red-600 hover:bg-red-700" : "bg-purple-600 hover:bg-purple-700"} disabled:bg-gray-600 disabled:cursor-not-allowed rounded-lg font-semibold transition-colors flex items-center justify-center space-x-2`, __source: { fileName: "", lineNumber: 267, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isNarrating ? "fa-stop" : "fa-volume-up"}`, __source: { fileName: "", lineNumber: 284, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 287, columnNumber: 19 }, __self: this }, isNarrating ? "Stop Narration" : "Narrate Last Response")))), /*#__PURE__*/ React.createElement("div", { className: "bg-black/20 backdrop-blur-sm rounded-xl p-6 border border-blue-500/30", __source: { fileName: "", lineNumber: 295, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-blue-300 mb-4", __source: { fileName: "", lineNumber: 296, columnNumber: 15 }, __self: this }, "What I Can Help With"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3 text-sm", __source: { fileName: "", lineNumber: 299, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-2", __source: { fileName: "", lineNumber: 300, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chart-line text-green-400 mt-1", __source: { fileName: "", lineNumber: 301, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 302, columnNumber: 19 }, __self: this }, "Business opportunity analysis")), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-2", __source: { fileName: "", lineNumber: 304, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-yellow-400 mt-1", __source: { fileName: "", lineNumber: 305, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 306, columnNumber: 19 }, __self: this }, "Risk assessment & management")), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-2", __source: { fileName: "", lineNumber: 308, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-coins text-blue-400 mt-1", __source: { fileName: "", lineNumber: 309, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 310, columnNumber: 19 }, __self: this }, "Investment strategies")), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-2", __source: { fileName: "", lineNumber: 312, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket text-purple-400 mt-1", __source: { fileName: "", lineNumber: 313, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 314, columnNumber: 19 }, __self: this }, "Growth & scaling advice")), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-2", __source: { fileName: "", lineNumber: 316, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-building text-indigo-400 mt-1", __source: { fileName: "", lineNumber: 317, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 318, columnNumber: 19 }, __self: this }, "Multiple venture planning")), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-2", __source: { fileName: "", lineNumber: 320, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trending-up text-red-400 mt-1", __source: { fileName: "", lineNumber: 321, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 322, columnNumber: 19 }, __self: this }, "Stock trading insights")))), /*#__PURE__*/ React.createElement("div", { className: "bg-black/20 backdrop-blur-sm rounded-xl p-6 border border-blue-500/30", __source: { fileName: "", lineNumber: 328, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-bold text-blue-300 mb-4", __source: { fileName: "", lineNumber: 329, columnNumber: 15 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 text-sm", __source: { fileName: "", lineNumber: 330, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 331, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 332, columnNumber: 19 }, __self: this }, "Messages:"), /*#__PURE__*/ React.createElement("span", { className: "text-blue-400", __source: { fileName: "", lineNumber: 333, columnNumber: 19 }, __self: this }, messages.length)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 335, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 336, columnNumber: 19 }, __self: this }, "AI Status:"), /*#__PURE__*/ React.createElement("span", { className: loading ? "text-yellow-400" : "text-green-400", __source: { fileName: "", lineNumber: 337, columnNumber: 19 }, __self: this }, loading ? "Thinking..." : "Ready")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 343, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 344, columnNumber: 19 }, __self: this }, "Narration:"), /*#__PURE__*/ React.createElement("span", { className: isNarrating ? "text-blue-400" : "text-gray-400", __source: { fileName: "", lineNumber: 345, columnNumber: 19 }, __self: this }, isNarrating ? "Active" : "Inactive")))))))); }