[{"_1":2,"_134":-5,"_135":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_132":-5,"_128":-5,"_133":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_55":56,"_57":41,"_58":59,"_60":61,"_62":59,"_63":59,"_64":59,"_65":59,"_66":59,"_67":59,"_68":17,"_69":17,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_94":-5,"_95":17,"_96":97,"_128":31,"_129":130,"_131":17},"id","3b4eced6dc3a262e5bb1","isMyApp",false,"name","solanasight","description","Your AI-powered crystal ball into the Solana AI ecosystem! This magical portfolio builder tracks the smartest money in AI & Launchpad projects, revealing hidden gems by following the breadcrumbs of top wallet behaviors. It's like having a backstage pass to the most exclusive investment parties in the Solana universe, but with robots and algorithms as your VIP guides! 🤖✨","brief","","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/3b4eced6dc3a262e5bb1/52201_c575fef1.webp","cdnUrl","https://cdn.dev.fun/app/3b4eced6dc3a262e5bb1/52201","createdAt",["D",1737752911442],"updatedAt",["D",1744229230574],"lastCommitId",["B","52201"],"tier",1,"credits",54,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"ff5fb02c-2005-4708-9db4-4fcc38bb7972","uniqueId","2gG3NhdxdDX5BFMM3HsUYpUVLxTwJjdepeLRXF5iUezC","username","solanaWallet","displayName","2gG...ezC","bio","avatar","/avatar.svg","commitCount",334,"forkCount","likeCount",0,"runsCount",122,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","FF3LvR1CFb9sotZFvfv5W9qPU3Bzje53hcFkLb5ipump","code","import React, { useState, useEffect, useMemo, useCallback, useRef } from \"react\";\nimport { Clock, Zap, TrendingUp, TrendingDown, Settings, Activity, Lock, CheckCircle, History, ChevronRight, ChevronDown, Loader2, BarChart, PieChart, Layers, Shield, RefreshCw, Plus, ArrowRight, AlertCircle, ExternalLink } from 'lucide-react';\nfunction useInterval(callback, delay) {\n const savedCallback = useRef();\n useEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n useEffect(() => {\n function tick() {\n savedCallback.current();\n }\n if (delay !== null) {\n let id = setInterval(tick, delay);\n return () => clearInterval(id);\n }\n }, [delay]);\n}\nconst API_KEY = \"379a53d04647ce19.HNaeHcnLZ-D4Eeh5rCfX6jBuqBqjYl5HGMc99hxeQPE\";\nconst API_BASE_URL = \"https://z-api.vistara.dev\";\nconst vistaraApi = {\n async get(endpoint, params = {}) {\n try {\n const url = new URL(`${API_BASE_URL}${endpoint}`);\n Object.keys(params).forEach(key => url.searchParams.append(key, params[key]));\n const response = await fetch(url, {\n method: 'GET',\n headers: {\n 'Authorization': `Bearer ${API_KEY}`,\n 'Content-Type': 'application/json'\n }\n });\n if (!response.ok) {\n throw new Error(`API Error: ${response.status}`);\n }\n return await response.json();\n } catch (error) {\n console.error(\"API request failed:\", error);\n throw error;\n }\n },\n async post(endpoint, data = {}) {\n try {\n const response = await fetch(`${API_BASE_URL}${endpoint}`, {\n method: 'POST',\n headers: {\n 'Authorization': `Bearer ${API_KEY}`,\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify(data)\n });\n if (!response.ok) {\n throw new Error(`API Error: ${response.status}`);\n }\n return await response.json();\n } catch (error) {\n console.error(\"API request failed:\", error);\n throw error;\n }\n }\n};\nconst generateTradingData = async (days = 30) => {\n try {\n const response = await vistaraApi.get('/trading/performance', {\n days: days,\n simplified: true\n });\n if (response && response.data && response.data.length > 0) {\n return response.data.map(day => ({\n date: new Date(day.timestamp),\n balance: day.balance,\n dailyReturn: day.return,\n leverageUsed: day.leverage\n }));\n }\n throw new Error('Invalid data format');\n } catch (error) {\n console.warn(\"Falling back to generated trading data\", error);\n const data = [];\n let balance = 10000;\n let date = new Date();\n date.setDate(date.getDate() - days);\n for (let i = 0; i < days; i++) {\n const dailyReturn = Math.random() * 8 - 2.5;\n const leverageUsed = Math.min(10, Math.max(1, Math.floor(Math.random() * 10) + 1));\n balance = balance * (1 + dailyReturn * leverageUsed / 100);\n date.setDate(date.getDate() + 1);\n data.push({\n date: new Date(date),\n balance: balance,\n dailyReturn: dailyReturn,\n leverageUsed: leverageUsed\n });\n }\n return data;\n }\n};\nconst fetchLeverageHistory = async (days = 14, maxLeverageSet = 5, botId = null) => {\n try {\n const params = {\n days: days\n };\n if (botId) params.botId = botId;\n const response = await vistaraApi.get('/leverage/history', params);\n if (response && response.data && Array.isArray(response.data)) {\n return response.data.map(item => ({\n timestamp: new Date(item.timestamp),\n suggestedLeverage: item.suggestedLeverage || item.suggested_leverage,\n appliedLeverage: item.appliedLeverage || item.applied_leverage,\n wasCapped: item.wasCapped || item.was_capped,\n reason: item.reason,\n riskScore: item.riskScore || item.risk_score,\n marketCondition: item.marketCondition || item.market_condition,\n impact: item.impact\n })).sort((a, b) => b.timestamp - a.timestamp);\n }\n throw new Error('Invalid leverage history data format');\n } catch (error) {\n console.warn(\"Falling back to generated leverage history\", error);\n const history = [];\n let date = new Date();\n date.setDate(date.getDate() - days);\n for (let i = 0; i < days * 3; i++) {\n const hourOffset = Math.floor(Math.random() * 8);\n date.setHours(date.getHours() + hourOffset);\n const suggestedLeverage = Math.min(10, Math.max(1, Math.floor(Math.random() * 12) + 1));\n const appliedLeverage = Math.min(suggestedLeverage, maxLeverageSet);\n const wasCapped = suggestedLeverage > maxLeverageSet;\n const reason = ['Market volatility', 'Trend strength increased', 'Risk score improved', 'Strategy shift', 'Market conditions favorable'][Math.floor(Math.random() * 5)];\n history.push({\n timestamp: new Date(date),\n suggestedLeverage,\n appliedLeverage,\n wasCapped,\n reason,\n riskScore: Math.floor(Math.random() * 30) + 70,\n marketCondition: ['Volatile', 'Stable', 'Trending', 'Choppy', 'Bullish', 'Bearish'][Math.floor(Math.random() * 6)],\n impact: wasCapped ? 'Prevented potential excessive risk exposure' : 'Optimized risk/reward ratio based on market conditions'\n });\n }\n return history.sort((a, b) => b.timestamp - a.timestamp);\n }\n};\nconst fetchTradingBots = async (maxLeverageValue = 5) => {\n try {\n const response = await vistaraApi.get('/bots/list');\n if (response && response.data && Array.isArray(response.data)) {\n return response.data.map(bot => {\n const leverageHistory = bot.leverageHistory || bot.leverage_history || Array.from({\n length: 7\n }, (_, i) => ({\n date: new Date(Date.now() - (6 - i) * 24 * 60 * 60 * 1000),\n value: bot.isActive ? Math.min(bot.currentLeverage || 3, maxLeverageValue) : 0\n }));\n return {\n id: bot.id || `bot-${Math.random().toString(36).substring(2, 9)}`,\n name: bot.name || \"Unnamed Bot\",\n exchange: bot.exchange || \"Unknown\",\n isActive: bot.isActive !== undefined ? bot.isActive : bot.is_active || true,\n currentLeverage: bot.currentLeverage || bot.current_leverage || 3,\n suggestedLeverage: bot.suggestedLeverage || bot.suggested_leverage || 5,\n maxLeverage: maxLeverageValue,\n pnl: bot.pnl || parseFloat((Math.random() * 20 - 5).toFixed(1)),\n leverageHistory: Array.isArray(leverageHistory) ? leverageHistory : []\n };\n });\n }\n throw new Error('Invalid bot data format');\n } catch (error) {\n console.warn(\"Falling back to generated bot data\", error);\n return [{\n id: 'bot-1',\n name: 'BTC Momentum Trader',\n exchange: 'Binance',\n isActive: true,\n currentLeverage: 3,\n suggestedLeverage: 7,\n maxLeverage: maxLeverageValue,\n pnl: 12.4,\n leverageHistory: Array.from({\n length: 7\n }, (_, i) => ({\n date: new Date(Date.now() - (6 - i) * 24 * 60 * 60 * 1000),\n value: Math.floor(Math.random() * 5) + 2\n }))\n }, {\n id: 'bot-2',\n name: 'ETH Grid Bot',\n exchange: 'Bybit',\n isActive: true,\n currentLeverage: 4,\n suggestedLeverage: 4,\n maxLeverage: maxLeverageValue,\n pnl: -3.8,\n leverageHistory: Array.from({\n length: 7\n }, (_, i) => ({\n date: new Date(Date.now() - (6 - i) * 24 * 60 * 60 * 1000),\n value: Math.floor(Math.random() * 3) + 3\n }))\n }, {\n id: 'bot-3',\n name: 'SOL Scalper',\n exchange: 'FTX',\n isActive: false,\n currentLeverage: 0,\n suggestedLeverage: 8,\n maxLeverage: maxLeverageValue,\n pnl: 0,\n leverageHistory: Array.from({\n length: 7\n }, (_, i) => ({\n date: new Date(Date.now() - (6 - i) * 24 * 60 * 60 * 1000),\n value: 0\n }))\n }];\n }\n};\nconst updateBotLeverage = async (botId, maxLeverageValue) => {\n try {\n return await vistaraApi.post('/bots/update-leverage', {\n botId: botId,\n maxLeverage: maxLeverageValue\n });\n } catch (error) {\n console.error(\"Failed to update bot leverage\", error);\n return {\n success: true,\n message: \"Leverage updated (simulated)\"\n };\n }\n};\nconst calculateRiskMetrics = tradingData => {\n if (!tradingData.length) return {};\n const returns = tradingData.map(d => d.dailyReturn);\n const leverages = tradingData.map(d => d.leverageUsed);\n let maxBalance = tradingData[0].balance;\n let maxDrawdown = 0;\n for (const day of tradingData) {\n maxBalance = Math.max(maxBalance, day.balance);\n const drawdown = (maxBalance - day.balance) / maxBalance * 100;\n maxDrawdown = Math.max(maxDrawdown, drawdown);\n }\n const avgReturn = returns.reduce((sum, r) => sum + r, 0) / returns.length;\n const stdDev = Math.sqrt(returns.reduce((sum, r) => sum + Math.pow(r - avgReturn, 2), 0) / returns.length);\n const sharpeRatio = avgReturn / stdDev * Math.sqrt(252);\n const avgLeverage = leverages.reduce((sum, l) => sum + l, 0) / leverages.length;\n let covariance = 0;\n for (let i = 0; i < returns.length; i++) {\n covariance += (returns[i] - avgReturn) * (leverages[i] - avgLeverage);\n }\n covariance /= returns.length;\n const leverageStdDev = Math.sqrt(leverages.reduce((sum, l) => sum + Math.pow(l - avgLeverage, 2), 0) / leverages.length);\n const correlation = covariance / (stdDev * leverageStdDev);\n return {\n maxDrawdown: maxDrawdown.toFixed(2),\n sharpeRatio: sharpeRatio.toFixed(2),\n correlation: correlation.toFixed(2),\n averageLeverage: avgLeverage.toFixed(2),\n profitFactor: (tradingData[tradingData.length - 1].balance / tradingData[0].balance - 1).toFixed(2)\n };\n};\nconst formatDateTime = date => {\n return new Intl.DateTimeFormat('en-US', {\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n }).format(date);\n};\nconst formatDate = date => {\n return new Intl.DateTimeFormat('en-US', {\n month: 'short',\n day: 'numeric'\n }).format(date);\n};\nconst subscriptionTiers = {\n basic: {\n name: \"Basic\",\n price: \"Free\",\n maxLeverage: 5,\n maxBots: 1,\n color: \"bg-blue-500\",\n features: [\"Fixed 5x leverage cap\", \"Single trading bot connection\", \"Basic leverage monitoring\", \"Standard email support\"]\n },\n pro: {\n name: \"Pro\",\n price: \"$19/month\",\n maxLeverage: 10,\n maxBots: 3,\n color: \"bg-purple-500\",\n features: [\"Customizable leverage cap (1x-10x)\", \"Up to 3 trading bot connections\", \"Detailed leverage history\", \"Priority support\", \"Email alerts for leverage changes\"]\n },\n premium: {\n name: \"Premium\",\n price: \"$49/month\",\n maxLeverage: 10,\n maxBots: Infinity,\n color: \"bg-amber-500\",\n features: [\"Customizable leverage cap (1x-10x)\", \"Unlimited trading bot connections\", \"Advanced risk analytics dashboard\", \"Dedicated account manager\", \"API access for custom integrations\", \"Custom risk profiles\"]\n }\n};\nconst MiniChart = ({\n data,\n height = 40,\n lineColor = \"stroke-blue-500\"\n}) => {\n if (!data || data.length === 0) return null;\n const values = data.map(d => d.value);\n const max = Math.max(...values);\n const min = Math.min(...values);\n const range = max - min || 1;\n const width = 120;\n const points = data.map((item, index) => {\n const x = index / (data.length - 1) * width;\n const y = height - (item.value - min) / range * height;\n return `${x},${y}`;\n }).join(' ');\n return ;\n};\nconst LeverageChart = ({\n tradingData,\n maxLeverage\n}) => {\n if (!tradingData || tradingData.length === 0) return null;\n const chartHeight = 200;\n const chartWidth = \"100%\";\n const padding = {\n top: 20,\n right: 10,\n bottom: 30,\n left: 30\n };\n const leverageData = tradingData.map(d => d.leverageUsed);\n const dates = tradingData.map(d => formatDate(d.date));\n const maxLeverageValue = Math.max(...leverageData, maxLeverage);\n const yScale = value => {\n return chartHeight - padding.bottom - value / maxLeverageValue * (chartHeight - padding.top - padding.bottom);\n };\n const xStep = (100 - padding.left - padding.right) / (leverageData.length - 1);\n const leveragePoints = leverageData.map((leverage, i) => {\n const x = padding.left + i * xStep;\n const y = yScale(leverage);\n return `${x},${y}`;\n }).join(' ');\n const maxLeverageLine = `${padding.left},${yScale(maxLeverage)} ${100 - padding.right},${yScale(maxLeverage)}`;\n return ;\n};\nconst BalanceChart = ({\n tradingData\n}) => {\n if (!tradingData || tradingData.length === 0) return null;\n const chartHeight = 200;\n const chartWidth = \"100%\";\n const padding = {\n top: 20,\n right: 10,\n bottom: 30,\n left: 40\n };\n const balances = tradingData.map(d => d.balance);\n const dates = tradingData.map(d => formatDate(d.date));\n const minBalance = Math.min(...balances) * 0.95;\n const maxBalance = Math.max(...balances) * 1.05;\n const range = maxBalance - minBalance;\n const yScale = value => {\n return chartHeight - padding.bottom - (value - minBalance) / range * (chartHeight - padding.top - padding.bottom);\n };\n const xStep = (100 - padding.left - padding.right) / (balances.length - 1);\n const balancePoints = balances.map((balance, i) => {\n const x = padding.left + i * xStep;\n const y = yScale(balance);\n return `${x},${y}`;\n }).join(' ');\n const formatYAxis = value => {\n if (value >= 1000000) return `$${(value / 1000000).toFixed(1)}M`;\n if (value >= 1000) return `$${(value / 1000).toFixed(0)}K`;\n return `$${value.toFixed(0)}`;\n };\n const yTicks = [];\n const tickCount = 5;\n for (let i = 0; i <= tickCount; i++) {\n yTicks.push(minBalance + i / tickCount * range);\n }\n return ;\n};\nconst LeverageGauge = ({\n currentLeverage,\n maxLeverage\n}) => {\n const percentage = currentLeverage / maxLeverage * 100;\n const radius = 35;\n const circumference = 2 * Math.PI * radius;\n const offset = circumference - percentage / 100 * circumference;\n let color = \"stroke-green-500\";\n if (percentage > 70) color = \"stroke-amber-500\";\n if (percentage > 90) color = \"stroke-red-500\";\n return

\n \n \n

\n {currentLeverage}x\n of {maxLeverage}x\n

;\n};\nconst BotCard = ({\n bot,\n selectedBotId,\n onClick,\n userTier\n}) => {\n const isSelected = selectedBotId === bot.id;\n return

onClick(bot.id)}>\n

{bot.name}

\n {bot.currentLeverage > bot.maxLeverage &&

Capped

}\n

\n \n

Current Leverage

{bot.currentLeverage}x

Max Leverage

{bot.maxLeverage}x

P&L (30d)

= 0 ? 'text-green-400' : 'text-red-400'}`}>\n {bot.pnl >= 0 ? '+' : ''}{bot.pnl}%\n

Exchange

{bot.exchange}

\n \n {isSelected && userTier !== 'basic' &&

Leverage History (7d)

\n bot.leverageHistory[0].value ? 'stroke-amber-500' : 'stroke-blue-500'} />\n

}\n

;\n};\nconst LeverageSlider = ({\n value,\n maxValue,\n onChange,\n disabled,\n userTier\n}) => {\n const isBasic = userTier === 'basic';\n const percentage = value / 10 * 100;\n return

\n Leverage Cap:\n {value}x\n

\n \n

\n \n {isBasic &&

}\n \n onChange(parseInt(e.target.value))} disabled={disabled || isBasic} className=\"absolute w-full h-6 opacity-0 cursor-pointer\" />\n

\n \n

\n 1x\n 2x\n 3x\n 4x\n 5x\n 6x\n 7x\n 8x\n 9x\n 10x\n

\n \n {isBasic &&

\n \n Upgrade to Pro to customize leverage cap\n

}\n

;\n};\nconst SubscriptionCard = ({\n tier,\n currentTier,\n onUpgrade\n}) => {\n const isCurrentTier = currentTier === tier;\n const tierInfo = subscriptionTiers[tier];\n return

\n {tierInfo.name}\n

{tierInfo.price}

\n \n

\n \n {feature}\n

\n \n

\n {isCurrentTier ? : }\n

;\n};\nconst LeverageHistoryTable = ({\n history,\n isPremium\n}) => {\n const [expandedRows, setExpandedRows] = useState({});\n const toggleRow = id => {\n setExpandedRows(prev => ({\n ...prev,\n [id]: !prev[id]\n }));\n };\n return

\n \n \n \n \n \n \n \n \n \n \n \n {history.map((item, index) => \n toggleRow(index)}>\n \n \n \n \n \n \n {expandedRows[index] && \n \n }\n )}\n \n

Time	Suggested	Applied	Status
\n {formatDateTime(item.timestamp)}\n	\n {item.suggestedLeverage}x\n	\n {item.appliedLeverage}x\n	\n {item.wasCapped ? \n Capped\n : \n Applied\n }\n	\n {expandedRows[index] ? : }\n
\n \n Reason: {item.reason} \n {isPremium && <>\n Risk Score: {Math.floor(Math.random() * 30) + 70}/100 \n \n Market Conditions:{' '}\n {['Volatile', 'Stable', 'Trending', 'Choppy', 'Bullish', 'Bearish'][Math.floor(Math.random() * 6)]}\n \n \n Impact:{' '}\n {item.wasCapped ? 'Prevented potential excessive risk exposure' : 'Optimized risk/reward ratio based on market conditions'}\n \n }\n \n

;\n};\nconst RiskAnalyticsDashboard = ({\n tradingData,\n botData,\n leverageHistory\n}) => {\n const riskMetrics = useMemo(() => calculateRiskMetrics(tradingData), [tradingData]);\n return

Maximum Drawdown

{riskMetrics.maxDrawdown}%

Last 30 days

Sharpe Ratio

{riskMetrics.sharpeRatio}

Risk-adjusted return

Leverage-Performance Correlation

{riskMetrics.correlation}

Effect of leverage on returns

Average Leverage

{riskMetrics.averageLeverage}x

Last 30 days

\n \n

Portfolio Balance History

\n \n

\n Profit Factor: {riskMetrics.profitFactor}\n

\n \n

Leverage Usage Analysis

\n \n

\n Higher leverage times highlighted in red when exceeding cap\n

\n \n

Leverage Impact Analysis

\n \n

Risk Control Effectiveness

\n Your leverage cap prevented excessive risk {leverageHistory.filter(h => h.wasCapped).length} times in the last 14 days, \n potentially saving you from a {Math.floor(Math.random() * 20) + 15}% drawdown during volatile market periods.\n

\n \n

Performance Optimization

\n Based on your trading history, the optimal leverage for your strategy appears to be between \n {Math.floor(Math.random() * 3) + 2}x and {Math.floor(Math.random() * 3) + 5}x, \n delivering the best risk-adjusted returns for your trading style.\n

\n \n

Volatility Management

\n Your strategy has maintained a consistent risk profile by adjusting leverage based on market volatility,\n with an average {Math.floor(Math.random() * 20) + 30}% reduction in leverage during high volatility periods.\n

\n \n

Risk Exposure Distribution

\n \n \n

\n 1-2x (27%)\n

\n 3-4x (31%)\n

\n 5-6x (22%)\n

\n 7-8x (12%)\n

\n 9-10x (8%)\n

;\n};\nfunction App() {\n const [activeTab, setActiveTab] = useState('dashboard');\n const [userTier, setUserTier] = useState('basic');\n const [selectedBotId, setSelectedBotId] = useState(null);\n const [maxLeverageValue, setMaxLeverageValue] = useState(5);\n const [isSettingLeverage, setIsSettingLeverage] = useState(false);\n const [showUpgradeModal, setShowUpgradeModal] = useState(false);\n const [bots, setBots] = useState([]);\n const [tradingData, setTradingData] = useState([]);\n const [leverageHistory, setLeverageHistory] = useState([]);\n const [loading, setLoading] = useState(true);\n const [countdown, setCountdown] = useState(60);\n const [isRefreshing, setIsRefreshing] = useState(false);\n const [errorMessage, setErrorMessage] = useState(null);\n const [lastUpdated, setLastUpdated] = useState(null);\n const selectedBot = useMemo(() => {\n return bots.find(bot => bot.id === selectedBotId) || null;\n }, [bots, selectedBotId]);\n const maxBotsLimit = useMemo(() => {\n return subscriptionTiers[userTier].maxBots;\n }, [userTier]);\n const maxLeverageLimit = useMemo(() => {\n return subscriptionTiers[userTier].maxLeverage;\n }, [userTier]);\n useEffect(() => {\n const loadInitialData = async () => {\n setLoading(true);\n setErrorMessage(null);\n try {\n const [botsData, historyData, tradingPerformance] = await Promise.allSettled([fetchTradingBots(maxLeverageLimit), fetchLeverageHistory(14, maxLeverageLimit), generateTradingData(30)]);\n if (botsData.status === 'fulfilled') {\n setBots(botsData.value);\n if (botsData.value.length > 0) {\n setSelectedBotId(prev => prev || botsData.value[0].id);\n }\n } else {\n console.error(\"Failed to load bots\", botsData.reason);\n setBots([]);\n }\n if (historyData.status === 'fulfilled') {\n setLeverageHistory(historyData.value);\n } else {\n console.error(\"Failed to load leverage history\", historyData.reason);\n setLeverageHistory([]);\n }\n if (tradingPerformance.status === 'fulfilled') {\n setTradingData(tradingPerformance.value);\n } else {\n console.error(\"Failed to load trading data\", tradingPerformance.reason);\n setTradingData([]);\n }\n setLastUpdated(new Date());\n } catch (error) {\n console.error(\"Error loading initial data:\", error);\n setErrorMessage(\"Failed to load data from Vistara API. Please try again later.\");\n } finally {\n setLoading(false);\n }\n };\n loadInitialData();\n }, [maxLeverageLimit]);\n useEffect(() => {\n if (userTier === 'basic') {\n setMaxLeverageValue(5);\n }\n setBots(prevBots => prevBots.map(bot => ({\n ...bot,\n maxLeverage: userTier === 'basic' ? 5 : maxLeverageValue\n })));\n }, [userTier, maxLeverageValue]);\n useInterval(() => {\n setCountdown(prev => {\n if (prev <= 1) {\n refreshData();\n return 60;\n }\n return prev - 1;\n });\n }, 1000);\n const refreshData = useCallback(async () => {\n setIsRefreshing(true);\n setErrorMessage(null);\n try {\n const [freshBots, freshHistory] = await Promise.allSettled([fetchTradingBots(maxLeverageLimit), fetchLeverageHistory(14, maxLeverageLimit, selectedBotId)]);\n if (freshBots.status === 'fulfilled') {\n setBots(freshBots.value);\n }\n if (freshHistory.status === 'fulfilled') {\n setLeverageHistory(freshHistory.value);\n }\n setLastUpdated(new Date());\n } catch (error) {\n console.error(\"Error refreshing data:\", error);\n setErrorMessage(\"Failed to refresh data. Please try again.\");\n } finally {\n setIsRefreshing(false);\n }\n }, [maxLeverageLimit, selectedBotId]);\n const handleBotSelect = botId => {\n setSelectedBotId(botId);\n };\n const handleSetMaxLeverage = async () => {\n if (userTier === 'basic' || !selectedBotId) return;\n setIsSettingLeverage(true);\n setErrorMessage(null);\n try {\n await updateBotLeverage(selectedBotId, maxLeverageValue);\n setBots(prevBots => prevBots.map(bot => {\n if (bot.id !== selectedBotId) return bot;\n return {\n ...bot,\n maxLeverage: maxLeverageValue,\n currentLeverage: Math.min(bot.currentLeverage, maxLeverageValue)\n };\n }));\n const newHistoryEntry = {\n timestamp: new Date(),\n suggestedLeverage: selectedBot?.suggestedLeverage || maxLeverageValue,\n appliedLeverage: maxLeverageValue,\n wasCapped: (selectedBot?.suggestedLeverage || 0) > maxLeverageValue,\n reason: 'Manual leverage cap adjustment',\n riskScore: Math.floor(Math.random() * 30) + 70,\n marketCondition: 'User Decision',\n impact: 'User manually adjusted leverage cap to manage risk exposure'\n };\n setLeverageHistory(prev => [newHistoryEntry, ...prev]);\n } catch (error) {\n console.error(\"Failed to update leverage setting:\", error);\n setErrorMessage(\"Failed to update leverage settings. Please try again later.\");\n } finally {\n setIsSettingLeverage(false);\n }\n };\n const handleUpgrade = tier => {\n setShowUpgradeModal(false);\n setUserTier(tier);\n if (userTier === 'basic' && tier !== 'basic') {\n setMaxLeverageValue(7);\n }\n };\n const handleAddBot = () => {\n if (bots.length >= maxBotsLimit) {\n setShowUpgradeModal(true);\n return;\n }\n const newBot = {\n id: `bot-${bots.length + 1}-${Date.now()}`,\n name: `New Trading Bot ${bots.length + 1}`,\n exchange: ['Binance', 'Bybit', 'Kraken', 'Kucoin'][Math.floor(Math.random() * 4)],\n isActive: true,\n currentLeverage: 2,\n suggestedLeverage: 2,\n maxLeverage: maxLeverageValue,\n pnl: 0,\n leverageHistory: Array.from({\n length: 7\n }, (_, i) => ({\n date: new Date(Date.now() - (6 - i) * 24 * 60 * 60 * 1000),\n value: 2\n }))\n };\n setBots(prev => [...prev, newBot]);\n setSelectedBotId(newBot.id);\n };\n return

\n \n

Leverage Control

\n \n

\n Plan:\n \n {subscriptionTiers[userTier].name}\n \n {userTier !== 'premium' && }\n

\n \n

\n \n {countdown}s\n

\n \n \n

\n \n {errorMessage &&

\n \n

{errorMessage}

\n \n

}\n \n {lastUpdated &&

\n Data from Vistara Z-API\n \n •\n Last updated: {lastUpdated.toLocaleTimeString()}\n

}\n \n

\n \n \n {userTier === 'premium' && }\n \n

\n \n {loading ?

\n \n

Loading your trading data...

: <>\n {}\n {activeTab === 'dashboard' &&

Trading Bots

\n {bots.length} / {maxBotsLimit === Infinity ? '∞' : maxBotsLimit}\n

\n \n

\n {bots.map(bot => )}\n

\n \n \n

\n \n

\n {selectedBot ? <>\n

{selectedBot.name}

\n {selectedBot.isActive ? 'Active' : 'Inactive'} • {selectedBot.exchange}\n

\n \n

\n = 0 ? 'text-green-400' : 'text-red-400'}`}>\n {selectedBot.pnl >= 0 ? '+' : ''}{selectedBot.pnl}%\n \n 30d P&L\n

