[{"_1":2,"_256":-5,"_257":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_254":-5,"_245":-7,"_255":17},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_5":46,"_58":59,"_60":61,"_62":63,"_64":65,"_66":61,"_67":68,"_69":43,"_70":71,"_72":61,"_73":61,"_74":17,"_75":17,"_76":77,"_78":79,"_80":81,"_82":83,"_164":165,"_185":-5,"_186":17,"_187":17,"_188":189,"_245":33,"_246":247,"_248":27,"_249":250},"id","2b8cd8d2af5721ea072c","isMyApp",false,"projectId","514e2a24-d1e3-4595-81fc-d0fb1276a0b1","name","predictly","description","The sleekest prediction market where you bet on real-world events with crystal-clear odds and zero noise. Built with cutting-edge Shadcn UI components, this minimalist platform lets you focus on what matters - making smart predictions without any visual clutter getting in your way. Think Polymarket, but if it went to design school and learned the art of elegant simplicity.","brief","Bet on real events with ultra-clean design - Polymarket meets minimalist perfection","isLive",true,"isPublic","tags",[31],"👑","cover","https://cdn.dev.fun/snapshot/2b8cd8d2af5721ea072c/150431_2095d343.webp","cdnUrl","https://cdn.dev.fun/app/2b8cd8d2af5721ea072c/150431","createdAt",["D",1756900479600],"updatedAt",["D",1762897758058],"lastCommitId",["B","150431"],"tier",1,"credits",-6431,{"_14":47,"_48":49,"_50":49,"_51":52,"_53":49,"_54":55,"_56":57},"4b9b20cd-bab7-4c4b-9150-8ac2117715f2","uniqueId","pixel","username","solanaWallet","6qBy1hV2W5kyaKGy8TmwLLyGsGGdb26z4zBeQ77H4okQ","displayName","bio","","avatar","https://cdn.dev.fun/avatar/4b9b20cd-bab7-4c4b-9150-8ac2117715f2/727333d3.webp","commitCount",405,"forkCount",0,"likeCount",3,"runsCount",1710,"downvoteCount","upvoteCount",6,"upvoteRate","commentCount",2,"reportCount","visitorCount","isArchived","isRenamed","contractAddress","HmNVhYkxy9MiyUEQZzJUcL54szoPE9Ps4vm6wtwKpdev","code","import { TrendingUp, Users, Wallet, X, Settings, Trophy, Trash2, DollarSign, Upload, Rocket, ExternalLink } from 'lucide-react';\nimport { useDevapp, UserButton, DevappProvider, fetchTokenInfoByAddress } from '@devfunlabs/web-sdk';\nimport { useEffect, useState, useCallback, useRef } from 'react';\nimport NumberFlow from '@number-flow/react';\nimport { io } from 'socket.io-client';\nimport { LineChart, Line, XAxis, YAxis, Tooltip, ResponsiveContainer, CartesianGrid } from 'recharts';\nfunction cn(...inputs) {\n return inputs.filter(Boolean).join(' ');\n}\nconst morphTime = 1.5;\nconst cooldownTime = 0.5;\nconst predictlyCooldownTime = 15.0;\nconst useMorphingText = texts => {\n const textIndexRef = useRef(0);\n const morphRef = useRef(0);\n const cooldownRef = useRef(0);\n const timeRef = useRef(new Date());\n const text1Ref = useRef(null);\n const text2Ref = useRef(null);\n const setStyles = useCallback(fraction => {\n const [current1, current2] = [text1Ref.current, text2Ref.current];\n if (!current1 || !current2 || !texts || texts.length === 0) return;\n current2.style.filter = `blur(${Math.min(8 / fraction - 8, 100)}px)`;\n current2.style.opacity = `${Math.pow(fraction, 0.4) * 100}%`;\n const invertedFraction = 1 - fraction;\n current1.style.filter = `blur(${Math.min(8 / invertedFraction - 8, 100)}px)`;\n current1.style.opacity = `${Math.pow(invertedFraction, 0.4) * 100}%`;\n current1.textContent = texts[textIndexRef.current % texts.length];\n current2.textContent = texts[(textIndexRef.current + 1) % texts.length];\n }, [texts]);\n const doMorph = useCallback(() => {\n morphRef.current -= cooldownRef.current;\n cooldownRef.current = 0;\n let fraction = morphRef.current / morphTime;\n if (fraction > 1) {\n const nextText = texts[(textIndexRef.current + 1) % texts.length];\n if (nextText === 'predictly') {\n cooldownRef.current = predictlyCooldownTime;\n } else {\n cooldownRef.current = cooldownTime;\n }\n fraction = 1;\n }\n setStyles(fraction);\n if (fraction === 1) {\n textIndexRef.current++;\n }\n }, [setStyles, texts]);\n const doCooldown = useCallback(() => {\n morphRef.current = 0;\n const [current1, current2] = [text1Ref.current, text2Ref.current];\n if (current1 && current2) {\n current2.style.filter = \"none\";\n current2.style.opacity = \"100%\";\n current1.style.filter = \"none\";\n current1.style.opacity = \"0%\";\n }\n }, []);\n useEffect(() => {\n let animationFrameId;\n const animate = () => {\n animationFrameId = requestAnimationFrame(animate);\n const newTime = new Date();\n const dt = (newTime.getTime() - timeRef.current.getTime()) / 1000;\n timeRef.current = newTime;\n cooldownRef.current -= dt;\n if (cooldownRef.current <= 0) doMorph();else doCooldown();\n };\n animate();\n return () => {\n cancelAnimationFrame(animationFrameId);\n };\n }, [doMorph, doCooldown]);\n return {\n text1Ref,\n text2Ref\n };\n};\nconst MorphingTextContent = ({\n texts\n}) => {\n const {\n text1Ref,\n text2Ref\n } = useMorphingText(texts);\n return <>\n \n \n ;\n};\nconst MorphingTextFilters = () => ;\nconst MorphingText = ({\n texts,\n className\n}) =>

\n \n \n

;\nfunction GlassButton({\n className = '',\n children,\n size = 'default',\n contentClassName = '',\n style = {},\n ...props\n}) {\n const sizeClasses = {\n default: 'text-base font-medium',\n sm: 'text-sm font-medium',\n lg: 'text-lg font-medium',\n icon: 'h-10 w-10 flex items-center justify-center'\n };\n const textSizeClasses = {\n default: 'px-6 py-3.5',\n sm: 'px-4 py-2',\n lg: 'px-8 py-4',\n icon: 'flex items-center justify-center'\n };\n return

\n \n \n

;\n}\nfunction GlassFilter() {\n return ;\n}\nfunction MarketFilter({\n value,\n onChange\n}) {\n const options = value === 'deposit' || value === 'withdraw' ? [{\n key: 'deposit',\n label: 'Deposit'\n }, {\n key: 'withdraw',\n label: 'Withdraw'\n }] : [{\n key: 'live',\n label: 'Live'\n }, {\n key: 'completed',\n label: 'Completed'\n }];\n const firstOption = options[0];\n const secondOption = options[1];\n return

\n onChange(firstOption.key)}>\n {firstOption.label}\n \n \n onChange(secondOption.key)}>\n {secondOption.label}\n \n \n \n

