[{"_1":2,"_161":-5,"_162":-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":65,"_66":41,"_67":65,"_68":59,"_69":59,"_70":17,"_71":25,"_72":-5,"_73":74,"_75":76,"_77":78,"_117":-5,"_118":-5,"_119":17,"_120":121,"_157":31,"_158":159,"_160":25},"id","745eca412a77f5d78762","isMyApp",false,"name","pumpfuncodes","description","Unleash your inner digital detective with Cryptoglyph, the ultimate web3 treasure hunt where your wallet isn't just a key—it's your soul's signature. Dive into live-streamed challenges where creators weave cryptic clues and hidden glyphs emerge in real-time. Crack the code, claim your victory, and etch your name into the blockchain's whispers!","brief","Your wallet is your key to live-streamed crypto-puzzles; solve hidden glyphs and etch your name into digital legend.","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/745eca412a77f5d78762/91128_817913ee.webp","cdnUrl","https://cdn.dev.fun/app/745eca412a77f5d78762/91128","createdAt",["D",1752277541905],"updatedAt",["D",1753537003359],"lastCommitId",["B","91128"],"tier",1,"credits",59,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"70f9bb0d-e051-4748-924d-5a435b2a66a4","uniqueId","nils116","username","solanaWallet","7oyfre8An3r6SWjHk7HAqhgunaN3QTok8L9bxTvayoje","displayName","bio","","avatar","https://cdn.dev.fun/avatar/70f9bb0d-e051-4748-924d-5a435b2a66a4/b059e324.webp","commitCount",148,"forkCount",0,"likeCount","runsCount",403,"downvoteCount","upvoteCount",2,"upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect, useMemo } from 'react';\nimport { useDevapp, UserButton, DevappProvider, fetchTokenInfoByAddress, openLink } from '@devfunlabs/web-sdk';\nimport { Trophy, Clock, Plus, Target, Gift, Edit, Trash2, Save, X, Play, History, RefreshCw, Search, Info, ListFilter, ArrowUp, ArrowDown, Calendar, ChevronLeft, ChevronRight, CheckCircle, Shield } from 'lucide-react';\nimport { TOKEN_PROGRAM_ID } from '@solana/spl-token';\nimport { PublicKey, Connection } from '@solana/web3.js';\nconst useTokenInfo = tokenAddress => {\n const [tokenInfo, setTokenInfo] = useState({\n symbol: 'SOL',\n loading: true\n });\n useEffect(() => {\n const fetchInfo = async () => {\n if (!tokenAddress || tokenAddress === 'So11111111111111111111111111111111111111112') {\n setTokenInfo({\n symbol: 'SOL',\n loading: false\n });\n return;\n }\n try {\n const info = await fetchTokenInfoByAddress(tokenAddress);\n setTokenInfo({\n symbol: info?.symbol || 'Unknown',\n loading: false\n });\n } catch (error) {\n setTokenInfo({\n symbol: 'SOL',\n loading: false\n });\n }\n };\n fetchInfo();\n }, [tokenAddress]);\n return tokenInfo;\n};\nconst useUserInfo = (wallet, devbaseClient) => {\n const [userInfo, setUserInfo] = useState({\n isVerified: false,\n twitterUsername: null,\n loading: true\n });\n useEffect(() => {\n const fetchUserInfo = async () => {\n if (!wallet || !devbaseClient) {\n setUserInfo({\n isVerified: false,\n twitterUsername: null,\n loading: false\n });\n return;\n }\n try {\n const users = await devbaseClient.listEntities('users', {\n wallet\n });\n if (users.length > 0) {\n const user = users[0];\n setUserInfo({\n isVerified: user.isVerified,\n twitterUsername: user.twitterUsername,\n loading: false\n });\n } else {\n setUserInfo({\n isVerified: false,\n twitterUsername: null,\n loading: false\n });\n }\n } catch (error) {\n console.error('Error fetching user info:', error);\n setUserInfo({\n isVerified: false,\n twitterUsername: null,\n loading: false\n });\n }\n };\n fetchUserInfo();\n }, [wallet, devbaseClient]);\n return userInfo;\n};\nconst AppWithProvider = () => {\n return \n \n ;\n};\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [challenges, setChallenges] = useState([]);\n const [currentView, setCurrentView] = useState('home');\n const [selectedChallenge, setSelectedChallenge] = useState(null);\n const [showPastHunts, setShowPastHunts] = useState(false);\n const [challengeWinners, setChallengeWinners] = useState({});\n const [searchTerm, setSearchTerm] = useState('');\n const [isRefreshing, setIsRefreshing] = useState(false);\n const [isGuestMode, setIsGuestMode] = useState(false);\n const [showVerificationModal, setShowVerificationModal] = useState(false);\n const [headerKey, setHeaderKey] = useState(0);\n const userInfo = useUserInfo(userWallet, devbaseClient);\n useEffect(() => {\n if (devbaseClient && (userWallet || isGuestMode)) {\n loadChallenges();\n }\n }, [devbaseClient, userWallet, isGuestMode]);\n useEffect(() => {\n if (userWallet) {\n setIsGuestMode(false);\n checkAndUpdateVerification();\n }\n }, [userWallet, devbaseClient]);\n const checkAndUpdateVerification = async () => {\n if (!devbaseClient || !userWallet) return;\n try {\n const twitterUsername = await devbaseClient.evalString('$USER_X_USERNAME');\n if (twitterUsername && twitterUsername !== 'null' && twitterUsername !== '' && twitterUsername !== 'undefined') {\n const existingUsers = await devbaseClient.listEntities('users', {\n wallet: userWallet\n });\n const userData = {\n wallet: userWallet,\n isVerified: true,\n twitterUsername: twitterUsername,\n lastActive: new Date().toISOString()\n };\n if (existingUsers.length > 0) {\n const existingUser = existingUsers[0];\n if (!existingUser.isVerified || existingUser.twitterUsername !== twitterUsername) {\n await devbaseClient.updateEntity('users', existingUser.id, userData);\n setHeaderKey(prev => prev + 1);\n }\n } else {\n await devbaseClient.createEntity('users', {\n ...userData,\n createdAt: new Date().toISOString()\n });\n setHeaderKey(prev => prev + 1);\n }\n }\n } catch (error) {\n console.error('Error checking verification status:', error);\n }\n };\n const loadChallenges = async () => {\n try {\n const challengeList = await devbaseClient.listEntities('challenges');\n setChallenges(challengeList);\n const winnersData = {};\n for (const challenge of challengeList) {\n try {\n const winners = await devbaseClient.listEntities('winners', {\n challengeId: challenge.id\n });\n winnersData[challenge.id] = winners;\n } catch (error) {\n console.error(`Error loading winners for challenge ${challenge.id}:`, error);\n winnersData[challenge.id] = [];\n }\n }\n setChallengeWinners(winnersData);\n } catch (error) {\n console.error('Error loading challenges:', error);\n }\n };\n const handleRefresh = async () => {\n setIsRefreshing(true);\n await loadChallenges();\n setIsRefreshing(false);\n };\n const hashCodeword = async codeword => {\n const encoder = new TextEncoder();\n const data = encoder.encode(codeword);\n const hashBuffer = await crypto.subtle.digest('SHA-256', data);\n const hashArray = Array.from(new Uint8Array(hashBuffer));\n return hashArray.map(b => b.toString(16).padStart(2, '0')).join('');\n };\n const getCurrentTime = () => new Date().toISOString();\n const getRunningChallenges = () => {\n const now = new Date();\n return challenges.filter(challenge => {\n const start = new Date(challenge.startTime);\n const end = new Date(challenge.endTime);\n return start <= now && now <= end;\n });\n };\n const getUpcomingChallenges = () => {\n const now = new Date();\n return challenges.filter(challenge => {\n const start = new Date(challenge.startTime);\n return start > now;\n });\n };\n const getPastChallenges = () => {\n const now = new Date();\n return challenges.filter(challenge => {\n const end = new Date(challenge.endTime);\n return end < now;\n });\n };\n const formatTime = timestamp => {\n return new Date(timestamp).toLocaleString();\n };\n const timeUntilStart = startTime => {\n const now = new Date();\n const start = new Date(startTime);\n const diff = start - now;\n const days = Math.floor(diff / (1000 * 60 * 60 * 24));\n const hours = Math.floor(diff % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));\n const minutes = Math.floor(diff % (1000 * 60 * 60) / (1000 * 60));\n if (days > 0) {\n return `${days}D ${hours.toString().padStart(2, '0')}H ${minutes.toString().padStart(2, '0')}M remaining`;\n }\n return `${hours.toString().padStart(2, '0')}H ${minutes.toString().padStart(2, '0')}M remaining`;\n };\n const timeUntilEnd = endTime => {\n const now = new Date();\n const end = new Date(endTime);\n const diff = end - now;\n if (diff <= 0) return 'Ended';\n const days = Math.floor(diff / (1000 * 60 * 60 * 24));\n const hours = Math.floor(diff % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));\n const minutes = Math.floor(diff % (1000 * 60 * 60) / (1000 * 60));\n if (days > 0) {\n return `${days}D ${hours.toString().padStart(2, '0')}H ${minutes.toString().padStart(2, '0')}M remaining`;\n }\n return `${hours.toString().padStart(2, '0')}H ${minutes.toString().padStart(2, '0')}M remaining`;\n };\n const filterChallenges = challengeList => {\n if (!searchTerm.trim()) return challengeList;\n return challengeList.filter(challenge => challenge.name.toLowerCase().includes(searchTerm.toLowerCase()) || challenge.description.toLowerCase().includes(searchTerm.toLowerCase()));\n };\n if (!userWallet && !isGuestMode) {\n return

\n $\"Hunt$ \n

pump.fun codes

\n {'Welcome to Codeword Hunter. Every stream hides a secret. Find the right signal, crack the code, and claim the bag. Made for pump.fun streamers and fans. No fluff. Just hunts, hints, and degen fun.'}\n

Connect Your Wallet

\n {'Your wallet is your key to start hunting'}\n

\n \n \n

;\n }\n return

setShowVerificationModal(true)} />\n

\n {currentView === 'home' && }\n {currentView === 'create' && userWallet && {\n loadChallenges();\n setCurrentView('home');\n }} hashCodeword={hashCodeword} getCurrentTime={getCurrentTime} />}\n {currentView === 'challenge' && selectedChallenge && setCurrentView('home')} hashCodeword={hashCodeword} getCurrentTime={getCurrentTime} onChallengeUpdate={loadChallenges} isGuestMode={isGuestMode} />}\n {showPastHunts && setShowPastHunts(false)} formatTime={formatTime} isGuestMode={isGuestMode} />}\n {showVerificationModal && {\n setShowVerificationModal(false);\n setHeaderKey(prev => prev + 1);\n }} />}\n

