function MainComponent() { const [activeTab, setActiveTab] = useState("overview"); const [message, setMessage] = useState(""); const [chatHistory, setChatHistory] = useState([]); const [streamingMessage, setStreamingMessage] = useState(""); const [loading, setLoading] = useState(false); const [selectedTopic, setSelectedTopic] = useState("strategy"); const [deploying, setDeploying] = useState(false); const [stopping, setStopping] = useState(false); const [isRunning, setIsRunning] = useState(false); const [selectedBot, setSelectedBot] = useState(null); const [activeBots, setActiveBots] = useState({}); const [selectedDex, setSelectedDex] = useState("uniswap"); const [isWalletConnected, setIsWalletConnected] = useState(false); const [walletAddress, setWalletAddress] = useState(""); const connectWallet = async ()=>{ if (typeof window.ethereum !== "undefined") { try { const accounts = await window.ethereum.request({ method: "eth_requestAccounts" }); setWalletAddress(accounts[0]); setIsWalletConnected(true); } catch (error) { console.error("Wallet connection error:", error); } } else { alert("Please install MetaMask"); } }; const disconnectWallet = async ()=>{ try { setWalletAddress(""); setIsWalletConnected(false); } catch (error) { console.error("Wallet disconnection error:", error); } }; const dexes = [ { id: "uniswap", name: "Uniswap V3", icon: "fas fa-exchange-alt" }, { id: "pancakeswap", name: "PancakeSwap V3", icon: "fas fa-cookie-bite" }, { id: "sushiswap", name: "SushiSwap", icon: "fas fa-fish" }, { id: "curve", name: "Curve Finance", icon: "fas fa-wave-square" } ]; const bots = [ { id: 1, name: "BTC/USDT Scalping", description: "15m / 3x Leverage", performance: "+12.5%", isActive: false, type: "Scalping", timeframe: "15m", leverage: 3, pair: "BTC/USDT", dex: "uniswap" }, { id: 2, name: "ETH/USDT Trend Following", description: "4h / 2x Leverage", performance: "-2.3%", isActive: false, type: "Trend Following", timeframe: "4h", leverage: 2, pair: "ETH/USDT", dex: "pancakeswap" }, { id: 3, name: "BNB/USDT Range Trading", description: "1h / 2x Leverage", performance: "+5.7%", isActive: false, type: "Range Trading", timeframe: "1h", leverage: 2, pair: "BNB/USDT", dex: "sushiswap" } ]; const topics = { strategy: "Trading Strategy Setup", risk: "Risk Management", market: "Market Selection", automation: "Automation Rules", review: "Review Settings" }; const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ setChatHistory((prev)=>[ ...prev, { role: "assistant", content: message } ]); setStreamingMessage(""); } }); const handleDeploy = async ()=>{ if (!selectedBot) return; if (!isWalletConnected) { alert("Please connect your wallet"); return; } setDeploying(true); try { await new Promise((resolve)=>setTimeout(resolve, 2000)); setActiveBots((prev)=>({ ...prev, [selectedBot.id]: true })); setIsRunning(true); } catch (error) { console.error("Deployment error:", error); } finally{ setDeploying(false); } }; const handleStop = async ()=>{ if (!selectedBot) return; setStopping(true); try { await new Promise((resolve)=>setTimeout(resolve, 1000)); setActiveBots((prev)=>({ ...prev, [selectedBot.id]: false })); setIsRunning(false); } catch (error) { console.error("Stop error:", error); } finally{ setStopping(false); } }; const handleSendMessage = async ()=>{ if (!message.trim() || loading) return; const systemMessage = { role: "system", content: `You are a trading bot configuration expert assistant. Current Step: ${topics[selectedTopic]} Please guide the user through each step to collect the following information: 1. Trading Strategy Setup - Trading pair (e.g., BTC/USDT) - Entry conditions - Exit conditions 2. Risk Management - Maximum trade size - Stop loss settings - Leverage settings 3. Market Selection - Exchange selection - Trading hours - Specific market conditions 4. Automation Rules - Trading frequency - Maximum open positions - Re-entry rules 5. Review Settings - Review configuration - Final adjustments - Deployment preparation Based on user input, suggest specific settings and guide them to the next step.` }; const newMessage = { role: "user", content: message }; setChatHistory((prev)=>[ ...prev, newMessage ]); setMessage(""); setLoading(true); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ systemMessage, ...chatHistory, newMessage ], stream: true }) }); handleStreamResponse(response); } catch (error) { console.error("Error:", error); } finally{ setLoading(false); } }; React.useEffect(()=>{ if (activeTab === "demo" && chatHistory.length === 0) { const initialMessage = { role: "system", content: `You are a trading bot configuration expert assistant. Current Step: ${topics[selectedTopic]} Please guide the user through each step to collect the following information: 1. Trading Strategy Setup - Tell me about your trading pair (e.g., BTC/USDT) - What's your preferred trading style (scalping, day trading, swing trading)? - Explain your basic entry conditions - Set specific profit-taking conditions 2. Risk Management - What's your maximum trade size per position? - How would you like to set your stop loss? (e.g., % from entry) - Let's set leverage based on your risk tolerance - Do you need a daily loss limit? 3. Market Selection - Which exchange would you like to trade on? - Trading hours setup (24/7 or specific hours) - Specific market conditions (high/low volatility) - Any market conditions to avoid? 4. Automation Rules - Trading frequency (e.g., max trades per hour) - Maximum number of concurrent positions - Re-entry rules after stop loss - Next trade conditions after profit 5. Review Settings - Let's review your configuration - Any final adjustments needed? - Ready for deployment? - Do you need a testing period? Based on the current step, I'll suggest specific settings and guide you to the next step.` }; fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ initialMessage ], stream: true }) }).then((response)=>handleStreamResponse(response)).catch((error)=>console.error("Error:", error)); } }, [ activeTab, chatHistory.length ]); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0D1117] text-white font-inter", __source: { fileName: "", lineNumber: 254, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed top-4 right-4 flex gap-2 z-50", __source: { fileName: "", lineNumber: 255, columnNumber: 7 }, __self: this }, isWalletConnected ? /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 257, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: disconnectWallet, className: "bg-red-600 hover:bg-red-700 px-6 py-2 rounded font-medium flex items-center gap-2", __source: { fileName: "", lineNumber: 258, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sign-out-alt", __source: { fileName: "", lineNumber: 262, columnNumber: 15 }, __self: this }), "Disconnect"), /*#__PURE__*/ React.createElement("div", { className: "bg-green-600 px-6 py-2 rounded font-medium flex items-center gap-2", __source: { fileName: "", lineNumber: 265, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-ethereum", __source: { fileName: "", lineNumber: 266, columnNumber: 15 }, __self: this }), `${walletAddress.slice(0, 6)}...${walletAddress.slice(-4)}`)) : /*#__PURE__*/ React.createElement("button", { onClick: connectWallet, className: "bg-[#1F6FEB] hover:bg-[#1a62d9] px-6 py-2 rounded font-medium flex items-center gap-2", __source: { fileName: "", lineNumber: 271, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-ethereum", __source: { fileName: "", lineNumber: 275, columnNumber: 13 }, __self: this }), "Connect to MetaMask"), selectedBot ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("button", { onClick: handleDeploy, disabled: deploying || activeBots[selectedBot.id] || !isWalletConnected, className: "bg-green-600 hover:bg-green-700 px-6 py-2 rounded font-medium disabled:opacity-50 flex items-center gap-2", __source: { fileName: "", lineNumber: 281, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket", __source: { fileName: "", lineNumber: 288, columnNumber: 15 }, __self: this }), deploying ? "Deploying..." : "Start Bot"), /*#__PURE__*/ React.createElement("button", { onClick: handleStop, disabled: !activeBots[selectedBot.id] || stopping, className: "bg-red-600 hover:bg-red-700 px-6 py-2 rounded font-medium disabled:opacity-50 flex items-center gap-2", __source: { fileName: "", lineNumber: 291, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-stop-circle", __source: { fileName: "", lineNumber: 296, columnNumber: 15 }, __self: this }), stopping ? "Stopping..." : "Stop Bot"), activeBots[selectedBot.id] && /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 bg-[#21262D] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 300, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "w-3 h-3 rounded-full bg-green-500", __source: { fileName: "", lineNumber: 301, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 302, columnNumber: 17 }, __self: this }, "Running"))) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 bg-[#21262D] px-4 py-2 rounded", __source: { fileName: "", lineNumber: 307, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 308, columnNumber: 13 }, __self: this }, "Select a Bot"))), /*#__PURE__*/ React.createElement("nav", { className: "fixed top-0 left-0 w-64 h-full bg-[#161B22] p-4 overflow-y-auto", __source: { fileName: "", lineNumber: 312, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 313, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 314, columnNumber: 11 }, __self: this }, "AI DEX Trade Bot Maker"), /*#__PURE__*/ React.createElement("a", { href: "https://ai-tradebot-maker.gitbook.io/white-paper", target: "_blank", rel: "noopener noreferrer", className: "bg-[#1F6FEB] text-white px-4 py-2 rounded-md hover:bg-[#1a62d9] transition-colors duration-200 flex items-center gap-2 text-sm", __source: { fileName: "", lineNumber: 315, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book", __source: { fileName: "", lineNumber: 321, columnNumber: 13 }, __self: this }), "GitBook")), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 326, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("overview"), className: `w-full text-left px-4 py-2 rounded ${activeTab === "overview" ? "bg-[#1F6FEB] text-white" : "text-gray-400 hover:bg-[#21262D]"}`, __source: { fileName: "", lineNumber: 327, columnNumber: 11 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("demo"), className: `w-full text-left px-4 py-2 rounded ${activeTab === "demo" ? "bg-[#1F6FEB] text-white" : "text-gray-400 hover:bg-[#21262D]"}`, __source: { fileName: "", lineNumber: 333, columnNumber: 11 }, __self: this }, "AI Demo"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("features"), className: `w-full text-left px-4 py-2 rounded ${activeTab === "features" ? "bg-[#1F6FEB] text-white" : "text-gray-400 hover:bg-[#21262D]"}`, __source: { fileName: "", lineNumber: 339, columnNumber: 11 }, __self: this }, "Key Features"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("architecture"), className: `w-full text-left px-4 py-2 rounded ${activeTab === "architecture" ? "bg-[#1F6FEB] text-white" : "text-gray-400 hover:bg-[#21262D]"}`, __source: { fileName: "", lineNumber: 345, columnNumber: 11 }, __self: this }, "Architecture"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("performance"), className: `w-full text-left px-4 py-2 rounded ${activeTab === "performance" ? "bg-[#1F6FEB] text-white" : "text-gray-400 hover:bg-[#21262D]"}`, __source: { fileName: "", lineNumber: 351, columnNumber: 11 }, __self: this }, "Performance"))), /*#__PURE__*/ React.createElement("main", { className: "ml-64 p-8", __source: { fileName: "", lineNumber: 360, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 361, columnNumber: 9 }, __self: this }, activeTab === "overview" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 363, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-6", __source: { fileName: "", lineNumber: 364, columnNumber: 15 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 365, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 366, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 367, columnNumber: 19 }, __self: this }, "Active Bots"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mb-4 overflow-x-auto pb-2", __source: { fileName: "", lineNumber: 368, columnNumber: 19 }, __self: this }, dexes.map((dex)=>/*#__PURE__*/ React.createElement("button", { key: dex.id, onClick: ()=>setSelectedDex(dex.id), className: `px-4 py-2 rounded-full flex items-center gap-2 whitespace-nowrap ${selectedDex === dex.id ? "bg-[#1F6FEB] text-white" : "bg-[#161B22] text-gray-400 hover:bg-[#21262D]"}`, __source: { fileName: "", lineNumber: 370, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: dex.icon, __source: { fileName: "", lineNumber: 379, columnNumber: 25 }, __self: this }), dex.name))), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 384, columnNumber: 19 }, __self: this }, bots.filter((bot)=>bot.dex === selectedDex).map((bot)=>/*#__PURE__*/ React.createElement("button", { key: bot.id, onClick: ()=>setSelectedBot(bot), className: `w-full flex items-center justify-between p-3 ${selectedBot?.id === bot.id ? "bg-[#1F6FEB]" : "bg-[#161B22]"} rounded hover:bg-[#1F6FEB] transition-colors`, __source: { fileName: "", lineNumber: 388, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 397, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold text-left", __source: { fileName: "", lineNumber: 398, columnNumber: 29 }, __self: this }, bot.name), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400 text-left", __source: { fileName: "", lineNumber: 401, columnNumber: 29 }, __self: this }, bot.description)), /*#__PURE__*/ React.createElement("div", { className: bot.performance.startsWith("+") ? "text-green-400" : "text-red-400", __source: { fileName: "", lineNumber: 405, columnNumber: 27 }, __self: this }, bot.performance)))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-[#161B22] rounded", __source: { fileName: "", lineNumber: 417, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-yellow-400 font-bold mb-2", __source: { fileName: "", lineNumber: 418, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock mr-2", __source: { fileName: "", lineNumber: 419, columnNumber: 23 }, __self: this }), "Backtesting Feature"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400 mb-2", __source: { fileName: "", lineNumber: 422, columnNumber: 21 }, __self: this }, "Hold $ADTM tokens to unlock strategy validation using historical data."), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-[#30363D] text-gray-400 px-4 py-2 rounded text-sm hover:bg-[#3C444D] transition-colors", disabled: true, __source: { fileName: "", lineNumber: 426, columnNumber: 21 }, __self: this }, "Launching Q2 2025"))), selectedBot && /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 436, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 437, columnNumber: 21 }, __self: this }, "Bot Details"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 438, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-3 bg-[#161B22] rounded", __source: { fileName: "", lineNumber: 439, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 440, columnNumber: 25 }, __self: this }, "Exchange"), /*#__PURE__*/ React.createElement("span", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 441, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: dexes.find((d)=>d.id === selectedBot.dex)?.icon, __source: { fileName: "", lineNumber: 442, columnNumber: 27 }, __self: this }), dexes.find((d)=>d.id === selectedBot.dex)?.name)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-3 bg-[#161B22] rounded", __source: { fileName: "", lineNumber: 450, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 451, columnNumber: 25 }, __self: this }, "Trading Pair"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 452, columnNumber: 25 }, __self: this }, selectedBot.pair)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-3 bg-[#161B22] rounded", __source: { fileName: "", lineNumber: 454, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 455, columnNumber: 25 }, __self: this }, "Strategy Type"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 456, columnNumber: 25 }, __self: this }, selectedBot.type)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-3 bg-[#161B22] rounded", __source: { fileName: "", lineNumber: 458, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 459, columnNumber: 25 }, __self: this }, "Timeframe"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 460, columnNumber: 25 }, __self: this }, selectedBot.timeframe)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-3 bg-[#161B22] rounded", __source: { fileName: "", lineNumber: 462, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 463, columnNumber: 25 }, __self: this }, "Leverage"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 464, columnNumber: 25 }, __self: this }, selectedBot.leverage, "x")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-3 bg-[#161B22] rounded", __source: { fileName: "", lineNumber: 466, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 467, columnNumber: 25 }, __self: this }, "Performance"), /*#__PURE__*/ React.createElement("span", { className: selectedBot.performance.startsWith("+") ? "text-green-400" : "text-red-400", __source: { fileName: "", lineNumber: 468, columnNumber: 25 }, __self: this }, selectedBot.performance)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center p-3 bg-[#161B22] rounded", __source: { fileName: "", lineNumber: 478, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-400", __source: { fileName: "", lineNumber: 479, columnNumber: 25 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("span", { className: `px-2 py-1 rounded ${activeBots[selectedBot.id] ? "bg-green-500" : "bg-gray-500"}`, __source: { fileName: "", lineNumber: 480, columnNumber: 25 }, __self: this }, activeBots[selectedBot.id] ? "Running" : "Stopped")))))), activeTab === "demo" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 498, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-6", __source: { fileName: "", lineNumber: 499, columnNumber: 15 }, __self: this }, "Trading Bot Configuration Assistant"), /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 502, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 503, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 504, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-sm bg-yellow-600 px-3 py-1 rounded", __source: { fileName: "", lineNumber: 505, columnNumber: 21 }, __self: this }, "Step ", chatHistory.length + 1, "/5"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 508, columnNumber: 21 }, __self: this }, "Let's complete your bot configuration")), chatHistory.length >= 5 && /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveTab("deploy"), className: "bg-green-600 hover:bg-green-700 px-6 py-2 rounded font-medium flex items-center gap-2", __source: { fileName: "", lineNumber: 513, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-rocket", __source: { fileName: "", lineNumber: 517, columnNumber: 23 }, __self: this }), "Create Bot")), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 522, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mb-4", __source: { fileName: "", lineNumber: 523, columnNumber: 19 }, __self: this }, Object.entries(topics).map(([key, value])=>/*#__PURE__*/ React.createElement("button", { key: key, onClick: ()=>setSelectedTopic(key), className: `px-4 py-2 rounded text-sm ${selectedTopic === key ? "bg-[#1F6FEB] text-white" : "bg-[#30363D] text-gray-300 hover:bg-[#3C444D]"}`, __source: { fileName: "", lineNumber: 525, columnNumber: 23 }, __self: this }, value))), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400 mb-4", __source: { fileName: "", lineNumber: 538, columnNumber: 19 }, __self: this }, "Current Topic: ", topics[selectedTopic])), /*#__PURE__*/ React.createElement("div", { className: "mb-4 h-64 overflow-y-auto bg-[#161B22] p-4 rounded", __source: { fileName: "", lineNumber: 542, columnNumber: 17 }, __self: this }, chatHistory.map((chat, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `mb-4 ${chat.role === "user" ? "text-green-400" : "text-blue-400"}`, __source: { fileName: "", lineNumber: 544, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 552, columnNumber: 23 }, __self: this }, chat.role === "user" ? "You: " : "AI: "), chat.content)), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "mb-4 text-blue-400", __source: { fileName: "", lineNumber: 559, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 560, columnNumber: 23 }, __self: this }, "AI: "), streamingMessage), loading && !streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 565, columnNumber: 21 }, __self: this }, "Analyzing...")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 568, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: message, onChange: (e)=>setMessage(e.target.value), onKeyPress: (e)=>{ if (e.key === "Enter") { handleSendMessage(); } }, placeholder: `Tell me about ${topics[selectedTopic]}...`, className: "flex-1 bg-[#0D1117] border border-[#30363D] rounded px-4 py-2 text-white focus:outline-none focus:border-[#1F6FEB]", __source: { fileName: "", lineNumber: 569, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSendMessage, disabled: loading || !message.trim(), className: "bg-[#1F6FEB] px-6 py-2 rounded font-medium disabled:opacity-50", __source: { fileName: "", lineNumber: 581, columnNumber: 19 }, __self: this }, "Next")))), activeTab === "features" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 594, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-6", __source: { fileName: "", lineNumber: 595, columnNumber: 15 }, __self: this }, "Key Features"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 596, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 597, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 598, columnNumber: 19 }, __self: this }, "Core Features"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4 text-gray-300", __source: { fileName: "", lineNumber: 599, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 600, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#1F6FEB] mt-1 mr-3", __source: { fileName: "", lineNumber: 601, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 602, columnNumber: 23 }, __self: this }, "AI-Powered Market Analysis and Predictions")), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 604, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#1F6FEB] mt-1 mr-3", __source: { fileName: "", lineNumber: 605, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 606, columnNumber: 23 }, __self: this }, "Customizable Trading Strategies")), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 608, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#1F6FEB] mt-1 mr-3", __source: { fileName: "", lineNumber: 609, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 610, columnNumber: 23 }, __self: this }, "Real-time Performance Monitoring")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 615, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 616, columnNumber: 19 }, __self: this }, "Roadmap"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 617, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 618, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-[#1F6FEB] rounded-full flex items-center justify-center text-xl", __source: { fileName: "", lineNumber: 619, columnNumber: 23 }, __self: this }, "Q1"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 622, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 623, columnNumber: 25 }, __self: this }, "Q1 2025"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 624, columnNumber: 25 }, __self: this }, "Beta Release & Initial Testing"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 629, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-[#238636] rounded-full flex items-center justify-center text-xl", __source: { fileName: "", lineNumber: 630, columnNumber: 23 }, __self: this }, "Q2"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 633, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 634, columnNumber: 25 }, __self: this }, "Q2 2025"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 635, columnNumber: 25 }, __self: this }, "Machine Learning Model Enhancement"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 640, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-[#9B4DCA] rounded-full flex items-center justify-center text-xl", __source: { fileName: "", lineNumber: 641, columnNumber: 23 }, __self: this }, "Q3"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 644, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 645, columnNumber: 25 }, __self: this }, "Q3 2025"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 646, columnNumber: 25 }, __self: this }, "Mobile App Release"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 649, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-[#E34C26] rounded-full flex items-center justify-center text-xl", __source: { fileName: "", lineNumber: 650, columnNumber: 23 }, __self: this }, "Q4"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 653, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 654, columnNumber: 25 }, __self: this }, "Q4 2025"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-400", __source: { fileName: "", lineNumber: 655, columnNumber: 25 }, __self: this }, "Global Expansion"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 661, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 662, columnNumber: 19 }, __self: this }, "Development Status"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 663, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 664, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-1", __source: { fileName: "", lineNumber: 665, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 666, columnNumber: 25 }, __self: this }, "Backend Development"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 667, columnNumber: 25 }, __self: this }, "85%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#161B22] rounded-full h-2", __source: { fileName: "", lineNumber: 669, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1F6FEB] h-2 rounded-full", style: { width: "85%" }, __source: { fileName: "", lineNumber: 670, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 676, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-1", __source: { fileName: "", lineNumber: 677, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 678, columnNumber: 25 }, __self: this }, "Frontend Development"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 679, columnNumber: 25 }, __self: this }, "90%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#161B22] rounded-full h-2", __source: { fileName: "", lineNumber: 681, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#238636] h-2 rounded-full", style: { width: "90%" }, __source: { fileName: "", lineNumber: 682, columnNumber: 25 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 688, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between mb-1", __source: { fileName: "", lineNumber: 689, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 690, columnNumber: 25 }, __self: this }, "AI Model Development"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 691, columnNumber: 25 }, __self: this }, "75%")), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-[#161B22] rounded-full h-2", __source: { fileName: "", lineNumber: 693, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#9B4DCA] h-2 rounded-full", style: { width: "75%" }, __source: { fileName: "", lineNumber: 694, columnNumber: 25 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 703, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 704, columnNumber: 19 }, __self: this }, "Future Development"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 705, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 706, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-globe text-[#1F6FEB] text-xl", __source: { fileName: "", lineNumber: 707, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 708, columnNumber: 23 }, __self: this }, "Expanding Global Exchange Integration")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 710, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-mobile-alt text-[#238636] text-xl", __source: { fileName: "", lineNumber: 711, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 712, columnNumber: 23 }, __self: this }, "Mobile App Feature Enhancement")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 714, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain text-[#9B4DCA] text-xl", __source: { fileName: "", lineNumber: 715, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 716, columnNumber: 23 }, __self: this }, "AI Model Accuracy Improvement")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 718, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-[#E34C26] text-xl", __source: { fileName: "", lineNumber: 719, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 720, columnNumber: 23 }, __self: this }, "Security Enhancement")))))), activeTab === "architecture" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 729, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-6", __source: { fileName: "", lineNumber: 730, columnNumber: 15 }, __self: this }, "Architecture"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 731, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 732, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 733, columnNumber: 19 }, __self: this }, "System Architecture"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 736, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 737, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-layer-group text-[#1F6FEB] text-xl mt-1", __source: { fileName: "", lineNumber: 738, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 739, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 740, columnNumber: 25 }, __self: this }, "Microservices Architecture"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 743, columnNumber: 25 }, __self: this }, "Scalable and flexible system structure"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 748, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-database text-[#238636] text-xl mt-1", __source: { fileName: "", lineNumber: 749, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 750, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 751, columnNumber: 25 }, __self: this }, "Distributed Database"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 752, columnNumber: 25 }, __self: this }, "High availability and fault tolerance"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 757, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-[#9B4DCA] text-xl mt-1", __source: { fileName: "", lineNumber: 758, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 759, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 760, columnNumber: 25 }, __self: this }, "Security Layer"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 761, columnNumber: 25 }, __self: this }, "Multi-layer data protection"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 769, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 770, columnNumber: 19 }, __self: this }, "Tech Stack"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 771, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 772, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-react text-[#61DAFB] text-xl mt-1", __source: { fileName: "", lineNumber: 773, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 774, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 775, columnNumber: 25 }, __self: this }, "Frontend"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 776, columnNumber: 25 }, __self: this }, "React, TypeScript, TailwindCSS"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 781, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-node-js text-[#68A063] text-xl mt-1", __source: { fileName: "", lineNumber: 782, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 783, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 784, columnNumber: 25 }, __self: this }, "Backend"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 785, columnNumber: 25 }, __self: this }, "Node.js, Express, GraphQL"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 790, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-brain text-[#FF6B6B] text-xl mt-1", __source: { fileName: "", lineNumber: 791, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 792, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 793, columnNumber: 25 }, __self: this }, "AI/ML"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 794, columnNumber: 25 }, __self: this }, "TensorFlow, PyTorch, scikit-learn"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 802, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 803, columnNumber: 19 }, __self: this }, "Infrastructure"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 804, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 805, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-aws text-[#FF9900] text-xl mt-1", __source: { fileName: "", lineNumber: 806, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 807, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 808, columnNumber: 25 }, __self: this }, "Cloud Platform"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 809, columnNumber: 25 }, __self: this }, "AWS, Docker, Kubernetes"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 812, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-network-wired text-[#00C7B7] text-xl mt-1", __source: { fileName: "", lineNumber: 813, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 814, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 815, columnNumber: 25 }, __self: this }, "Network"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 816, columnNumber: 25 }, __self: this }, "CloudFlare, AWS Route53"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 819, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-server text-[#E34C26] text-xl mt-1", __source: { fileName: "", lineNumber: 820, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 821, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 822, columnNumber: 25 }, __self: this }, "Monitoring"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 823, columnNumber: 25 }, __self: this }, "Prometheus, Grafana"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 829, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 830, columnNumber: 19 }, __self: this }, "Development Resources"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 833, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 834, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-github text-white text-xl mt-1", __source: { fileName: "", lineNumber: 835, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 836, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 837, columnNumber: 25 }, __self: this }, "Source Code"), /*#__PURE__*/ React.createElement("a", { href: "https://github.com/yourusername/your-repo", target: "_blank", rel: "noopener noreferrer", className: "text-[#1F6FEB] hover:underline", __source: { fileName: "", lineNumber: 838, columnNumber: 25 }, __self: this }, "GitHub Repository"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 848, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book text-[#238636] text-xl mt-1", __source: { fileName: "", lineNumber: 849, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 850, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 851, columnNumber: 25 }, __self: this }, "Documentation"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 852, columnNumber: 25 }, __self: this }, "Technical & API Documentation"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 857, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-code-branch text-[#9B4DCA] text-xl mt-1", __source: { fileName: "", lineNumber: 858, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 859, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 860, columnNumber: 25 }, __self: this }, "Version Control"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 861, columnNumber: 25 }, __self: this }, "Git Flow, Semantic Versioning"))))))), activeTab === "performance" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 873, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold mb-6", __source: { fileName: "", lineNumber: 874, columnNumber: 15 }, __self: this }, "Bot Performance"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 mb-8", __source: { fileName: "", lineNumber: 875, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 876, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-3 text-green-400", __source: { fileName: "", lineNumber: 877, columnNumber: 19 }, __self: this }, "Win Rate"), /*#__PURE__*/ React.createElement("div", { className: "text-4xl font-bold", __source: { fileName: "", lineNumber: 880, columnNumber: 19 }, __self: this }, "65.8%"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400 mt-2", __source: { fileName: "", lineNumber: 881, columnNumber: 19 }, __self: this }, "Last 30 days")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 883, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-3 text-blue-400", __source: { fileName: "", lineNumber: 884, columnNumber: 19 }, __self: this }, "Total Profit"), /*#__PURE__*/ React.createElement("div", { className: "text-4xl font-bold", __source: { fileName: "", lineNumber: 887, columnNumber: 19 }, __self: this }, "+2.45 BTC"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400 mt-2", __source: { fileName: "", lineNumber: 888, columnNumber: 19 }, __self: this }, "Since inception")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 890, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-3 text-purple-400", __source: { fileName: "", lineNumber: 891, columnNumber: 19 }, __self: this }, "Total Trades"), /*#__PURE__*/ React.createElement("div", { className: "text-4xl font-bold", __source: { fileName: "", lineNumber: 894, columnNumber: 19 }, __self: this }, "1,234"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400 mt-2", __source: { fileName: "", lineNumber: 895, columnNumber: 19 }, __self: this }, "All-time trades"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 899, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 900, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 901, columnNumber: 19 }, __self: this }, "Active Bots"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 902, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between p-3 bg-[#161B22] rounded", __source: { fileName: "", lineNumber: 903, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 904, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 905, columnNumber: 25 }, __self: this }, "BTC/USDT Scalping"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 906, columnNumber: 25 }, __self: this }, "15m / 3x Leverage")), /*#__PURE__*/ React.createElement("div", { className: "text-green-400", __source: { fileName: "", lineNumber: 910, columnNumber: 23 }, __self: this }, "+12.5%")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between p-3 bg-[#161B22] rounded", __source: { fileName: "", lineNumber: 912, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 913, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 914, columnNumber: 25 }, __self: this }, "ETH/USDT Trend Following"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 917, columnNumber: 25 }, __self: this }, "4h / 2x Leverage")), /*#__PURE__*/ React.createElement("div", { className: "text-red-400", __source: { fileName: "", lineNumber: 921, columnNumber: 23 }, __self: this }, "-2.3%")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#21262D] p-6 rounded-lg", __source: { fileName: "", lineNumber: 926, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 927, columnNumber: 19 }, __self: this }, "Recent Trades"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 928, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between p-3 bg-[#161B22] rounded", __source: { fileName: "", lineNumber: 929, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 930, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 931, columnNumber: 25 }, __self: this }, "BTC/USDT Long"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 932, columnNumber: 25 }, __self: this }, "2024/02/15 15:30")), /*#__PURE__*/ React.createElement("div", { className: "text-green-400", __source: { fileName: "", lineNumber: 936, columnNumber: 23 }, __self: this }, "+0.05 BTC")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between p-3 bg-[#161B22] rounded", __source: { fileName: "", lineNumber: 938, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 939, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 940, columnNumber: 25 }, __self: this }, "ETH/USDT Short"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 941, columnNumber: 25 }, __self: this }, "2024/02/15 14:45")), /*#__PURE__*/ React.createElement("div", { className: "text-red-400", __source: { fileName: "", lineNumber: 945, columnNumber: 23 }, __self: this }, "-0.02 ETH"))))))), /*#__PURE__*/ React.createElement("footer", { className: "mt-16 text-center text-gray-400 text-sm", __source: { fileName: "", lineNumber: 953, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-t border-[#30363D] pt-8", __source: { fileName: "", lineNumber: 954, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 955, columnNumber: 13 }, __self: this }, "© 2025 AI DEX Trade Bot Maker. All rights reserved."))))); }