[{"_1":2,"_138":-5,"_139":-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":61,"_62":63,"_64":59,"_65":66,"_67":41,"_68":69,"_70":59,"_71":59,"_72":17,"_73":17,"_74":75,"_76":77,"_78":79,"_80":81,"_82":83,"_98":-5,"_99":17,"_100":101,"_134":31,"_135":136,"_137":25},"id","ceb066852ec322680ebb","isMyApp",false,"name","solanaire","description","Test your Solana knowledge and win SOL in this high-stakes quiz inspired by \"Who Wants to Be a Millionaire\"! Deposit 1 SOL to play, answer 20 Solana ecosystem questions in 2.5 minutes, and walk away with double your money if you score over 75%. The clock is ticking, the pressure is mounting - are you Solana savvy enough to cash out?","brief","Stake 1 SOL, ace Solana trivia, and double your crypto in this adrenaline-pumping quiz game!","isLive",true,"isPublic","tags",[29],"💰","cover","https://cdn.dev.fun/snapshot/ceb066852ec322680ebb/82697_909fad4e.webp","cdnUrl","https://cdn.dev.fun/app/ceb066852ec322680ebb/82697","createdAt",["D",1749654941328],"updatedAt",["D",1750021506885],"lastCommitId",["B","82697"],"tier",1,"credits",-18,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"d06e40fa-bf75-4c44-9927-f472200d72a4","uniqueId","UnclePhil","username","solanaWallet","7iwCLzF1RF38Z62GFmrThAfwFpEd4znveUvHok2QbWzj","displayName","bio","BuidL cool shit","avatar","https://cdn.dev.fun/avatar/d06e40fa-bf75-4c44-9927-f472200d72a4/3792a335.webp","commitCount",54,"forkCount",0,"likeCount",12,"runsCount",135,"downvoteCount","upvoteCount",11,"upvoteRate","commentCount",34,"reportCount","visitorCount","isArchived","isRenamed","contractAddress","3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump","code","import { useState, useEffect } from 'react';\nimport { useDevapp, UserButton, DevappProvider } from '@devfunlabs/web-sdk';\nimport { Play, ChevronRight, Clock, Award, Loader2, AlertTriangle, ArrowRight, RefreshCw, Upload, FileText, Trash2, BrainCircuit, Sparkles, FileQuestion, Gift, Zap } from 'lucide-react';\nimport { useChat } from 'ai/react';\nconst ADMIN_WALLET = \"xrwPFQEZCqFwLjtQC8Xg2FPPaoAh6enjE8ZG6Gj7gr5\";\nconst QUESTION_SOURCES = {\n AI: 'ai',\n ARTICLES: 'articles',\n GREED_ACADEMY: 'greed_academy'\n};\nconst GREED_ACADEMY_QUESTIONS = [{\n question: \"How does Solana's Proof of History (PoH) function as a clock for the blockchain?\",\n options: [\"By requiring synchronized physical clocks on validators\", \"By creating a verifiable sequence of events using repeated SHA-256 hashing\", \"By delegating timekeeping to a trusted set of nodes\", \"By using network consensus to agree on timestamps\"],\n correctAnswer: \"By creating a verifiable sequence of events using repeated SHA-256 hashing\"\n}, {\n question: \"What is the significance of Solana's account model versus Ethereum's storage model?\",\n options: [\"Solana uses UTXO while Ethereum uses accounts\", \"Solana accounts own their data while Ethereum contracts own storage\", \"Solana has fixed fees while Ethereum uses gas auctions\", \"Solana uses zk-proofs while Ethereum uses Merkle trees\"],\n correctAnswer: \"Solana accounts own their data while Ethereum contracts own storage\"\n}, {\n question: \"What unique feature does Solana's execution environment 'Sealevel' provide?\",\n options: [\"Layer-2 scaling solutions\", \"Zero-knowledge proof generation\", \"Parallel transaction execution for non-overlapping state\", \"Cross-chain atomic swaps\"],\n correctAnswer: \"Parallel transaction execution for non-overlapping state\"\n}, {\n question: \"How does Solana's Gulf Stream mechanism improve performance?\",\n options: [\"By compressing transaction data\", \"By forwarding transactions to validators before block confirmation\", \"By implementing sharding of the state\", \"By prioritizing transactions with higher fees\"],\n correctAnswer: \"By forwarding transactions to validators before block confirmation\"\n}, {\n question: \"What is the purpose of Solana's Turbine block propagation protocol?\",\n options: [\"To reduce the time required to propagate blocks across validators\", \"To enforce transaction ordering rules\", \"To facilitate cross-chain communication\", \"To implement zero-knowledge privacy features\"],\n correctAnswer: \"To reduce the time required to propagate blocks across validators\"\n}, {\n question: \"What technical limitation necessitates Solana's Cloudbreak horizontally scaled accounts database?\",\n options: [\"Bandwidth constraints in decentralized systems\", \"Memory access limits on modern hardware\", \"Synchronization challenges in distributed systems\", \"Energy consumption concerns\"],\n correctAnswer: \"Memory access limits on modern hardware\"\n}, {\n question: \"How does Solana's Archivers system function?\",\n options: [\"As a data compression service\", \"As a cross-chain bridge protocol\", \"As a distributed ledger storage system\", \"As a transaction batching mechanism\"],\n correctAnswer: \"As a distributed ledger storage system\"\n}, {\n question: \"What cryptographic innovation does Solana use to establish transaction ordering?\",\n options: [\"Trusted execution environments\", \"Verifiable delay functions\", \"Multi-party computation\", \"Zero-knowledge succinct arguments\"],\n correctAnswer: \"Verifiable delay functions\"\n}, {\n question: \"How does Solana handle the state bloat problem?\",\n options: [\"Through mandatory data expiration\", \"By implementing state rent for account storage\", \"With off-chain storage solutions\", \"Using Layer-2 state channels\"],\n correctAnswer: \"By implementing state rent for account storage\"\n}, {\n question: \"What distinguishes Solana's approach to smart contract security?\",\n options: [\"All contracts must pass formal verification\", \"Contracts are executed in isolated runtime environments\", \"The use of move semantics in the Rust programming language\", \"Mandatory security audits before deployment\"],\n correctAnswer: \"The use of move semantics in the Rust programming language\"\n}];\nconst BACKUP_QUESTIONS = [{\n question: \"What specific innovation does Proof of History provide to Solana's consensus mechanism?\",\n options: [\"Verifiable time delay function for transaction sequencing\", \"Increased transaction fees for network security\", \"Delegated voting for validator selection\", \"Byzantine fault tolerance through token staking\"],\n correctAnswer: \"Verifiable time delay function for transaction sequencing\"\n}, {\n question: \"What cryptographic primitive does Solana's Proof of History utilize?\",\n options: [\"SHA-256 sequential hashing\", \"zkSNARKs for privacy\", \"Ed25519 signature scheme\", \"Pedersen commitments\"],\n correctAnswer: \"SHA-256 sequential hashing\"\n}, {\n question: \"Which component of Solana's architecture is responsible for transaction forwarding?\",\n options: [\"Turbine\", \"Gulf Stream\", \"Cloudbreak\", \"Archivers\"],\n correctAnswer: \"Turbine\"\n}, {\n question: \"What is the approximate duration of a Solana epoch?\",\n options: [\"2 days\", \"3 days\", \"5 days\", \"7 days\"],\n correctAnswer: \"2 days\"\n}, {\n question: \"What is the purpose of Solana's 'Sealevel' component?\",\n options: [\"Transaction validation\", \"Parallel smart contract runtime\", \"Block propagation\", \"Account storage\"],\n correctAnswer: \"Parallel smart contract runtime\"\n}, {\n question: \"What theoretical bandwidth does Solana's Turbine block propagation protocol aim to achieve?\",\n options: [\"40 gigabits per second\", \"100 gigabits per second\", \"1 terabit per second\", \"10 terabits per second\"],\n correctAnswer: \"40 gigabits per second\"\n}, {\n question: \"What is the main purpose of Tower BFT in Solana?\",\n options: [\"Data storage optimization\", \"ASIC-resistant mining\", \"Optimistic consensus mechanism\", \"PBFT implementation with PoH\"],\n correctAnswer: \"PBFT implementation with PoH\"\n}, {\n question: \"What's the minimum stake required to become a Solana validator?\",\n options: [\"There is no minimum stake\", \"100 SOL\", \"1,000 SOL\", \"10,000 SOL\"],\n correctAnswer: \"There is no minimum stake\"\n}, {\n question: \"Which of these is the correct format for a Solana account address?\",\n options: [\"Base58 encoded 32-byte public key\", \"Hex encoded 20-byte address\", \"Bech32 encoded public key\", \"Base64 encoded 64-byte public key\"],\n correctAnswer: \"Base58 encoded 32-byte public key\"\n}, {\n question: \"What is the maximum size of a Solana program (smart contract)?\",\n options: [\"256 KB\", \"512 KB\", \"1 MB\", \"Unlimited\"],\n correctAnswer: \"Unlimited\"\n}, {\n question: \"What does Solana's Replicator component do?\",\n options: [\"Distributes transaction data across the network\", \"Handles smart contract execution\", \"Stores historical blockchain data\", \"Validates transaction signatures\"],\n correctAnswer: \"Stores historical blockchain data\"\n}, {\n question: \"What is a Solana Program Derived Address (PDA)?\",\n options: [\"An address that doesn't lie on the Ed25519 curve\", \"A temporary address for transaction validation\", \"A delegated proxy account\", \"A cross-chain interoperability address\"],\n correctAnswer: \"An address that doesn't lie on the Ed25519 curve\"\n}, {\n question: \"Which Solana validator client implementation is the reference implementation?\",\n options: [\"rust-solana\", \"solana-core\", \"solana-validator\", \"solana-labs\"],\n correctAnswer: \"solana-labs\"\n}, {\n question: \"What technology does Solana use for state compression?\",\n options: [\"Zero-knowledge proofs\", \"Concurrent Merkle Trees\", \"State channels\", \"Homomorphic encryption\"],\n correctAnswer: \"Concurrent Merkle Trees\"\n}, {\n question: \"What is the purpose of Solana's Pipelining Transaction Processing Unit?\",\n options: [\"Parallel instruction execution\", \"Validator stake delegation\", \"Transaction optimization\", \"Block validation\"],\n correctAnswer: \"Parallel instruction execution\"\n}, {\n question: \"What was unique about Solana's initial token distribution?\",\n options: [\"No ICO, only private sales and community grants\", \"100% distributed via mining\", \"Initial airdrop to Bitcoin holders\", \"Fully allocated to foundation reserves\"],\n correctAnswer: \"No ICO, only private sales and community grants\"\n}, {\n question: \"What is Solana's approach to state rent?\",\n options: [\"One-time upfront payment\", \"Pay per transaction\", \"Ongoing rent payments\", \"Free state storage\"],\n correctAnswer: \"One-time upfront payment\"\n}, {\n question: \"What does Solana's vote account contain?\",\n options: [\"Transaction history\", \"Validator performance metrics\", \"Staking rewards\", \"Program bytecode\"],\n correctAnswer: \"Validator performance metrics\"\n}, {\n question: \"What is the primary data structure Solana uses for account storage?\",\n options: [\"Patricia Trie\", \"Red-Black Tree\", \"Account hashtable\", \"LRU cache\"],\n correctAnswer: \"Account hashtable\"\n}, {\n question: \"What cryptographic technique does Solana use for its multisig functionality?\",\n options: [\"Threshold signatures\", \"Schnorr signatures\", \"Multiple discrete Ed25519 signatures\", \"Boneh-Lynn-Shacham signatures\"],\n correctAnswer: \"Multiple discrete Ed25519 signatures\"\n}];\nconst ANSWER_LETTERS = [\"A\", \"B\", \"C\", \"D\"];\nconst formatTime = timeInSeconds => {\n const minutes = Math.floor(timeInSeconds / 60);\n const seconds = timeInSeconds % 60;\n return `${minutes}:${seconds < 10 ? '0' : ''}${seconds}`;\n};\nconst fetchSolPrice = async () => {\n try {\n const response = await fetch('https://api.coingecko.com/api/v3/simple/price?ids=solana&vs_currencies=usd', {\n method: 'GET',\n headers: {\n 'Accept': 'application/json'\n }\n });\n if (!response.ok) {\n throw new Error('Failed to fetch SOL price');\n }\n const data = await response.json();\n return data.solana.usd;\n } catch (error) {\n console.error('Error fetching SOL price:', error);\n return 170;\n }\n};\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [gameState, setGameState] = useState('welcome');\n const [currentQuestion, setCurrentQuestion] = useState(0);\n const [score, setScore] = useState(0);\n const [selectedAnswer, setSelectedAnswer] = useState(null);\n const [timeRemaining, setTimeRemaining] = useState(85);\n const [gameId, setGameId] = useState(null);\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n const [vaultBalance, setVaultBalance] = useState(0);\n const [userGames, setUserGames] = useState([]);\n const [adminAmount, setAdminAmount] = useState(1);\n const [questions, setQuestions] = useState(BACKUP_QUESTIONS);\n const [solAmount, setSolAmount] = useState(0.01);\n const [rewardAmount, setRewardAmount] = useState(0.005);\n const [consecutiveLosses, setConsecutiveLosses] = useState(0);\n const [requiresSubscription, setRequiresSubscription] = useState(false);\n const [articleContent, setArticleContent] = useState('');\n const [articles, setArticles] = useState([]);\n const [isProcessingArticle, setIsProcessingArticle] = useState(false);\n const [selectedArticleId, setSelectedArticleId] = useState(null);\n const [questionSource, setQuestionSource] = useState(QUESTION_SOURCES.ARTICLES);\n const [isDeletingArticle, setIsDeletingArticle] = useState(false);\n const systemPrompt = `\nYou are a Solana blockchain expert who creates advanced technical quiz questions.\n\nFor each quiz, generate 20 unique, challenging questions about Solana blockchain technology with 4 answer options.\n\nFollow these exact requirements:\n1. Each question must be DIFFICULT and test DEEP technical knowledge about Solana's architecture, technology, history, features, or ecosystem\n2. Focus on specific technical details, edge cases, and advanced concepts that only serious Solana developers would know\n3. Include questions about implementation details, architectural decisions, and technical tradeoffs\n4. Provide exactly 4 distinct answer options for each question\n5. Make answer options technically plausible but clearly different from each other\n6. Only ONE option should be correct\n7. The correct answer must be factually accurate\n8. Include advanced topics: consensus implementation details, validator requirements, transaction lifecycle, account model specifics, program constraints, etc.\n9. Format your response as a JSON array of objects, with each object containing:\n - \"question\": the question text\n - \"options\": array of 4 strings representing possible answers\n - \"correctAnswer\": string matching exactly one of the options\n\nExample of expected format:\n[\n {\n \"question\": \"What specific architectural component allows Solana to process transactions in parallel?\",\n \"options\": [\"Runtime Account Processing (RAP)\", \"Sealevel's transaction processor\", \"Gulf Stream mempool management\", \"Turbine block propagation\"],\n \"correctAnswer\": \"Sealevel's transaction processor\"\n },\n ...more questions...\n]\n`;\n const {\n messages,\n isLoading: isAiLoading,\n append: appendMessage\n } = useChat({\n api: 'https://chat.dev.fun/chat/ceb066852ec322680ebb',\n initialMessages: [{\n id: 'system',\n role: 'system',\n content: systemPrompt\n }]\n });\n const isAdmin = userWallet === ADMIN_WALLET;\n useEffect(() => {\n const updateSolAmounts = async () => {\n const solPrice = await fetchSolPrice();\n const subAmount = Math.min(0.5 / solPrice, 0.005);\n const rewAmount = Math.min(1 / solPrice, 0.005);\n setSolAmount(Math.round(subAmount * 100000) / 100000);\n setRewardAmount(Math.round(rewAmount * 100000) / 100000);\n console.log(`Updated amounts - Subscription: ${subAmount} SOL, Reward: ${rewAmount} SOL`);\n };\n updateSolAmounts();\n const interval = setInterval(updateSolAmounts, 2 * 60 * 1000);\n return () => clearInterval(interval);\n }, []);\n useEffect(() => {\n if (messages.length > 1 && !isAiLoading) {\n try {\n const lastMessage = messages[messages.length - 1];\n if (lastMessage.role === 'assistant') {\n const content = lastMessage.content;\n const jsonMatch = content.match(/\\[[\\s\\S]*\\]/);\n if (jsonMatch) {\n const jsonString = jsonMatch[0];\n const aiQuestions = JSON.parse(jsonString);\n if (Array.isArray(aiQuestions) && aiQuestions.length > 0) {\n setQuestions(aiQuestions);\n setIsProcessingArticle(false);\n console.log(\"Successfully parsed AI-generated questions:\", aiQuestions.length);\n }\n }\n }\n } catch (error) {\n console.error(\"Error parsing AI response:\", error);\n setQuestions(BACKUP_QUESTIONS);\n setIsProcessingArticle(false);\n }\n }\n }, [messages, isAiLoading]);\n useEffect(() => {\n if (devbaseClient && userWallet) {\n loadVaultBalance();\n loadUserGames();\n checkConsecutiveLosses();\n if (!userGames || userGames.length === 0) {\n setRequiresSubscription(false);\n }\n } else {\n setRequiresSubscription(false);\n setConsecutiveLosses(0);\n }\n }, [devbaseClient, userWallet]);\n const checkConsecutiveLosses = async () => {\n if (!userWallet || !devbaseClient) return;\n try {\n const games = await devbaseClient.listEntities('games', {\n userId: userWallet\n });\n if (!games || games.length === 0) {\n setConsecutiveLosses(0);\n setRequiresSubscription(false);\n console.log(\"New user with no games, no subscription required\");\n return;\n }\n const sortedGames = games.filter(game => game.completed).sort((a, b) => b.endTime - a.endTime);\n if (sortedGames.length === 0) {\n setConsecutiveLosses(0);\n setRequiresSubscription(false);\n console.log(\"User has no completed games, no subscription required\");\n return;\n }\n let losses = 0;\n for (const game of sortedGames) {\n const winPercentage = game.score / 20;\n if (winPercentage < 0.75) {\n losses++;\n } else {\n break;\n }\n }\n setConsecutiveLosses(losses);\n setRequiresSubscription(losses >= 3);\n console.log(`User has ${losses} consecutive losses. Requires subscription: ${losses >= 3}`);\n } catch (err) {\n console.error(\"Error checking consecutive losses:\", err);\n setConsecutiveLosses(0);\n setRequiresSubscription(false);\n }\n };\n useEffect(() => {\n if (devbaseClient && userWallet && isAdmin) {\n loadArticles();\n }\n }, [devbaseClient, userWallet, isAdmin]);\n const loadArticles = async () => {\n try {\n const loadedArticles = await devbaseClient.listEntities('articles');\n setArticles(loadedArticles);\n if (loadedArticles.length > 0 && !selectedArticleId) {\n setSelectedArticleId(loadedArticles[0].id);\n }\n } catch (err) {\n console.error(\"Error loading articles:\", err);\n }\n };\n const generateAIQuestions = async () => {\n setIsProcessingArticle(true);\n try {\n await appendMessage({\n role: 'user',\n content: 'Generate 20 unique, challenging quiz questions about Solana blockchain with 4 answer options each. Make sure each question has exactly one correct answer.'\n });\n } catch (error) {\n console.error(\"Error generating AI questions:\", error);\n setQuestions(BACKUP_QUESTIONS);\n setIsProcessingArticle(false);\n }\n };\n const generateQuestionsFromAllArticles = async () => {\n setIsProcessingArticle(true);\n try {\n const allArticles = await devbaseClient.listEntities('articles');\n if (allArticles.length === 0) {\n setError(\"No articles found. Please upload articles first or choose AI-generated questions.\");\n setIsProcessingArticle(false);\n return;\n }\n let articlesToUse = [...allArticles];\n if (allArticles.length >= 2) {\n const firstTwo = [allArticles[0], allArticles[1]];\n const rest = allArticles.slice(2);\n articlesToUse = [...firstTwo, ...shuffleArray(rest)];\n } else {\n articlesToUse = shuffleArray(articlesToUse);\n }\n const allFacts = [];\n const usedFacts = new Set();\n const keywords = [\"Solana\", \"blockchain\", \"crypto\", \"token\", \"NFT\", \"DeFi\", \"protocol\", \"validator\", \"stake\", \"consensus\", \"SOL\", \"transaction\", \"Anatoly\", \"Yakovenko\", \"Gulf Stream\", \"Sealevel\"];\n for (const article of articlesToUse) {\n const sentences = article.content.split(/[.!?]+/).filter(s => s.trim().length > 15);\n const facts = sentences.filter(s => {\n const lowerCase = s.toLowerCase();\n return keywords.some(keyword => lowerCase.includes(keyword.toLowerCase()));\n });\n for (const fact of facts) {\n const trimmedFact = fact.trim();\n if (trimmedFact.length >= 20 && !usedFacts.has(trimmedFact)) {\n allFacts.push(trimmedFact);\n usedFacts.add(trimmedFact);\n }\n }\n }\n const shuffledFacts = shuffleArray([...allFacts]);\n const newQuestions = [];\n for (let i = 0; i < Math.min(shuffledFacts.length, 20); i++) {\n const fact = shuffledFacts[i];\n const options = generateDistinctOptions(fact);\n if (options.length === 4 && new Set(options.map(o => o.text)).size === 4) {\n const question = {\n question: createQuestion(fact),\n options: options.map(opt => opt.text),\n correctAnswer: options.find(opt => opt.isCorrect).text\n };\n newQuestions.push(question);\n }\n }\n if (newQuestions.length < 20) {\n const remaining = 20 - newQuestions.length;\n for (let i = 0; i < remaining; i++) {\n newQuestions.push(BACKUP_QUESTIONS[i % BACKUP_QUESTIONS.length]);\n }\n }\n setQuestions(shuffleArray(newQuestions.slice(0, 20)));\n } catch (error) {\n console.error(\"Error generating questions from article:\", error);\n setQuestions(BACKUP_QUESTIONS);\n } finally {\n setIsProcessingArticle(false);\n }\n };\n const generateQuestionsFromArticle = async articleId => {\n setIsProcessingArticle(true);\n try {\n const article = await devbaseClient.getEntity('articles', articleId);\n if (!article) {\n throw new Error(\"Article not found\");\n }\n const sentences = article.content.split(/[.!?]+/).filter(s => s.trim().length > 15);\n const keywords = [\"Solana\", \"blockchain\", \"crypto\", \"token\", \"NFT\", \"DeFi\", \"protocol\", \"validator\", \"stake\", \"consensus\", \"SOL\", \"transaction\", \"Anatoly\", \"Yakovenko\", \"Gulf Stream\", \"Sealevel\"];\n const facts = sentences.filter(s => {\n const lowerCase = s.toLowerCase();\n return keywords.some(keyword => lowerCase.includes(keyword.toLowerCase()));\n });\n const shuffledFacts = shuffleArray([...facts]);\n const newQuestions = [];\n for (let i = 0; i < Math.min(shuffledFacts.length, 20); i++) {\n const fact = shuffledFacts[i];\n const options = generateDistinctOptions(fact);\n if (options.length === 4 && new Set(options.map(o => o.text)).size === 4) {\n const question = {\n question: createQuestion(fact),\n options: options.map(opt => opt.text),\n correctAnswer: options.find(opt => opt.isCorrect).text\n };\n newQuestions.push(question);\n }\n }\n if (newQuestions.length < 20) {\n const remaining = 20 - newQuestions.length;\n for (let i = 0; i < remaining; i++) {\n newQuestions.push(BACKUP_QUESTIONS[i % BACKUP_QUESTIONS.length]);\n }\n }\n setQuestions(shuffleArray(newQuestions.slice(0, 20)));\n } catch (error) {\n console.error(\"Error generating questions from article:\", error);\n setQuestions(BACKUP_QUESTIONS);\n } finally {\n setIsProcessingArticle(false);\n }\n };\n const createQuestion = fact => {\n const factLower = fact.toLowerCase();\n if (factLower.includes(\"is\")) {\n return fact.replace(/([^\\s]+) is ([^\\s]+)/, \"What is $1?\");\n } else if (factLower.includes(\"are\")) {\n return fact.replace(/([^\\s]+) are ([^\\s]+)/, \"What are $1?\");\n } else if (factLower.includes(\"was\")) {\n return fact.replace(/([^\\s]+) was ([^\\s]+)/, \"What was $1?\");\n } else if (factLower.includes(\"has\")) {\n return fact.replace(/([^\\s]+) has ([^\\s]+)/, \"What does $1 have?\");\n } else if (factLower.includes(\"can\")) {\n return fact.replace(/([^\\s]+) can ([^\\s]+)/, \"What can $1 do?\");\n } else {\n return `Which statement is true about ${fact.split(' ').slice(0, 3).join(' ')}...?`;\n }\n };\n const generateDistinctOptions = fact => {\n if (!fact || typeof fact !== 'string' || fact.trim() === '') {\n return [{\n text: \"This is the correct answer\",\n isCorrect: true\n }, {\n text: \"This is incorrect option 1\",\n isCorrect: false\n }, {\n text: \"This is incorrect option 2\",\n isCorrect: false\n }, {\n text: \"This is incorrect option 3\",\n isCorrect: false\n }];\n }\n const correctOption = {\n text: fact,\n isCorrect: true\n };\n const incorrectOptionsPool = [{\n text: fact.replace(/Solana/gi, 'Ethereum').replace(/SOL/g, 'ETH').replace(/Gulf Stream/g, 'Plasma').replace(/Sealevel/g, 'EVM').replace(/Anatoly Yakovenko/g, 'Vitalik Buterin'),\n isCorrect: false\n }, {\n text: negate(fact),\n isCorrect: false\n }, {\n text: fact.replace(/Solana/gi, 'Cardano').replace(/SOL/g, 'ADA').replace(/Gulf Stream/g, 'Hydra').replace(/Sealevel/g, 'Plutus').replace(/Anatoly Yakovenko/g, 'Charles Hoskinson'),\n isCorrect: false\n }, {\n text: fact.replace(/Solana/gi, 'Polkadot').replace(/SOL/g, 'DOT').replace(/2021/g, '2019').replace(/2020/g, '2018').replace(/([0-9]+)/, num => {\n try {\n return (parseInt(num) * 2 + 1).toString();\n } catch (e) {\n return num;\n }\n }),\n isCorrect: false\n }, {\n text: fact.replace(/Solana/gi, 'Algorand').replace(/SOL/g, 'ALGO').replace(/high/gi, 'low').replace(/fast/gi, 'slow').replace(/high-performance/gi, 'energy-efficient'),\n isCorrect: false\n }, {\n text: fact.replace(/blockchain/gi, 'centralized database').replace(/decentralized/gi, 'centralized').replace(/secure/gi, 'vulnerable'),\n isCorrect: false\n }, {\n text: `Unlike Solana which ${fact.toLowerCase().includes('is') ? 'isn\\'t' : 'is'} ${fact.split(' ').slice(2, 5).join(' ')}`,\n isCorrect: false\n }, {\n text: fact.replace(/Solana/gi, 'Avalanche').replace(/SOL/g, 'AVAX').replace(/65,000/g, '4,500').replace(/400ms/g, '2s').replace(/Proof of History/gi, 'Proof of Stake'),\n isCorrect: false\n }];\n const shuffledPool = shuffleArray([...incorrectOptionsPool]);\n const selectedOptions = [correctOption];\n const selectedTexts = new Set([correctOption.text]);\n for (let i = 0; i < shuffledPool.length && selectedOptions.length < 4; i++) {\n const option = shuffledPool[i];\n if (!selectedTexts.has(option.text) && !similarText(option.text, Array.from(selectedTexts)) && option.text.length > 10) {\n selectedOptions.push(option);\n selectedTexts.add(option.text);\n }\n }\n if (selectedOptions.length < 4) {\n const backupOptions = [{\n text: `The opposite is true: ${fact.replace(/Solana/gi, 'Bitcoin').replace(/SOL/g, 'BTC')}`,\n isCorrect: false\n }, {\n text: `In 2019, experts claimed: ${fact.replace(/is/g, 'would never be').replace(/can/g, 'could never')}`,\n isCorrect: false\n }, {\n text: `According to critics: ${fact.replace(/secure/gi, 'insecure').replace(/fast/gi, 'slow')}`,\n isCorrect: false\n }];\n for (const option of backupOptions) {\n if (selectedOptions.length < 4 && !selectedTexts.has(option.text)) {\n selectedOptions.push(option);\n selectedTexts.add(option.text);\n }\n }\n }\n return shuffleArray(selectedOptions);\n };\n const similarText = (text, existingTexts) => {\n for (const existing of existingTexts) {\n if (text.length > 0 && existing.length > 0) {\n const longerText = text.length > existing.length ? text : existing;\n const shorterText = text.length > existing.length ? existing : text;\n if (shorterText.length > 20 && longerText.includes(shorterText.substring(0, Math.floor(shorterText.length * 0.7)))) {\n return true;\n }\n }\n }\n return false;\n };\n const negate = statement => {\n if (!statement || typeof statement !== 'string') return \"This statement is not correct\";\n return statement.replace(/\\bis\\b/g, 'is not').replace(/\\bcan\\b/g, 'cannot').replace(/\\bhas\\b/g, 'does not have').replace(/\\bwill\\b/g, 'will not').replace(/\\bdoes\\b/g, 'does not');\n };\n const shuffleArray = array => {\n for (let i = array.length - 1; i > 0; i--) {\n const j = Math.floor(Math.random() * (i + 1));\n [array[i], array[j]] = [array[j], array[i]];\n }\n return array;\n };\n const uploadArticle = async () => {\n if (!articleContent.trim()) {\n setError(\"Please enter article content\");\n return;\n }\n setIsProcessingArticle(true);\n try {\n const newArticle = await devbaseClient.createEntity('articles', {\n userId: userWallet,\n title: `Article ${new Date().toLocaleString()}`,\n content: articleContent,\n uploadDate: Date.now()\n });\n setArticleContent('');\n await loadArticles();\n setSelectedArticleId(newArticle.id);\n setError(null);\n } catch (err) {\n console.error(\"Error uploading article:\", err);\n setError(\"Failed to upload article. Please try again.\");\n } finally {\n setIsProcessingArticle(false);\n }\n };\n const loadVaultBalance = async () => {\n try {\n const vaultInfo = await devbaseClient.listEntities('vault');\n if (!vaultInfo) {\n console.log(\"No vault info returned, setting balance to 0\");\n setVaultBalance(0);\n return 0;\n }\n let deposits = 0;\n let withdrawals = 0;\n for (const item of vaultInfo) {\n const amount = typeof item.amount === 'number' ? item.amount : 0;\n if (item.payout === true) {\n withdrawals += amount;\n } else {\n deposits += amount;\n }\n }\n const balance = Math.max(0, deposits - withdrawals);\n console.log(`Vault balance calculation: ${deposits} deposits - ${withdrawals} withdrawals = ${balance} SOL`);\n setVaultBalance(balance);\n return balance;\n } catch (err) {\n console.error(\"Error loading vault balance:\", err);\n setVaultBalance(0);\n return 0;\n }\n };\n const loadUserGames = async () => {\n if (!userWallet || !devbaseClient) return;\n try {\n const games = await devbaseClient.listEntities('games', {\n userId: userWallet\n });\n setUserGames(games.filter(game => game.completed));\n } catch (err) {\n console.error(\"Error loading user games:\", err);\n }\n };\n const deleteArticle = async articleId => {\n setIsDeletingArticle(true);\n try {\n await devbaseClient.deleteEntity('articles', articleId);\n setArticles(articles.filter(article => article.id !== articleId));\n if (selectedArticleId === articleId) {\n setSelectedArticleId(articles.length > 1 ? articles.find(a => a.id !== articleId)?.id : null);\n }\n } catch (err) {\n console.error(\"Error deleting article:\", err);\n setError(\"Failed to delete article. Please try again.\");\n } finally {\n setIsDeletingArticle(false);\n }\n };\n const prepareQuestionsForGame = async () => {\n setIsProcessingArticle(true);\n try {\n switch (questionSource) {\n case QUESTION_SOURCES.AI:\n await generateAIQuestions();\n break;\n case QUESTION_SOURCES.ARTICLES:\n await generateQuestionsFromAllArticles();\n break;\n case QUESTION_SOURCES.GREED_ACADEMY:\n setQuestions(shuffleArray([...GREED_ACADEMY_QUESTIONS]));\n setIsProcessingArticle(false);\n break;\n default:\n await generateQuestionsFromAllArticles();\n }\n console.log(`Ensuring we have exactly 20 questions. Current count: ${questions?.length || 0}`);\n const areQuestionsValid = qs => {\n if (!Array.isArray(qs) || qs.length === 0) return false;\n return qs.every(q => q && typeof q.question === 'string' && Array.isArray(q.options) && q.options.length === 4 && q.options.every(o => o !== null && o !== undefined) && typeof q.correctAnswer === 'string' && q.options.includes(q.correctAnswer));\n };\n if (!areQuestionsValid(questions)) {\n console.log(\"Questions not loaded properly or in invalid format, using backup questions\");\n setQuestions(BACKUP_QUESTIONS);\n }\n return true;\n } catch (error) {\n console.error(\"Error preparing questions:\", error);\n setError(\"Failed to prepare questions. Please try again.\");\n setQuestions(BACKUP_QUESTIONS);\n setIsProcessingArticle(false);\n return false;\n }\n };\n const startGame = async () => {\n setIsLoading(true);\n setError(null);\n try {\n if (!questions || questions.length === 0) {\n setQuestions(BACKUP_QUESTIONS);\n }\n const questionsReady = await prepareQuestionsForGame();\n if (!questionsReady && questionSource !== QUESTION_SOURCES.GREED_ACADEMY) {\n setIsLoading(false);\n return;\n }\n const hasValidQuestions = questions && Array.isArray(questions) && questions.length > 0 && questions.every(q => q && typeof q.question === 'string' && Array.isArray(q.options) && typeof q.correctAnswer === 'string');\n if (!hasValidQuestions) {\n console.error(\"Still no valid questions after preparation, using backup questions\");\n setQuestions([...BACKUP_QUESTIONS]);\n }\n if (!questions || questions.length !== 20) {\n console.log(`Adjusting questions array to exactly 20 questions (current: ${questions?.length || 0})`);\n if (!questions || questions.length === 0) {\n setQuestions([...BACKUP_QUESTIONS]);\n } else if (questions.length < 20) {\n const additionalQuestions = BACKUP_QUESTIONS.slice(0, 20 - questions.length);\n setQuestions([...questions, ...additionalQuestions]);\n } else if (questions.length > 20) {\n setQuestions(questions.slice(0, 20));\n }\n }\n if (requiresSubscription) {\n try {\n await devbaseClient.createEntity('vault', {\n userId: userWallet,\n amount: solAmount,\n isSubscription: true\n });\n console.log(`User paid subscription fee of ${solAmount} SOL after ${consecutiveLosses} consecutive losses`);\n setConsecutiveLosses(0);\n setRequiresSubscription(false);\n } catch (paymentErr) {\n console.error(\"Subscription payment error:\", paymentErr);\n setError(`Subscription required: Please pay ${solAmount} SOL (≈ $0.50) to continue playing after 3 consecutive losses.`);\n setIsLoading(false);\n return;\n }\n }\n const newGame = await devbaseClient.createEntity('games', {\n userId: userWallet,\n score: 0,\n completed: false,\n claimed: false,\n startTime: Date.now(),\n endTime: 0,\n paymentMade: requiresSubscription\n });\n setGameId(newGame.id);\n setGameState('playing');\n setCurrentQuestion(0);\n setScore(0);\n setSelectedAnswer(null);\n setTimeRemaining(60);\n loadVaultBalance();\n } catch (err) {\n console.error(\"Error starting game:\", err);\n if (requiresSubscription) {\n setError(`Failed to start game. Make sure you have at least ${solAmount} SOL in your wallet for the subscription.`);\n } else {\n setError(\"Failed to start game. Please try again.\");\n }\n } finally {\n setIsLoading(false);\n }\n };\n useEffect(() => {\n let timer;\n if (gameState === 'playing' && timeRemaining > 0) {\n timer = setInterval(() => {\n setTimeRemaining(prev => prev - 1);\n }, 1000);\n }\n if (timeRemaining === 0 && gameState === 'playing') {\n endGame();\n }\n return () => clearInterval(timer);\n }, [gameState, timeRemaining]);\n const handleAnswerSelect = async answer => {\n if (selectedAnswer !== null) return;\n if (!questions || !questions[currentQuestion]) {\n console.error('Cannot select answer: current question is null or undefined');\n return;\n }\n setSelectedAnswer(answer);\n const currentQuestionObj = questions[currentQuestion];\n const isCorrect = currentQuestionObj && currentQuestionObj.correctAnswer && answer === currentQuestionObj.correctAnswer;\n if (isCorrect) {\n setScore(prev => prev + 1);\n }\n console.log(`Answered question ${currentQuestion + 1} of ${questions.length}`);\n setTimeout(() => {\n if (currentQuestion < questions.length - 1) {\n console.log(`Moving to question ${currentQuestion + 2} of ${questions.length}`);\n setCurrentQuestion(prev => prev + 1);\n setSelectedAnswer(null);\n } else {\n console.log(`Completed all ${questions.length} questions, ending game`);\n endGame();\n }\n }, 1000);\n };\n const endGame = async () => {\n if (!gameId) return;\n setIsLoading(true);\n try {\n await devbaseClient.updateEntity('games', gameId, {\n score,\n completed: true,\n endTime: Date.now()\n });\n setGameState('results');\n await checkConsecutiveLosses();\n loadVaultBalance();\n loadUserGames();\n } catch (err) {\n console.error(\"Error ending game:\", err);\n setError(\"Failed to end game. Please try again.\");\n } finally {\n setIsLoading(false);\n }\n };\n const claimWinnings = async gameId => {\n setIsLoading(true);\n setError(null);\n try {\n const game = await devbaseClient.getEntity('games', gameId);\n if (!game) {\n throw new Error(\"Game not found\");\n }\n if (game.claimed) {\n throw new Error(\"Winnings already claimed\");\n }\n const payoutAmount = rewardAmount;\n console.log(`Paying out $1 worth of SOL: ${payoutAmount} SOL`);\n const currentVaultBalance = await loadVaultBalance();\n if (currentVaultBalance < payoutAmount) {\n setError(`Vault has insufficient funds (${currentVaultBalance.toFixed(5)} SOL) to pay out ${payoutAmount.toFixed(5)} SOL. Please contact the admin to add more funds.`);\n throw new Error(`Vault has insufficient funds: ${currentVaultBalance.toFixed(5)} SOL available, need ${payoutAmount.toFixed(5)} SOL`);\n }\n const winPercentage = game.score / questions.length;\n if (winPercentage >= 0.75) {\n try {\n console.log(`Creating vault payout record for ${payoutAmount} SOL`);\n try {\n const payoutRecord = await devbaseClient.createEntity('vault', {\n userId: userWallet,\n amount: payoutAmount,\n payout: true,\n gameId: gameId\n });\n console.log(\"Payout record created:\", payoutRecord.id);\n console.log(`Executing transfer of ${payoutAmount} SOL from vault to ${userWallet}`);\n console.log(`Preparing to transfer ${payoutAmount} SOL to player wallet: ${userWallet}`);\n console.log(`Making direct transfer to user wallet: ${userWallet}`);\n const vaultAddress = \"$VAULT_ADDRESS\";\n const transferResult = await devbaseClient.evalString(`\n $ENTITY('vault').transfer({\n from: \"${vaultAddress}\",\n to: \"${userWallet}\", \n token: \"$TOKEN_SOL\",\n amount: \"${payoutAmount}\"\n })\n `);\n console.log(`Successfully transferred ${payoutAmount} SOL to winner wallet:`, userWallet);\n console.log(`Transfer result:`, transferResult);\n await devbaseClient.updateEntity('games', gameId, {\n claimed: true\n });\n setError(null);\n await loadUserGames();\n await loadVaultBalance();\n } catch (transferErr) {\n console.error(\"SOL transfer error:\", transferErr);\n let errorLogs = \"\";\n if (transferErr.getLogs) {\n try {\n errorLogs = transferErr.getLogs().join(\"\\n\");\n console.error(\"Transaction error logs:\", errorLogs);\n } catch (logErr) {\n console.error(\"Could not get transaction logs:\", logErr);\n }\n }\n const isInsufficientFunds = transferErr.toString().includes(\"insufficient lamports\") || transferErr.toString().includes(\"0x1\") || errorLogs && errorLogs.includes(\"insufficient lamports\") || transferErr.toString().includes(\"simulation failed\");\n try {\n console.log(\"Checking if cleanup is needed for failed transfer\");\n const vaultRecords = await devbaseClient.listEntities('vault', {\n userId: userWallet,\n gameId: gameId,\n payout: true\n });\n if (vaultRecords && vaultRecords.length > 0) {\n console.log(\"Transfer failed but payout record exists:\", vaultRecords[0].id);\n }\n } catch (cleanupErr) {\n console.error(\"Failed to check payout records after transfer error:\", cleanupErr);\n }\n let errorMessage = \"Failed to transfer SOL to your wallet.\";\n if (isInsufficientFunds) {\n const currentVaultBalance = await loadVaultBalance();\n errorMessage = `Vault has insufficient SOL (${currentVaultBalance.toFixed(5)} SOL available) for the transfer of ${payoutAmount.toFixed(5)} SOL. Please contact the admin.`;\n }\n setError(errorMessage);\n throw new Error(errorMessage);\n }\n } catch (err) {\n console.error(\"Transaction error:\", err);\n let errorMessage = err.message || \"Transaction failed. Please try again later.\";\n if (errorMessage.includes(\"insufficient lamports\") || errorMessage.includes(\"0x1\")) {\n errorMessage = `Vault has insufficient funds to pay out ${payoutAmount} SOL. Please contact the admin to add more funds.`;\n } else if (errorMessage.includes(\"simulation failed\")) {\n errorMessage = \"Transaction simulation failed. The vault may not have enough SOL. Please try again later.\";\n }\n setError(errorMessage);\n throw err;\n }\n } else {\n throw new Error(\"Score too low to claim winnings\");\n }\n } catch (err) {\n console.error(\"Error claiming winnings:\", err);\n if (!error && !err.message.includes(\"Vault has insufficient funds\")) {\n setError(err.message || \"Failed to claim winnings. Please try again.\");\n }\n } finally {\n setIsLoading(false);\n }\n };\n const handleAdminDeposit = async () => {\n if (!isAdmin) return;\n setIsLoading(true);\n try {\n await devbaseClient.createEntity('vault', {\n userId: userWallet,\n amount: adminAmount\n });\n loadVaultBalance();\n setError(null);\n } catch (err) {\n console.error(\"Error making admin deposit:\", err);\n setError(\"Failed to make deposit. Please try again.\");\n } finally {\n setIsLoading(false);\n }\n };\n const renderWelcome = () =>

\n SOLANAIRE\n

\n Test your advanced Solana knowledge and win SOL in this challenging, free-to-play quiz inspired by \"Who Wants to Be a Millionaire\"!\n

\n\n {!userWallet &&

Connect Your Wallet to Start

\n Connect your Solana wallet to play the quiz and win SOL rewards!\n

\n \n

}\n\n {userWallet && <>\n

How to Play

\n \n Play for FREE! No deposit required to start\n
\n \n Answer all 20 questions about Solana\n
\n \n You have exactly 1 minute to answer all 20 questions\n
\n \n Score 75% or higher to win {rewardAmount.toFixed(5)} SOL (≈ $1) to your wallet!\n
\n \n Subscription needed: After 3 consecutive losses, a {solAmount.toFixed(5)} SOL (≈ $0.50) deposit is required to continue\n

\n \n

\n \n {isAdmin && }\n

\n }\n {userWallet && userGames.length > 0 &&

Your Game History

\n {userGames.map(game => {\n const winPercentage = game.score / 20;\n const hasWon = winPercentage >= 0.75;\n return

Score: {game.score}/20 ({Math.round(winPercentage * 100)}%)

\n {new Date(game.endTime).toLocaleDateString()}\n

\n {hasWon && !game.claimed && }\n {hasWon && game.claimed && ✓ Claimed}\n {!hasWon && Lost}\n

;\n })}\n

}\n \n {userWallet &&

\n Vault Balance: {vaultBalance.toFixed(5)} SOL\n

}\n \n {userWallet && requiresSubscription &&

\n \n Subscription Required\n

\n You've lost 3 games in a row. A subscription fee of {solAmount.toFixed(5)} SOL (≈ $0.50) is required to continue playing.\n

}\n

;\n const renderInstructions = () =>

Ready to Test Your Solana Knowledge?

\n {isProcessingArticle &&

\n \n Preparing Solana questions...\n

}\n \n {requiresSubscription &&

\n \n Subscription Required\n

\n You've lost 3 consecutive games. A subscription fee of {solAmount.toFixed(5)} SOL (≈ $2) is required to continue playing.\n

\n This helps support the prize pool and prevents abuse of the free play system.\n

}\n \n

Choose Question Source

\n \n \n \n \n \n

Quiz Rules

\n \n Free to play! No deposit required for your first 3 attempts\n
\n \n You have exactly 1 minute (60 seconds) to answer all 20 questions\n
\n \n If you score 75% or higher (15+ correct), you'll win {rewardAmount.toFixed(5)} SOL (≈ $1)\n
\n \n After 3 consecutive losses, a subscription fee of {solAmount.toFixed(5)} SOL (≈ $0.50) is required\n

\n \n {requiresSubscription &&

\n \n

\n You've reached 3 consecutive losses. By clicking \"Start Quiz\", {solAmount.toFixed(5)} SOL (≈ $2) will be transferred from your wallet as a subscription fee.\n

\n Note: You need at least {solAmount.toFixed(5)} SOL to continue playing. This subscription helps support the prize pool.\n

}\n {error &&

\n {error}\n

}\n

\n \n \n

\n {!userWallet &&

\n Please connect your wallet to play\n

}\n

;\n const renderGame = () => {\n if (!questions || questions.length === 0 || currentQuestion >= questions.length) {\n return

\n \n

Loading questions...

;\n }\n const question = questions[currentQuestion];\n if (!question) {\n return

\n \n

There was a problem loading this question.

\n \n

;\n }\n const hasValidOptions = question.options && Array.isArray(question.options) && question.options.length > 0;\n const hasValidAnswer = typeof question.correctAnswer === 'string';\n if (!hasValidOptions || !hasValidAnswer) {\n console.error('Invalid question format:', question);\n return

\n \n

This question is in an invalid format. Please try again.

\n \n

;\n }\n return

\n Question\n {currentQuestion + 1}/20\n

\n \n \n {formatTime(timeRemaining)}\n \n

\n Score\n {score}/{currentQuestion}\n

\n {question.question}\n

\n {question.options && question.options.map((option, index) => {\n if (option === null || option === undefined) return null;\n const letter = ANSWER_LETTERS[index] || '';\n const isSelected = selectedAnswer === option;\n const isCorrect = question.correctAnswer === option;\n let bgColor = \"bg-white hover:bg-gray-50\";\n let textColor = \"text-gray-800\";\n let borderColor = \"border-gray-200\";\n if (selectedAnswer !== null) {\n if (isSelected && isCorrect) {\n bgColor = \"bg-green-50\";\n borderColor = \"border-green-500\";\n } else if (isSelected && !isCorrect) {\n bgColor = \"bg-red-50\";\n borderColor = \"border-red-500\";\n } else if (isCorrect) {\n bgColor = \"bg-green-50\";\n borderColor = \"border-green-300\";\n } else {\n bgColor = \"bg-white\";\n textColor = \"text-gray-400\";\n }\n }\n return ;\n })}\n

;\n };\n const renderResults = () => {\n const percentage = score / questions.length * 100;\n const hasWon = percentage >= 75;\n return

Quiz Complete!

{Math.round(percentage)}%

\n You answered {score} out of \n {questions.length} questions correctly.\n

\n {hasWon ?

Congratulations!

You scored above 75% and won $1 worth of SOL!

\n \n

Better luck next time

You scored below 75% and didn't win any SOL.

\n \n {requiresSubscription &&

\n You've now lost 3 games in a row. A subscription fee of {solAmount.toFixed(5)} SOL will be required to play again.\n

}\n

\n {error &&

\n {error}\n

}\n \n

;\n };\n const [vaultTransactions, setVaultTransactions] = useState([]);\n const [isLoadingTransactions, setIsLoadingTransactions] = useState(false);\n useEffect(() => {\n if (devbaseClient && userWallet && isAdmin && gameState === 'admin') {\n loadVaultTransactions();\n }\n }, [devbaseClient, userWallet, isAdmin, gameState]);\n const loadVaultTransactions = async () => {\n setIsLoadingTransactions(true);\n try {\n const transactions = await devbaseClient.listEntities('vault');\n setVaultTransactions(transactions.sort((a, b) => (b.createdAt || 0) - (a.createdAt || 0)));\n } catch (err) {\n console.error(\"Error loading vault transactions:\", err);\n setError(\"Failed to load vault transactions history.\");\n } finally {\n setIsLoadingTransactions(false);\n }\n };\n const renderAdmin = () => {\n if (!isAdmin) {\n return

Access Denied

You don't have access to the admin panel.

\n \n

;\n }\n const calculateRequiredFunds = () => {\n const pendingClaims = userGames.filter(game => {\n const winPercentage = game.score / questions.length;\n return winPercentage >= 0.75 && !game.claimed;\n }).length;\n return pendingClaims * solAmount * 2;\n };\n const requiredFunds = calculateRequiredFunds();\n const isFundingSufficient = vaultBalance >= requiredFunds;\n return

Admin Panel

Vault Management

Current Vault Balance: {vaultBalance.toFixed(5)} SOL

\n {requiredFunds > 0 &&

\n Required for pending claims: {requiredFunds.toFixed(5)} SOL\n {!isFundingSufficient &&

\n Need additional {(requiredFunds - vaultBalance).toFixed(5)} SOL\n

}\n

\n \n Deposit Amount (SOL)\n \n setAdminAmount(Number(e.target.value))} className=\"bg-gray-50 text-gray-800 p-2 w-full rounded border border-gray-300 focus:outline-none focus:ring-2 focus:ring-purple-500\" />\n

\n \n

Vault Transaction History

\n {isLoadingTransactions ?

\n \n

: vaultTransactions.length === 0 ?

No transactions found

\n \n \n \n \n \n \n \n \n \n \n {vaultTransactions.map(transaction => {\n const isDeposit = transaction.amount > 0;\n return \n \n \n \n \n ;\n })}\n \n

Type	Amount	Wallet	Date
\n \n {isDeposit ? 'Deposit' : 'Withdrawal'}\n \n	\n \n {isDeposit && !transaction.payout ? '+' : '-'}{transaction.amount.toFixed(5)} SOL\n \n	\n \n {transaction.userId?.substring(0, 4)}...{transaction.userId?.substring(transaction.userId.length - 4)}\n \n {transaction.payout && \n Game: {transaction.gameId?.substring(0, 4)}...\n }\n	\n {transaction.createdAt ? new Date(transaction.createdAt).toLocaleString() : 'N/A'}\n

}\n \n

Article Management

\n \n Paste Solana Article Content\n \n

setArticleContent(e.target.value)} placeholder=\"Paste an article about Solana here...\" className=\"bg-gray-50 text-gray-800 p-3 w-full rounded border border-gray-300 focus:outline-none focus:ring-2 focus:ring-purple-500\" />\n          </div>\n          <button onClick={uploadArticle} disabled={isProcessingArticle || !articleContent.trim()} className=\"w-full bg-purple-600 hover:bg-purple-700 text-white font-semibold py-2 px-4 rounded transition-all flex items-center justify-center gap-2\">\n            {isProcessingArticle ? <Loader2 className=\"h-5 w-5 animate-spin\" /> : <Upload className=\"h-5 w-5\" />}\n            Upload Article\n          </button>\n          {articles.length > 0 && <div className=\"mt-6\">\n              <label className=\"block text-gray-700 text-sm font-bold mb-2\">\n                Uploaded Articles\n              </label>\n              <div className=\"bg-gray-50 rounded border border-gray-200 max-h-60 overflow-y-auto\">\n                {articles.map(article => <div key={article.id} className={`p-3 border-b border-gray-200 hover:bg-gray-100 flex items-center ${selectedArticleId === article.id ? 'bg-purple-50 border-purple-200' : ''}`}>\n                    <div className=\"flex-1 text-left cursor-pointer flex items-center gap-2\" onClick={() => setSelectedArticleId(article.id)}>\n                      <FileText className=\"h-4 w-4 text-gray-500 flex-shrink-0\" />\n                      <div className=\"overflow-hidden\">\n                        <div className=\"font-medium text-gray-800 truncate\">{article.title}</div>\n                        <div className=\"text-xs text-gray-500\">{new Date(article.uploadDate).toLocaleString()}</div>\n                      </div>\n                    </div>\n                    <button onClick={() => deleteArticle(article.id)} disabled={isDeletingArticle} className=\"p-2 text-red-500 hover:bg-red-50 rounded-full transition-colors ml-2\" title=\"Delete article\">\n                      <Trash2 className=\"h-4 w-4\" />\n                    </button>\n                  </div>)}\n              </div>\n              <div className=\"flex gap-2 mt-3\">\n                <button onClick={() => selectedArticleId && generateQuestionsFromArticle(selectedArticleId)} disabled={isProcessingArticle || !selectedArticleId} className=\"flex-1 bg-gray-600 hover:bg-gray-700 text-white font-semibold py-2 px-4 rounded transition-all flex items-center justify-center gap-2\">\n                  {isProcessingArticle ? <Loader2 className=\"h-5 w-5 animate-spin\" /> : <RefreshCw className=\"h-5 w-5\" />}\n                  Generate from Selected\n                </button>\n                <button onClick={generateAIQuestions} disabled={isProcessingArticle} className=\"flex-1 bg-purple-600 hover:bg-purple-700 text-white font-semibold py-2 px-4 rounded transition-all flex items-center justify-center gap-2\">\n                  {isProcessingArticle ? <Loader2 className=\"h-5 w-5 animate-spin\" /> : <BrainCircuit className=\"h-5 w-5\" />}\n                  Generate AI Questions\n                </button>\n              </div>\n            </div>}\n        </div>\n        {error && <div className=\"bg-red-50 border border-red-200 p-4 text-red-700 mb-6 w-full max-w-md rounded-lg\">\n            {error}\n          </div>}\n        <button onClick={() => setGameState('welcome')} className=\"py-3 px-8 rounded-lg font-semibold text-lg bg-purple-600 text-white hover:bg-purple-700 transition shadow-sm\">\n          Back to Home\n        </button>\n      </div>;\n  };\n  const [, setShowClaimBanner] = useState(false);\n  const [unclaimedGames, setUnclaimedGames] = useState([]);\n  useEffect(() => {\n    if (userWallet && gameState === 'welcome') {\n      checkUnclaimedWinnings();\n    }\n  }, [userWallet, gameState]);\n  const checkUnclaimedWinnings = async () => {\n    if (!userWallet || !devbaseClient) return;\n    try {\n      const games = await devbaseClient.listEntities('games', {\n        userId: userWallet,\n        completed: true,\n        claimed: false\n      });\n      const winningGames = games.filter(game => {\n        const winPercentage = game.score / 20;\n        return winPercentage >= 0.75;\n      });\n      setUnclaimedGames(winningGames);\n      setShowClaimBanner(winningGames.length > 0);\n    } catch (err) {\n      console.error(\"Error checking unclaimed winnings:\", err);\n    }\n  };\n  const claimAllWinnings = async () => {\n    setIsLoading(true);\n    setError(null);\n    try {\n      let solPrice = 170;\n      try {\n        solPrice = await fetchSolPrice();\n        console.log(`Current SOL price for bulk claiming: ${solPrice}`);\n      } catch (priceErr) {\n        console.warn(\"Could not fetch SOL price for bulk claiming, using default:\", priceErr);\n      }\n      const payoutPerGame = Math.round(2 / solPrice * 100000) / 100000;\n      const totalClaimAmount = unclaimedGames.length * payoutPerGame;\n      console.log(`Attempting to claim ${unclaimedGames.length} games totaling ${totalClaimAmount} SOL`);\n      const currentVaultBalance = await loadVaultBalance();\n      const possibleClaims = Math.floor(currentVaultBalance / payoutPerGame);\n      if (possibleClaims < 1) {\n        setError(`Vault has insufficient funds (${currentVaultBalance.toFixed(5)} SOL) to pay any claims. Please contact the admin.`);\n        setIsLoading(false);\n        return;\n      }\n      if (possibleClaims < unclaimedGames.length) {\n        console.warn(`Vault can only cover ${possibleClaims} of ${unclaimedGames.length} claims. Will process what's possible.`);\n      }\n      let claimErrors = 0;\n      let successfulClaims = 0;\n      for (const game of unclaimedGames) {\n        try {\n          console.log(`Processing claim for game ${game.id} (${successfulClaims + 1}/${unclaimedGames.length})`);\n          await claimWinnings(game.id);\n          successfulClaims++;\n          try {\n            await loadVaultBalance();\n          } catch (balanceErr) {\n            console.warn(\"Could not refresh balance, continuing anyway:\", balanceErr);\n          }\n        } catch (err) {\n          console.error(`Error claiming game ${game.id}:`, err);\n          claimErrors++;\n          if (err.toString().includes(\"insufficient\") || err.toString().includes(\"0x1\") || err.toString().includes(\"simulation failed\")) {\n            setError(`Stopped after claiming ${successfulClaims} games: Insufficient funds in vault for remaining claims.`);\n            break;\n          }\n        }\n      }\n      if (successfulClaims > 0) {\n        const remaining = unclaimedGames.length - successfulClaims;\n        setUnclaimedGames(prev => prev.slice(successfulClaims));\n        if (remaining === 0) {\n          setShowClaimBanner(false);\n        }\n      }\n      if (claimErrors > 0 && !error) {\n        setError(`Failed to claim ${claimErrors} games. Please try again.`);\n      }\n      if (successfulClaims > 0 && claimErrors === 0) {\n        setError(null);\n      }\n    } catch (err) {\n      console.error(\"Error processing bulk claims:\", err);\n      setError(\"An unexpected error occurred while processing claims.\");\n    } finally {\n      setIsLoading(false);\n    }\n  };\n  return <div className=\"font-['Urbanist',sans-serif] min-h-screen bg-gray-50 text-gray-800\">\n      <div className=\"container mx-auto px-4\">\n        <div className=\"flex justify-between items-center py-4\">\n          <div className=\"text-xl font-bold text-purple-600\">SOLANAIRE</div>\n          <div className=\"flex items-center gap-4\">\n          {unclaimedGames.length > 0 && <button onClick={claimAllWinnings} disabled={isLoading} className=\"bg-green-500 text-white font-semibold py-2 px-4 rounded text-sm hover:bg-green-600 shadow-sm flex items-center gap-2\">\n                {isLoading ? <Loader2 className=\"h-4 w-4 animate-spin\" /> : <Award className=\"h-4 w-4\" />}\n                Claim {unclaimedGames.length} × $1 Rewards\n              </button>}\n            <UserButton height=\"44px\" primaryColor=\"#8B5CF6\" radius=\"10px\" bgColor=\"#8B5CF6\" textColor=\"#ffffff\" hoverBgColor=\"#7C3AED\" dropdownBgColor=\"#ffffff\" dropdownTextColor=\"#1F2937\" dropdownHoverBgColor=\"#F9FAFB\" />\n          </div>\n        </div>\n      </div>\n      {gameState === 'welcome' && renderWelcome()}\n      {gameState === 'instructions' && renderInstructions()}\n      {gameState === 'playing' && renderGame()}\n      {gameState === 'results' && renderResults()}\n      {gameState === 'admin' && renderAdmin()}\n    </div>;\n}\nexport default function AppWithProvider() {\n  return <DevappProvider rpcEndpoint=\"https://rpc.dev.fun/ceb066852ec322680ebb\" devbaseEndpoint=\"https://devbase.dev.fun\" appId=\"ceb066852ec322680ebb\">\n      <App />\n    </DevappProvider>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"framer-motion\":\"10.16.4\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"zod\":\"3.22.4\",\"react-router-dom\":\"6.18.0\",\"recharts\":\"2.8.0\",\"@solana/web3.js\":\"1.87.6\",\"socket.io-client\":\"4.7.2\",\"ai\":\"4.0.0\"}}","appFunctions",[],"token",{"_18":84,"_85":84,"_86":87,"_88":89,"_90":91,"_92":-5,"_93":-5,"_94":95,"_96":97,"_74":75},"buidl","symbol","price",0.002912,"marketcap",1550577,"image","https://pump.mypinata.cloud/ipfs/QmPR3CamxoBQW892uHDT2EGRxFvksiJyrEg1ajZYVqJhnf?img-width=256&img-dpr=2","website","twitter","devCount",321,"appCount",2184,"upstreamApp","isLordOfDev","analytics",[102,106,108,110,112,114,116,118,120,122,124,126,128,130,132,133],{"_103":104,"_105":59},"day","2025-07-13","runCount",{"_103":107,"_105":59},"2025-07-14",{"_103":109,"_105":59},"2025-07-15",{"_103":111,"_105":59},"2025-07-16",{"_103":113,"_105":59},"2025-07-17",{"_103":115,"_105":59},"2025-07-18",{"_103":117,"_105":59},"2025-07-19",{"_103":119,"_105":59},"2025-07-20",{"_103":121,"_105":59},"2025-07-21",{"_103":123,"_105":59},"2025-07-22",{"_103":125,"_105":59},"2025-07-23",{"_103":127,"_105":59},"2025-07-24",{"_103":129,"_105":59},"2025-07-25",{"_103":131,"_105":59},"2025-07-26",{"_103":113,"_105":41},{"_103":117,"_105":41},"snapshot","ogImage","https://cdn.dev.fun/og/image/ceb066852ec322680ebb/d25df0b7.webp","isDevbase","actionData","errors"]
</article></body></html>

say something