;\n}\nfunction Header({\n userWallet,\n currentView,\n setCurrentView,\n onShowVerification\n}) {\n const {\n devbaseClient\n } = useDevapp();\n const userInfo = useUserInfo(userWallet, devbaseClient);\n return

\n \n

\n {userWallet && !userInfo.loading && (userInfo.isVerified ?

\n \n @{userInfo.twitterUsername}\n

: )}\n \n

;\n}\nfunction VerificationModal({\n devbaseClient,\n userWallet,\n onClose\n}) {\n const [userInfo, setUserInfo] = useState({\n isVerified: false,\n twitterUsername: null,\n loading: true\n });\n const [isVerifying, setIsVerifying] = useState(false);\n const [verificationStatus, setVerificationStatus] = useState('');\n useEffect(() => {\n loadUserInfo();\n }, []);\n const loadUserInfo = async () => {\n try {\n const users = await devbaseClient.listEntities('users', {\n wallet: userWallet\n });\n if (users.length > 0) {\n const user = users[0];\n setUserInfo({\n isVerified: user.isVerified,\n twitterUsername: user.twitterUsername,\n loading: false\n });\n } else {\n setUserInfo({\n isVerified: false,\n twitterUsername: null,\n loading: false\n });\n }\n } catch (error) {\n console.error('Error loading user info:', error);\n setUserInfo({\n isVerified: false,\n twitterUsername: null,\n loading: false\n });\n }\n };\n const handleVerify = async () => {\n setIsVerifying(true);\n setVerificationStatus('Opening X verification...');\n try {\n const twitterLoginUrl = `https://oauth.dev.fun/twitter/login/745eca412a77f5d78762/${userWallet}`;\n openLink(twitterLoginUrl);\n setVerificationStatus('Please complete verification on X and return...');\n let attempts = 0;\n const maxAttempts = 20;\n const checkVerification = async () => {\n try {\n attempts++;\n setVerificationStatus(`Checking verification status (${attempts}/${maxAttempts})...`);\n const twitterUsername = await devbaseClient.evalString('$USER_X_USERNAME');\n if (twitterUsername && twitterUsername !== 'null' && twitterUsername !== '' && twitterUsername !== 'undefined') {\n const existingUsers = await devbaseClient.listEntities('users', {\n wallet: userWallet\n });\n const userData = {\n wallet: userWallet,\n isVerified: true,\n twitterUsername: twitterUsername,\n lastActive: new Date().toISOString()\n };\n if (existingUsers.length > 0) {\n await devbaseClient.updateEntity('users', existingUsers[0].id, userData);\n } else {\n await devbaseClient.createEntity('users', {\n ...userData,\n createdAt: new Date().toISOString()\n });\n }\n setVerificationStatus('Verification successful!');\n await loadUserInfo();\n setIsVerifying(false);\n setTimeout(() => {\n onClose();\n }, 1000);\n return;\n }\n if (attempts < maxAttempts) {\n setTimeout(checkVerification, 2000);\n } else {\n setVerificationStatus('Verification timeout. Please try again.');\n setIsVerifying(false);\n }\n } catch (error) {\n console.error('Error checking verification:', error);\n if (attempts < maxAttempts) {\n setTimeout(checkVerification, 2000);\n } else {\n setVerificationStatus('Verification failed. Please try again.');\n setIsVerifying(false);\n }\n }\n };\n setTimeout(checkVerification, 3000);\n } catch (error) {\n console.error('Error starting verification:', error);\n setVerificationStatus('Error starting verification. Please try again.');\n setIsVerifying(false);\n }\n };\n if (userInfo.loading) {\n return

Loading verification status...

;\n }\n return

e.stopPropagation()}>\n

\n \n Account Verification\n

\n \n

\n {userInfo.isVerified ?

\n \n

Account Verified!

X: @{userInfo.twitterUsername}

Your account is verified and will display your X username across the platform.

\n \n

Verify Your Account

Connect your X account to verify your identity and display your username instead of your wallet address.

\n {verificationStatus &&

{verificationStatus}

}\n \n

}\n

;\n}\nfunction UserDisplay({\n wallet,\n devbaseClient,\n showFull = false\n}) {\n const userInfo = useUserInfo(wallet, devbaseClient);\n if (userInfo.loading) {\n return ...;\n }\n if (userInfo.isVerified && userInfo.twitterUsername) {\n return \n @{userInfo.twitterUsername}\n \n ;\n }\n return \n {showFull ? wallet : `${wallet.slice(0, 6)}...${wallet.slice(-4)}`}\n ;\n}\nfunction HomePage({\n runningChallenges,\n upcomingChallenges,\n onChallengeSelect,\n onViewChange,\n formatTime,\n timeUntilStart,\n timeUntilEnd,\n challengeWinners,\n searchTerm,\n setSearchTerm,\n onRefresh,\n isRefreshing,\n setShowPastHunts,\n devbaseClient,\n isGuestMode,\n userInfo\n}) {\n const [showStatistics, setShowStatistics] = useState(false);\n const [sortConfig, setSortConfig] = useState({\n running: {\n key: null,\n direction: null\n },\n upcoming: {\n key: null,\n direction: null\n }\n });\n const [showSortModalFor, setShowSortModalFor] = useState(null);\n const [showCalendar, setShowCalendar] = useState(false);\n const sortChallenges = (challenges, config) => {\n if (!config.key) return challenges;\n return [...challenges].sort((a, b) => {\n let valA, valB;\n switch (config.key) {\n case 'name':\n valA = a.name.toLowerCase();\n valB = b.name.toLowerCase();\n break;\n case 'rewardAmount':\n valA = a.rewardAmount;\n valB = b.rewardAmount;\n break;\n case 'startTime':\n valA = new Date(a.startTime);\n valB = new Date(b.startTime);\n break;\n case 'endTime':\n valA = new Date(a.endTime);\n valB = new Date(b.endTime);\n break;\n default:\n return 0;\n }\n if (valA < valB) return config.direction === 'asc' ? -1 : 1;\n if (valA > valB) return config.direction === 'asc' ? 1 : -1;\n return 0;\n });\n };\n const sortedRunning = sortChallenges(runningChallenges, sortConfig.running);\n const sortedUpcoming = sortChallenges(upcomingChallenges, sortConfig.upcoming);\n return

\n {'pump.fun codes'}\n

\n {'Ongoing codeword drops from pump.fun streamers. Click into a Hunt, watch the stream, crack the code. First one wins the bag.'}\n

\n \n setSearchTerm(e.target.value)} className=\"w-full pl-10 pr-32 py-3 bg-green-900/20 border border-green-500/30 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-green-500\" />\n

\n \n \n {!isGuestMode && }\n \n

\n setShowSortModalFor('running')} sortActive={!!sortConfig.running.key} />\n setShowSortModalFor('upcoming')} onCalendarClick={() => setShowCalendar(true)} sortActive={!!sortConfig.upcoming.key} />\n

\n {showStatistics && setShowStatistics(false)} />}\n {showSortModalFor && setShowSortModalFor(null)} currentSortConfig={sortConfig[showSortModalFor]} onSortChange={newConfig => {\n setSortConfig(prev => ({\n ...prev,\n [showSortModalFor]: newConfig\n }));\n if (newConfig.key === null) {\n setShowSortModalFor(null);\n }\n }} />}\n {showCalendar && setShowCalendar(false)} onChallengeSelect={challenge => {\n onChallengeSelect(challenge);\n onViewChange('challenge');\n setShowCalendar(false);\n }} />}\n

;\n}\nfunction ChallengeSection({\n title,\n challenges,\n onChallengeSelect,\n onViewChange,\n formatTime,\n timeUntilStart,\n timeUntilEnd,\n challengeWinners,\n isRunning,\n onSortClick,\n onCalendarClick,\n sortActive\n}) {\n return

\n {title}\n {challenges.length}\n \n {!isRunning && onCalendarClick && }\n

\n {challenges.length === 0 ?

🔍

\n {isRunning ? 'No hunts right now. Check back during the next pump.fun chaos wave.' : 'No upcoming hunts scheduled'}\n

: challenges.map(challenge => {\n onChallengeSelect(challenge);\n onViewChange('challenge');\n }} formatTime={formatTime} timeUntilStart={timeUntilStart} timeUntilEnd={timeUntilEnd} isRunning={isRunning} />)}\n