;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [balance, setBalance] = useState(0);\n const [showWalletModal, setShowWalletModal] = useState(false);\n const [activeTab, setActiveTab] = useState('markets');\n const [walletAction, setWalletAction] = useState('deposit');\n const [walletAmount, setWalletAmount] = useState('');\n const [isLoading, setIsLoading] = useState(false);\n const [showAdminPanel, setShowAdminPanel] = useState(false);\n const [markets, setMarkets] = useState([]);\n const [showCreateMarket, setShowCreateMarket] = useState(false);\n const [newMarket, setNewMarket] = useState({\n title: '',\n description: '',\n category: 'crypto',\n image: '',\n options: [{\n name: 'Yes',\n color: 'green'\n }, {\n name: 'No',\n color: 'red'\n }]\n });\n const [, setImageFile] = useState(null);\n const [imagePreview, setImagePreview] = useState('');\n const fileInputRef = useRef(null);\n const [selectedMarket, setSelectedMarket] = useState(null);\n const [selectedOption, setSelectedOption] = useState(null);\n const [betAmount, setBetAmount] = useState('');\n const [showBetModal, setShowBetModal] = useState(false);\n const [marketFilter, setMarketFilter] = useState('live');\n const [adminMarketFilter, setAdminMarketFilter] = useState('live');\n const [socket, setSocket] = useState(null);\n const [userBets, setUserBets] = useState([]);\n const [userStats, setUserStats] = useState({\n totalBets: 0,\n totalVolume: 0,\n winRate: 0\n });\n const [profileTab, setProfileTab] = useState('active');\n const [networkError, setNetworkError] = useState(false);\n const [retryCount, setRetryCount] = useState(0);\n const [isOnline, setIsOnline] = useState(navigator.onLine);\n const [lastSuccessfulFetch, setLastSuccessfulFetch] = useState(null);\n const [showSellModal, setShowSellModal] = useState(false);\n const [selectedBetToSell, setSelectedBetToSell] = useState(null);\n const [adminSearchQuery, setAdminSearchQuery] = useState('');\n const [adminSortBy, setAdminSortBy] = useState('volume');\n const [lastBetTime, setLastBetTime] = useState(0);\n const [lastMarketCreateTime, setLastMarketCreateTime] = useState(0);\n const BET_COOLDOWN = 2000;\n const MARKET_CREATE_COOLDOWN = 10000;\n const [showTransactionHistory, setShowTransactionHistory] = useState(false);\n const [transactions, setTransactions] = useState([]);\n const [transactionError, setTransactionError] = useState('');\n const [showMarketDetails, setShowMarketDetails] = useState(false);\n const [selectedMarketDetails, setSelectedMarketDetails] = useState(null);\n const [priceHistory, setPriceHistory] = useState([]);\n const [loadingPriceHistory, setLoadingPriceHistory] = useState(false);\n const [marketSearchQuery, setMarketSearchQuery] = useState('');\n const [marketSortBy, setMarketSortBy] = useState('hot');\n const [unclaimedRewards, setUnclaimedRewards] = useState(0);\n const [isClaimingRewards, setIsClaimingRewards] = useState(false);\n const [platformTotalFees, setPlatformTotalFees] = useState(0);\n const [hasAccess, setHasAccess] = useState(false);\n const [checkingAccess, setCheckingAccess] = useState(true);\n const [inviteCode, setInviteCode] = useState(['', '', '', '', '']);\n const [inviteError, setInviteError] = useState('');\n const [submittingInvite, setSubmittingInvite] = useState(false);\n const [showInviteManager, setShowInviteManager] = useState(false);\n const [invites, setInvites] = useState([]);\n const [newInviteCode, setNewInviteCode] = useState('');\n const [newInviteMaxUses, setNewInviteMaxUses] = useState('1');\n const [creatingInvite, setCreatingInvite] = useState(false);\n const [showUserManager, setShowUserManager] = useState(false);\n const [allUsers, setAllUsers] = useState([]);\n const [selectedUser, setSelectedUser] = useState(null);\n const [userSearchQuery, setUserSearchQuery] = useState('');\n const [editingBalance, setEditingBalance] = useState(false);\n const [newBalanceAmount, setNewBalanceAmount] = useState('');\n const [selectedUserBets, setSelectedUserBets] = useState([]);\n const [loadingUserBets, setLoadingUserBets] = useState(false);\n const [userSortBy, setUserSortBy] = useState('balance');\n const [tokenInfo, setTokenInfo] = useState(null);\n const PLATFORM_TOKEN_ADDRESS = 'HmNVhYkxy9MiyUEQZzJUcL54szoPE9Ps4vm6wtwKpdev';\n const fetchSelectedMarketDetailsAndHistory = useCallback(async marketId => {\n if (!devbaseClient) return;\n try {\n const market = await devbaseClient.getEntity('markets', marketId);\n if (!market) return;\n const options = await devbaseClient.listEntities('market_options', {\n marketId: market.id\n });\n const bets = await devbaseClient.listEntities('bets', {\n marketId: market.id\n });\n const sales = await devbaseClient.listEntities('sales', {\n marketId: market.id\n });\n const soldBetIds = new Set(sales.map(sale => sale.betId));\n const activeBets = bets.filter(bet => !soldBetIds.has(bet.id));\n const totalAmount = activeBets.reduce((sum, bet) => sum + bet.amount, 0);\n const virtualLiquidity = options.length * 1.0;\n const virtualPerOption = 1.0;\n const optionsWithStats = options.map(option => {\n const optionBets = activeBets.filter(bet => bet.optionId === option.id);\n const optionAmount = optionBets.reduce((sum, bet) => sum + bet.amount, 0);\n let price = 0.50;\n const totalWithVirtual = totalAmount + virtualLiquidity;\n const optionWithVirtual = optionAmount + virtualPerOption;\n if (totalWithVirtual > 0) {\n price = optionWithVirtual / totalWithVirtual;\n }\n price = Math.max(0.01, Math.min(0.99, price));\n return {\n ...option,\n amount: optionAmount,\n price: Math.round(price * 100) / 100\n };\n });\n const uniqueTraders = new Set(activeBets.map(bet => bet.userId));\n let winnerOption = null;\n if (market.winner) {\n winnerOption = options.find(opt => opt.id === market.winner);\n }\n const updatedMarket = {\n ...market,\n options: optionsWithStats,\n totalAmount,\n traders: uniqueTraders.size,\n winnerOption\n };\n setSelectedMarketDetails(updatedMarket);\n await fetchPriceHistory(marketId);\n } catch (error) {}\n }, [devbaseClient]);\n const ADMIN_WALLET = '6qBy1hV2W5kyaKGy8TmwLLyGsGGdb26z4zBeQ77H4okQ';\n const MIN_DEPOSIT_AMOUNT = 0.01;\n const isAdmin = userWallet === ADMIN_WALLET;\n useEffect(() => {\n if (showBetModal) {\n document.body.style.overflow = 'hidden';\n } else {\n document.body.style.overflow = 'unset';\n }\n return () => {\n document.body.style.overflow = 'unset';\n };\n }, [showBetModal]);\n useEffect(() => {\n const handleOnline = () => {\n setIsOnline(true);\n setNetworkError(false);\n if (devbaseClient) {\n fetchMarkets();\n }\n };\n const handleOffline = () => {\n setIsOnline(false);\n setNetworkError(true);\n };\n window.addEventListener('online', handleOnline);\n window.addEventListener('offline', handleOffline);\n const socketInstance = io('wss://ws.dev.fun/app-2b8cd8d2af5721ea072c');\n setSocket(socketInstance);\n socketInstance.on('market_update', data => {\n if (isOnline && data && typeof data === 'object' && typeof data.marketId === 'string') {\n fetchMarkets();\n if (showMarketDetails && selectedMarketDetails && data.marketId === selectedMarketDetails.id) {\n fetchSelectedMarketDetailsAndHistory(selectedMarketDetails.id);\n }\n }\n });\n socketInstance.on('bet_placed', data => {\n if (data && typeof data === 'object' && typeof data.marketId === 'string') {\n fetchMarkets();\n if (userWallet && devbaseClient) {\n calculateBalance().then(newBalance => {\n setBalance(newBalance);\n });\n }\n if (showMarketDetails && selectedMarketDetails && data.marketId === selectedMarketDetails.id) {\n fetchSelectedMarketDetailsAndHistory(selectedMarketDetails.id);\n }\n }\n });\n socketInstance.on('market_created', data => {\n if (!data || typeof data !== 'object') return;\n fetchMarkets();\n });\n socketInstance.on('market_winner_set', data => {\n if (!data || typeof data !== 'object') return;\n fetchMarkets();\n if (userWallet && devbaseClient) {\n calculateBalance().then(newBalance => {\n setBalance(newBalance);\n });\n }\n });\n socketInstance.on('market_refunded', data => {\n if (!data || typeof data !== 'object') return;\n fetchMarkets();\n if (userWallet && devbaseClient) {\n calculateBalance().then(newBalance => {\n setBalance(newBalance);\n });\n }\n });\n socketInstance.on('wallet_transaction', data => {\n if (!data || typeof data !== 'object') return;\n if (userWallet && devbaseClient) {\n calculateBalance().then(newBalance => {\n setBalance(newBalance);\n });\n }\n });\n socketInstance.on('bet_sold', data => {\n if (!data || typeof data !== 'object') return;\n fetchMarkets();\n if (userWallet && devbaseClient) {\n calculateBalance().then(newBalance => {\n setBalance(newBalance);\n });\n fetchUserBets();\n }\n });\n return () => {\n socketInstance.disconnect();\n window.removeEventListener('online', handleOnline);\n window.removeEventListener('offline', handleOffline);\n };\n }, [userWallet, devbaseClient, isOnline, showMarketDetails, selectedMarketDetails, fetchSelectedMarketDetailsAndHistory]);\n useEffect(() => {\n const checkUserAccess = async () => {\n if (!userWallet || !devbaseClient) {\n setCheckingAccess(false);\n return;\n }\n if (userWallet === ADMIN_WALLET) {\n setHasAccess(true);\n setCheckingAccess(false);\n return;\n }\n try {\n setCheckingAccess(true);\n const existingUsers = await devbaseClient.listEntities('users', {\n walletAddress: userWallet\n });\n if (existingUsers.length === 0) {\n await devbaseClient.createEntity('users', {\n walletAddress: userWallet,\n joinedAt: Date.now(),\n totalBets: 0,\n totalVolume: 0\n });\n setHasAccess(false);\n } else {\n setHasAccess(existingUsers[0].hasAccess === true);\n }\n } catch (error) {\n console.error('Error checking access:', error);\n setHasAccess(false);\n } finally {\n setCheckingAccess(false);\n }\n };\n checkUserAccess();\n }, [userWallet, devbaseClient]);\n const calculateBalance = async (retryAttempt = 0) => {\n if (!userWallet || !devbaseClient) return 0;\n const maxRetries = 3;\n const baseDelay = 1000;\n try {\n if (!isOnline) {\n throw new Error('Network is offline');\n }\n const deposits = await devbaseClient.listEntities('deposits', {\n userId: userWallet\n });\n const withdrawals = await devbaseClient.listEntities('withdrawals', {\n userId: userWallet\n });\n const bets = await devbaseClient.listEntities('bets', {\n userId: userWallet\n });\n const payouts = await devbaseClient.listEntities('payouts', {\n userId: userWallet\n });\n const sales = await devbaseClient.listEntities('sales', {\n userId: userWallet\n });\n const userFeesPaid = await devbaseClient.listEntities('userFeesPaid', {\n userId: userWallet\n });\n const feeClaims = await devbaseClient.listEntities('feeClaims', {\n userId: userWallet\n });\n const adminAdjustments = await devbaseClient.listEntities('adminAdjustments', {\n targetUserId: userWallet\n });\n const totalDeposits = deposits.reduce((sum, deposit) => sum + deposit.amount, 0);\n const totalWithdrawals = withdrawals.reduce((sum, withdrawal) => sum + withdrawal.amount, 0);\n const totalBets = bets.reduce((sum, bet) => sum + bet.amount, 0);\n const totalPayouts = payouts.reduce((sum, payout) => sum + payout.amount, 0);\n const totalSales = sales.reduce((sum, sale) => sum + sale.amount, 0);\n const totalUserFeesPaid = userFeesPaid.reduce((sum, fee) => sum + fee.amount, 0);\n const totalFeeClaims = feeClaims.reduce((sum, claim) => sum + claim.amount, 0);\n const totalAdminAdjustments = adminAdjustments.reduce((sum, adj) => sum + adj.amount, 0);\n setNetworkError(false);\n const rawBalance = totalDeposits - totalWithdrawals - totalBets + totalPayouts + totalSales - totalUserFeesPaid + totalFeeClaims + totalAdminAdjustments;\n return Math.abs(rawBalance) < 0.001 ? 0 : Math.max(0, rawBalance);\n } catch (error) {\n if (retryAttempt < maxRetries && isOnline) {\n const delay = baseDelay * Math.pow(2, retryAttempt);\n setTimeout(() => {\n calculateBalance(retryAttempt + 1).then(newBalance => {\n if (newBalance !== 0) {\n setBalance(newBalance);\n }\n });\n }, delay);\n } else {\n setNetworkError(true);\n }\n return 0;\n }\n };\n useEffect(() => {\n const fetchBalance = async () => {\n if (userWallet && devbaseClient) {\n try {\n const calculatedBalance = await calculateBalance();\n setBalance(calculatedBalance);\n const balances = await devbaseClient.listEntities('balances', {\n userId: userWallet\n });\n if (balances.length === 0) {\n await devbaseClient.createEntity('balances', {\n userId: userWallet,\n amount: calculatedBalance\n });\n } else {\n await devbaseClient.updateEntity('balances', balances[0].id, {\n amount: calculatedBalance\n });\n }\n } catch (error) {\n console.error('Error fetching balance:', error);\n }\n }\n };\n fetchBalance();\n }, [userWallet, devbaseClient]);\n const fetchTransactions = async () => {\n if (!userWallet || !devbaseClient) return;\n try {\n const deposits = await devbaseClient.listEntities('deposits', {\n userId: userWallet\n });\n const withdrawals = await devbaseClient.listEntities('withdrawals', {\n userId: userWallet\n });\n const allTransactions = [...deposits.map(d => ({\n ...d,\n type: 'deposit'\n })), ...withdrawals.map(w => ({\n ...w,\n type: 'withdrawal'\n }))].sort((a, b) => (b.timestamp || 0) - (a.timestamp || 0)).slice(0, 10);\n setTransactions(allTransactions);\n } catch (error) {}\n };\n const fetchUnclaimedRewards = async () => {\n if (!userWallet || !devbaseClient) return;\n try {\n const fees = await devbaseClient.listEntities('unclaimedFees', {\n userId: userWallet\n });\n const claims = await devbaseClient.listEntities('feeClaims', {\n userId: userWallet\n });\n const totalFees = fees.reduce((sum, fee) => sum + fee.amount, 0);\n const totalClaimed = claims.reduce((sum, claim) => sum + claim.amount, 0);\n const unclaimed = totalFees - totalClaimed;\n setUnclaimedRewards(Math.max(0, unclaimed));\n } catch (error) {\n setUnclaimedRewards(0);\n }\n };\n const fetchPlatformFees = async () => {\n if (!devbaseClient || userWallet !== ADMIN_WALLET) return;\n try {\n const platformFees = await devbaseClient.listEntities('unclaimedFees', {\n userId: ADMIN_WALLET\n });\n const totalPlatformFees = platformFees.reduce((sum, fee) => sum + fee.amount, 0);\n setPlatformTotalFees(totalPlatformFees);\n } catch (error) {\n setPlatformTotalFees(0);\n }\n };\n const fetchInvites = async () => {\n if (!devbaseClient || !isAdmin || userWallet !== ADMIN_WALLET) return;\n try {\n const allInvites = await devbaseClient.listEntities('invites');\n const inviteUses = await devbaseClient.listEntities('invite_uses');\n const invitesWithUses = allInvites.map(invite => {\n const uses = inviteUses.filter(use => use.inviteId === invite.id);\n return {\n ...invite,\n actualUses: uses.length\n };\n });\n setInvites(invitesWithUses);\n } catch (error) {\n console.error('Error fetching invites:', error);\n }\n };\n const fetchAllUsers = async () => {\n if (!devbaseClient || !isAdmin || userWallet !== ADMIN_WALLET) return;\n try {\n const users = await devbaseClient.listEntities('users');\n const usersWithBalances = await Promise.all(users.map(async user => {\n const deposits = await devbaseClient.listEntities('deposits', {\n userId: user.walletAddress\n });\n const withdrawals = await devbaseClient.listEntities('withdrawals', {\n userId: user.walletAddress\n });\n const bets = await devbaseClient.listEntities('bets', {\n userId: user.walletAddress\n });\n const payouts = await devbaseClient.listEntities('payouts', {\n userId: user.walletAddress\n });\n const sales = await devbaseClient.listEntities('sales', {\n userId: user.walletAddress\n });\n const userFeesPaid = await devbaseClient.listEntities('userFeesPaid', {\n userId: user.walletAddress\n });\n const feeClaims = await devbaseClient.listEntities('feeClaims', {\n userId: user.walletAddress\n });\n const adminAdjustments = await devbaseClient.listEntities('adminAdjustments', {\n targetUserId: user.walletAddress\n });\n const totalDeposits = deposits.reduce((sum, d) => sum + d.amount, 0);\n const totalWithdrawals = withdrawals.reduce((sum, w) => sum + w.amount, 0);\n const totalBets = bets.reduce((sum, b) => sum + b.amount, 0);\n const totalPayouts = payouts.reduce((sum, p) => sum + p.amount, 0);\n const totalSales = sales.reduce((sum, s) => sum + s.amount, 0);\n const totalUserFeesPaid = userFeesPaid.reduce((sum, f) => sum + f.amount, 0);\n const totalFeeClaims = feeClaims.reduce((sum, c) => sum + c.amount, 0);\n const totalAdminAdjustments = adminAdjustments.reduce((sum, a) => sum + a.amount, 0);\n const balance = totalDeposits - totalWithdrawals - totalBets + totalPayouts + totalSales - totalUserFeesPaid + totalFeeClaims + totalAdminAdjustments;\n return {\n ...user,\n balance: Math.max(0, balance),\n totalBets: bets.length,\n totalVolume: totalBets\n };\n }));\n setAllUsers(usersWithBalances);\n } catch (error) {\n console.error('Error fetching users:', error);\n }\n };\n const handleUpdateUserBalance = async (userId, newBalance) => {\n if (!devbaseClient || !isAdmin || userWallet !== ADMIN_WALLET) return;\n const numBalance = parseFloat(newBalance);\n if (!isFinite(numBalance) || numBalance < 0) {\n alert('Invalid balance amount');\n return;\n }\n setEditingBalance(true);\n try {\n const user = allUsers.find(u => u.walletAddress === userId);\n if (!user) {\n alert('User not found');\n setEditingBalance(false);\n return;\n }\n const currentBalance = user.balance;\n const difference = numBalance - currentBalance;\n if (Math.abs(difference) < 0.0001) {\n alert('Balance is already at this amount');\n setEditingBalance(false);\n setNewBalanceAmount('');\n return;\n }\n await devbaseClient.createEntity('adminAdjustments', {\n targetUserId: userId,\n amount: difference,\n reason: `Admin balance adjustment: ${difference >= 0 ? '+' : ''}${difference.toFixed(4)} SOL`\n });\n await fetchAllUsers();\n if (userId === userWallet) {\n const newCalculatedBalance = await calculateBalance();\n setBalance(newCalculatedBalance);\n }\n setEditingBalance(false);\n setNewBalanceAmount('');\n alert('Balance updated successfully');\n } catch (error) {\n console.error('Balance update error:', error);\n alert('Failed to update balance. Please try again.');\n setEditingBalance(false);\n }\n };\n const handleCreateInvite = async () => {\n if (!devbaseClient || !isAdmin || userWallet !== ADMIN_WALLET) return;\n const code = newInviteCode.trim().toUpperCase();\n const maxUses = parseInt(newInviteMaxUses);\n if (code.length < 4 || code.length > 5) {\n alert('Invite code must be 4-5 characters');\n return;\n }\n if (!maxUses || maxUses < 1) {\n alert('Max uses must be at least 1');\n return;\n }\n setCreatingInvite(true);\n try {\n await devbaseClient.createEntity('invites', {\n code: code,\n creatorId: userWallet,\n maxUses: maxUses\n });\n setNewInviteCode('');\n setNewInviteMaxUses('1');\n await fetchInvites();\n } catch (error) {\n alert('Failed to create invite code. It may already exist.');\n } finally {\n setCreatingInvite(false);\n }\n };\n const handleDeleteInvite = async inviteId => {\n if (!devbaseClient || !isAdmin || userWallet !== ADMIN_WALLET) return;\n if (!confirm('Are you sure you want to delete this invite code?')) {\n return;\n }\n try {\n await devbaseClient.deleteEntity('invites', inviteId);\n await fetchInvites();\n } catch (error) {\n alert('Failed to delete invite code. Please try again.');\n }\n };\n const handleSubmitInvite = async () => {\n if (!devbaseClient || !userWallet) return;\n const code = inviteCode.join('').toUpperCase();\n if (code.length < 5) {\n setInviteError('Please enter a valid code');\n return;\n }\n setSubmittingInvite(true);\n setInviteError('');\n try {\n const allInvites = await devbaseClient.listEntities('invites');\n const matchingInvite = allInvites.find(inv => inv.code === code && inv.status === 'active');\n if (!matchingInvite) {\n setInviteError('Invalid invite code');\n setSubmittingInvite(false);\n return;\n }\n const inviteUses = await devbaseClient.listEntities('invite_uses', {\n inviteId: matchingInvite.id\n });\n if (inviteUses.length >= matchingInvite.maxUses) {\n setInviteError('This invite code has been fully used');\n setSubmittingInvite(false);\n return;\n }\n await devbaseClient.createEntity('invite_uses', {\n inviteId: matchingInvite.id,\n userId: userWallet\n });\n const users = await devbaseClient.listEntities('users', {\n walletAddress: userWallet\n });\n if (users.length > 0) {\n await devbaseClient.updateEntity('users', users[0].id, {\n hasAccess: true,\n inviteCodeUsed: code\n });\n }\n setHasAccess(true);\n setInviteCode(['', '', '', '', '']);\n } catch (error) {\n console.error('Error submitting invite:', error);\n setInviteError('Failed to verify invite code. Please try again.');\n } finally {\n setSubmittingInvite(false);\n }\n };\n const handleInviteCodeChange = (index, value) => {\n if (value.length > 1) value = value[0];\n if (!/^[A-Za-z0-9]*$/.test(value)) return;\n const newCode = [...inviteCode];\n newCode[index] = value.toUpperCase();\n setInviteCode(newCode);\n setInviteError('');\n if (value && index < 4) {\n const nextInput = document.getElementById(`invite-input-${index + 1}`);\n if (nextInput) nextInput.focus();\n }\n };\n const handleInviteKeyDown = (index, e) => {\n if (e.key === 'Backspace' && !inviteCode[index] && index > 0) {\n const prevInput = document.getElementById(`invite-input-${index - 1}`);\n if (prevInput) prevInput.focus();\n }\n };\n const handleClaimRewards = async () => {\n if (!userWallet || !devbaseClient || unclaimedRewards <= 0) return;\n setIsClaimingRewards(true);\n try {\n await devbaseClient.createEntity('feeClaims', {\n userId: userWallet\n });\n const newBalance = await calculateBalance();\n setBalance(newBalance);\n await fetchUnclaimedRewards();\n if (socket) {\n socket.emit('wallet_transaction', {\n action: 'claim_rewards',\n amount: unclaimedRewards,\n userId: userWallet\n });\n }\n } catch (error) {\n alert('Unable to claim rewards. Please try again.');\n } finally {\n setIsClaimingRewards(false);\n }\n };\n useEffect(() => {\n if (userWallet && devbaseClient && activeTab === 'wallet') {\n fetchTransactions();\n fetchUnclaimedRewards();\n }\n }, [userWallet, devbaseClient, activeTab]);\n useEffect(() => {\n if (showAdminPanel && devbaseClient && isAdmin && userWallet === ADMIN_WALLET) {\n fetchPlatformFees();\n }\n }, [showAdminPanel, devbaseClient, isAdmin, userWallet]);\n useEffect(() => {\n if (showInviteManager && devbaseClient && isAdmin && userWallet === ADMIN_WALLET) {\n fetchInvites();\n }\n }, [showInviteManager, devbaseClient, isAdmin, userWallet]);\n useEffect(() => {\n if (showUserManager && devbaseClient && isAdmin && userWallet === ADMIN_WALLET) {\n fetchAllUsers();\n }\n }, [showUserManager, devbaseClient, isAdmin, userWallet]);\n useEffect(() => {\n const fetchUserBets = async () => {\n if (!selectedUser || !devbaseClient) {\n setSelectedUserBets([]);\n return;\n }\n setLoadingUserBets(true);\n try {\n const bets = await devbaseClient.listEntities('bets', {\n userId: selectedUser.walletAddress\n });\n const payouts = await devbaseClient.listEntities('payouts', {\n userId: selectedUser.walletAddress\n });\n const sales = await devbaseClient.listEntities('sales', {\n userId: selectedUser.walletAddress\n });\n const betsWithDetails = await Promise.all(bets.map(async bet => {\n const market = markets.find(m => m.id === bet.marketId);\n const option = market?.options.find(o => o.id === bet.optionId);\n const payout = payouts.find(p => p.betId === bet.id);\n const sale = sales.find(s => s.betId === bet.id);\n return {\n ...bet,\n market,\n option,\n payout,\n sale,\n isWin: market?.winner === bet.optionId,\n isSold: !!sale\n };\n }));\n setSelectedUserBets(betsWithDetails);\n } catch (error) {\n console.error('Error fetching user bets:', error);\n setSelectedUserBets([]);\n } finally {\n setLoadingUserBets(false);\n }\n };\n fetchUserBets();\n }, [selectedUser, devbaseClient, markets]);\n const handleWalletTransaction = async () => {\n if (!walletAmount || !userWallet || !devbaseClient) return;\n setTransactionError('');\n const amount = parseFloat(walletAmount);\n if (!isFinite(amount) || amount <= 0) {\n setTransactionError('Invalid amount');\n return;\n }\n if (walletAction === 'deposit' && amount < MIN_DEPOSIT_AMOUNT) {\n setTransactionError(`Minimum deposit is ${MIN_DEPOSIT_AMOUNT} SOL`);\n return;\n }\n if (walletAction === 'withdraw' && amount > balance) {\n setTransactionError('Insufficient balance for withdrawal');\n return;\n }\n if (amount > 1000000) {\n setTransactionError('Amount exceeds maximum limit');\n return;\n }\n setIsLoading(true);\n try {\n if (walletAction === 'deposit') {\n await devbaseClient.createEntity('deposits', {\n userId: userWallet,\n amount: amount\n });\n } else {\n await devbaseClient.createEntity('withdrawals', {\n userId: userWallet,\n amount: amount\n });\n }\n if (socket) {\n socket.emit('wallet_transaction', {\n action: walletAction,\n amount: amount,\n userId: userWallet\n });\n }\n const newBalance = await calculateBalance();\n setBalance(newBalance);\n setWalletAmount('');\n setShowWalletModal(false);\n setTransactionError('');\n await fetchTransactions();\n } catch (error) {\n setTransactionError(`Failed to ${walletAction}. Please try again.`);\n }\n setIsLoading(false);\n };\n const sanitizeText = (text, maxLength = 500) => {\n if (!text || typeof text !== 'string') return '';\n let sanitized = text.replace(/[<>'\"&]/g, char => {\n const entities = {\n '<': '<',\n '>': '>',\n '\"': '"',\n \"'\": ''',\n '&': '&'\n };\n return entities[char] || char;\n }).replace(/javascript:/gi, '').replace(/data:/gi, '').replace(/vbscript:/gi, '').replace(/on\\w+\\s*=/gi, '').replace(/