[{"_1":2,"_168":-5,"_169":-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,"_55":56,"_57":58,"_59":58,"_60":61,"_62":58,"_63":58,"_64":58,"_65":58,"_66":58,"_67":58,"_68":17,"_69":17,"_70":71,"_72":73,"_74":75,"_76":77,"_110":111,"_127":-5,"_128":17,"_129":130,"_164":31,"_165":166,"_167":25},"id","23de0bb83def88b6550d","isMyApp",false,"name","degen arcade","description","Step into the spice-fueled prediction markets of Arrakis where degens become oracles and fortunes are made on blockchain prophecies. Place your bets on future events with glassmorphic precision, watch your predictions unfold in real-time, and claim your winnings from the desert vault—all while the blockchain gods judge your foresight.","brief","Premium on-chain prediction casino where crypto degens bet on the future like Dune oracles","isLive",true,"isPublic","tags",[29],"💰","cover","https://cdn.dev.fun/snapshot/23de0bb83def88b6550d/95955_4ab6858b.webp","cdnUrl","https://cdn.dev.fun/app/23de0bb83def88b6550d/95955","createdAt",["D",1756643113414],"updatedAt",["D",1756644595222],"lastCommitId",["B","95955"],"tier",1,"credits",-37,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"1790d866-30af-491d-bcd1-c29dc56e98d1","uniqueId","FJHnz17Wb3tpn8P722sWFtc9smn16EBeLytCVZiESyw8","username","solanaWallet","displayName","FJH...yw8","bio","avatar","/avatar.svg","commitCount",2,"forkCount",0,"likeCount","runsCount",4,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","B9iPvm8YybydhvMiKAuJuygEKuzspgxdavhFNzzUpump","code","import { useState, useEffect } from 'react';\nimport { BrowserRouter as Router, Routes, Route, Link, useNavigate, useLocation } from 'react-router-dom';\nimport { useDevapp, UserButton, DevappProvider } from '@devfunlabs/web-sdk';\nimport { Clock, Trophy, User, HelpCircle, Shield, Plus, TrendingUp, AlertTriangle, Coins, Crown, Zap, CheckCircle, ExternalLink } from 'lucide-react';\nimport { Connection, PublicKey, Transaction, TransactionInstruction } from '@solana/web3.js';\nconst ADMIN_WALLET = 'FJHnz17Wb3tpn8P722sWFtc9smn16EBeLytCVZiESyw8';\nfunction AppWithProvider() {\n return \n \n \n \n ;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [showHowItWorks, setShowHowItWorks] = useState(false);\n const [showUsernameModal, setShowUsernameModal] = useState(false);\n const [userProfile, setUserProfile] = useState(null);\n const [hasShownHowItWorks, setHasShownHowItWorks] = useState(false);\n const isAdmin = userWallet === ADMIN_WALLET;\n useEffect(() => {\n if (userWallet && devbaseClient) {\n checkUserProfile();\n }\n }, [userWallet, devbaseClient]);\n const checkUserProfile = async () => {\n try {\n const profiles = await devbaseClient.listEntities('profiles', {\n wallet: userWallet\n });\n if (profiles.length === 0 || !profiles[0].username) {\n setShowUsernameModal(true);\n } else {\n setUserProfile(profiles[0]);\n const hasShown = localStorage.getItem(`howItWorksShown_${userWallet}`);\n if (!hasShown && !hasShownHowItWorks) {\n setShowHowItWorks(true);\n setHasShownHowItWorks(true);\n localStorage.setItem(`howItWorksShown_${userWallet}`, 'true');\n }\n }\n } catch (error) {\n console.error('Error checking user profile:', error);\n }\n };\n return

\n \n setShowHowItWorks(true)} />\n \n

\n \n } />\n } />\n } />\n {isAdmin && } />}\n \n

\n\n {showUsernameModal && setShowUsernameModal(false)} onSuccess={profile => {\n setUserProfile(profile);\n setShowUsernameModal(false);\n }} />}\n\n {showHowItWorks && setShowHowItWorks(false)} />}\n

;\n}\nfunction Navbar({\n isAdmin,\n userProfile,\n onShowHowItWorks\n}) {\n const location = useLocation();\n const navigate = useNavigate();\n const navItems = [{\n path: '/',\n label: 'Predictions',\n icon: TrendingUp,\n color: 'text-emerald-400'\n }, {\n path: '/leaderboard',\n label: 'Leaderboard',\n icon: Trophy,\n color: 'text-yellow-400'\n }, {\n path: '/profile',\n label: userProfile?.username || 'Profile',\n icon: User,\n color: 'text-purple-400'\n }];\n if (isAdmin) {\n navItems.push({\n path: '/admin',\n label: 'Admin',\n icon: Shield,\n color: 'text-red-400'\n });\n }\n return

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

\n {navItems.map(item => {\n const Icon = item.icon;\n const isActive = location.pathname === item.path;\n return \n \n {item.label}\n ;\n })}\n \n \n\n

\n \n

;\n}\nconst DunesBackground = () =>