;\n}\nfunction ChallengeCard({\n challenge,\n winners,\n onSelect,\n formatTime,\n timeUntilStart,\n timeUntilEnd,\n isRunning\n}) {\n const {\n devbaseClient\n } = useDevapp();\n const tokenInfo = useTokenInfo(challenge.rewardToken);\n return

\n \n \n Live\n \n

\n {}\n

\n $\"Hunt\"$ \n

\n {}\n

\n $\"Hunt\"$ \n

\n {challenge.name}\n

\n {isRunning ? challenge.description : Description will be visible after the hunt starts}\n

\n \n Creator:\n \n \n

\n \n {challenge.rewardAmount} {tokenInfo.loading ? '...' : tokenInfo.symbol}\n

\n \n {challenge.maxTries} tries\n

\n \n \n {isRunning ? timeUntilEnd(challenge.endTime) : timeUntilStart(challenge.startTime)}\n \n

\n \n {winners.length > 0 ? `${winners.length}/${challenge.maxWinners || 1} Winners` : 'No Winners'}\n

\n {winners.length > 0 &&

Winners: {winners.length}/{challenge.maxWinners || 1}

}\n

;\n}\nfunction TokenSearchModal({\n onSelectToken,\n onClose\n}) {\n const {\n userWallet\n } = useDevapp();\n const connection = useMemo(() => new Connection('https://rpc.dev.fun/745eca412a77f5d78762'), []);\n const [searchTerm, setSearchTerm] = useState('');\n const [userOwnedTokens, setUserOwnedTokens] = useState([]);\n const [filteredTokens, setFilteredTokens] = useState([]);\n const [loading, setLoading] = useState(true);\n const [error, setError] = useState(null);\n useEffect(() => {\n const loadTokens = async () => {\n console.log('=== TokenSearchModal: Starting token loading process ===');\n setLoading(true);\n setError(null);\n console.log('TokenSearchModal: userWallet value:', userWallet);\n console.log('TokenSearchModal: userWallet type:', typeof userWallet);\n console.log('TokenSearchModal: userWallet trimmed length:', userWallet?.trim()?.length);\n if (!userWallet || typeof userWallet !== 'string' || userWallet.trim() === '') {\n console.log('TokenSearchModal: Invalid userWallet, setting error');\n setError('Please connect your wallet to view your tokens.');\n setLoading(false);\n return;\n }\n try {\n console.log('TokenSearchModal: Creating PublicKey from userWallet:', userWallet);\n const publicKey = new PublicKey(userWallet);\n console.log('TokenSearchModal: PublicKey created successfully:', publicKey.toBase58());\n console.log('TokenSearchModal: Calling getTokenAccountsByOwner...');\n const tokenAccounts = await connection.getTokenAccountsByOwner(publicKey, {\n programId: TOKEN_PROGRAM_ID\n });\n console.log('TokenSearchModal: Raw RPC response:', tokenAccounts);\n console.log('TokenSearchModal: Number of token accounts found:', tokenAccounts.value?.length || 0);\n const ownedTokensData = [];\n for (let i = 0; i < tokenAccounts.value.length; i++) {\n const account = tokenAccounts.value[i];\n console.log(`TokenSearchModal: Processing account ${i + 1}/${tokenAccounts.value.length}:`, account);\n try {\n if (!account?.account?.data) {\n console.log(`TokenSearchModal: Account ${i + 1} - Missing account.data`);\n continue;\n }\n let buffer;\n if (account.account.data instanceof Uint8Array) {\n console.log(`TokenSearchModal: Account ${i + 1} - data is Uint8Array, length:`, account.account.data.length);\n buffer = account.account.data;\n } else if (Array.isArray(account.account.data)) {\n console.log(`TokenSearchModal: Account ${i + 1} - data is array format`);\n if (account.account.data[1] !== 'base64') {\n console.log(`TokenSearchModal: Account ${i + 1} - data encoding is not base64:`, account.account.data[1]);\n continue;\n }\n const base64Data = account.account.data[0];\n console.log(`TokenSearchModal: Account ${i + 1} - base64Data length:`, base64Data?.length);\n const binaryString = atob(base64Data);\n buffer = new Uint8Array(binaryString.length);\n for (let j = 0; j < binaryString.length; j++) {\n buffer[j] = binaryString.charCodeAt(j);\n }\n } else {\n console.log(`TokenSearchModal: Account ${i + 1} - unknown data format:`, typeof account.account.data);\n continue;\n }\n console.log(`TokenSearchModal: Account ${i + 1} - final buffer length:`, buffer.length);\n if (buffer.length < 72) {\n console.log(`TokenSearchModal: Account ${i + 1} - buffer too short (${buffer.length} < 72)`);\n continue;\n }\n const mintBuffer = buffer.slice(0, 32);\n const mint = new PublicKey(mintBuffer).toBase58();\n console.log(`TokenSearchModal: Account ${i + 1} - extracted mint:`, mint);\n const amountBuffer = buffer.slice(64, 72);\n let amount = 0;\n try {\n if (typeof amountBuffer.readBigUInt64LE === 'function') {\n amount = Number(amountBuffer.readBigUInt64LE(0));\n } else {\n for (let j = 0; j < 8; j++) {\n amount += amountBuffer[j] * Math.pow(256, j);\n }\n }\n } catch (bufferError) {\n console.warn(`TokenSearchModal: Account ${i + 1} - error reading amount, using fallback:`, bufferError);\n for (let j = 0; j < Math.min(8, amountBuffer.length); j++) {\n amount += (amountBuffer[j] || 0) * Math.pow(256, j);\n }\n }\n console.log(`TokenSearchModal: Account ${i + 1} - extracted amount:`, amount);\n if (amount === 0) {\n console.log(`TokenSearchModal: Account ${i + 1} - skipping token with zero amount`);\n continue;\n }\n try {\n console.log(`TokenSearchModal: Account ${i + 1} - fetching token info for mint:`, mint);\n const info = await fetchTokenInfoByAddress(mint);\n console.log(`TokenSearchModal: Account ${i + 1} - token info response:`, info);\n const tokenSymbol = info?.symbol || 'UNKNOWN';\n if (tokenSymbol === 'UNKNOWN') {\n console.log(`TokenSearchModal: Account ${i + 1} - skipping token with UNKNOWN symbol`);\n continue;\n }\n const tokenData = {\n mint: info?.contractAddress || mint,\n name: info?.name || 'Unknown Token',\n symbol: tokenSymbol,\n amount: amount,\n isOwned: true\n };\n console.log(`TokenSearchModal: Account ${i + 1} - final token data:`, tokenData);\n ownedTokensData.push(tokenData);\n } catch (tokenInfoError) {\n console.error(`TokenSearchModal: Account ${i + 1} - error fetching token info:`, tokenInfoError);\n console.log(`TokenSearchModal: Account ${i + 1} - skipping fallback token with UNKNOWN symbol`);\n }\n } catch (err) {\n console.error(`TokenSearchModal: Error processing account ${i + 1}:`, err);\n }\n }\n console.log('TokenSearchModal: Final owned tokens data:', ownedTokensData);\n console.log('TokenSearchModal: Total tokens processed:', ownedTokensData.length);\n setUserOwnedTokens(ownedTokensData);\n } catch (err) {\n console.error('TokenSearchModal: Error in main try block:', err);\n setError(`Failed to load your tokens: ${err.message}`);\n } finally {\n setLoading(false);\n console.log('=== TokenSearchModal: Token loading process completed ===');\n }\n };\n if (userWallet) {\n console.log('TokenSearchModal: userWallet is available, starting token loading');\n loadTokens();\n } else {\n console.log('TokenSearchModal: No userWallet, clearing tokens and setting error');\n setUserOwnedTokens([]);\n setFilteredTokens([]);\n setLoading(false);\n setError('Please connect your wallet to view your tokens.');\n }\n }, [userWallet]);\n useEffect(() => {\n let filteredTokens = userOwnedTokens;\n if (searchTerm.trim() !== '') {\n const lowerCaseSearchTerm = searchTerm.toLowerCase();\n filteredTokens = userOwnedTokens.filter(token => token.name.toLowerCase().includes(lowerCaseSearchTerm) || token.symbol.toLowerCase().includes(lowerCaseSearchTerm) || token.mint.toLowerCase().includes(lowerCaseSearchTerm));\n }\n setFilteredTokens(filteredTokens);\n }, [searchTerm, userOwnedTokens]);\n const handleTokenClick = token => {\n onSelectToken(token.mint);\n onClose();\n };\n const formatAmount = amount => {\n if (amount === 0) return '0';\n if (amount < 0.001) return '<0.001';\n if (amount < 1) return amount.toFixed(3);\n if (amount < 1000) return amount.toFixed(2);\n if (amount < 1000000) return `${(amount / 1000).toFixed(1)}K`;\n return `${(amount / 1000000).toFixed(1)}M`;\n };\n return

e.stopPropagation()}>\n

Search Tokens

\n \n

\n \n setSearchTerm(e.target.value)} className=\"w-full pl-10 pr-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-green-500\" />\n

\n {loading ?

Loading your tokens...

: error ?

{error}

: userOwnedTokens.length === 0 ?

No tokens found in your wallet.

: filteredTokens.length === 0 ?

No tokens found matching your search.

Your Tokens ({filteredTokens.length})

\n {filteredTokens.map(token =>

handleTokenClick(token)}>\n

{token.symbol}

{token.name}

{formatAmount(token.amount)}

{token.mint.slice(0, 6)}...{token.mint.slice(-4)}

)}\n

}\n

;\n}\nfunction CreateChallenge({\n devbaseClient,\n userWallet,\n onSuccess,\n hashCodeword,\n getCurrentTime\n}) {\n const [formData, setFormData] = useState({\n name: '',\n description: '',\n codeword: '',\n streamLink: '',\n rewardAmount: 0.2,\n maxTries: 3,\n startTime: '',\n endTime: '',\n tokenAddress: '',\n maxWinners: 1,\n verifiedUsersOnly: false\n });\n const [loading, setLoading] = useState(false);\n const [tokenInfo, setTokenInfo] = useState({\n symbol: '',\n name: '',\n loading: false,\n error: null\n });\n const [showTokenSearchModal, setShowTokenSearchModal] = useState(false);\n const fetchTokenInfo = async tokenAddress => {\n if (!tokenAddress || tokenAddress.trim() === '') {\n setTokenInfo({\n symbol: '',\n name: '',\n loading: false,\n error: null\n });\n return;\n }\n setTokenInfo(prev => ({\n ...prev,\n loading: true,\n error: null\n }));\n try {\n const info = await fetchTokenInfoByAddress(tokenAddress);\n if (info) {\n setTokenInfo({\n symbol: info.symbol || 'Unknown',\n name: info.name || 'Unknown Token',\n loading: false,\n error: null\n });\n } else {\n setTokenInfo({\n symbol: 'Unknown',\n name: 'Unknown Token',\n loading: false,\n error: 'Token not found'\n });\n }\n } catch (error) {\n console.error('Error fetching token info:', error);\n setTokenInfo({\n symbol: 'Unknown',\n name: 'Invalid Token',\n loading: false,\n error: 'Failed to fetch token info'\n });\n }\n };\n useEffect(() => {\n const timeoutId = setTimeout(() => {\n if (formData.tokenAddress) {\n fetchTokenInfo(formData.tokenAddress);\n }\n }, 500);\n return () => clearTimeout(timeoutId);\n }, [formData.tokenAddress]);\n const handleSubmit = async e => {\n e.preventDefault();\n setLoading(true);\n try {\n const now = new Date();\n const startDate = new Date(formData.startTime);\n const endDate = new Date(formData.endTime);\n const maxStartDate = new Date(now.getTime() + 7 * 24 * 60 * 60 * 1000);\n if (startDate > maxStartDate) {\n alert('Start date must be within the next 7 days');\n setLoading(false);\n return;\n }\n const maxEndDate = new Date(startDate.getTime() + 7 * 24 * 60 * 60 * 1000);\n if (endDate > maxEndDate) {\n alert('End date cannot be more than 7 days after the start date');\n setLoading(false);\n return;\n }\n if (endDate <= startDate) {\n alert('End date must be after start date');\n setLoading(false);\n return;\n }\n const hashedCodeword = await hashCodeword(formData.codeword.trim().toLowerCase());\n const finalTokenAddress = formData.tokenAddress.trim();\n if (!finalTokenAddress) {\n alert('Token address is required');\n setLoading(false);\n return;\n }\n const challengeData = {\n name: formData.name,\n description: formData.description,\n hashedCodeword,\n streamLink: formData.streamLink,\n thumbnailUrl: '',\n rewardAmount: parseFloat(formData.rewardAmount),\n rewardToken: finalTokenAddress,\n maxTries: parseInt(formData.maxTries),\n startTime: startDate.toISOString(),\n endTime: endDate.toISOString(),\n createdBy: userWallet,\n maxWinners: parseInt(formData.maxWinners),\n verifiedUsersOnly: formData.verifiedUsersOnly\n };\n await devbaseClient.createEntity('challenges', challengeData);\n alert('Hunt created successfully!');\n onSuccess();\n } catch (error) {\n console.error('Error creating challenge:', error);\n alert(`Error creating hunt: ${error.message}`);\n } finally {\n setLoading(false);\n }\n };\n const handleSelectTokenFromSearch = tokenMintAddress => {\n setFormData(prev => ({\n ...prev,\n tokenAddress: tokenMintAddress\n }));\n setShowTokenSearchModal(false);\n };\n return

Create New Hunt

\n {}\n

Hunt Details

\n \n Hunt Name\n \n setFormData({\n ...formData,\n name: e.target.value\n })} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-green-500\" placeholder=\"The Cipher of Shadows\" />\n

\n \n Secret Code\n \n setFormData({\n ...formData,\n codeword: e.target.value\n })} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-green-500\" placeholder=\"mystery123\" />\n

\n \n Max Tries\n \n setFormData({\n ...formData,\n maxTries: e.target.value\n })} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-green-500\" />\n

\n \n Description\n \n