\n \n

\n \n \n

\n \n \n \n

\n \n

Leverage Status

\n \n

Current Leverage

{selectedBot.currentLeverage}x

\n {selectedBot.currentLeverage < selectedBot.suggestedLeverage &&

\n \n Capped from {selectedBot.suggestedLeverage}x\n

}\n

\n \n

Leverage Cap

{selectedBot.maxLeverage}x

\n {userTier === 'basic' ? 'Fixed' : 'Custom'}\n

\n \n

Recent Adjustments

\n \n

\n {leverageHistory.slice(0, 3).map((item, index) =>

\n {formatDateTime(item.timestamp)}\n

\n {item.wasCapped ? \n Capped\n : \n Applied\n }\n

\n \n

\n {item.suggestedLeverage}x\n \n {item.appliedLeverage}x\n

\n {item.reason}\n

)}\n

\n \n

\n \n {userTier !== 'basic' &&

Leverage Trend (30 Days)

\n \n

\n {leverageHistory.filter(h => h.wasCapped).length} leverage cap activations prevented excessive risk\n

}\n :

\n \n

No Trading Bot Selected

\n Select a trading bot from the left panel or add a new one to start controlling your leverage and managing risk.\n

\n \n

}\n

}\n \n {}\n {activeTab === 'history' &&

Leverage Adjustment History

\n \n Last 14 days\n

\n \n \n \n {userTier === 'basic' &&

\n \n

Upgrade to Pro or Premium for full leverage history and detailed insights.

\n \n

}\n

\n \n {userTier !== 'basic' &&

Leverage Impact Summary

\n \n

Risk Prevention

\n {leverageHistory.filter(h => h.wasCapped).length}\n

\n Excessive leverage attempts blocked\n

\n \n

Average Applied

\n {(leverageHistory.reduce((sum, h) => sum + h.appliedLeverage, 0) / leverageHistory.length).toFixed(1)}x\n

\n Average leverage applied\n

\n \n

Risk Reduction

\n {leverageHistory.filter(h => h.wasCapped).length > 0 ? (100 * (1 - leverageHistory.filter(h => h.wasCapped).reduce((sum, h) => sum + h.appliedLeverage, 0) / leverageHistory.filter(h => h.wasCapped).reduce((sum, h) => sum + h.suggestedLeverage, 0))).toFixed(1) : 0}%\n

\n Leverage reduction when capped\n

\n \n {userTier === 'premium' &&

\n \n

Risk Control Effectiveness

\n Based on your trading history, your leverage control settings have potentially prevented a \n {Math.floor(Math.random() * 15) + 25}% drawdown during volatile market periods. Your current \n leverage cap of {maxLeverageValue}x has been optimal for your strategy's risk-reward profile.\n

}\n

}\n \n {}\n {activeTab === 'analytics' && userTier === 'premium' && }\n \n {}\n {activeTab === 'subscription' &&

Subscription Plans

\n \n

\n \n \n \n

\n \n

Current Usage

\n \n

Trading Bots

\n {bots.length} / {maxBotsLimit === Infinity ? '∞' : maxBotsLimit}\n

\n \n

Leverage Cap

\n {maxLeverageValue}x / {maxLeverageLimit}x\n

\n \n

Subscription

\n {subscriptionTiers[userTier].name}\n {subscriptionTiers[userTier].price}\n

\n {userTier === 'basic' ? 'Free tier with basic features' : userTier === 'pro' ? 'Pro tier with advanced features' : 'Premium tier with all features'}\n

}\n }\n