;\nconst ShimmerText = ({\n children,\n className\n}) => \n {children}\n \n ;\nfunction HomePage() {\n const {\n devbaseClient\n } = useDevapp();\n const [predictions, setPredictions] = useState([]);\n const [loading, setLoading] = useState(true);\n useEffect(() => {\n loadPredictions();\n }, [devbaseClient]);\n const loadPredictions = async () => {\n if (!devbaseClient) return;\n try {\n const data = await devbaseClient.listEntities('predictions');\n setPredictions(data.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n } catch (error) {\n console.error('Error loading predictions:', error);\n } finally {\n setLoading(false);\n }\n };\n if (loading) {\n return

\n {[...Array(6)].map((_, i) =>

)}\n

;\n }\n const activePredictions = predictions.filter(p => p.status === 'active' && new Date(p.expiryTime) > new Date());\n return

\n The Spice Must Flow\n

\n {'Prophecy awaits those who dare to see beyond the desert veil'}\n

\n \n \n {activePredictions.length} Active Prophecies\n \n

\n\n {predictions.length === 0 ?

\n \n

The Desert is Quiet

\n {'No prophecies have been cast yet. The spice flows, but the visions remain unseen.'}\n

\n {predictions.map(prediction => )}\n

}\n

;\n}\nfunction PredictionCard({\n prediction,\n onUpdate\n}) {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [selectedChoice, setSelectedChoice] = useState(null);\n const [voting, setVoting] = useState(false);\n const [votes, setVotes] = useState([]);\n const [userVote, setUserVote] = useState(null);\n const [hasClaimed, setHasClaimed] = useState(false);\n const [claiming, setClaiming] = useState(false);\n const [claimMessage, setClaimMessage] = useState('');\n useEffect(() => {\n if (prediction.id) {\n loadVotesAndClaims();\n }\n }, [prediction.id, userWallet]);\n const loadVotesAndClaims = async () => {\n if (!devbaseClient) return;\n try {\n const allVotes = await devbaseClient.listEntities('votes', {\n predictionId: prediction.id\n });\n setVotes(allVotes);\n if (userWallet) {\n const userVoteData = allVotes.find(v => v.userId === userWallet);\n setUserVote(userVoteData);\n const claims = await devbaseClient.listEntities('claims', {\n predictionId: prediction.id,\n userId: userWallet\n });\n if (claims.length > 0) {\n setHasClaimed(true);\n }\n }\n } catch (error) {\n console.error('Error loading votes/claims:', error);\n }\n };\n const voteAmountLamports = prediction.voteAmountLamports || 0;\n const voteAmountSol = voteAmountLamports / 1e9;\n const handleVote = async () => {\n if (!selectedChoice || !userWallet) return;\n setVoting(true);\n try {\n await devbaseClient.createEntity('votes', {\n predictionId: prediction.id,\n choice: selectedChoice,\n amount: voteAmountSol\n });\n setSelectedChoice(null);\n loadVotesAndClaims();\n onUpdate();\n } catch (error) {\n console.error('Error voting:', error);\n alert('Failed to place vote: ' + error.message);\n } finally {\n setVoting(false);\n }\n };\n const handleClaim = async () => {\n setClaiming(true);\n setClaimMessage('');\n try {\n const result = await devbaseClient.createEntity('claims', {\n predictionId: prediction.id\n });\n setClaimMessage(`Successfully claimed ${result.amount.toFixed(4)} SOL!`);\n setHasClaimed(true);\n onUpdate();\n } catch (error) {\n console.error(\"Error claiming:\", error);\n setClaimMessage(`Claim failed: ${error.message}`);\n } finally {\n setClaiming(false);\n }\n };\n const isExpired = new Date(prediction.expiryTime) < new Date();\n const timeRemaining = new Date(prediction.expiryTime) - new Date();\n const days = Math.floor(timeRemaining / (1000 * 60 * 60 * 24));\n const hours = Math.floor(timeRemaining % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));\n const choices = prediction.choices || [];\n const getChoiceVotes = choice => {\n return votes.filter(v => v.choice === choice).length;\n };\n const getTotalVotes = () => {\n return votes.length;\n };\n const getChoicePercentage = choice => {\n const total = getTotalVotes();\n if (total === 0) return 0;\n return getChoiceVotes(choice) / total * 100;\n };\n const isWinner = prediction.status === 'resolved' && userVote && userVote.choice === prediction.winningChoice;\n return

\n {}\n

\n {prediction.title}\n

\n {prediction.status === 'resolved' ? 'Resolved' : isExpired ? 'Expired' : 'Active'}\n

\n \n {prediction.description &&

\n {prediction.description}\n

}\n\n

\n \n {prediction.status === 'resolved' ? `Resolved on ${new Date(prediction.resolvedAt).toLocaleDateString()}` : isExpired ? 'Expired' : `${days}d ${hours}h left`}\n

\n \n {voteAmountSol} SOL\n

\n\n {}\n

\n {choices.map((choice, index) => {\n const voteCount = getChoiceVotes(choice);\n const percentage = getChoicePercentage(choice);\n const isSelected = selectedChoice === choice;\n const isUserChoice = userVote?.choice === choice;\n const isWinningChoice = prediction.status === 'resolved' && prediction.winningChoice === choice;\n return

!isExpired && !userVote && setSelectedChoice(choice)}>\n

\n {choice}\n

\n \n {percentage.toFixed(1)}%\n \n \n ({voteCount})\n \n

\n \n {}\n

\n\n {isUserChoice &&

\n \n

}\n

;\n })}\n

\n\n {}\n {prediction.status === 'active' && !isExpired && !userVote && userWallet &&

\n \n

}\n\n {userVote &&

\n Your Prophecy:\n {userVote.choice}\n

\n Amount:\n {userVote.amount} SOL\n

}\n\n {isWinner && !hasClaimed &&

\n \n

}\n \n {claimMessage &&

{claimMessage}

}\n\n {!userWallet &&

\n Connect wallet to cast your prophecy\n

}\n

;\n}\nfunction LeaderboardPage() {\n const {\n devbaseClient\n } = useDevapp();\n const [leaders, setLeaders] = useState([]);\n const [loading, setLoading] = useState(true);\n useEffect(() => {\n if (devbaseClient) {\n loadLeaderboard();\n }\n }, [devbaseClient]);\n const loadLeaderboard = async () => {\n try {\n const [profiles, votes, predictions] = await Promise.all([devbaseClient.listEntities('profiles'), devbaseClient.listEntities('votes'), devbaseClient.listEntities('predictions')]);\n const resolvedPredictions = predictions.filter(p => p.status === 'resolved');\n const leaderData = profiles.map(profile => {\n const userVotes = votes.filter(v => v.userId === profile.wallet);\n const totalWagered = userVotes.reduce((sum, vote) => sum + vote.amount, 0);\n let wins = 0;\n let losses = 0;\n userVotes.forEach(vote => {\n const p = resolvedPredictions.find(p => p.id === vote.predictionId);\n if (p) {\n if (p.winningChoice === vote.choice) {\n wins++;\n } else {\n losses++;\n }\n }\n });\n const winRate = wins + losses > 0 ? wins / (wins + losses) * 100 : 0;\n return {\n ...profile,\n totalWagered,\n voteCount: userVotes.length,\n winRate\n };\n }).sort((a, b) => b.totalWagered - a.totalWagered);\n setLeaders(leaderData);\n } catch (error) {\n console.error('Error loading leaderboard:', error);\n } finally {\n setLoading(false);\n }\n };\n if (loading) {\n return

\n {[...Array(10)].map((_, i) =>

)}\n

;\n }\n return

\n Oracle Leaderboard\n

\n {'The greatest seers of Arrakis, ranked by their faith in the prophecies'}\n

\n\n

\n {leaders.map((leader, index) =>

\n {index < 3 ? : {index + 1}}\n

\n \n

\n {leader.username || 'Unnamed Oracle'}\n

\n {leader.wallet}\n

\n\n

\n {leader.totalWagered.toFixed(3)}\n

\n SOL Wagered\n

\n {leader.voteCount}\n

\n Prophecies\n

\n {leader.winRate.toFixed(1)}%\n

\n Win Rate\n

)}\n\n {leaders.length === 0 &&

\n \n

No Oracles Yet

\n {'Be the first to cast a prophecy and claim your place among the seers.'}\n

}\n

;\n}\nfunction ProfilePage({\n userProfile\n}) {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [userVotes, setUserVotes] = useState([]);\n const [predictions, setPredictions] = useState([]);\n const [loading, setLoading] = useState(true);\n useEffect(() => {\n if (userWallet && devbaseClient) {\n loadUserData();\n }\n }, [userWallet, devbaseClient]);\n const loadUserData = async () => {\n try {\n const [votes, allPredictions] = await Promise.all([devbaseClient.listEntities('votes', {\n userId: userWallet\n }), devbaseClient.listEntities('predictions')]);\n setUserVotes(votes.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n setPredictions(allPredictions);\n } catch (error) {\n console.error('Error loading user data:', error);\n } finally {\n setLoading(false);\n }\n };\n if (!userWallet) {\n return

\n \n

Connect Your Wallet

\n {'Connect your wallet to view your oracle profile and prophecy history.'}\n

;\n }\n const totalWagered = userVotes.reduce((sum, vote) => sum + vote.amount, 0);\n const resolvedUserVotes = userVotes.map(v => {\n const p = predictions.find(p => p.id === v.predictionId && p.status === 'resolved');\n return p ? {\n ...v,\n prediction: p\n } : null;\n }).filter(Boolean);\n const wins = resolvedUserVotes.filter(v => v.prediction.winningChoice === v.choice).length;\n const winRate = resolvedUserVotes.length > 0 ? wins / resolvedUserVotes.length * 100 : 0;\n return

\n \n

\n {userProfile?.username || 'Oracle Profile'}\n

\n {userWallet}\n

\n\n

\n {userVotes.length}\n

Prophecies Cast

\n {totalWagered.toFixed(3)}\n

SOL Wagered

\n {winRate.toFixed(1)}%\n

Win Rate

\n\n

Your Prophecies

\n \n {loading ?

\n {[...Array(5)].map((_, i) =>

)}\n

: userVotes.length > 0 ?

\n {userVotes.map(vote => {\n const prediction = predictions.find(p => p.id === vote.predictionId);\n if (!prediction) return null;\n const isWinning = prediction.status === 'resolved' && prediction.winningChoice === vote.choice;\n const statusText = prediction.status === 'resolved' ? isWinning ? 'Win' : 'Loss' : 'Pending';\n const statusColor = prediction.status === 'resolved' ? isWinning ? 'bg-green-500/20 text-green-300' : 'bg-red-500/20 text-red-300' : 'bg-amber-500/20 text-amber-300';\n return

\n {prediction?.title || 'Unknown Prediction'}\n

\n Choice: {vote.choice}\n Amount: {vote.amount} SOL\n Date: {new Date(vote.createdAt).toLocaleDateString()}\n

\n {statusText}\n

;\n })}\n

\n \n

No Prophecies Yet

\n {'Start casting prophecies to build your oracle reputation.'}\n

}\n

;\n}\nconst TabButton = ({\n name,\n active,\n onClick\n}) => ;\nfunction AdminPage() {\n const {\n devbaseClient\n } = useDevapp();\n const [showCreateForm, setShowCreateForm] = useState(false);\n const [predictions, setPredictions] = useState([]);\n const [loading, setLoading] = useState(true);\n const [activeTab, setActiveTab] = useState('pending');\n useEffect(() => {\n if (devbaseClient) loadPredictions();\n }, [devbaseClient]);\n const loadPredictions = async () => {\n setLoading(true);\n try {\n const data = await devbaseClient.listEntities('predictions');\n setPredictions(data.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n } catch (error) {\n console.error('Error loading predictions:', error);\n } finally {\n setLoading(false);\n }\n };\n const filteredPredictions = predictions.filter(p => {\n const isExpired = new Date(p.expiryTime) < new Date();\n if (activeTab === 'pending') return p.status === 'active' && isExpired;\n if (activeTab === 'active') return p.status === 'active' && !isExpired;\n if (activeTab === 'resolved') return p.status === 'resolved';\n return false;\n });\n return

\n Admin Control Panel\n

\n {'Manage predictions and oversee the oracle network'}\n

\n \n \n

\n\n

\n setActiveTab('pending')} />\n setActiveTab('active')} />\n setActiveTab('resolved')} />\n

\n\n {loading ?

\n {[...Array(4)].map((_, i) =>

)}\n

\n {filteredPredictions.map(prediction => )}\n

}\n\n {showCreateForm && setShowCreateForm(false)} onSuccess={loadPredictions} />}\n

;\n}\nfunction AdminPredictionCard({\n prediction,\n onUpdate\n}) {\n const {\n devbaseClient\n } = useDevapp();\n const [votes, setVotes] = useState([]);\n const [resolution, setResolution] = useState(null);\n const [showResolveModal, setShowResolveModal] = useState(false);\n useEffect(() => {\n if (devbaseClient) {\n loadVotes();\n if (prediction.status === 'resolved') {\n loadResolution();\n }\n }\n }, [prediction.id, devbaseClient, prediction.status]);\n const loadVotes = async () => {\n try {\n const data = await devbaseClient.listEntities('votes', {\n predictionId: prediction.id\n });\n setVotes(data);\n } catch (error) {\n console.error('Error loading votes:', error);\n }\n };\n const loadResolution = async () => {\n try {\n const res = await devbaseClient.listEntities('resolutions', {\n predictionId: prediction.id\n });\n if (res.length > 0) {\n setResolution(res[0]);\n }\n } catch (error) {\n console.error('Error loading resolution:', error);\n }\n };\n const isExpired = new Date(prediction.expiryTime) < new Date();\n const voteAmountSol = (prediction.voteAmountLamports || 0) / 1e9;\n const totalPool = votes.reduce((sum, vote) => sum + vote.amount, 0);\n const getChoiceVotes = choice => {\n return votes.filter(v => v.choice === choice).length;\n };\n return

{prediction.title}

\n {prediction.description &&

{prediction.description}

}\n

\n {prediction.status === 'resolved' ? 'Resolved' : isExpired ? 'Needs Resolution' : 'Active'}\n

\n\n

\n {(prediction.choices || []).map((choice, index) =>

\n {choice}\n {getChoiceVotes(choice)} votes\n

)}\n

\n\n

\n Vote Price:\n

{voteAmountSol.toFixed(4)} SOL

\n Total Pool:\n

{totalPool.toFixed(3)} SOL

\n Created:\n

\n {new Date(prediction.createdAt).toLocaleString()}\n

\n Expires:\n

\n {new Date(prediction.expiryTime).toLocaleString()}\n

\n\n {isExpired && prediction.status !== 'resolved' && }\n\n {prediction.status === 'resolved' && resolution &&

Winning Choice: {prediction.winningChoice}

Evidence: {resolution.evidence}

Resolver: {resolution.resolverWallet.slice(0, 6)}...{resolution.resolverWallet.slice(-4)}

Tx: \n View on Solscan \n

}\n\n {showResolveModal && setShowResolveModal(false)} onSuccess={() => {\n setShowResolveModal(false);\n onUpdate();\n }} />}\n

;\n}\nfunction CreatePredictionModal({\n onClose,\n onSuccess\n}) {\n const {\n devbaseClient\n } = useDevapp();\n const [creating, setCreating] = useState(false);\n const [error, setError] = useState('');\n const [successMessage, setSuccessMessage] = useState('');\n const [formData, setFormData] = useState({\n title: '',\n description: '',\n choices: ['', '', ''],\n expiryTime: '',\n voteAmount: '0.01',\n allowPanicSell: false\n });\n const addChoice = () => {\n setFormData(prev => ({\n ...prev,\n choices: [...prev.choices, '']\n }));\n };\n const updateChoice = (index, value) => {\n setFormData(prev => ({\n ...prev,\n choices: prev.choices.map((choice, i) => i === index ? value : choice)\n }));\n };\n const removeChoice = index => {\n if (formData.choices.length > 2) {\n setFormData(prev => ({\n ...prev,\n choices: prev.choices.filter((_, i) => i !== index)\n }));\n }\n };\n const validateForm = () => {\n if (!formData.title.trim()) return 'Title is required';\n const voteAmount = parseFloat(formData.voteAmount);\n if (isNaN(voteAmount) || voteAmount < 0.000001) {\n return 'Vote amount must be a number greater than 0.000001';\n }\n const expiryDate = new Date(formData.expiryTime);\n const minExpiry = new Date(Date.now() + 5 * 60 * 1000);\n if (!formData.expiryTime || expiryDate <= minExpiry) {\n return 'Expiry time must be at least 5 minutes from now';\n }\n const nonEmptyChoices = formData.choices.filter(c => c.trim());\n if (nonEmptyChoices.length < 2) {\n return 'At least 2 choices are required';\n }\n const uniqueChoices = new Set(nonEmptyChoices.map(c => c.trim().toLowerCase()));\n if (uniqueChoices.size !== nonEmptyChoices.length) {\n return 'All choices must be unique';\n }\n return null;\n };\n const handleSubmit = async e => {\n e.preventDefault();\n const validationError = validateForm();\n if (validationError) {\n setError(validationError);\n return;\n }\n setCreating(true);\n setError('');\n setSuccessMessage('');\n try {\n const voteAmountSol = parseFloat(formData.voteAmount);\n const voteAmountLamports = Math.floor(voteAmountSol * 1e9);\n const nonEmptyChoices = formData.choices.filter(c => c.trim());\n const predictionData = {\n title: formData.title.trim(),\n description: formData.description.trim() || null,\n choices: nonEmptyChoices,\n expiryTime: new Date(formData.expiryTime).toISOString(),\n voteAmountLamports: voteAmountLamports,\n allowPanicSell: formData.allowPanicSell,\n status: 'active'\n };\n const result = await devbaseClient.createEntity('predictions', predictionData);\n if (result) {\n setSuccessMessage('Prediction created successfully!');\n setTimeout(() => {\n onSuccess();\n onClose();\n }, 2000);\n }\n } catch (error) {\n console.error('Error creating prediction:', error);\n setError(`Failed to create prediction: ${error.message}`);\n } finally {\n setCreating(false);\n }\n };\n return

Create New Prediction

\n \n

\n\n

\n Title *\n setFormData(prev => ({\n ...prev,\n title: e.target.value\n }))} placeholder=\"Will Bitcoin reach $100k by year end?\" className=\"w-full px-4 py-3 bg-black/30 border border-amber-500/30 rounded-lg text-white placeholder-amber-300/50 focus:border-amber-400 focus:outline-none\" />\n