setFormData({\n              ...formData,\n              description: e.target.value\n            })} rows={4} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-green-500\" placeholder=\"Decode the ancient symbols hidden in the live stream to uncover the secret...\" />\n            </div>\n            <div>\n              <label className=\"block text-green-300 text-sm font-medium mb-2\">\n                Stream Link *\n              </label>\n              <input type=\"url\" required value={formData.streamLink} onChange={e => setFormData({\n              ...formData,\n              streamLink: e.target.value\n            })} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-green-500\" placeholder=\"https://pump.fun/live/...\" />\n            </div>\n            <div className=\"grid md:grid-cols-2 gap-6\">\n              <div>\n                <label className=\"block text-green-300 text-sm font-medium mb-2\">\n                  Start Time\n                </label>\n                <input type=\"datetime-local\" required value={formData.startTime} onChange={e => setFormData({\n                ...formData,\n                startTime: e.target.value\n              })} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-green-500\" />\n              </div>\n              <div>\n                <label className=\"block text-green-300 text-sm font-medium mb-2\">\n                  End Time\n                </label>\n                <input type=\"datetime-local\" required value={formData.endTime} onChange={e => setFormData({\n                ...formData,\n                endTime: e.target.value\n              })} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-green-500\" />\n              </div>\n            </div>\n          </div>\n          {}\n          <div className=\"space-y-6\">\n            <h2 className=\"text-xl font-semibold text-green-300 border-b border-green-500/30 pb-2\">Hunt Reward</h2>\n            <div className=\"grid md:grid-cols-2 gap-6\">\n              <div>\n                <label className=\"block text-green-300 text-sm font-medium mb-2\">\n                  Token *\n                </label>\n                <div className=\"relative\">\n                  <input type=\"text\" required value={formData.tokenAddress} onChange={e => setFormData({\n                  ...formData,\n                  tokenAddress: e.target.value\n                })} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-green-500 pr-12\" placeholder=\"Token Contract Address\" />\n                  <button type=\"button\" onClick={() => setShowTokenSearchModal(true)} className=\"absolute right-2 top-1/2 transform -translate-y-1/2 p-2 rounded-full text-green-400 hover:bg-green-500/20 transition-colors\" title=\"Search for tokens\">\n                    <Search className=\"w-5 h-5\" />\n                  </button>\n                </div>\n                <div className=\"text-xs mt-1\">\n                  {tokenInfo.loading ? <span className=\"text-yellow-400\">Loading token info...</span> : tokenInfo.error ? <span className=\"text-red-400\">{tokenInfo.error}</span> : <span className=\"text-green-400\">{tokenInfo.symbol} - {tokenInfo.name}</span>}\n                </div>\n              </div>\n              <div>\n                <label className=\"block text-green-300 text-sm font-medium mb-2\">\n                  Total Amount\n                </label>\n                <input type=\"number\" step=\"0.001\" min=\"0.001\" required value={formData.rewardAmount} onChange={e => setFormData({\n                ...formData,\n                rewardAmount: e.target.value\n              })} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-green-500\" />\n                <div className=\"text-xs text-green-400 mt-1\">\n                  You deposit: {parseFloat(formData.rewardAmount || 0).toFixed(3)} {tokenInfo.symbol || '...'} + {(parseFloat(formData.rewardAmount || 0) * 0.05).toFixed(5)} {tokenInfo.symbol || '...'} Service Charge (5%)\n                </div>\n              </div>\n            </div>\n            \n            <div className=\"space-y-6\">\n              <div>\n                <label className=\"block text-green-300 text-sm font-medium mb-2\" title=\"Set the maximum number of winners for this hunt\">\n                  Number of Winners: {formData.maxWinners}\n                </label>\n                <input type=\"range\" min=\"1\" max=\"100\" value={formData.maxWinners} onChange={e => setFormData({\n                ...formData,\n                maxWinners: parseInt(e.target.value)\n              })} className=\"w-full h-2 bg-green-900/20 rounded-lg appearance-none cursor-pointer slider\" style={{\n                background: `linear-gradient(to right, #22c55e 0%, #22c55e ${(formData.maxWinners - 1) / 99 * 100}%, #374151 ${(formData.maxWinners - 1) / 99 * 100}%, #374151 100%)`\n              }} />\n                <div className=\"flex justify-between text-xs text-gray-400 mt-1\">\n                  <span>1</span>\n                  <span>100</span>\n                </div>\n                <div className=\"text-xs text-green-400 mt-2\">\n                  Amount per winner: {(parseFloat(formData.rewardAmount || 0) / parseInt(formData.maxWinners)).toFixed(6)} {tokenInfo.symbol || '...'}\n                </div>\n              </div>\n              \n              <div className=\"flex items-start space-x-3\">\n                <input type=\"checkbox\" id=\"verifiedOnly\" checked={formData.verifiedUsersOnly} onChange={e => setFormData({\n                ...formData,\n                verifiedUsersOnly: e.target.checked\n              })} className=\"mt-1 w-4 h-4 text-green-600 bg-green-900/10 border-green-500/30 rounded focus:ring-green-500 focus:ring-2\" />\n                <div className=\"flex-1\">\n                  <label htmlFor=\"verifiedOnly\" className=\"block text-green-300 text-sm font-medium cursor-pointer\" title=\"Only verified users with connected X accounts can participate\">\n                    Verified Users Only\n                  </label>\n                  <div className=\"text-xs text-gray-400 mt-1\">\n                    Only users who have verified their X account can participate\n                  </div>\n                  {parseInt(formData.maxWinners) > 1 && <div className=\"text-xs text-yellow-400 mt-1\">\n                      Recommended to prevent sybil account winners\n                    </div>}\n                </div>\n              </div>\n            </div>\n          </div>\n          <button type=\"submit\" disabled={loading} className=\"w-full bg-gradient-to-r from-green-600 to-green-700 hover:from-green-700 hover:to-green-800 text-white font-semibold py-4 px-6 rounded-lg transition-all disabled:opacity-50\">\n            {loading ? 'Creating Hunt...' : 'Launch Hunt 🚀'}\n          </button>\n        </form>\n      </div>\n      {showTokenSearchModal && <TokenSearchModal onSelectToken={handleSelectTokenFromSearch} onClose={() => setShowTokenSearchModal(false)} />}\n    </div>;\n}\nfunction EditChallenge({\n  challenge,\n  devbaseClient,\n  onSuccess,\n  onCancel,\n  onDelete\n}) {\n  const [formData, setFormData] = useState({\n    name: challenge.name,\n    description: challenge.description,\n    streamLink: challenge.streamLink,\n    startTime: new Date(challenge.startTime).toISOString().slice(0, 16),\n    endTime: new Date(challenge.endTime).toISOString().slice(0, 16)\n  });\n  const [loading, setLoading] = useState(false);\n  const [deleteLoading, setDeleteLoading] = useState(false);\n  const handleSubmit = async e => {\n    e.preventDefault();\n    setLoading(true);\n    try {\n      const updateData = {\n        name: formData.name,\n        description: formData.description,\n        streamLink: formData.streamLink,\n        startTime: new Date(formData.startTime).toISOString(),\n        endTime: new Date(formData.endTime).toISOString()\n      };\n      await devbaseClient.updateEntity('challenges', challenge.id, updateData);\n      onSuccess();\n    } catch (error) {\n      console.error('Error updating challenge:', error);\n    } finally {\n      setLoading(false);\n    }\n  };\n  const handleDelete = async () => {\n    if (!confirm('Are you sure you want to delete this hunt? This action cannot be undone.')) {\n      return;\n    }\n    setDeleteLoading(true);\n    try {\n      await devbaseClient.deleteEntity('challenges', challenge.id);\n      onDelete();\n    } catch (error) {\n      console.error('Error deleting challenge:', error);\n    } finally {\n      setDeleteLoading(false);\n    }\n  };\n  return <div className=\"bg-green-900/20 backdrop-blur-md border border-green-500/30 rounded-2xl p-8\">\n      <div className=\"flex items-center justify-between mb-8\">\n        <h2 className=\"text-2xl font-bold text-white\">Edit Hunt</h2>\n        <button onClick={onCancel} className=\"text-gray-400 hover:text-white transition-colors\">\n          <X className=\"w-6 h-6\" />\n        </button>\n      </div>\n      <form onSubmit={handleSubmit} className=\"space-y-6\">\n        <div>\n          <label className=\"block text-green-300 text-sm font-medium mb-2\">\n            Hunt Name\n          </label>\n          <input type=\"text\" required value={formData.name} onChange={e => setFormData({\n          ...formData,\n          name: e.target.value\n        })} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-green-500\" />\n        </div>\n        <div>\n          <label className=\"block text-green-300 text-sm font-medium mb-2\">\n            Description\n          </label>\n          <textarea required value={formData.description} onChange={e => setFormData({\n          ...formData,\n          description: e.target.value\n        })} rows={4} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-green-500\" />\n        </div>\n        <div>\n          <label className=\"block text-green-300 text-sm font-medium mb-2\">\n            Stream Link\n          </label>\n          <input type=\"url\" required value={formData.streamLink} onChange={e => setFormData({\n          ...formData,\n          streamLink: e.target.value\n        })} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-green-500\" placeholder=\"https://pump.fun/live/...\" />\n        </div>\n        <div className=\"grid md:grid-cols-2 gap-6\">\n          <div>\n            <label className=\"block text-green-300 text-sm font-medium mb-2\">\n              Start Time\n            </label>\n            <input type=\"datetime-local\" required value={formData.startTime} onChange={e => setFormData({\n            ...formData,\n            startTime: e.target.value\n          })} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-green-500\" />\n          </div>\n          <div>\n            <label className=\"block text-green-300 text-sm font-medium mb-2\">\n              End Time\n            </label>\n            <input type=\"datetime-local\" required value={formData.endTime} onChange={e => setFormData({\n            ...formData,\n            endTime: e.target.value\n          })} className=\"w-full px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white focus:outline-none focus:ring-2 focus:ring-green-500\" />\n          </div>\n        </div>\n        <div className=\"flex space-x-4\">\n          <button type=\"submit\" disabled={loading} className=\"flex-1 bg-green-600 hover:bg-green-700 text-white font-semibold py-3 px-6 rounded-lg transition-all disabled:opacity-50 flex items-center justify-center space-x-2\">\n            <Save className=\"w-4 h-4\" />\n            <span>{loading ? 'Saving...' : 'Save Changes'}</span>\n          </button>\n          <button type=\"button\" onClick={handleDelete} disabled={deleteLoading} className=\"bg-red-600 hover:bg-red-700 text-white font-semibold py-3 px-6 rounded-lg transition-all disabled:opacity-50 flex items-center justify-center space-x-2\">\n            <Trash2 className=\"w-4 h-4\" />\n            <span>{deleteLoading ? 'Deleting...' : 'Delete'}</span>\n          </button>\n        </div>\n      </form>\n    </div>;\n}\nfunction ChallengeView({\n  challenge,\n  devbaseClient,\n  userWallet,\n  onBack,\n  hashCodeword,\n  getCurrentTime,\n  onChallengeUpdate,\n  isGuestMode\n}) {\n  const [codeword, setCodeword] = useState('');\n  const [attempts, setAttempts] = useState(null);\n  const [winners, setWinners] = useState([]);\n  const [hasWon, setHasWon] = useState(false);\n  const [, setUserRank] = useState(null);\n  const [, setIsActualWinner] = useState(false);\n  const [loading, setLoading] = useState(false);\n  const [feedback, setFeedback] = useState('');\n  const [isEditing, setIsEditing] = useState(false);\n  const [currentChallenge, setCurrentChallenge] = useState(challenge);\n  const tokenInfo = useTokenInfo(currentChallenge.rewardToken);\n  useEffect(() => {\n    if (userWallet) {\n      loadAttempts();\n      loadWinners();\n    } else {\n      setAttempts(null);\n      setWinners([]);\n      setHasWon(false);\n      setUserRank(null);\n      setIsActualWinner(false);\n    }\n  }, [userWallet, currentChallenge.id]);\n  const loadAttempts = async () => {\n    try {\n      const attemptsList = await devbaseClient.listEntities('attempts', {\n        wallet: userWallet,\n        challengeId: currentChallenge.id\n      });\n      if (attemptsList.length > 0) {\n        setAttempts(attemptsList[0]);\n      }\n    } catch (error) {\n      console.error('Error loading attempts:', error);\n    }\n  };\n  const loadWinners = async () => {\n    try {\n      const winnersList = await devbaseClient.listEntities('winners', {\n        challengeId: currentChallenge.id\n      });\n      const sortedWinners = winnersList.sort((a, b) => new Date(a.wonAt) - new Date(b.wonAt));\n      setWinners(sortedWinners);\n      const userWinner = sortedWinners.find(winner => winner.wallet === userWallet);\n      setHasWon(!!userWinner);\n      setUserRank(userWinner ? 1 : null);\n      setIsActualWinner(!!userWinner);\n    } catch (error) {\n      console.error('Error loading winners:', error);\n    }\n  };\n  const handleSubmit = async e => {\n    e.preventDefault();\n    if (!codeword.trim() || loading || hasWon || isGuestMode) return;\n    setLoading(true);\n    setFeedback('');\n    try {\n      const hashedInput = await hashCodeword(codeword.trim().toLowerCase());\n      const isCorrect = hashedInput === currentChallenge.hashedCodeword;\n      if (isCorrect) {\n        try {\n          const currentWinners = await devbaseClient.listEntities('winners', {\n            challengeId: currentChallenge.id\n          });\n          const userAlreadyWon = currentWinners.some(winner => winner.wallet === userWallet);\n          if (userAlreadyWon) {\n            setFeedback(`❌ You have already won this hunt!`);\n            loadWinners();\n            return;\n          }\n          const maxWinners = currentChallenge.maxWinners || 1;\n          if (currentWinners.length < maxWinners) {\n            const perWinnerAmount = currentChallenge.rewardAmount / maxWinners;\n            await devbaseClient.createEntity('winners', {\n              wallet: userWallet,\n              challengeId: currentChallenge.id,\n              wonAt: getCurrentTime(),\n              claimed: false,\n              rewardAmount: perWinnerAmount\n            });\n            setHasWon(true);\n            setIsActualWinner(true);\n            setFeedback(`🎉 Congratulations! You won ${perWinnerAmount.toFixed(6)} ${tokenInfo.symbol}!`);\n          } else {\n            setFeedback(`❌ Hunt already completed! All ${maxWinners} winner spots have been taken.`);\n          }\n          loadWinners();\n        } catch (winnerError) {\n          console.error('Error creating winner:', winnerError);\n          setFeedback('❌ Error recording your correct answer. Please try again.');\n          loadWinners();\n        }\n      } else {\n        try {\n          const currentTries = attempts ? attempts.tryCount : 0;\n          const newTries = currentTries + 1;\n          let updatedAttempt;\n          if (attempts) {\n            await devbaseClient.updateEntity('attempts', attempts.id, {\n              tryCount: newTries,\n              lastAttemptAt: getCurrentTime()\n            });\n            updatedAttempt = {\n              ...attempts,\n              tryCount: newTries,\n              lastAttemptAt: getCurrentTime()\n            };\n          } else {\n            updatedAttempt = await devbaseClient.createEntity('attempts', {\n              wallet: userWallet,\n              challengeId: currentChallenge.id,\n              tryCount: newTries,\n              lastAttemptAt: getCurrentTime()\n            });\n          }\n          setAttempts(updatedAttempt);\n          if (newTries >= currentChallenge.maxTries) {\n            setFeedback('❌ No more tries remaining!');\n          } else {\n            setFeedback(`❌ Wrong code. ${currentChallenge.maxTries - newTries} tries left.`);\n          }\n        } catch (attemptError) {\n          console.error('Error updating attempt:', attemptError);\n          setFeedback('❌ Error recording attempt. Please try again.');\n          loadAttempts();\n        }\n      }\n      setCodeword('');\n    } catch (error) {\n      console.error('Error submitting codeword:', error);\n      setFeedback('❌ Error submitting. Please try again.');\n    } finally {\n      setLoading(false);\n    }\n  };\n  const isRunning = () => {\n    const now = new Date();\n    const start = new Date(currentChallenge.startTime);\n    const end = new Date(currentChallenge.endTime);\n    return start <= now && now <= end;\n  };\n  const hasStarted = () => {\n    const now = new Date();\n    const start = new Date(currentChallenge.startTime);\n    return start <= now;\n  };\n  const canEdit = () => {\n    return userWallet && currentChallenge.createdBy === userWallet && !hasStarted();\n  };\n  const canSubmit = () => {\n    if (!userWallet || !isRunning() || hasWon) return false;\n    const tries = attempts ? attempts.tryCount : 0;\n    return tries < currentChallenge.maxTries;\n  };\n  const handleEditSuccess = async () => {\n    setIsEditing(false);\n    onChallengeUpdate();\n    try {\n      const updatedChallenge = await devbaseClient.getEntity('challenges', currentChallenge.id);\n      setCurrentChallenge(updatedChallenge);\n    } catch (error) {\n      console.error('Error reloading challenge:', error);\n    }\n  };\n  const handleDelete = () => {\n    onChallengeUpdate();\n    onBack();\n  };\n  if (isEditing) {\n    return <div className=\"max-w-4xl mx-auto\">\n        <button onClick={onBack} className=\"flex items-center space-x-2 text-green-300 hover:text-white transition-colors mb-6\">\n          <span>←</span>\n          <span>Back to Hunts</span>\n        </button>\n        <EditChallenge challenge={currentChallenge} devbaseClient={devbaseClient} onSuccess={handleEditSuccess} onCancel={() => setIsEditing(false)} onDelete={handleDelete} />\n      </div>;\n  }\n  return <div className=\"max-w-4xl mx-auto\">\n      <button onClick={onBack} className=\"flex items-center space-x-2 text-green-300 hover:text-white transition-colors mb-6\">\n        <span>←</span>\n        <span>Back to Hunts</span>\n      </button>\n      <div className=\"bg-green-900/20 backdrop-blur-md border border-green-500/30 rounded-2xl overflow-hidden\">\n        <div className=\"p-8\">\n          <div className=\"flex flex-col md:flex-row md:items-start justify-between mb-8\">\n            {}\n            <div className=\"block md:hidden mb-6 text-center\">\n              <div className=\"w-20 h-20 rounded-xl flex items-center justify-center mx-auto mb-4\">\n                <img src=\"https://cdn.dev.fun/asset/745eca412a77f5d78762/codewordlogo_492e8821.png\" alt=\"Hunt\" className=\"w-16 h-16\" />\n              </div>\n            </div>\n            <div className=\"flex flex-col md:flex-row md:items-start md:space-x-6 flex-1\">\n              {}\n              <div className=\"hidden md:block w-24 h-24 rounded-xl flex items-center justify-center text-4xl flex-shrink-0\">\n                <img src=\"https://cdn.dev.fun/asset/745eca412a77f5d78762/codewordlogo_492e8821.png\" alt=\"Hunt\" className=\"w-16 h-16\" />\n              </div>\n              <div className=\"flex-1\">\n                <div className=\"flex flex-col sm:flex-row sm:items-center sm:space-x-4 mb-4\">\n                  <h1 className=\"text-2xl md:text-3xl font-bold text-white mb-2 sm:mb-0\">{currentChallenge.name}</h1>\n                  <a href={currentChallenge.streamLink} target=\"_blank\" rel=\"noopener noreferrer\" className=\"inline-flex items-center justify-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg transition-colors w-full sm:w-auto\">\n                    <Play className=\"w-4 h-4\" />\n                    <span>Live Stream</span>\n                  </a>\n                </div>\n                <p className=\"text-gray-300 text-base md:text-lg mb-4\">\n                  {hasStarted() ? currentChallenge.description : <span className=\"italic\">Description will be visible after the hunt starts</span>}\n                </p>\n                <div className=\"mb-4\">\n                  <a href={`https://pump.fun/profile/${currentChallenge.createdBy}`} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-green-400 hover:text-green-300 transition-colors text-sm flex items-center space-x-1\">\n                    <span>Creator:</span>\n                    <UserDisplay wallet={currentChallenge.createdBy} devbaseClient={devbaseClient} />\n                  </a>\n                </div>\n                <div className=\"text-sm text-gray-400 mb-6\">\n                  <div>Start: {new Date(currentChallenge.startTime).toLocaleString()}</div>\n                  <div>End: {new Date(currentChallenge.endTime).toLocaleString()}</div>\n                </div>\n                <div className=\"grid grid-cols-2 gap-4 text-sm\">\n                  <div className=\"bg-green-900/10 rounded-lg p-3 text-center border border-green-500/20\">\n                    <div className=\"text-green-300 font-semibold\">Reward</div>\n                    {currentChallenge.transactionSignature ? <a href={`https://explorer.solana.com/tx/${currentChallenge.transactionSignature}`} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-white text-lg hover:text-green-300 transition-colors cursor-pointer underline decoration-green-500/50 hover:decoration-green-300\">\n                        {currentChallenge.rewardAmount} {tokenInfo.loading ? '...' : tokenInfo.symbol}\n                      </a> : <div className=\"text-white text-lg\">{currentChallenge.rewardAmount} {tokenInfo.loading ? '...' : tokenInfo.symbol}</div>}\n                  </div>\n                  <div className=\"bg-green-900/10 rounded-lg p-3 text-center border border-green-500/20\">\n                    <div className=\"text-green-400 font-semibold\">Max Tries</div>\n                    <div className=\"text-white text-lg\">{currentChallenge.maxTries}</div>\n                  </div>\n                  <div className=\"bg-green-900/10 rounded-lg p-3 text-center border border-green-500/20\">\n                    <div className=\"text-green-200 font-semibold\">Winners</div>\n                    <div className=\"text-white text-lg\">{winners.length}/{currentChallenge.maxWinners || 1}</div>\n                  </div>\n                  <div className=\"bg-green-900/10 rounded-lg p-3 text-center border border-green-500/20\">\n                    <div className=\"text-green-100 font-semibold\">Status</div>\n                    <div className=\"text-white text-lg\">\n                      {isRunning() ? 'Live' : hasStarted() ? 'Ended' : 'Not Started'}\n                    </div>\n                  </div>\n                </div>\n              </div>\n            </div>\n            {canEdit() && <button onClick={() => setIsEditing(true)} className=\"flex items-center space-x-2 bg-green-600 hover:bg-green-700 text-white px-4 py-2 rounded-lg transition-colors\">\n                <Edit className=\"w-4 h-4\" />\n                <span>Edit</span>\n              </button>}\n          </div>\n          <div className=\"border-t border-green-500/30 pt-8\">\n            <h2 className=\"text-2xl font-bold text-white mb-6\">Enter Code</h2>\n            {isGuestMode ? <div className=\"bg-gray-500/20 border border-gray-500/50 rounded-lg p-6 text-center\">\n                <div className=\"text-4xl mb-4\">👋</div>\n                <h3 className=\"text-xl font-bold text-white mb-2\">Guest Mode</h3>\n                <p className=\"text-gray-300\">Connect your wallet to participate in hunts.</p>\n              </div> : currentChallenge.createdBy === userWallet ? <div className=\"bg-gray-500/20 border border-gray-500/50 rounded-lg p-6 text-center\">\n                <div className=\"text-4xl mb-4\">🚫</div>\n                <h3 className=\"text-xl font-bold text-white mb-2\">Creator Restriction</h3>\n                <p className=\"text-gray-300\">You cannot participate in your own hunt</p>\n              </div> : hasWon ? <div className=\"bg-green-500/20 border border-green-500/50 rounded-lg p-6 text-center\">\n                <Trophy className=\"w-12 h-12 text-green-400 mx-auto mb-4\" />\n                <h3 className=\"text-xl font-bold text-white mb-2\">\n                  🎉 You Won!\n                </h3>\n                <p className=\"text-green-300 mb-4\">\n                  You won {(() => {\n                const userWinner = winners.find(winner => winner.wallet === userWallet);\n                return userWinner ? userWinner.rewardAmount.toFixed(6) : (currentChallenge.rewardAmount / (currentChallenge.maxWinners || 1)).toFixed(6);\n              })()} {tokenInfo.loading ? '...' : tokenInfo.symbol}! The reward can be claimed after the challenge ends.\n                </p>\n              </div> : winners.length >= (currentChallenge.maxWinners || 1) ? <div className=\"bg-gray-500/20 border border-gray-500/50 rounded-lg p-6 text-center\">\n                <div className=\"text-4xl mb-4\">🏆</div>\n                <h3 className=\"text-xl font-bold text-white mb-2\">Hunt Completed</h3>\n                <p className=\"text-gray-300\">This hunt has reached the maximum number of winners ({currentChallenge.maxWinners || 1})</p>\n              </div> : !isRunning() ? <div className=\"bg-gray-500/20 border border-gray-500/50 rounded-lg p-6 text-center\">\n                <Clock className=\"w-12 h-12 text-gray-400 mx-auto mb-4\" />\n                <h3 className=\"text-xl font-bold text-white mb-2\">{hasStarted() ? 'Hunt Ended' : 'Hunt not started yet'}</h3>\n                <p className=\"text-gray-300\">{hasStarted() ? 'This hunt is no longer active' : 'This hunt is not active yet'}</p>\n              </div> : !canSubmit() ? <div className=\"bg-red-500/20 border border-red-500/50 rounded-lg p-6 text-center\">\n                <Target className=\"w-12 h-12 text-red-400 mx-auto mb-4\" />\n                <h3 className=\"text-xl font-bold text-white mb-2\">No Tries Remaining</h3>\n                <p className=\"text-red-300\">You have used all {currentChallenge.maxTries} attempts</p>\n              </div> : <form onSubmit={handleSubmit} className=\"space-y-4\">\n                <div className=\"flex space-x-4\">\n                  <input type=\"text\" value={codeword} onChange={e => setCodeword(e.target.value)} placeholder=\"Enter the secret code...\" className=\"flex-1 px-4 py-3 bg-green-900/10 border border-green-500/30 rounded-lg text-white placeholder-gray-400 focus:outline-none focus:ring-2 focus:ring-green-500\" disabled={loading} />\n                  <button type=\"submit\" disabled={!codeword.trim() || loading} className=\"bg-green-600 hover:bg-green-700 text-white px-6 py-3 rounded-lg transition-colors disabled:opacity-50\">\n                    {loading ? '...' : 'Submit'}\n                  </button>\n                </div>\n                <div className=\"flex items-center justify-between text-sm\">\n                  <span className=\"text-gray-400\">\n                    Tries used: {attempts ? attempts.tryCount : 0} / {currentChallenge.maxTries}\n                  </span>\n                  {feedback && <span className={`font-medium ${feedback.includes('🎉') ? 'text-green-400' : 'text-red-400'}`}>\n                      {feedback}\n                    </span>}\n                </div>\n              </form>}\n          </div>\n          {winners.length > 0 && <div className=\"border-t border-green-500/30 pt-8 mt-8\">\n              <h3 className=\"text-xl font-bold text-white mb-4\">🏆 Winners ({winners.length}/{currentChallenge.maxWinners || 1})</h3>\n              <div className=\"space-y-2\">\n                {winners.map((winner, index) => <div key={winner.id} className=\"flex items-center justify-between rounded-lg p-3 border bg-green-900/20 border-green-500/40\">\n                    <div className=\"flex items-center space-x-3\">\n                      <Trophy className=\"w-4 h-4 text-yellow-400\" />\n                      <span className=\"text-xs text-gray-400 mr-2\">#{index + 1}</span>\n                      <a href={`https://pump.fun/profile/${winner.wallet}`} target=\"_blank\" rel=\"noopener noreferrer\" className=\"transition-colors text-green-400 hover:text-green-300\">\n                        <UserDisplay wallet={winner.wallet} devbaseClient={devbaseClient} showFull={true} />\n                      </a>\n                    </div>\n                    <div className=\"text-right\">\n                      <div className=\"text-green-300 text-sm\">{winner.rewardAmount.toFixed(6)} {tokenInfo.symbol}</div>\n                      <div className=\"text-gray-400 text-xs\">\n                        {new Date(winner.wonAt).toLocaleString()}\n                      </div>\n                    </div>\n                  </div>)}\n              </div>\n            </div>}\n        </div>\n      </div>\n    </div>;\n}\nfunction StatisticsModal({\n  devbaseClient,\n  onClose\n}) {\n  const [statistics, setStatistics] = useState({\n    activeCreators: 0,\n    totalHunts: 0,\n    activeHunters: 0,\n    verifiedHunters: 0,\n    totalAttempts: 0,\n    loading: true\n  });\n  useEffect(() => {\n    loadStatistics();\n  }, []);\n  const loadStatistics = async () => {\n    try {\n      setStatistics(prev => ({\n        ...prev,\n        loading: true\n      }));\n      const [challenges, attempts, users] = await Promise.all([devbaseClient.listEntities('challenges'), devbaseClient.listEntities('attempts'), devbaseClient.listEntities('users')]);\n      const uniqueCreators = new Set(challenges.map(challenge => challenge.createdBy));\n      const activeCreators = uniqueCreators.size;\n      const totalHunts = challenges.length;\n      const uniqueHunters = new Set(attempts.map(attempt => attempt.wallet));\n      const activeHunters = uniqueHunters.size;\n      const verifiedUserWallets = new Set(users.filter(user => user.isVerified).map(user => user.wallet));\n      const verifiedHunters = [...uniqueHunters].filter(wallet => verifiedUserWallets.has(wallet)).length;\n      const totalAttempts = attempts.length;\n      setStatistics({\n        activeCreators,\n        totalHunts,\n        activeHunters,\n        verifiedHunters,\n        totalAttempts,\n        loading: false\n      });\n    } catch (error) {\n      console.error('Error loading statistics:', error);\n      setStatistics(prev => ({\n        ...prev,\n        loading: false\n      }));\n    }\n  };\n  return <div className=\"fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center p-4\">\n      <div className=\"bg-green-900/20 backdrop-blur-md border border-green-500/30 rounded-2xl p-8 max-w-lg w-full\">\n        <div className=\"flex items-center justify-between mb-6\">\n          <h2 className=\"text-2xl font-bold text-white\">Platform Statistics</h2>\n          <button onClick={onClose} className=\"text-gray-400 hover:text-white transition-colors\">\n            <X className=\"w-6 h-6\" />\n          </button>\n        </div>\n        {statistics.loading ? <div className=\"text-center py-8\">\n            <div className=\"animate-spin w-8 h-8 border-2 border-green-500 border-t-transparent rounded-full mx-auto mb-4\"></div>\n            <p className=\"text-gray-300\">Loading statistics...</p>\n          </div> : <div className=\"space-y-6\">\n            <div className=\"bg-green-900/10 border border-green-500/20 rounded-lg p-4\">\n              <h3 className=\"text-lg font-semibold text-white mb-3 flex items-center space-x-2\">\n                <Trophy className=\"w-5 h-5 text-yellow-400\" />\n                <span>Creator Activity</span>\n              </h3>\n              <div className=\"grid grid-cols-2 gap-4\">\n                <div className=\"text-center\">\n                  <div className=\"text-2xl font-bold text-green-400\">{statistics.activeCreators}</div>\n                  <div className=\"text-sm text-gray-300\">Active Creators</div>\n                </div>\n                <div className=\"text-center\">\n                  <div className=\"text-2xl font-bold text-green-400\">{statistics.totalHunts}</div>\n                  <div className=\"text-sm text-gray-300\">Total Hunts</div>\n                </div>\n              </div>\n            </div>\n            <div className=\"bg-green-900/10 border border-green-500/20 rounded-lg p-4\">\n              <h3 className=\"text-lg font-semibold text-white mb-3 flex items-center space-x-2\">\n                <Target className=\"w-5 h-5 text-blue-400\" />\n                <span>Hunter Activity</span>\n              </h3>\n              <div className=\"grid grid-cols-3 gap-4\">\n                <div className=\"text-center\">\n                  <div className=\"text-2xl font-bold text-blue-400\">{statistics.activeHunters}</div>\n                  <div className=\"text-sm text-gray-300\">Active Hunters</div>\n                </div>\n                <div className=\"text-center\">\n                  <div className=\"text-2xl font-bold text-green-400\">{statistics.verifiedHunters}</div>\n                  <div className=\"text-sm text-gray-300\">Verified Hunters</div>\n                </div>\n                <div className=\"text-center\">\n                  <div className=\"text-2xl font-bold text-blue-400\">{statistics.totalAttempts}</div>\n                  <div className=\"text-sm text-gray-300\">Total Attempts</div>\n                </div>\n              </div>\n            </div>\n          </div>}\n      </div>\n    </div>;\n}\nfunction PastHuntsModal({\n  challenges,\n  onClose,\n  formatTime,\n  isGuestMode\n}) {\n  const {\n    devbaseClient,\n    userWallet\n  } = useDevapp();\n  const [creatorClaims, setCreatorClaims] = useState([]);\n  const [claimingChallenges, setClaimingChallenges] = useState(new Set());\n  const [userWinners, setUserWinners] = useState([]);\n  const [challengeWinners, setChallengeWinners] = useState({});\n  const [claimingWinners, setClaimingWinners] = useState(new Set());\n  const [activeFilter, setActiveFilter] = useState('all');\n  const [toast, setToast] = useState(null);\n  const [userAttempts, setUserAttempts] = useState([]);\n  useEffect(() => {\n    if (userWallet) {\n      loadCreatorClaims();\n      loadUserWinners();\n      loadUserAttempts();\n    } else {\n      setCreatorClaims([]);\n      setUserWinners([]);\n      setUserAttempts([]);\n    }\n    loadAllWinners();\n  }, [userWallet]);\n  const loadCreatorClaims = async () => {\n    try {\n      const claims = await devbaseClient.listEntities('creatorClaims');\n      setCreatorClaims(claims);\n    } catch (error) {\n      console.error('Error loading creator claims:', error);\n    }\n  };\n  const loadUserWinners = async () => {\n    try {\n      const winners = await devbaseClient.listEntities('winners', {\n        wallet: userWallet\n      });\n      setUserWinners(winners);\n    } catch (error) {\n      console.error('Error loading user winners:', error);\n    }\n  };\n  const loadUserAttempts = async () => {\n    try {\n      const attempts = await devbaseClient.listEntities('attempts', {\n        wallet: userWallet\n      });\n      setUserAttempts(attempts);\n    } catch (error) {\n      console.error('Error loading user attempts:', error);\n    }\n  };\n  const loadAllWinners = async () => {\n    try {\n      const winnersData = {};\n      for (const challenge of challenges) {\n        try {\n          const winners = await devbaseClient.listEntities('winners', {\n            challengeId: challenge.id\n          });\n          winnersData[challenge.id] = winners;\n        } catch (error) {\n          console.error(`Error loading winners for challenge ${challenge.id}:`, error);\n          winnersData[challenge.id] = [];\n        }\n      }\n      setChallengeWinners(winnersData);\n    } catch (error) {\n      console.error('Error loading all winners:', error);\n    }\n  };\n  const showToast = (message, type = 'success') => {\n    setToast({\n      message,\n      type\n    });\n    setTimeout(() => setToast(null), 4000);\n  };\n  const handleCreatorClaim = async challengeId => {\n    setClaimingChallenges(prev => new Set([...prev, challengeId]));\n    try {\n      const challenge = challenges.find(c => c.id === challengeId);\n      const claimAmount = parseFloat(challenge.rewardAmount);\n      await devbaseClient.createEntity('creatorClaims', {\n        challengeId: challengeId,\n        claimedAmount: claimAmount,\n        claimedAt: new Date().toISOString()\n      });\n      loadCreatorClaims();\n      showToast('🎉 Unclaimed rewards successfully claimed!', 'success');\n    } catch (error) {\n      console.error('Error claiming as creator:', error);\n      showToast('❌ Failed to claim rewards. Please try again.', 'error');\n    } finally {\n      setClaimingChallenges(prev => {\n        const newSet = new Set(prev);\n        newSet.delete(challengeId);\n        return newSet;\n      });\n    }\n  };\n  const handleWinnerClaim = async winnerId => {\n    setClaimingWinners(prev => new Set([...prev, winnerId]));\n    try {\n      await devbaseClient.updateEntity('winners', winnerId, {\n        claimed: true\n      });\n      loadUserWinners();\n      showToast('🎉 Winner reward successfully claimed!', 'success');\n    } catch (error) {\n      console.error('Error claiming winner reward:', error);\n      showToast('❌ Failed to claim winner reward. Please try again.', 'error');\n    } finally {\n      setClaimingWinners(prev => {\n        const newSet = new Set(prev);\n        newSet.delete(winnerId);\n        return newSet;\n      });\n    }\n  };\n  const canCreatorClaim = challenge => {\n    const now = new Date();\n    const endTime = new Date(challenge.endTime);\n    const hasEnded = endTime < now;\n    const alreadyClaimed = creatorClaims.some(claim => claim.challengeId === challenge.id);\n    const winners = challengeWinners[challenge.id] || [];\n    const maxWinners = challenge.maxWinners || 1;\n    const allSpotsNotTaken = winners.length < maxWinners;\n    return userWallet && challenge.createdBy === userWallet && hasEnded && !alreadyClaimed && allSpotsNotTaken;\n  };\n  const hasCreatorClaimed = challenge => {\n    return creatorClaims.some(claim => claim.challengeId === challenge.id);\n  };\n  const getUserWinnerStatus = challenge => {\n    if (!userWallet) return null;\n    const userWinner = userWinners.find(winner => winner.challengeId === challenge.id);\n    if (!userWinner) return null;\n    return {\n      id: userWinner.id,\n      isWinner: true,\n      claimed: userWinner.claimed\n    };\n  };\n  const getFilteredChallenges = () => {\n    if (isGuestMode) {\n      return challenges;\n    }\n    switch (activeFilter) {\n      case 'my-hunts':\n        return challenges.filter(challenge => challenge.createdBy === userWallet);\n      case 'participated':\n        const winnerChallengeIds = userWinners.map(winner => winner.challengeId);\n        const attemptChallengeIds = userAttempts.map(attempt => attempt.challengeId);\n        const participatedChallengeIds = [...new Set([...winnerChallengeIds, ...attemptChallengeIds])];\n        return challenges.filter(challenge => participatedChallengeIds.includes(challenge.id));\n      default:\n        return challenges;\n    }\n  };\n  const filteredChallenges = getFilteredChallenges();\n  return <div className=\"fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center p-4\">\n      <div className=\"bg-green-900/20 backdrop-blur-md border border-green-500/30 rounded-2xl p-8 max-w-4xl w-full max-h-[80vh] overflow-y-auto\">\n        {toast && <div className={`fixed top-4 right-4 z-60 px-6 py-3 rounded-lg shadow-lg border ${toast.type === 'success' ? 'bg-green-900/90 border-green-500/50 text-green-100' : 'bg-red-900/90 border-red-500/50 text-red-100'} backdrop-blur-md`}>\n            {toast.message}\n          </div>}\n        <div className=\"flex items-center justify-between mb-6\">\n          <h2 className=\"text-2xl font-bold text-white\">Past Hunts</h2>\n          <button onClick={onClose} className=\"text-gray-400 hover:text-white transition-colors\">\n            <X className=\"w-6 h-6\" />\n          </button>\n        </div>\n        <div className=\"flex space-x-2 mb-6\">\n          <button onClick={() => setActiveFilter('all')} className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${activeFilter === 'all' ? 'bg-green-600 text-white' : 'bg-green-900/20 text-green-300 hover:bg-green-900/40'}`}>\n            All Hunts\n          </button>\n          <button onClick={() => setActiveFilter('my-hunts')} disabled={isGuestMode} className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${activeFilter === 'my-hunts' && !isGuestMode ? 'bg-green-600 text-white' : 'bg-green-900/20 text-green-300 hover:bg-green-900/40'} ${isGuestMode ? 'opacity-50 cursor-not-allowed' : ''}`}>\n            My Hunts\n          </button>\n          <button onClick={() => setActiveFilter('participated')} disabled={isGuestMode} className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${activeFilter === 'participated' && !isGuestMode ? 'bg-green-600 text-white' : 'bg-green-900/20 text-green-300 hover:bg-green-900/40'} ${isGuestMode ? 'opacity-50 cursor-not-allowed' : ''}`}>\n            Hunts I Participated\n          </button>\n        </div>\n        {filteredChallenges.length === 0 ? <div className=\"text-center py-8\">\n            <div className=\"text-4xl mb-4\">📜</div>\n            <p className=\"text-gray-300\">\n              {activeFilter === 'my-hunts' ? 'No hunts created by you' : activeFilter === 'participated' ? 'No hunts participated in' : 'No past hunts found'}\n            </p>\n          </div> : <div className=\"space-y-4\">\n            {filteredChallenges.map(challenge => <div key={challenge.id} className=\"bg-green-900/10 border border-green-500/20 rounded-lg p-4\">\n                <div className=\"grid grid-cols-1 md:grid-cols-6 gap-4 items-center\">\n                  <div className=\"md:col-span-2\">\n                    <a href={challenge.streamLink} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-white font-semibold mb-1 hover:text-green-300 transition-colors block\">\n                      {challenge.name}\n                    </a>\n                    <a href={`https://pump.fun/profile/${challenge.createdBy}`} target=\"_blank\" rel=\"noopener noreferrer\" className=\"text-green-400 hover:text-green-300 text-sm transition-colors\">\n                      <UserDisplay wallet={challenge.createdBy} devbaseClient={devbaseClient} />\n                    </a>\n                  </div>\n            <div className=\"text-center\">\n                    <div className=\"text-green-200 font-semibold\">Status</div>\n                    <div className=\"text-white text-lg\">Ended</div>\n                  </div>\n                  <div className=\"text-center\">\n                    {(() => {\n                const winners = challengeWinners[challenge.id] || [];\n                const maxWinners = challenge.maxWinners || 1;\n                if (winners.length === 0) {\n                  return <div className=\"text-gray-400 font-semibold\">No Winners</div>;\n                }\n                return <div className=\"text-yellow-400 font-semibold text-sm\">\n                          <div>Winners: {winners.length}/{maxWinners}</div>\n                          {winners.length === 1 ? <div>\n                              <UserDisplay wallet={winners[0].wallet} devbaseClient={devbaseClient} />\n                            </div> : <div className=\"text-xs\">Multiple winners</div>}\n                        </div>;\n              })()}\n                  </div>\n                  <div className=\"text-center space-y-2\">\n                    {!isGuestMode && canCreatorClaim(challenge) && <button onClick={() => handleCreatorClaim(challenge.id)} disabled={claimingChallenges.has(challenge.id)} className=\"bg-yellow-600 hover:bg-yellow-700 text-white px-3 py-1 rounded text-sm transition-colors disabled:opacity-50 block w-full\">\n                        {claimingChallenges.has(challenge.id) ? 'Claiming...' : 'Claim Unclaimed Rewards'}\n                      </button>}\n                    {!isGuestMode && challenge.createdBy === userWallet && hasCreatorClaimed(challenge) && (() => {\n                const claim = creatorClaims.find(claim => claim.challengeId === challenge.id);\n                return claim && claim.transactionSignature ? <a href={`https://explorer.solana.com/tx/${claim.transactionSignature}`} target=\"_blank\" rel=\"noopener noreferrer\" className=\"bg-green-500/20 text-green-300 px-3 py-1 rounded text-sm hover:text-green-200 transition-colors cursor-pointer underline decoration-green-500/50 hover:decoration-green-200 block w-full text-center\">\n                          Creator Claimed\n                        </a> : <div className=\"bg-green-500/20 text-green-300 px-3 py-1 rounded text-sm text-center\">\n                          Creator Claimed\n                        </div>;\n              })()}\n                    {!isGuestMode && (() => {\n                const winnerStatus = getUserWinnerStatus(challenge);\n                if (winnerStatus) {\n                  if (winnerStatus.claimed) {\n                    return <div className=\"bg-green-500/20 text-green-300 px-3 py-1 rounded text-sm\">\n                              Winner - Claimed\n                            </div>;\n                  } else {\n                    return <button onClick={() => handleWinnerClaim(winnerStatus.id)} disabled={claimingWinners.has(winnerStatus.id)} className=\"bg-yellow-600 hover:bg-yellow-700 text-white px-3 py-1 rounded text-sm transition-colors disabled:opacity-50 block w-full\">\n                              {claimingWinners.has(winnerStatus.id) ? 'Claiming...' : 'Winner - Claim Rewards'}\n                            </button>;\n                  }\n                }\n                return null;\n              })()}\n                  </div>\n                </div>\n              </div>)}\n          </div>}\n      </div>\n    </div>;\n}\nfunction SortModal({\n  sectionType,\n  onClose,\n  currentSortConfig,\n  onSortChange\n}) {\n  const sortOptions = [{\n    key: 'name',\n    label: 'Name'\n  }, {\n    key: 'rewardAmount',\n    label: 'Reward Amount'\n  }];\n  if (sectionType === 'running') {\n    sortOptions.push({\n      key: 'endTime',\n      label: 'End Time'\n    });\n  } else {\n    sortOptions.push({\n      key: 'startTime',\n      label: 'Start Time'\n    });\n  }\n  const handleSortClick = key => {\n    let newDirection = 'asc';\n    if (currentSortConfig.key === key) {\n      if (currentSortConfig.direction === 'asc') {\n        newDirection = 'desc';\n      } else if (currentSortConfig.direction === 'desc') {\n        newDirection = null;\n      }\n    }\n    onSortChange({\n      key: newDirection ? key : null,\n      direction: newDirection\n    });\n  };\n  return <div className=\"fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center p-4\" onClick={onClose}>\n      <div className=\"bg-green-900/20 backdrop-blur-md border border-green-500/30 rounded-2xl p-6 max-w-sm w-full\" onClick={e => e.stopPropagation()}>\n        <div className=\"flex items-center justify-between mb-6\">\n          <h2 className=\"text-xl font-bold text-white\">Sort Hunts</h2>\n          <button onClick={onClose} className=\"text-gray-400 hover:text-white transition-colors\">\n            <X className=\"w-6 h-6\" />\n          </button>\n        </div>\n        <div className=\"space-y-3\">\n          {sortOptions.map(option => <button key={option.key} onClick={() => handleSortClick(option.key)} className=\"w-full flex items-center justify-between p-3 bg-green-900/10 hover:bg-green-900/30 border border-green-500/20 rounded-lg text-white transition-colors\">\n              <span>{option.label}</span>\n              <span className=\"flex items-center space-x-2\">\n                {currentSortConfig.key === option.key && <>\n                    {currentSortConfig.direction === 'asc' && <ArrowUp className=\"w-4 h-4 text-green-400\" />}\n                    {currentSortConfig.direction === 'desc' && <ArrowDown className=\"w-4 h-4 text-green-400\" />}\n                  </>}\n              </span>\n            </button>)}\n        </div>\n      </div>\n    </div>;\n}\nfunction CalendarChallengeItem({\n  challenge,\n  onSelect\n}) {\n  const tokenInfo = useTokenInfo(challenge.rewardToken);\n  return <div className=\"bg-green-900/10 border border-green-500/20 rounded-lg p-4 hover:bg-green-900/20 transition-colors cursor-pointer\" onClick={() => onSelect(challenge)}>\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex-1\">\n          <h5 className=\"text-white font-semibold mb-1\">{challenge.name}</h5>\n          <div className=\"flex items-center space-x-4 text-sm text-gray-300\">\n            <span className=\"flex items-center space-x-1\">\n              <Clock className=\"w-3 h-3\" />\n              <span>{new Date(challenge.startTime).toLocaleTimeString([], {\n                hour: '2-digit',\n                minute: '2-digit'\n              })}</span>\n            </span>\n            <span className=\"flex items-center space-x-1\">\n              <Gift className=\"w-3 h-3\" />\n              <span>{challenge.rewardAmount} {tokenInfo.loading ? '...' : tokenInfo.symbol}</span>\n            </span>\n            <span className=\"flex items-center space-x-1\">\n              <Target className=\"w-3 h-3\" />\n              <span>{challenge.maxTries} tries</span>\n            </span>\n          </div>\n        </div>\n        <button className=\"text-green-400 hover:text-green-300 transition-colors\">\n          <ChevronRight className=\"w-5 h-5\" />\n        </button>\n      </div>\n    </div>;\n}\nfunction CalendarModal({\n  challenges,\n  onClose,\n  onChallengeSelect\n}) {\n  const [selectedDate, setSelectedDate] = useState(new Date());\n  const formatDateHeader = date => {\n    return date.toLocaleDateString('en-US', {\n      weekday: 'long',\n      year: 'numeric',\n      month: 'long',\n      day: 'numeric'\n    });\n  };\n  const getHuntsForDate = date => {\n    const dateStr = date.toDateString();\n    return challenges.filter(challenge => {\n      const challengeDate = new Date(challenge.startTime);\n      return challengeDate.toDateString() === dateStr;\n    });\n  };\n  const navigateDate = direction => {\n    const newDate = new Date(selectedDate);\n    newDate.setDate(newDate.getDate() + direction);\n    setSelectedDate(newDate);\n  };\n  const huntsForSelectedDate = getHuntsForDate(selectedDate);\n  return <div className=\"fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center p-4\" onClick={onClose}>\n      <div className=\"bg-green-900/20 backdrop-blur-md border border-green-500/30 rounded-2xl p-6 max-w-2xl w-full max-h-[80vh] overflow-y-auto\" onClick={e => e.stopPropagation()}>\n        <div className=\"flex items-center justify-between mb-6\">\n          <h2 className=\"text-2xl font-bold text-white flex items-center space-x-2\">\n            <Calendar className=\"w-6 h-6\" />\n            <span>Hunt Calendar</span>\n          </h2>\n          <button onClick={onClose} className=\"text-gray-400 hover:text-white transition-colors\">\n            <X className=\"w-6 h-6\" />\n          </button>\n        </div>\n        <div className=\"flex items-center justify-between mb-6 p-4 bg-green-900/10 rounded-lg border border-green-500/20\">\n          <button onClick={() => navigateDate(-1)} className=\"p-2 rounded-lg bg-green-600 hover:bg-green-700 text-white transition-colors\">\n            <ChevronLeft className=\"w-5 h-5\" />\n          </button>\n          <div className=\"text-center\">\n            <h3 className=\"text-lg font-semibold text-white\">\n              {formatDateHeader(selectedDate)}\n            </h3>\n          </div>\n          <button onClick={() => navigateDate(1)} className=\"p-2 rounded-lg bg-green-600 hover:bg-green-700 text-white transition-colors\">\n            <ChevronRight className=\"w-5 h-5\" />\n          </button>\n        </div>\n        <div className=\"space-y-4\">\n          {huntsForSelectedDate.length === 0 ? <div className=\"text-center py-8\">\n              <div className=\"text-4xl mb-4\">📅</div>\n              <p className=\"text-gray-300\">No hunts scheduled for this date</p>\n            </div> : <div className=\"space-y-3\">\n              <h4 className=\"text-lg font-semibold text-white mb-3\">\n                Hunts starting on this day ({huntsForSelectedDate.length})\n              </h4>\n              {huntsForSelectedDate.map(challenge => <CalendarChallengeItem key={challenge.id} challenge={challenge} onSelect={onChallengeSelect} />)}\n            </div>}\n        </div>\n      </div>\n    </div>;\n}\nexport default AppWithProvider;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"@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\",\"lucide-react\":\"0.441.0\",\"react-router-dom\":\"6.18.0\",\"recharts\":\"2.8.0\",\"framer-motion\":\"10.16.4\",\"zod\":\"3.22.4\",\"@solana/spl-token\":\"0.4.8\"}}","appFunctions",[79,87,93,99,105,111],{"_14":80,"_34":81,"_36":82,"_18":83,"_84":85,"_86":39},["B","6875"],["D",1753537027441],["D",1753537027441],"$FUNC_CAN_CREATOR_CLAIM_REWARD","body","async function $FUNC_CAN_CREATOR_CLAIM_REWARD(challengeId) {\n      const challenge = await $ENTITY('challenges').get(challengeId);\n      if (!challenge) return false;\n      \n      const now = new Date();\n      const endTime = new Date(challenge.endTime);\n      const hasEnded = endTime < now;\n      \n      const winners = await $ENTITY('winners').list({ challengeId: challengeId });\n      const maxWinners = challenge.maxWinners || 1;\n      const allSpotsNotTaken = winners.length < maxWinners;\n      \n      const alreadyClaimed = await $ENTITY('creatorClaims').exists({ challengeId: challengeId });\n      \n      const isCreator = challenge.createdBy === $USER_ID;\n      \n      return isCreator && hasEnded && allSpotsNotTaken && !alreadyClaimed;\n    }","commitId",{"_14":88,"_34":89,"_36":90,"_18":91,"_84":92,"_86":39},["B","6876"],["D",1753537027443],["D",1753537027443],"$FUNC_GET_CHALLENGE_REWARD_STRING","function $FUNC_GET_CHALLENGE_REWARD_STRING(claimedAmount) {\n      const amount = parseFloat(claimedAmount) || 0;\n      return amount.toFixed(9);\n    }",{"_14":94,"_34":95,"_36":96,"_18":97,"_84":98,"_86":39},["B","6877"],["D",1753537027444],["D",1753537027444],"$FUNC_GET_CHALLENGE_REWARD_TOKEN","async function $FUNC_GET_CHALLENGE_REWARD_TOKEN(challengeId) {\n      const challenge = await $ENTITY('challenges').get(challengeId);\n      return challenge ? (challenge.rewardToken || $TOKEN_SOL) : $TOKEN_SOL;\n    }",{"_14":100,"_34":101,"_36":102,"_18":103,"_84":104,"_86":39},["B","6878"],["D",1753537027445],["D",1753537027445],"$FUNC_GET_DEPOSIT_AMOUNT","function $FUNC_GET_DEPOSIT_AMOUNT(rewardAmount) {\n      const amount = parseFloat(rewardAmount) || 0;\n      const serviceCharge = amount * 0.05;\n      const total = amount + serviceCharge;\n      return total.toFixed(9);\n    }",{"_14":106,"_34":107,"_36":108,"_18":109,"_84":110,"_86":39},["B","6879"],["D",1753537027445],["D",1753537027445],"$FUNC_GET_REWARD_TOKEN","function $FUNC_GET_REWARD_TOKEN(rewardToken) {\n      return rewardToken;\n    }",{"_14":112,"_34":113,"_36":114,"_18":115,"_84":116,"_86":39},["B","6880"],["D",1753537027446],["D",1753537027446],"$FUNC_GET_WINNER_REWARD_AMOUNT","function $FUNC_GET_WINNER_REWARD_AMOUNT(rewardAmount) {\n      const amount = parseFloat(rewardAmount) || 0;\n      return amount.toFixed(9);\n    }","token","upstreamApp","isLordOfDev","analytics",[122,126,128,130,132,134,136,138,140,142,144,146,148,150,152,153,154,155,156],{"_123":124,"_125":59},"day","2025-08-12","runCount",{"_123":127,"_125":59},"2025-08-13",{"_123":129,"_125":59},"2025-08-14",{"_123":131,"_125":59},"2025-08-15",{"_123":133,"_125":59},"2025-08-16",{"_123":135,"_125":59},"2025-08-17",{"_123":137,"_125":59},"2025-08-18",{"_123":139,"_125":59},"2025-08-19",{"_123":141,"_125":59},"2025-08-20",{"_123":143,"_125":59},"2025-08-21",{"_123":145,"_125":59},"2025-08-22",{"_123":147,"_125":59},"2025-08-23",{"_123":149,"_125":59},"2025-08-24",{"_123":151,"_125":59},"2025-08-25",{"_123":127,"_125":41},{"_123":129,"_125":65},{"_123":135,"_125":41},{"_123":149,"_125":41},{"_123":151,"_125":41},"snapshot","ogImage","https://cdn.dev.fun/og/image/745eca412a77f5d78762/3564dfef.webp","isDevbase","actionData","errors"]
</article></body></html>

pump.fun codes

Connect Your Wallet

\n \n Account Verification\n

Account Verified!

Verify Your Account

\n {'pump.fun codes'}\n

\n {title}\n {challenges.length}\n \n \n \n {!isRunning && onCalendarClick && \n \n }\n

\n {challenge.name}\n

Search Tokens

Your Tokens ({filteredTokens.length})

Create New Hunt

Hunt Details

\n {title}\n {challenges.length}\n \n {!isRunning && onCalendarClick && }\n

say something