[{"_1":2,"_124":-5,"_125":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"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,"_56":57,"_58":59,"_60":59,"_61":62,"_63":59,"_64":59,"_65":59,"_66":59,"_67":59,"_68":59,"_69":17,"_70":17,"_71":-5,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":-5,"_80":17,"_81":82,"_120":31,"_121":122,"_123":17},"id","ae335e9602452f34bdd9","isMyApp",false,"name","prophesy","description","Step into the future of prediction markets where your crystal ball is powered by blockchain and your sixth sense stakes real tokens! This cyberpunk oracle lets you bet $tTRUST on everything from Bitcoin moonshots to celebrity meltdowns, all wrapped in a glassmorphic interface so slick it looks like it was designed by time travelers. Watch your predictions glow to life with real-time animations as the future unfolds before your eyes.","brief","Bet on the future with blockchain magic and cyberpunk vibes!","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/ae335e9602452f34bdd9/94322_42c98f52.webp","cdnUrl","https://cdn.dev.fun/app/ae335e9602452f34bdd9/94322","createdAt",["D",1755456112616],"updatedAt",["D",1755592433527],"lastCommitId",["B","94322"],"tier",1,"credits",-177,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"e1a516b0-7d90-46da-8eeb-58f649cd9eda","uniqueId","fortuneofweb3","username","solanaWallet","DtdnqvRddQspZvRV5SJX2DeqxmLYef7Hqn9LFK9LioJS","displayName","bio","","avatar","https://cdn.dev.fun/avatar/e1a516b0-7d90-46da-8eeb-58f649cd9eda/842e7d93.webp","commitCount",123,"forkCount",0,"likeCount","runsCount",47,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect, memo } from 'react';\nimport { TrendingUp, Wallet, BarChart3, Star, Activity } from 'lucide-react';\nconst GridBackground = memo(() =>

\n {}\n

\n \n {}\n

);\nexport default function App() {\n const [connectedWallet, setConnectedWallet] = useState(false);\n const [activeTab, setActiveTab] = useState('markets');\n const [marketData, setMarketData] = useState([]);\n const [userBalance] = useState(1000);\n const [selectedMarket, setSelectedMarket] = useState(null);\n const [selectedSide, setSelectedSide] = useState('yes');\n const [tradeAmount, setTradeAmount] = useState('');\n const [tradingPanelOpen, setTradingPanelOpen] = useState(false);\n useEffect(() => {\n const interval = setInterval(() => {\n setMarketData(prev => prev.map(market => ({\n ...market,\n yesOdds: market.yesOdds + (Math.random() - 0.5) * 0.1,\n noOdds: market.noOdds + (Math.random() - 0.5) * 0.1,\n yesPercentage: Math.max(10, Math.min(90, market.yesPercentage + (Math.random() - 0.5) * 5))\n })));\n }, 3000);\n return () => clearInterval(interval);\n }, []);\n useEffect(() => {\n setMarketData([{\n id: 1,\n title: `Bitcoin hits $100k by Sept 2025`,\n description: `Will Bitcoin reach $100,000 USD before September 30, 2025?`,\n yesOdds: 2.1,\n noOdds: 1.8,\n yesPercentage: 65,\n totalStaked: 15420,\n deadline: `2025-09-30`,\n category: `crypto`,\n trending: true\n }, {\n id: 2,\n title: `Tesla Model Y becomes #1 selling car`,\n description: `Will Tesla Model Y be the world's best-selling car in 2025?`,\n yesOdds: 3.2,\n noOdds: 1.3,\n yesPercentage: 35,\n totalStaked: 8900,\n deadline: `2025-12-31`,\n category: `tech`,\n trending: false\n }, {\n id: 3,\n title: `AI discovers new drug in 2025`,\n description: `Will an AI system discover a FDA-approved drug in 2025?`,\n yesOdds: 1.9,\n noOdds: 2.0,\n yesPercentage: 52,\n totalStaked: 22100,\n deadline: `2025-12-31`,\n category: `science`,\n trending: true\n }, {\n id: 4,\n title: `SpaceX lands on Mars`,\n description: `Will SpaceX successfully land a spacecraft on Mars before 2030?`,\n yesOdds: 4.5,\n noOdds: 1.2,\n yesPercentage: 25,\n totalStaked: 45600,\n deadline: `2030-01-01`,\n category: `space`,\n trending: true\n }, {\n id: 5,\n title: `Donald Trump wins 2028 Election`,\n description: `Will Donald Trump win the 2028 US Presidential Election?`,\n yesOdds: 5.0,\n noOdds: 1.15,\n yesPercentage: 18,\n totalStaked: 31500,\n deadline: `2028-11-07`,\n category: `politics`,\n trending: false\n }, {\n id: 6,\n title: `GTA VI grosses $2B in first month`,\n description: `Will 'Grand Theft Auto VI' gross over $2 billion worldwide in its first month of release?`,\n yesOdds: 1.5,\n noOdds: 2.5,\n yesPercentage: 70,\n totalStaked: 78900,\n deadline: `2026-01-01`,\n category: `gaming`,\n trending: true\n }, {\n id: 7,\n title: `S&P 500 closes above 6,000`,\n description: `Will the S&P 500 index close at or above 6,000 by the end of 2025?`,\n yesOdds: 2.8,\n noOdds: 1.4,\n yesPercentage: 40,\n totalStaked: 55200,\n deadline: `2025-12-31`,\n category: `finance`,\n trending: false\n }, {\n id: 8,\n title: `France wins 2026 World Cup`,\n description: `Will the French national team win the 2026 FIFA World Cup?`,\n yesOdds: 6.0,\n noOdds: 1.1,\n yesPercentage: 15,\n totalStaked: 12300,\n deadline: `2026-07-19`,\n category: `sports`,\n trending: true\n }]);\n }, []);\n const handleOpenTradingPanel = (marketId, option) => {\n const market = marketData.find(m => m.id === marketId);\n setSelectedMarket(market);\n setSelectedSide(option);\n setTradingPanelOpen(true);\n };\n const handleCloseTradingPanel = () => {\n setTradingPanelOpen(false);\n setSelectedMarket(null);\n setTradeAmount('');\n };\n const handleTrade = () => {\n if (!connectedWallet) {\n alert(`Connect your wallet first!`);\n return;\n }\n if (!tradeAmount || parseFloat(tradeAmount) <= 0) {\n alert(`Enter a valid amount!`);\n return;\n }\n if (parseFloat(tradeAmount) > userBalance) {\n alert(`Insufficient balance!`);\n return;\n }\n alert(`Traded ${tradeAmount} $tTRUST on ${selectedSide.toUpperCase()}!`);\n handleCloseTradingPanel();\n };\n const MarketCard = ({\n market\n }) =>

\n {}\n

\n {new Date(market.deadline).toLocaleDateString('en', {\n month: 'short',\n day: 'numeric'\n })}\n

\n \n {}\n

\n {market.title}\n

\n \n {}\n

\n {}\n

\n {market.yesPercentage.toFixed(1)}%\n {(100 - market.yesPercentage).toFixed(1)}%\n

\n {}\n

\n \n {}\n

\n \n

\n ${Math.round(market.totalStaked * (market.yesPercentage / 100)).toLocaleString()} staked\n

\n \n

\n ${Math.round(market.totalStaked * ((100 - market.yesPercentage) / 100)).toLocaleString()} staked\n

\n \n \n

;\n const TradingPanel = () => {\n if (!selectedMarket) return null;\n return

Trade Position

\n \n

\n\n

\n {selectedSide === 'yes' ? selectedMarket.yesPercentage.toFixed(1) : (100 - selectedMarket.yesPercentage).toFixed(1)}%\n

\n {new Date(selectedMarket.deadline).toLocaleDateString('en', {\n month: 'short',\n day: 'numeric',\n year: 'numeric'\n })}\n

\n {selectedMarket.description}\n

\n\n

\n \n \n

\n\n

{selectedSide === 'yes' ? selectedMarket.yesPercentage.toFixed(1) : (100 - selectedMarket.yesPercentage).toFixed(1)}%

{selectedSide === 'yes' ? (100 - selectedMarket.yesPercentage).toFixed(1) : selectedMarket.yesPercentage.toFixed(1)}%

\n\n

Pick a side

\n \n

\n \n \n

\n\n

\n setTradeAmount(e.target.value)} className={`w-full bg-gradient-to-br from-white/15 to-white/8 border border-white/25 rounded-2xl px-4 py-3 text-white placeholder-gray-400 focus:outline-none focus:border-blue-400/50 focus:bg-white/20 transition-all text-base font-medium shadow-lg`} />\n

$tTRUST

\n\n \n

;\n };\n const trendingMarkets = marketData.filter(market => market.trending);\n return <>\n \n