\n\n

\n Description\n

setFormData(prev => ({\n            ...prev,\n            description: e.target.value\n          }))} placeholder=\"Additional details about the prediction...\" rows={3} className=\"w-full px-4 py-3 bg-black/30 border border-amber-500/30 rounded-lg text-white placeholder-amber-300/50 focus:border-amber-400 focus:outline-none resize-none\" />\n          </div>\n\n          <div>\n            <label className=\"block text-amber-300 font-medium mb-2\">Choices * (minimum 2)</label>\n            <div className=\"space-y-2\">\n              {formData.choices.map((choice, index) => <div key={index} className=\"flex items-center space-x-2\">\n                  <input type=\"text\" value={choice} onChange={e => updateChoice(index, e.target.value)} placeholder={`Choice ${index + 1} (e.g., ${index === 0 ? 'Yes 🚀' : index === 1 ? 'No 📉' : 'Maybe 🤔'})`} className=\"flex-1 px-3 py-2 bg-black/30 border border-amber-500/30 rounded-lg text-white placeholder-amber-300/50 focus:border-amber-400 focus:outline-none\" />\n                  {formData.choices.length > 2 && <button type=\"button\" onClick={() => removeChoice(index)} className=\"px-3 py-2 text-red-400 hover:text-red-300 transition-colors\">\n                      Remove\n                </button>}\n                </div>)}\n              <button type=\"button\" onClick={addChoice} className=\"text-amber-400 hover:text-amber-300 transition-colors text-sm\">\n                + Add Choice\n              </button>\n            </div>\n          </div>\n\n          <div>\n            <label className=\"block text-amber-300 font-medium mb-2\">Vote Amount (SOL) *</label>\n            <input type=\"number\" step=\"0.000001\" min=\"0.000001\" value={formData.voteAmount} onChange={e => setFormData(prev => ({\n            ...prev,\n            voteAmount: e.target.value\n          }))} placeholder=\"e.g., 0.05\" className=\"w-full px-4 py-3 bg-black/30 border border-amber-500/30 rounded-lg text-white placeholder-amber-300/50 focus:border-amber-400 focus:outline-none\" />\n            <div className=\"text-xs text-amber-300/70 mt-1\">\n              Enter SOL (decimals allowed). Example: 0.05\n            </div>\n          </div>\n\n          <div>\n            <label className=\"block text-amber-300 font-medium mb-2\">Expiry Time *</label>\n            <input type=\"datetime-local\" value={formData.expiryTime} onChange={e => setFormData(prev => ({\n            ...prev,\n            expiryTime: e.target.value\n          }))} min={new Date(Date.now() + 5 * 60 * 1000).toISOString().slice(0, 16)} className=\"w-full px-4 py-3 bg-black/30 border border-amber-500/30 rounded-lg text-white focus:border-amber-400 focus:outline-none\" style={{\n            colorScheme: 'dark'\n          }} />\n          </div>\n\n          <div className=\"flex items-center space-x-3\">\n            <input type=\"checkbox\" id=\"allowPanicSell\" checked={formData.allowPanicSell} onChange={e => setFormData(prev => ({\n            ...prev,\n            allowPanicSell: e.target.checked\n          }))} className=\"w-4 h-4 accent-amber-500\" />\n            <label htmlFor=\"allowPanicSell\" className=\"text-amber-300\">\n              Allow panic sell (10% penalty)\n            </label>\n          </div>\n\n          {error && <div className=\"p-4 bg-red-500/20 border border-red-500/30 rounded-lg\">\n              <p className=\"text-red-300\">{error}</p>\n              <button type=\"button\" onClick={() => navigator.clipboard.writeText(error)} className=\"text-red-400 hover:text-red-300 text-sm mt-2\">\n                Copy Error Details\n              </button>\n            </div>}\n          \n          {successMessage && <div className=\"p-4 bg-green-500/20 border border-green-500/30 rounded-lg text-green-300\">\n              {successMessage}\n            </div>}\n\n          <div className=\"flex space-x-4 pt-2\">\n            <button type=\"button\" onClick={onClose} className=\"flex-1 px-4 py-3 bg-gray-600 text-white font-bold rounded-lg hover:bg-gray-700 transition-colors\">\n              Cancel\n            </button>\n            <button type=\"submit\" disabled={creating || successMessage} className=\"flex-1 px-4 py-3 bg-gradient-to-r from-amber-500 to-orange-600 text-black font-bold rounded-lg hover:scale-102 hover:shadow-lg disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 transition-all duration-200\">\n              {creating ? 'Creating...' : 'Create Prediction'}\n            </button>\n          </div>\n        </form>\n      </div>\n    </div>;\n}\nfunction ResolvePredictionModal({\n  prediction,\n  votes,\n  onClose,\n  onSuccess\n}) {\n  const {\n    devbaseClient,\n    userWallet,\n    sendTransaction\n  } = useDevapp();\n  const [resolving, setResolving] = useState(false);\n  const [evidence, setEvidence] = useState('');\n  const [error, setError] = useState('');\n  const handleResolve = async winningChoice => {\n    if (!winningChoice) {\n      setError('Please select a winning choice');\n      return;\n    }\n    if (!evidence.trim()) {\n      setError('Evidence URL is required');\n      return;\n    }\n    setResolving(true);\n    setError('');\n    try {\n      const connection = new Connection(\"https://rpc.dev.fun/23de0bb83def88b6550d\", 'confirmed');\n      const transaction = new Transaction().add(new TransactionInstruction({\n        keys: [],\n        programId: new PublicKey(\"MemoSq4gqABAXKb96qnH8TysNcVtrrG4wGA6tv3vCvF\"),\n        data: Buffer.from(`Resolving prediction: ${prediction.id} - ${winningChoice}`)\n      }));\n      const txSignature = await sendTransaction(transaction, connection);\n      await devbaseClient.updateEntity('predictions', prediction.id, {\n        status: 'resolved',\n        winningChoice: winningChoice,\n        resolvedAt: new Date().toISOString()\n      });\n      await devbaseClient.createEntity('resolutions', {\n        predictionId: prediction.id,\n        winningChoice: winningChoice,\n        evidence: evidence.trim(),\n        resolvedAt: new Date().toISOString(),\n        resolverWallet: userWallet,\n        txSignature: txSignature\n      });\n      onSuccess();\n    } catch (error) {\n      console.error('Error resolving prediction:', error);\n      setError(`Failed to resolve prediction: ${error.message}`);\n    } finally {\n      setResolving(false);\n    }\n  };\n  const totalPool = votes.reduce((sum, vote) => sum + vote.amount, 0);\n  const fee = totalPool * 0.05;\n  const distributable = totalPool - fee;\n  const getChoiceStats = choice => {\n    const choiceVotes = votes.filter(v => v.choice === choice);\n    const choiceWager = choiceVotes.reduce((sum, v) => sum + v.amount, 0);\n    const perWinnerPayout = choiceWager > 0 ? distributable / choiceVotes.length : 0;\n    return {\n      count: choiceVotes.length,\n      payout: perWinnerPayout\n    };\n  };\n  return <div className=\"fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center p-4 z-50\">\n      <div className=\"bg-black/80 backdrop-blur-xl border border-green-500/30 rounded-xl p-6 w-full max-w-lg\">\n        <div className=\"flex items-center justify-between mb-6\">\n          <h2 className=\"text-xl font-bold text-white\">Resolve Prediction</h2>\n          <button onClick={onClose} className=\"text-green-400 hover:text-white transition-colors\">\n            ✕\n          </button>\n        </div>\n\n        <div className=\"mb-4\">\n          <h3 className=\"text-lg font-medium text-white mb-2\">{prediction.title}</h3>\n          <div className=\"grid grid-cols-3 gap-4 text-center p-4 bg-black/20 rounded-lg\">\n            <div>\n              <div className=\"text-lg font-bold text-amber-300\">{totalPool.toFixed(4)} SOL</div>\n              <div className=\"text-xs text-amber-400/70\">Total Pool</div>\n            </div>\n            <div>\n              <div className=\"text-lg font-bold text-amber-300\">{fee.toFixed(4)} SOL</div>\n              <div className=\"text-xs text-amber-400/70\">5% Fee</div>\n            </div>\n            <div>\n              <div className=\"text-lg font-bold text-green-300\">{distributable.toFixed(4)} SOL</div>\n              <div className=\"text-xs text-green-400/70\">Distributable</div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-green-300 font-medium mb-2\">Evidence URL *</label>\n            <input type=\"url\" value={evidence} onChange={e => setEvidence(e.target.value)} placeholder=\"https://example.com/proof\" className=\"w-full px-3 py-2 bg-black/30 border border-green-500/30 rounded-lg text-white placeholder-green-300/50 focus:border-green-400 focus:outline-none\" />\n          </div>\n\n          <div>\n            <label className=\"block text-green-300 font-medium mb-2\">Winning Choice *</label>\n            <div className=\"space-y-2\">\n              {(prediction.choices || []).map(choice => {\n              const stats = getChoiceStats(choice);\n              return <div key={choice} className=\"flex items-center justify-between p-3 bg-black/20 rounded-lg\">\n                    <div>\n                      <p className=\"text-white font-medium\">{choice}</p>\n                      <p className=\"text-xs text-amber-300/70\">{stats.count} votes, ~{stats.payout.toFixed(4)} SOL/winner</p>\n                    </div>\n                    <button onClick={() => handleResolve(choice)} disabled={resolving} className=\"px-4 py-2 bg-gradient-to-r from-green-500 to-emerald-600 text-white font-bold rounded-lg text-sm hover:scale-105 disabled:opacity-50\">\n                      {resolving ? '...' : 'Declare Winner'}\n                    </button>\n                  </div>;\n            })}\n            </div>\n          </div>\n\n          {error && <div className=\"p-3 bg-red-500/20 border border-red-500/30 rounded-lg\">\n              <p className=\"text-red-300 text-sm\">{error}</p>\n            </div>}\n\n          <div className=\"pt-2\">\n            <button type=\"button\" onClick={onClose} className=\"w-full px-4 py-2 bg-gray-600 text-white font-medium rounded-lg hover:bg-gray-700 transition-colors\">\n              Cancel\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>;\n}\nfunction UsernameModal({\n  onClose,\n  onSuccess\n}) {\n  const {\n    devbaseClient,\n    userWallet\n  } = useDevapp();\n  const [username, setUsername] = useState('');\n  const [saving, setSaving] = useState(false);\n  const [error, setError] = useState('');\n  const handleSubmit = async e => {\n    e.preventDefault();\n    if (!username.trim()) {\n      setError('Username is required');\n      return;\n    }\n    if (username.length < 3 || username.length > 24) {\n      setError('Username must be 3-24 characters');\n      return;\n    }\n    if (!/^[a-zA-Z0-9_-]+$/.test(username)) {\n      setError('Username can only contain letters, numbers, _ and -');\n      return;\n    }\n    setSaving(true);\n    setError('');\n    try {\n      const profile = await devbaseClient.createEntity('profiles', {\n        username: username.trim(),\n        wallet: userWallet,\n        createdAt: Date.now()\n      });\n      onSuccess(profile);\n    } catch (error) {\n      console.error('Error saving username:', error);\n      setError(`Failed to save username: ${error.message}`);\n    } finally {\n      setSaving(false);\n    }\n  };\n  return <div className=\"fixed inset-0 bg-black/70 backdrop-blur-sm flex items-center justify-center p-4 z-50\">\n      <div className=\"bg-black/80 backdrop-blur-xl border border-amber-500/30 rounded-xl p-6 w-full max-w-md\">\n        <div className=\"text-center mb-6\">\n          <div className=\"w-16 h-16 bg-gradient-to-br from-amber-400 to-orange-600 rounded-full flex items-center justify-center mx-auto mb-4\">\n            <User className=\"w-8 h-8 text-black\" />\n          </div>\n          <h2 className=\"text-2xl font-bold text-white mb-2\">Welcome, Oracle</h2>\n          <p className=\"text-amber-200/80\">\n            {'Choose your name among the seers of Arrakis'}\n          </p>\n        </div>\n\n        <form onSubmit={handleSubmit} className=\"space-y-4\">\n          <div>\n            <label className=\"block text-amber-300 font-medium mb-2\">Username *</label>\n            <input type=\"text\" value={username} onChange={e => setUsername(e.target.value)} placeholder=\"Enter your oracle name\" className=\"w-full px-4 py-3 bg-black/30 border border-amber-500/30 rounded-lg text-white placeholder-amber-300/50 focus:border-amber-400 focus:outline-none\" maxLength={24} />\n            <div className=\"text-xs text-amber-300/70 mt-1\">\n              3-24 characters, letters, numbers, _ and - only\n            </div>\n          </div>\n\n          {error && <div className=\"p-3 bg-red-500/20 border border-red-500/30 rounded-lg\">\n              <p className=\"text-red-300 text-sm\">{error}</p>\n            </div>}\n\n          <button type=\"submit\" disabled={saving || !username.trim()} className=\"w-full px-4 py-3 bg-gradient-to-r from-amber-500 to-orange-600 text-black font-bold rounded-lg hover:scale-102 hover:shadow-lg disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 transition-all duration-200\">\n            {saving ? 'Saving...' : 'Set Username'}\n          </button>\n        </form>\n      </div>\n    </div>;\n}\nfunction HowItWorksModal({\n  onClose\n}) {\n  return <div className=\"fixed inset-0 bg-black/70 backdrop-blur-sm flex items-center justify-center p-4 z-50\">\n      <div className=\"bg-black/80 backdrop-blur-xl border border-amber-500/30 rounded-xl p-8 w-full max-w-2xl max-h-[90vh] overflow-y-auto\">\n        <div className=\"flex items-center justify-between mb-6\">\n          <h2 className=\"text-3xl font-bold bg-gradient-to-r from-amber-400 to-orange-500 bg-clip-text text-transparent\">\n            The Prophecy Protocol\n          </h2>\n          <button onClick={onClose} className=\"text-amber-400 hover:text-white transition-colors text-xl\">\n            ✕\n          </button>\n        </div>\n\n        <div className=\"space-y-6 text-amber-200/90\">\n          <div className=\"bg-gradient-to-r from-amber-500/10 to-orange-600/10 border border-amber-500/20 rounded-lg p-6\">\n            <div className=\"flex items-center mb-3\">\n              <AlertTriangle className=\"w-6 h-6 text-red-400 mr-3\" />\n              <h3 className=\"text-xl font-bold text-red-300\">⚠️ DOOM WARNING ⚠️</h3>\n            </div>\n            <p className=\"text-red-200/90 font-medium\">\n              {'The desert of Arrakis is unforgiving. All bets are final and irreversible. The blockchain gods show no mercy to those who bet without foresight. Proceed with caution, for your SOL may be lost to the sands of time.'}\n            </p>\n          </div>\n\n          <div>\n            <h3 className=\"text-xl font-bold text-amber-300 mb-3 flex items-center\">\n              <TrendingUp className=\"w-5 h-5 mr-2\" />\n              How to Cast Prophecies\n            </h3>\n            <ul className=\"space-y-2 text-amber-200/80\">\n              <li>{'• Choose a prediction that speaks to your oracle vision'}</li>\n              <li>{'• Select your prophesied outcome from the available choices'}</li>\n              <li>{'• Enter your wager amount in SOL (decimals allowed, e.g., 0.05)'}</li>\n              <li>{'• Confirm the transaction in your wallet to cast your prophecy'}</li>\n              <li>{'• Watch the desert winds carry your prediction to the blockchain'}</li>\n            </ul>\n          </div>\n\n          <div>\n            <h3 className=\"text-xl font-bold text-amber-300 mb-3 flex items-center\">\n              <Coins className=\"w-5 h-5 mr-2\" />\n              The Spice Economy\n            </h3>\n            <ul className=\"space-y-2 text-amber-200/80\">\n              <li>{'• Fixed bet amounts are set by the prediction creator'}</li>\n              <li>{'• Winners split the total pool proportionally to their stakes'}</li>\n              <li>{'• Admin resolves predictions with evidence when they expire'}</li>\n              <li>{'• Panic selling available for some predictions (10% penalty)'}</li>\n              <li>{'• Your reputation grows with successful prophecies'}</li>\n            </ul>\n          </div>\n\n          <div>\n            <h3 className=\"text-xl font-bold text-amber-300 mb-3 flex items-center\">\n              <Trophy className=\"w-5 h-5 mr-2\" />\n              Oracle Rankings\n            </h3>\n            <p className=\"text-amber-200/80\">\n              {'Rise through the ranks by making accurate predictions. The leaderboard tracks your total wagered amount and prophecy success rate. Become a legendary oracle of Arrakis!'}\n            </p>\n          </div>\n\n          <div className=\"bg-gradient-to-r from-blue-500/10 to-purple-600/10 border border-blue-500/20 rounded-lg p-4\">\n            <p className=\"text-blue-200/90 text-center font-medium italic\">\n              {'\\\"The beginning is a very delicate time. Know then that this is the year 10191, and on Arrakis, the spice must flow... and so must the predictions.\\\"'}\n            </p>\n          </div>\n        </div>\n\n        <div className=\"mt-8 text-center\">\n          <button onClick={onClose} className=\"px-8 py-3 bg-gradient-to-r from-amber-500 to-orange-600 text-black font-bold rounded-lg hover:scale-102 hover:shadow-lg transition-all duration-200\">\n            {'Enter the Desert'}\n          </button>\n        </div>\n      </div>\n    </div>;\n}\nexport default AppWithProvider;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-router-dom\":\"6.18.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.6\",\"@solana/wallet-adapter-base\":\"0.9.23\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-react-ui\":\"0.9.35\",\"@solana/wallet-adapter-wallets\":\"0.19.32\",\"@solana/web3.js\":\"1.95.3\"}}","appFunctions",[78,86,92,98,104],{"_14":79,"_34":80,"_36":81,"_18":82,"_83":84,"_85":39},["B","12503"],["D",1756645063103],["D",1756645063103],"$FUNC_CAN_CLAIM","body","async function $FUNC_CAN_CLAIM(predictionId) {\n    const prediction = await $ENTITY('predictions').get(predictionId);\n    if (!prediction || prediction.status !== 'resolved') return false;\n\n    const userVotes = await $ENTITY('votes').list({ predictionId, userId: $USER_ID });\n    if (userVotes.length === 0) return false;\n    if (userVotes[0].choice !== prediction.winningChoice) return false;\n\n    const existingClaim = await $ENTITY('claims').exists({ predictionId, userId: $USER_ID });\n    if (existingClaim) return false;\n\n    return true;\n}","commitId",{"_14":87,"_34":88,"_36":89,"_18":90,"_83":91,"_85":39},["B","12500"],["D",1756645063080],["D",1756645063080],"$FUNC_CAN_VOTE","async function $FUNC_CAN_VOTE(predictionId) {\n      const prediction = await $ENTITY('predictions').get(predictionId);\n      if (!prediction) return false;\n      \n      const isExpired = new Date(prediction.expiryTime) < new Date();\n      if (isExpired) return false;\n      \n      const existingVote = await $ENTITY('votes').exists({ \n        predictionId: predictionId, \n        userId: $USER_ID \n      });\n      \n      return !existingVote;\n    }",{"_14":93,"_34":94,"_36":95,"_18":96,"_83":97,"_85":39},["B","12504"],["D",1756645063104],["D",1756645063104],"$FUNC_GET_CLAIM_AMOUNT","async function $FUNC_GET_CLAIM_AMOUNT(predictionId) {\n    const prediction = await $ENTITY('predictions').get(predictionId);\n    if (!prediction || prediction.status !== 'resolved') return \"0\";\n\n    const allVotes = await $ENTITY('votes').list({ predictionId });\n    const winningChoice = prediction.winningChoice;\n\n    const winningVotes = allVotes.filter(v => v.choice === winningChoice);\n    if (winningVotes.length === 0) return \"0\";\n\n    const userVote = winningVotes.find(v => v.userId === $USER_ID);\n    if (!userVote) return \"0\";\n\n    const totalPool = allVotes.reduce((sum, v) => sum + v.amount, 0);\n    const totalWinningWager = winningVotes.reduce((sum, v) => sum + v.amount, 0);\n    \n    if (totalWinningWager === 0) return \"0\";\n\n    const devappFee = totalPool * 0.05;\n    const distributablePool = totalPool - devappFee;\n\n    const userShare = userVote.amount / totalWinningWager;\n    const userWinnings = distributablePool * userShare;\n\n    return userWinnings.toString();\n}",{"_14":99,"_34":100,"_36":101,"_18":102,"_83":103,"_85":39},["B","12501"],["D",1756645063098],["D",1756645063098],"$FUNC_GET_TIMESTAMP","async function $FUNC_GET_TIMESTAMP() {\n      return Date.now();\n    }",{"_14":105,"_34":106,"_36":107,"_18":108,"_83":109,"_85":39},["B","12502"],["D",1756645063101],["D",1756645063101],"$FUNC_GET_VOTE_AMOUNT","async function $FUNC_GET_VOTE_AMOUNT(predictionId) {\n      const prediction = await $ENTITY('predictions').get(predictionId);\n      return (prediction.voteAmountLamports / 1e9).toString();\n    }","token",{"_18":112,"_113":114,"_115":116,"_117":118,"_119":120,"_121":122,"_123":124,"_125":41,"_126":41,"_70":71},"Emulites","symbol","EMULITES","price",0.002892,"marketcap",2892527,"image","https://pump.mypinata.cloud/ipfs/bafkreihvjnvny6fkv23fhihgcmsbjfgrunjiskrl46r2yxeea4y4lzxana?img-width=256&img-dpr=2","website","https://emulites.ai/","twitter","https://x.com/Emulites/status/1961798517548036610","devCount","appCount","upstreamApp","isLordOfDev","analytics",[131,135,137,139,141,143,145,147,149,151,153,155,157,159,161,163],{"_132":133,"_134":58},"day","2025-08-20","runCount",{"_132":136,"_134":58},"2025-08-21",{"_132":138,"_134":58},"2025-08-22",{"_132":140,"_134":58},"2025-08-23",{"_132":142,"_134":58},"2025-08-24",{"_132":144,"_134":58},"2025-08-25",{"_132":146,"_134":58},"2025-08-26",{"_132":148,"_134":58},"2025-08-27",{"_132":150,"_134":58},"2025-08-28",{"_132":152,"_134":58},"2025-08-29",{"_132":154,"_134":58},"2025-08-30",{"_132":156,"_134":58},"2025-08-31",{"_132":158,"_134":58},"2025-09-01",{"_132":160,"_134":58},"2025-09-02",{"_132":156,"_134":162},3,{"_132":158,"_134":41},"snapshot","ogImage","https://cdn.dev.fun/og/image/23de0bb83def88b6550d/48936490.webp","isDevbase","actionData","errors"]
</article></body></html>

say something