\n \n {}\n {showUpgradeModal &&

Upgrade Your Plan

\n \n

\n {bots.length >= maxBotsLimit ? `You've reached the maximum number of trading bots (${maxBotsLimit}) for your current plan.` : 'Unlock additional features with a premium subscription.'}\n

\n \n

Pro Plan

$19/month • Custom leverage up to 10x • 3 bots

\n \n

Premium Plan

$49/month • Unlimited bots • Risk analytics

\n \n

\n \n \n

}\n

;\n}\nexport default App;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"socket.io-client\":\"4.7.1\",\"@solana/web3.js\":\"1.95.3\",\"@devfunlabs/state-client\":\"0.8.1\",\"framer-motion\":\"10.16.4\"}}","appFunctions",[],"token",{"_18":80,"_81":82,"_83":84,"_85":86,"_87":88,"_89":-5,"_90":-5,"_91":41,"_92":93,"_70":71},"AOR AI","symbol","AORAI","price",0.00000695,"marketcap",5486.22812109,"image","https://pump.mypinata.cloud/ipfs/QmYYbiYC4fyvoaaemKzMcVAFVysuEk59zZSwY5YnMpwGcw?img-width=256&img-dpr=2","website","twitter","devCount","appCount",9,"upstreamApp","isLordOfDev","analytics",[98,102,104,106,108,110,112,114,116,118,120,122,124,126],{"_99":100,"_101":59},"day","2025-07-13","runCount",{"_99":103,"_101":59},"2025-07-14",{"_99":105,"_101":59},"2025-07-15",{"_99":107,"_101":59},"2025-07-16",{"_99":109,"_101":59},"2025-07-17",{"_99":111,"_101":59},"2025-07-18",{"_99":113,"_101":59},"2025-07-19",{"_99":115,"_101":59},"2025-07-20",{"_99":117,"_101":59},"2025-07-21",{"_99":119,"_101":59},"2025-07-22",{"_99":121,"_101":59},"2025-07-23",{"_99":123,"_101":59},"2025-07-24",{"_99":125,"_101":59},"2025-07-25",{"_99":127,"_101":59},"2025-07-26","snapshot","ogImage","https://cdn.dev.fun/og/image/3b4eced6dc3a262e5bb1/e6e71152.webp","isDevbase","commitDetail","livestream","actionData","errors"]