\n \n {}\n

\n PROPHESY\n

\n \n

\n\n {}\n \n {}\n

\n Crystal Ball Powered by Blockchain\n

\n Step into the future of prediction markets where your sixth sense stakes real tokens. \n Bet on everything from Bitcoin moonshots to celebrity meltdowns in our cyberpunk oracle.\n

\n \n

\n {marketData.length}\n

Active Markets

\n ${(marketData.reduce((sum, m) => sum + m.totalStaked, 0) / 1000).toFixed(0)}K\n

Total Volume

\n 24H\n

Market Hours

\n \n Live\n

Real-time Updates

\n\n {}\n

\n \n

\n\n {}\n

\n {[{\n id: 'markets',\n label: 'All',\n icon: BarChart3\n }, {\n id: 'trending',\n label: 'Trending',\n icon: TrendingUp\n }, {\n id: 'leaderboard',\n label: 'Leaders',\n icon: Star\n }].map(({\n id,\n label,\n icon: Icon\n }) => )}\n

\n\n {}\n

\n {activeTab === 'trending' &&

\n \n Trending Predictions\n

\n {trendingMarkets.map(market => )}\n

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

\n \n All Markets\n

\n {marketData.map(market => )}\n

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

\n \n Leaderboard\n

\n {[{\n rank: 1,\n address: '0x742d...5f3a',\n profit: '+45,230',\n accuracy: '89%'\n }, {\n rank: 2,\n address: '0x8a1c...9e2b',\n profit: '+32,180',\n accuracy: '85%'\n }, {\n rank: 3,\n address: '0x9f4d...7c8a',\n profit: '+28,950',\n accuracy: '82%'\n }, {\n rank: 4,\n address: '0x3b7e...1d6f',\n profit: '+21,470',\n accuracy: '78%'\n }, {\n rank: 5,\n address: '0x6c2a...4b9e',\n profit: '+18,320',\n accuracy: '75%'\n }].map(({\n rank,\n address,\n profit,\n accuracy\n }) =>

\n {rank}\n

{address}

{profit} $tTRUST

{accuracy}

)}\n

}\n

\n\n \n

\n ;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\"}}","appFunctions",[],"token","upstreamApp","isLordOfDev","analytics",[83,87,89,91,93,95,97,99,101,103,105,107,109,111,113,115,117,119],{"_84":85,"_86":59},"day","2025-08-09","runCount",{"_84":88,"_86":59},"2025-08-10",{"_84":90,"_86":59},"2025-08-11",{"_84":92,"_86":59},"2025-08-12",{"_84":94,"_86":59},"2025-08-13",{"_84":96,"_86":59},"2025-08-14",{"_84":98,"_86":59},"2025-08-15",{"_84":100,"_86":59},"2025-08-16",{"_84":102,"_86":59},"2025-08-17",{"_84":104,"_86":59},"2025-08-18",{"_84":106,"_86":59},"2025-08-19",{"_84":108,"_86":59},"2025-08-20",{"_84":110,"_86":59},"2025-08-21",{"_84":112,"_86":59},"2025-08-22",{"_84":102,"_86":114},8,{"_84":104,"_86":116},31,{"_84":106,"_86":118},7,{"_84":110,"_86":41},"snapshot","ogImage","https://cdn.dev.fun/og/image/ae335e9602452f34bdd9/dfb19639.webp","isDevbase","actionData","errors"]

say something