[{"_1":2,"_135":-5,"_136":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_55":56,"_57":58,"_59":41,"_60":61,"_62":58,"_63":58,"_64":58,"_65":58,"_66":58,"_67":58,"_68":17,"_69":25,"_70":71,"_72":73,"_74":75,"_76":77,"_78":79,"_93":-5,"_94":17,"_95":96,"_131":31,"_132":133,"_134":17},"id","5efce193e0d848f4a09b","isMyApp",false,"name","CryptoCatWar","description","The ultimate digital cat breeding universe where your feline NFTs can battle, breed, and earn you $CCW tokens! Collect rare cats, dominate the battle arena, and vote on the future of the purrniverse through our DAO governance system.","brief","","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/5efce193e0d848f4a09b/32600_29699018.webp","cdnUrl","https://cdn.dev.fun/app/5efce193e0d848f4a09b/32600","createdAt",["D",1742115289538],"updatedAt",["D",1742132209488],"lastCommitId",["B","32600"],"tier",1,"credits",58,{"_14":45,"_46":47,"_48":-5,"_49":47,"_50":51,"_52":-5,"_53":54},"be02bc38-ab59-470d-ad1c-08e77631fc1f","uniqueId","LzS8bYQcquUqro1rTLeVVBmYsKix5tnt1SVqyC2HEhk","username","solanaWallet","displayName","LzS...Ehk","bio","avatar","/avatar.svg","commitCount",19,"forkCount",0,"likeCount","runsCount",1181,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","BADzkyQgHx8HZgvj99uC9odN31DMDZiuGTcCxKTDpump","code","import React, { useState, useEffect, useRef } from 'react';\nimport { WalletMultiButton } from \"@solana/wallet-adapter-react-ui\";\nimport { useWallet } from \"@solana/wallet-adapter-react\";\nimport { WalletAdapterNetwork } from \"@solana/wallet-adapter-base\";\nimport { DevfunWalletAdapter } from \"@devfunlabs/wallet-adapter-devfun\";\nimport { ConnectionProvider, WalletProvider } from \"@solana/wallet-adapter-react\";\nimport { WalletModalProvider } from \"@solana/wallet-adapter-react-ui\";\nimport { clusterApiUrl } from \"@solana/web3.js\";\nimport { StateClient } from '@devfunlabs/state-client';\nimport { io } from 'socket.io-client';\nimport { Cat, ClockIcon, Plus, Trophy, Users, MessageCircle, BarChart3, ChevronsUp, Gift, Wallet, Heart, DollarSign, Swords, Building, Globe, Star, SendHorizonal, AlertCircle, Check, X, ArrowUpCircle, ArrowDownCircle, ChevronLeft, ChevronRight } from 'lucide-react';\nimport \"@solana/wallet-adapter-react-ui/styles.css\";\n\n// Initialize StateClient for data persistence\nconst client = new StateClient({\n baseURL: 'https://state.dev.fun',\n appId: '5efce193e0d848f4a09b'\n});\n\n// Initialize Socket.IO for chat\nconst socket = io('wss://ws.dev.fun/app-5efce193e0d848f4a09b');\n\n// Rarities and their probabilities\nconst RARITIES = {\n COMMON: {\n name: \"Common\",\n chance: 0.8,\n color: \"text-gray-400\"\n },\n EXCELLENT: {\n name: \"Excellent\",\n chance: 0.15,\n color: \"text-green-400\"\n },\n GREAT: {\n name: \"Great\",\n chance: 0.04,\n color: \"text-blue-400\"\n },\n LEGENDARY: {\n name: \"Legendary\",\n chance: 0.009,\n color: \"text-purple-400\"\n },\n MYTHICAL: {\n name: \"Mythical\",\n chance: 0.001,\n color: \"text-yellow-400\"\n }\n};\n\n// Helper functions\nconst getRandomRarity = () => {\n const rand = Math.random();\n if (rand < RARITIES.MYTHICAL.chance) return RARITIES.MYTHICAL;\n if (rand < RARITIES.MYTHICAL.chance + RARITIES.LEGENDARY.chance) return RARITIES.LEGENDARY;\n if (rand < RARITIES.MYTHICAL.chance + RARITIES.LEGENDARY.chance + RARITIES.GREAT.chance) return RARITIES.GREAT;\n if (rand < RARITIES.MYTHICAL.chance + RARITIES.LEGENDARY.chance + RARITIES.GREAT.chance + RARITIES.EXCELLENT.chance) return RARITIES.EXCELLENT;\n return RARITIES.COMMON;\n};\n\n// Generate random cat\nconst generateCat = (gender, id, rarity = null) => {\n const catRarity = rarity || getRandomRarity();\n let growthCoef = 1.0;\n\n // Higher rarity means higher growth coefficient\n switch (catRarity.name) {\n case \"Mythical\":\n growthCoef = 2.0;\n break;\n case \"Legendary\":\n growthCoef = 1.8;\n break;\n case \"Great\":\n growthCoef = 1.5;\n break;\n case \"Excellent\":\n growthCoef = 1.2;\n break;\n default:\n growthCoef = 1.0;\n }\n const attack = gender === 'male' ? Math.floor(Math.random() * 50) + 50 : 0;\n const defense = gender === 'male' ? Math.floor(Math.random() * 30) + 20 : 0;\n return {\n id,\n name: gender === 'male' ? `Tomcat ${id}` : `Queen ${id}`,\n gender,\n rarity: catRarity.name,\n image: `https://robohash.org/${id}?set=set4&size=200x200&bgset=bg1`,\n attack: attack,\n defense: defense,\n growthCoefficient: growthCoef,\n level: 1\n };\n};\n\n// Generate predefined cats\nconst generatePredefinedCats = () => {\n const maleCats = Array.from({\n length: 100\n }, (_, i) => generateCat('male', `m_${i}`));\n const femaleCats = Array.from({\n length: 100\n }, (_, i) => generateCat('female', `f_${i}`));\n return [...maleCats, ...femaleCats];\n};\n\n// Main App with providers\nconst AppWithProvider = () => {\n const network = WalletAdapterNetwork.Mainnet;\n const endpoint = clusterApiUrl(network);\n const [loaded, setLoaded] = useState(false);\n useEffect(() => {\n window.dispatchEvent = function (event) {\n return false;\n };\n setLoaded(true);\n }, []);\n if (!loaded) {\n return null;\n }\n return \n \n \n \n \n \n ;\n};\n\n// Main App component\nfunction App() {\n const {\n publicKey\n } = useWallet();\n const [language, setLanguage] = useState('en');\n const [activeTab, setActiveTab] = useState('dashboard');\n const [userData, setUserData] = useState(null);\n const [loading, setLoading] = useState(true);\n const [allCats, setAllCats] = useState([]);\n const [myCats, setMyCats] = useState([]);\n const [leaderboard, setLeaderboard] = useState([]);\n const [marketplace, setMarketplace] = useState([]);\n const [arenaListings, setArenaListings] = useState([]);\n const [chatMessages, setChatMessages] = useState([]);\n const [messageInput, setMessageInput] = useState('');\n const [captureCount, setCaptureCount] = useState(0);\n const [breedCount, setBreedCount] = useState(0);\n const [proposals, setProposals] = useState([]);\n const [countdown, setCountdown] = useState(24 * 60 * 60); // 24 hours in seconds\n const [initialized, setInitialized] = useState(false);\n const chatEndRef = useRef(null);\n const [selectedMaleCat, setSelectedMaleCat] = useState(null);\n const [selectedFemaleCat, setSelectedFemaleCat] = useState(null);\n const [breedingPhase, setBreedingPhase] = useState('select'); // 'select', 'confirming'\n const [pendingTransfers, setPendingTransfers] = useState([]);\n const [incomingTransfers, setIncomingTransfers] = useState([]);\n const [transferRecipient, setTransferRecipient] = useState('');\n const [transferAmount, setTransferAmount] = useState('');\n const [isValidRecipient, setIsValidRecipient] = useState(null);\n const [recipientChecking, setRecipientChecking] = useState(false);\n const [transactionHistory, setTransactionHistory] = useState([]);\n const [currentPage, setCurrentPage] = useState(1);\n const itemsPerPage = 10;\n const [showRenameModal, setShowRenameModal] = useState(false);\n const [catToRename, setCatToRename] = useState(null);\n const [newCatName, setNewCatName] = useState('');\n\n // Translations\n const translations = {\n en: {\n dashboard: \"Dashboard\",\n myCats: \"My Cats\",\n arena: \"Battle Arena\",\n capture: \"Capture Cats\",\n breed: \"Breed Cats\",\n dao: \"DAO\",\n checkIn: \"Check In\",\n referrals: \"Referrals\",\n catStats: \"Cat Statistics\",\n marketplace: \"Marketplace\",\n chatRoom: \"Chat Room\",\n leaderboard: \"Leaderboard\",\n wallet: \"Connect Wallet\",\n male: \"Male\",\n female: \"Female\",\n attack: \"Attack\",\n defense: \"Defense\",\n growth: \"Growth\",\n level: \"Level\",\n rarity: \"Rarity\",\n rename: \"Rename\",\n capture_btn: \"Capture\",\n breed_btn: \"Breed\",\n sell: \"Sell\",\n buy: \"Buy\",\n challenge: \"Challenge\",\n proposal: \"Create Proposal\",\n vote: \"Vote\",\n send: \"Send\",\n common: \"Common\",\n excellent: \"Excellent\",\n great: \"Great\",\n legendary: \"Legendary\",\n mythical: \"Mythical\",\n select_male: \"Select a Male Cat\",\n select_female: \"Select a Female Cat\",\n selected: \"Selected\",\n select: \"Select\",\n confirm_breeding: \"Confirm Breeding\",\n cancel: \"Cancel\",\n breeding_pair: \"Breeding Pair\",\n transfer_ccw: \"Transfer CCW\",\n recipient: \"Recipient Address\",\n amount: \"Amount\",\n transfer: \"Transfer\",\n transfer_tax: \"20% tax fee applies\",\n checking: \"Checking...\",\n valid_recipient: \"Valid recipient\",\n invalid_recipient: \"Invalid recipient\",\n pending_transfers: \"Pending Transfers\",\n incoming_transfers: \"Incoming Transfers\",\n remaining: \"remaining\",\n cancel_transfer: \"Cancel Transfer\",\n no_pending: \"No pending transfers\",\n no_incoming: \"No incoming transfers\",\n from: \"From\",\n to: \"To\",\n after_tax: \"after tax\",\n transaction_history: \"CCW Transaction History\",\n no_transactions: \"No transactions yet\",\n previous: \"Previous\",\n next: \"Next\",\n page: \"Page\",\n rename_cat: \"Rename Cat\",\n new_name: \"New Name\",\n submit: \"Submit\",\n rename_cost: \"Cost: 1000 CCW\",\n enter_new_name: \"Enter new name for your cat\"\n },\n zh: {\n dashboard: \"仪表盘\",\n myCats: \"我的猫咪\",\n arena: \"战斗竞技场\",\n capture: \"捕获猫咪\",\n breed: \"繁殖猫咪\",\n dao: \"DAO\",\n checkIn: \"签到\",\n referrals: \"推广\",\n catStats: \"猫咪统计\",\n marketplace: \"交易市场\",\n chatRoom: \"聊天室\",\n leaderboard: \"排行榜\",\n wallet: \"连接钱包\",\n male: \"公猫\",\n female: \"母猫\",\n attack: \"攻击力\",\n defense: \"防御值\",\n growth: \"成长系数\",\n level: \"等级\",\n rarity: \"稀有度\",\n rename: \"改名\",\n capture_btn: \"捕获\",\n breed_btn: \"繁殖\",\n sell: \"出售\",\n buy: \"购买\",\n challenge: \"挑战\",\n proposal: \"创建提案\",\n vote: \"投票\",\n send: \"发送\",\n common: \"普通\",\n excellent: \"优秀\",\n great: \"伟大\",\n legendary: \"传说\",\n mythical: \"神话\",\n select_male: \"选择一只公猫\",\n select_female: \"选择一只母猫\",\n selected: \"已选择\",\n select: \"选择\",\n confirm_breeding: \"确认繁殖\",\n cancel: \"取消\",\n breeding_pair: \"繁殖配对\",\n transfer_ccw: \"转移积分\",\n recipient: \"接收地址\",\n amount: \"数量\",\n transfer: \"转移\",\n transfer_tax: \"收取20%的税费\",\n checking: \"检查中...\",\n valid_recipient: \"有效接收地址\",\n invalid_recipient: \"无效接收地址\",\n pending_transfers: \"待处理转账\",\n incoming_transfers: \"收到的转账\",\n remaining: \"剩余\",\n cancel_transfer: \"取消转账\",\n no_pending: \"没有待处理的转账\",\n no_incoming: \"没有收到的转账\",\n from: \"从\",\n to: \"到\",\n after_tax: \"税后\",\n transaction_history: \"CCW积分记录\",\n no_transactions: \"暂无交易记录\",\n previous: \"上一页\",\n next: \"下一页\",\n page: \"页\",\n rename_cat: \"猫咪改名\",\n new_name: \"新名字\",\n submit: \"提交\",\n rename_cost: \"费用: 1000 CCW\",\n enter_new_name: \"输入猫咪的新名字\"\n }\n };\n const t = key => translations[language][key] || key;\n\n // Format time remaining for transfers\n const formatTimeRemaining = targetTime => {\n if (!targetTime) return '';\n const now = new Date().getTime();\n const target = new Date(targetTime).getTime();\n const diff = Math.max(0, target - now);\n const minutes = Math.floor(diff / (1000 * 60));\n const seconds = Math.floor(diff % (1000 * 60) / 1000);\n return `${minutes}:${seconds.toString().padStart(2, '0')}`;\n };\n\n // Add transaction record\n const addTransactionRecord = async (amount, description) => {\n if (!userData) return;\n try {\n const transaction = {\n id: `tx_${Date.now()}`,\n userId: userData.id,\n amount: amount,\n description: description,\n timestamp: new Date().toISOString()\n };\n await client.createEntity('transactions', transaction);\n\n // Update local state\n setTransactionHistory(prev => [transaction, ...prev]);\n } catch (error) {\n console.error(\"Failed to record transaction:\", error);\n }\n };\n\n // Check URL for referral code\n useEffect(() => {\n if (!publicKey) return;\n\n // Get referral code from URL if present\n const urlParams = new URLSearchParams(window.location.search);\n const refCode = urlParams.get('ref');\n if (refCode) {\n // Process referral\n const processReferral = async () => {\n try {\n // Find referrer user\n const referrers = await client.getEntities('users', {\n referralCode: refCode\n });\n const referrer = referrers && referrers.length > 0 ? referrers[0] : null;\n if (referrer && referrer.id !== publicKey.toString()) {\n // Update referrer's referrals if this user is not already in the list\n if (!referrer.referrals.includes(publicKey.toString())) {\n const updatedReferrals = [...referrer.referrals, publicKey.toString()];\n await client.updateEntity('users', referrer.id, {\n ...referrer,\n referrals: updatedReferrals\n });\n\n // If referrer has 5 referrals, give them a free female cat\n if (updatedReferrals.length % 5 === 0) {\n const femaleCats = allCats.filter(cat => cat.gender === 'female');\n if (femaleCats.length > 0) {\n const randomIndex = Math.floor(Math.random() * femaleCats.length);\n const freeCat = {\n ...femaleCats[randomIndex],\n id: `referral_reward_${Date.now()}`\n };\n const updatedCats = [...(referrer.cats || []), freeCat];\n await client.updateEntity('users', referrer.id, {\n ...referrer,\n cats: updatedCats\n });\n\n // Add transaction record for referrer\n if (userData && userData.id === referrer.id) {\n await addTransactionRecord(0, language === 'en' ? \"Received referral reward cat\" : \"获得推广奖励猫咪\");\n }\n }\n }\n }\n }\n\n // Clear the URL parameter without refreshing the page\n const newUrl = window.location.pathname + window.location.hash;\n window.history.replaceState({}, document.title, newUrl);\n } catch (error) {\n console.error(\"Failed to process referral:\", error);\n }\n };\n processReferral();\n }\n }, [publicKey, allCats]);\n\n // Fetch user data when wallet connects\n useEffect(() => {\n const loadUserData = async () => {\n if (!publicKey) {\n setLoading(false);\n return;\n }\n try {\n setLoading(true);\n const userId = publicKey.toString();\n let user = await client.getEntity('users', userId);\n if (!user) {\n // Initialize new user\n const predefinedCats = generatePredefinedCats();\n const starterCat = generateCat('male', `starter_${userId.substring(0, 8)}`);\n user = {\n id: userId,\n ccw: 0,\n lastCheckIn: null,\n referrals: [],\n referralCode: userId.substring(0, 8),\n captureCount: 0,\n breedCount: 0,\n cats: [starterCat]\n };\n await client.createEntity('users', user);\n\n // Create cats database if not exists\n const existingCats = await client.getEntities('predefinedCats');\n if (!existingCats || existingCats.length === 0) {\n for (const cat of predefinedCats) {\n await client.createEntity('predefinedCats', cat);\n }\n }\n }\n setUserData(user);\n setMyCats(user.cats || []);\n setCaptureCount(user.captureCount || 0);\n setBreedCount(user.breedCount || 0);\n setInitialized(true);\n } catch (error) {\n console.error(\"Failed to load user data:\", error);\n } finally {\n setLoading(false);\n }\n };\n const loadGameData = async () => {\n try {\n // Load predefined cats\n const cats = await client.getEntities('predefinedCats');\n setAllCats(cats || []);\n\n // Load marketplace listings\n const marketListings = await client.getEntities('marketplace');\n setMarketplace(marketListings || []);\n\n // Load arena listings\n const arena = await client.getEntities('arena');\n setArenaListings(arena || []);\n\n // Load proposals\n const daoProposals = await client.getEntities('proposals');\n setProposals(daoProposals || []);\n\n // Load leaderboard\n const board = await client.getEntities('leaderboard');\n if (board && board.length > 0) {\n setLeaderboard(board[0].rankings || []);\n } else {\n // Initialize leaderboard if it doesn't exist\n const initialLeaderboard = {\n id: 'current',\n rankings: [],\n lastUpdated: new Date().toISOString()\n };\n await client.createEntity('leaderboard', initialLeaderboard);\n setLeaderboard([]);\n }\n } catch (error) {\n console.error(\"Failed to load game data:\", error);\n }\n };\n\n // Load transaction history\n const loadTransactionHistory = async () => {\n if (!publicKey) return;\n try {\n const transactions = await client.getEntities('transactions', {\n userId: publicKey.toString()\n });\n if (transactions) {\n // Sort transactions by timestamp (newest first)\n const sortedTransactions = transactions.sort((a, b) => new Date(b.timestamp).getTime() - new Date(a.timestamp).getTime());\n setTransactionHistory(sortedTransactions);\n }\n } catch (error) {\n console.error(\"Failed to load transaction history:\", error);\n }\n };\n loadUserData();\n loadGameData();\n loadTransactionHistory();\n }, [publicKey]);\n\n // Load pending transfers and set up processing timers\n useEffect(() => {\n if (!publicKey) return;\n const loadTransfers = async () => {\n try {\n // Load pending transfers initiated by this user\n const outgoingTransfers = await client.getEntities('transfers', {\n senderId: publicKey.toString(),\n status: 'pending'\n });\n\n // Load incoming transfers to this user\n const incoming = await client.getEntities('transfers', {\n recipientId: publicKey.toString(),\n status: 'pending'\n });\n setPendingTransfers(outgoingTransfers || []);\n setIncomingTransfers(incoming || []);\n } catch (error) {\n console.error(\"Failed to load transfers:\", error);\n }\n };\n\n // Load transfers immediately\n loadTransfers();\n\n // Run processing immediately to handle any expired transfers\n processPendingTransfers();\n\n // Set up two intervals:\n // 1. A shorter interval just for processing expired transfers (every 5 seconds)\n const processingInterval = setInterval(processPendingTransfers, 5000);\n\n // 2. A longer interval for refreshing the visible transfer list (every 15 seconds)\n const refreshInterval = setInterval(loadTransfers, 15000);\n return () => {\n clearInterval(processingInterval);\n clearInterval(refreshInterval);\n };\n }, [publicKey]);\n\n // Process any pending transfers that have completed their cooling period\n const processPendingTransfers = async () => {\n try {\n // Get all pending transfers directly from database to ensure we have the latest data\n const outgoingTransfers = await client.getEntities('transfers', {\n status: 'pending'\n });\n if (!outgoingTransfers || outgoingTransfers.length === 0) return;\n const now = new Date();\n for (const transfer of outgoingTransfers) {\n const completionTime = new Date(transfer.completionTime);\n if (completionTime <= now && transfer.status === 'pending') {\n try {\n console.log(`Processing completed transfer ${transfer.id}`);\n\n // Complete the transfer\n // 1. Update recipient's CCW balance\n const recipient = await client.getEntity('users', transfer.recipientId);\n if (recipient) {\n const updatedRecipient = {\n ...recipient,\n ccw: (recipient.ccw || 0) + transfer.amountAfterTax\n };\n await client.updateEntity('users', transfer.recipientId, updatedRecipient);\n\n // Record transaction for recipient\n const recipientDesc = language === 'en' ? `Received transfer from ${transfer.senderName}` : `收到来自 ${transfer.senderName} 的转账`;\n await addTransactionRecord(transfer.amountAfterTax, recipientDesc);\n\n // Update local user data if recipient is current user\n if (userData && transfer.recipientId === userData.id) {\n setUserData(updatedRecipient);\n }\n }\n\n // 2. Mark transfer as completed\n const updatedTransfer = {\n ...transfer,\n status: 'completed',\n completedAt: now.toISOString()\n };\n await client.updateEntity('transfers', transfer.id, updatedTransfer);\n\n // 3. Update local lists\n setPendingTransfers(prev => prev.filter(t => t.id !== transfer.id));\n setIncomingTransfers(prev => prev.filter(t => t.id !== transfer.id));\n console.log(`Transfer ${transfer.id} completed successfully`);\n } catch (error) {\n console.error(`Failed to process transfer ${transfer.id}:`, error);\n }\n }\n }\n } catch (error) {\n console.error(\"Failed to process pending transfers:\", error);\n }\n };\n\n // Socket.io chat setup\n useEffect(() => {\n function onConnect() {\n console.log('Connected to chat server');\n }\n function onDisconnect() {\n console.log('Disconnected from chat server');\n }\n function onChatMessage(message) {\n // Only add message if it's not from the current user\n if (userData && message.userId !== userData.id) {\n setChatMessages(prev => [...prev, message]);\n if (chatEndRef.current) {\n chatEndRef.current.scrollIntoView({\n behavior: 'smooth'\n });\n }\n }\n }\n socket.on('connect', onConnect);\n socket.on('disconnect', onDisconnect);\n socket.on('chat_message', onChatMessage);\n\n // Load historical messages\n const loadMessages = async () => {\n try {\n const messages = await client.getEntities('chatMessages');\n if (messages && messages.length > 0) {\n // Sort messages by timestamp\n const sortedMessages = messages.sort((a, b) => new Date(a.timestamp).getTime() - new Date(b.timestamp).getTime());\n setChatMessages(sortedMessages);\n\n // Scroll to bottom after messages load\n setTimeout(() => {\n if (chatEndRef.current) {\n chatEndRef.current.scrollIntoView({\n behavior: 'smooth'\n });\n }\n }, 100);\n }\n } catch (error) {\n console.error(\"Failed to load chat messages:\", error);\n }\n };\n loadMessages();\n return () => {\n socket.off('connect', onConnect);\n socket.off('disconnect', onDisconnect);\n socket.off('chat_message', onChatMessage);\n };\n }, []);\n\n // Calculate seconds until next UTC midnight (00:00:00)\n const getSecondsUntilUTCMidnight = () => {\n const now = new Date();\n const utcMidnight = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate() + 1));\n return Math.floor((utcMidnight - now) / 1000);\n };\n\n // Update leaderboard calculation and countdown\n useEffect(() => {\n if (!initialized) return;\n\n // Initialize countdown to UTC midnight\n setCountdown(getSecondsUntilUTCMidnight());\n\n // Update countdown timer\n const timer = setInterval(() => {\n setCountdown(prev => {\n if (prev <= 1) {\n // Distribute rewards and reset countdown to next UTC midnight\n distributeLeaderboardRewards();\n return getSecondsUntilUTCMidnight();\n }\n return prev - 1;\n });\n }, 1000);\n\n // Calculate and update leaderboard every minute\n const leaderboardInterval = setInterval(async () => {\n try {\n // Get all users\n const users = await client.getEntities('users');\n if (!users || users.length === 0) return;\n\n // Calculate total attack power for each user\n const rankings = users.map(user => {\n const maleCats = (user.cats || []).filter(cat => cat.gender === 'male');\n const totalAttack = maleCats.reduce((sum, cat) => sum + (cat.attack || 0), 0);\n return {\n userId: user.id,\n username: maleCats.length > 0 ? maleCats[0].name : user.id.substring(0, 8),\n totalAttack\n };\n }).sort((a, b) => b.totalAttack - a.totalAttack).slice(0, 20); // Top 20\n\n setLeaderboard(rankings);\n\n // Update leaderboard in database\n const leaderboardEntity = await client.getEntity('leaderboard', 'current');\n if (leaderboardEntity) {\n await client.updateEntity('leaderboard', 'current', {\n rankings,\n lastUpdated: new Date().toISOString()\n });\n }\n } catch (error) {\n console.error(\"Failed to update leaderboard:\", error);\n }\n }, 60 * 1000); // Every minute\n\n return () => {\n clearInterval(timer);\n clearInterval(leaderboardInterval);\n };\n }, [initialized]);\n\n // Helper function to distribute leaderboard rewards\n const distributeLeaderboardRewards = async () => {\n if (!leaderboard || leaderboard.length === 0) return;\n const rewards = [20000, 10000, 5000, 3000, 2000, 1000, 1000, 1000, 1000, 1000];\n const winners = leaderboard.slice(0, 10);\n for (let i = 0; i < winners.length; i++) {\n try {\n const user = await client.getEntity('users', winners[i].userId);\n if (user) {\n const updatedUser = {\n ...user,\n ccw: (user.ccw || 0) + rewards[i]\n };\n await client.updateEntity('users', user.id, updatedUser);\n\n // Record transaction\n if (userData && user.id === userData.id) {\n await addTransactionRecord(rewards[i], language === 'en' ? `Leaderboard reward (Rank ${i + 1})` : `排行榜奖励（第${i + 1}名）`);\n }\n\n // Update local user data if current user won\n if (userData && user.id === userData.id) {\n setUserData(updatedUser);\n }\n }\n } catch (error) {\n console.error(`Failed to distribute reward to user ${winners[i].userId}:`, error);\n }\n }\n };\n\n // Check-in handler\n const handleCheckIn = async () => {\n if (!userData) return;\n const now = new Date();\n const lastCheckIn = userData.lastCheckIn ? new Date(userData.lastCheckIn) : null;\n\n // Check if an hour has passed since last check-in\n if (lastCheckIn && now - lastCheckIn < 60 * 60 * 1000) {\n alert(language === 'en' ? 'You can check in again in ' + Math.ceil((60 * 60 * 1000 - (now - lastCheckIn)) / (60 * 1000)) + ' minutes' : '你可以在 ' + Math.ceil((60 * 60 * 1000 - (now - lastCheckIn)) / (60 * 1000)) + ' 分钟后再次签到');\n return;\n }\n\n // Generate random CCW reward (1-1000)\n const reward = Math.floor(Math.random() * 1000) + 1;\n try {\n const updatedUser = {\n ...userData,\n ccw: (userData.ccw || 0) + reward,\n lastCheckIn: now.toISOString()\n };\n\n // If this is the first check-in and the user has no cats, give a starter cat\n if (!lastCheckIn && (!userData.cats || userData.cats.length === 0)) {\n const starterCat = generateCat('male', `starter_${userData.id.substring(0, 8)}`);\n updatedUser.cats = [starterCat];\n }\n await client.updateEntity('users', userData.id, updatedUser);\n setUserData(updatedUser);\n setMyCats(updatedUser.cats || []);\n\n // Record transaction\n await addTransactionRecord(reward, language === 'en' ? \"Daily check-in reward\" : \"每日签到奖励\");\n alert(language === 'en' ? `Check-in successful! You received ${reward} CCW` : `签到成功！你获得了 ${reward} CCW`);\n } catch (error) {\n console.error(\"Check-in failed:\", error);\n alert(language === 'en' ? \"Check-in failed\" : \"签到失败\");\n }\n };\n\n // Copy referral link\n const copyReferralLink = () => {\n if (!userData) return;\n const referralLink = `https://dev.fun/p/5efce193e0d848f4a09b?ref=${userData.referralCode}`;\n\n // Use both clipboard APIs for maximum compatibility\n try {\n if (navigator.clipboard && navigator.clipboard.writeText) {\n navigator.clipboard.writeText(referralLink).then(() => {\n alert(language === 'en' ? \"Referral link copied to clipboard!\" : \"推广链接已复制到剪贴板！\");\n }).catch(err => {\n // If the modern API fails, try the legacy approach\n const textArea = document.createElement(\"textarea\");\n textArea.value = referralLink;\n document.body.appendChild(textArea);\n textArea.select();\n document.execCommand(\"copy\");\n document.body.removeChild(textArea);\n alert(language === 'en' ? \"Referral link copied to clipboard!\" : \"推广链接已复制到剪贴板！\");\n });\n } else {\n // Legacy approach for older browsers\n const textArea = document.createElement(\"textarea\");\n textArea.value = referralLink;\n document.body.appendChild(textArea);\n textArea.select();\n document.execCommand(\"copy\");\n document.body.removeChild(textArea);\n alert(language === 'en' ? \"Referral link copied to clipboard!\" : \"推广链接已复制到剪贴板！\");\n }\n } catch (err) {\n alert(language === 'en' ? `Your referral link is: ${referralLink}` : `你的推广链接是: ${referralLink}`);\n }\n };\n\n // Get 10 random female cats for display\n const [captureCandidates, setCaptureCandidates] = useState([]);\n\n // Refresh the capture candidates\n const refreshCaptureCandidates = () => {\n const femaleCats = allCats.filter(cat => cat.gender === 'female');\n if (femaleCats.length === 0) return;\n\n // Shuffle the female cats and get 10 (or fewer if not enough)\n const shuffled = [...femaleCats].sort(() => 0.5 - Math.random());\n const selectedCats = shuffled.slice(0, 10).map(cat => ({\n ...cat,\n id: `candidate_${cat.id}`,\n // Hide rarity\n displayRarity: \"???\"\n }));\n setCaptureCandidates(selectedCats);\n };\n\n // Load capture candidates when allCats changes\n useEffect(() => {\n if (allCats.length > 0) {\n refreshCaptureCandidates();\n }\n }, [allCats]);\n\n // Capture a specific female cat\n const captureCat = async catToCapture => {\n if (!userData) return;\n const dailyCost = [0, 1000, 2000, 4000, 8000, 16000, 32000, 64000, 128000, 256000];\n const cost = dailyCost[Math.min(captureCount, dailyCost.length - 1)];\n if (userData.ccw < cost && captureCount > 0) {\n alert(language === 'en' ? `You need ${cost} CCW to capture a cat` : `你需要 ${cost} CCW 来捕获猫咪`);\n return;\n }\n\n // 30% chance of capture failure\n if (Math.random() < 0.3) {\n // Just charge the cost if it's not the first capture\n if (captureCount > 0) {\n const updatedUser = {\n ...userData,\n ccw: userData.ccw - cost,\n captureCount: (userData.captureCount || 0) + 1\n };\n await client.updateEntity('users', userData.id, updatedUser);\n setUserData(updatedUser);\n setCaptureCount(updatedUser.captureCount);\n\n // Record transaction\n await addTransactionRecord(-cost, language === 'en' ? \"Failed cat capture attempt\" : \"捕获猫咪失败\");\n }\n alert(language === 'en' ? \"Capture failed! The cat escaped.\" : \"捕获失败！猫咪跑掉了。\");\n return;\n }\n try {\n // Create a copy of the captured cat with a new id and restore real rarity\n const originalCat = allCats.find(cat => cat.id === catToCapture.id.replace('candidate_', ''));\n if (!originalCat) {\n alert(language === 'en' ? \"Error finding cat\" : \"查找猫咪时出错\");\n return;\n }\n const newCat = {\n ...originalCat,\n id: `captured_${Date.now()}`\n };\n const updatedUser = {\n ...userData,\n cats: [...(userData.cats || []), newCat],\n ccw: userData.ccw - (captureCount > 0 ? cost : 0),\n captureCount: (userData.captureCount || 0) + 1\n };\n await client.updateEntity('users', userData.id, updatedUser);\n setUserData(updatedUser);\n setMyCats(updatedUser.cats);\n setCaptureCount(updatedUser.captureCount);\n\n // Record transaction if cost was charged\n if (captureCount > 0) {\n await addTransactionRecord(-cost, language === 'en' ? `Captured a ${newCat.rarity} female cat` : `捕获了一只${t(newCat.rarity.toLowerCase())}母猫`);\n } else {\n await addTransactionRecord(0, language === 'en' ? `Captured a ${newCat.rarity} female cat (free)` : `捕获了一只${t(newCat.rarity.toLowerCase())}母猫（免费）`);\n }\n alert(language === 'en' ? `Captured a ${newCat.rarity} female cat!` : `捕获了一只${t(newCat.rarity.toLowerCase())}母猫！`);\n } catch (error) {\n console.error(\"Cat capture failed:\", error);\n alert(language === 'en' ? \"Capture failed\" : \"捕获失败\");\n }\n };\n\n // Select cat for breeding\n const selectCatForBreeding = cat => {\n if (cat.gender === 'male') {\n setSelectedMaleCat(cat);\n } else {\n setSelectedFemaleCat(cat);\n }\n\n // If both cats are selected, move to confirmation phase\n if (cat.gender === 'male' && selectedFemaleCat || cat.gender === 'female' && selectedMaleCat) {\n setBreedingPhase('confirming');\n }\n };\n\n // Reset breeding selection\n const resetBreedingSelection = () => {\n setSelectedMaleCat(null);\n setSelectedFemaleCat(null);\n setBreedingPhase('select');\n };\n\n // Breed cats\n const breedCats = async () => {\n if (!userData) return;\n if (breedingPhase === 'select') {\n // If we're still in selection phase but they click the main breed button, check if we can proceed\n const maleCats = userData.cats.filter(cat => cat.gender === 'male');\n const femaleCats = userData.cats.filter(cat => cat.gender === 'female');\n if (maleCats.length === 0 || femaleCats.length === 0) {\n alert(language === 'en' ? \"You need at least one male and one female cat to breed\" : \"你需要至少一只公猫和一只母猫才能繁殖\");\n return;\n }\n\n // Show selection UI\n return;\n }\n\n // Check if both cats are selected\n if (!selectedMaleCat || !selectedFemaleCat) {\n alert(language === 'en' ? \"Please select both a male and a female cat for breeding\" : \"请选择一只公猫和一只母猫进行繁殖\");\n return;\n }\n const dailyCost = [0, 1000, 2000, 4000, 8000, 16000, 32000, 64000, 128000, 256000];\n const cost = dailyCost[Math.min(breedCount, dailyCost.length - 1)];\n if (userData.ccw < cost && breedCount > 0) {\n alert(language === 'en' ? `You need ${cost} CCW to breed cats` : `你需要 ${cost} CCW 来繁殖猫咪`);\n return;\n }\n\n // 50% chance of breeding failure\n if (Math.random() < 0.5) {\n alert(language === 'en' ? \"Breeding failed! Try again later.\" : \"繁殖失败！请稍后再试。\");\n\n // Still charge the cost\n if (breedCount > 0) {\n const updatedUser = {\n ...userData,\n ccw: userData.ccw - cost,\n breedCount: (userData.breedCount || 0) + 1\n };\n await client.updateEntity('users', userData.id, updatedUser);\n setUserData(updatedUser);\n setBreedCount(updatedUser.breedCount);\n\n // Record transaction\n await addTransactionRecord(-cost, language === 'en' ? \"Failed breeding attempt\" : \"繁殖失败\");\n }\n resetBreedingSelection();\n return;\n }\n try {\n // Determine kitten rarity based on parents\n let rarityBoost = 0;\n\n // Convert rarity names to values\n const rarityValues = {\n \"Common\": 1,\n \"Excellent\": 2,\n \"Great\": 3,\n \"Legendary\": 4,\n \"Mythical\": 5\n };\n const maleRarityValue = rarityValues[selectedMaleCat.rarity] || 1;\n const femaleRarityValue = rarityValues[selectedFemaleCat.rarity] || 1;\n\n // Average parent rarities and add some randomness\n const averageRarity = (maleRarityValue + femaleRarityValue) / 2;\n rarityBoost = Math.min(4, Math.max(0, averageRarity - 1)) * 0.15; // Stronger boost based on rarity\n\n // Adjust rarity chances based on parent rarities\n let rarityRoll = Math.random() - rarityBoost;\n let kittenRarity;\n if (rarityRoll < 0) {\n // Guaranteed at least one rarity level above the lowest parent\n kittenRarity = Object.values(RARITIES)[Math.min(4, Math.max(1, Math.min(maleRarityValue, femaleRarityValue)))];\n } else if (rarityRoll < RARITIES.MYTHICAL.chance) {\n kittenRarity = RARITIES.MYTHICAL;\n } else if (rarityRoll < RARITIES.MYTHICAL.chance + RARITIES.LEGENDARY.chance) {\n kittenRarity = RARITIES.LEGENDARY;\n } else if (rarityRoll < RARITIES.MYTHICAL.chance + RARITIES.LEGENDARY.chance + RARITIES.GREAT.chance) {\n kittenRarity = RARITIES.GREAT;\n } else if (rarityRoll < RARITIES.MYTHICAL.chance + RARITIES.LEGENDARY.chance + RARITIES.GREAT.chance + RARITIES.EXCELLENT.chance) {\n kittenRarity = RARITIES.EXCELLENT;\n } else {\n kittenRarity = RARITIES.COMMON;\n }\n\n // Determine gender (50/50)\n const gender = Math.random() < 0.5 ? 'male' : 'female';\n\n // Create the kitten\n const kitten = generateCat(gender, `kitten_${Date.now()}`, kittenRarity);\n\n // If male, inherit some stats from parents\n if (gender === 'male') {\n kitten.attack = Math.floor((selectedMaleCat.attack || 50) * 0.6 + Math.random() * 40);\n kitten.defense = Math.floor((selectedMaleCat.defense || 20) * 0.6 + Math.random() * 20);\n }\n const updatedUser = {\n ...userData,\n cats: [...userData.cats, kitten],\n ccw: userData.ccw - (breedCount > 0 ? cost : 0),\n breedCount: (userData.breedCount || 0) + 1\n };\n await client.updateEntity('users', userData.id, updatedUser);\n setUserData(updatedUser);\n setMyCats(updatedUser.cats);\n setBreedCount(updatedUser.breedCount);\n\n // Record transaction if cost was charged\n if (breedCount > 0) {\n await addTransactionRecord(-cost, language === 'en' ? `Bred a ${kitten.rarity} ${gender} kitten` : `繁殖了一只${t(kitten.rarity.toLowerCase())}${gender === 'male' ? '公猫' : '母猫'}幼崽`);\n } else {\n await addTransactionRecord(0, language === 'en' ? `Bred a ${kitten.rarity} ${gender} kitten (free)` : `繁殖了一只${t(kitten.rarity.toLowerCase())}${gender === 'male' ? '公猫' : '母猫'}幼崽（免费）`);\n }\n alert(language === 'en' ? `Breeding successful! You got a ${kitten.rarity} ${gender} kitten!` : `繁殖成功！你获得了一只${t(kitten.rarity.toLowerCase())}${gender === 'male' ? '公猫' : '母猫'}幼崽！`);\n resetBreedingSelection();\n } catch (error) {\n console.error(\"Breeding failed:\", error);\n alert(language === 'en' ? \"Breeding failed\" : \"繁殖失败\");\n resetBreedingSelection();\n }\n };\n\n // Open rename modal\n const openRenameModal = cat => {\n if (!userData || userData.ccw < 1000) {\n alert(language === 'en' ? \"You need 1000 CCW to rename a cat\" : \"你需要 1000 CCW 来给猫咪改名\");\n return;\n }\n setCatToRename(cat);\n setNewCatName(cat.name);\n setShowRenameModal(true);\n };\n\n // Close rename modal\n const closeRenameModal = () => {\n setShowRenameModal(false);\n setCatToRename(null);\n setNewCatName('');\n };\n\n // Rename cat\n const submitRename = async () => {\n if (!userData || !catToRename || userData.ccw < 1000) return;\n if (!newCatName || newCatName.trim() === \"\") {\n alert(language === 'en' ? \"Please enter a valid name\" : \"请输入有效的名字\");\n return;\n }\n try {\n const updatedCats = userData.cats.map(c => c.id === catToRename.id ? {\n ...c,\n name: newCatName.trim()\n } : c);\n const updatedUser = {\n ...userData,\n cats: updatedCats,\n ccw: userData.ccw - 1000\n };\n await client.updateEntity('users', userData.id, updatedUser);\n setUserData(updatedUser);\n setMyCats(updatedCats);\n\n // Record transaction\n await addTransactionRecord(-1000, language === 'en' ? `Renamed cat to \"${newCatName.trim()}\"` : `将猫咪重命名为\"${newCatName.trim()}\"`);\n alert(language === 'en' ? \"Cat renamed successfully!\" : \"猫咪改名成功！\");\n closeRenameModal();\n } catch (error) {\n console.error(\"Rename failed:\", error);\n alert(language === 'en' ? \"Rename failed\" : \"改名失败\");\n }\n };\n\n // List cat in marketplace\n const sellCat = async cat => {\n if (!userData) return;\n\n // Ensure user keeps at least one male cat\n const maleCats = userData.cats.filter(c => c.gender === 'male');\n if (cat.gender === 'male' && maleCats.length <= 1) {\n alert(language === 'en' ? \"You must keep at least one male cat\" : \"你必须保留至少一只公猫\");\n return;\n }\n const price = prompt(language === 'en' ? \"Enter price in CCW:\" : \"输入CCW价格:\");\n if (!price || isNaN(parseInt(price)) || parseInt(price) <= 0) return;\n try {\n const listing = {\n id: `market_${Date.now()}`,\n sellerId: userData.id,\n sellerName: userData.cats.find(c => c.gender === 'male')?.name || userData.id.substring(0, 8),\n cat: cat,\n price: parseInt(price),\n listedAt: new Date().toISOString()\n };\n await client.createEntity('marketplace', listing);\n\n // Remove cat from user's collection\n const updatedCats = userData.cats.filter(c => c.id !== cat.id);\n const updatedUser = {\n ...userData,\n cats: updatedCats\n };\n await client.updateEntity('users', userData.id, updatedUser);\n setUserData(updatedUser);\n setMyCats(updatedCats);\n\n // Update marketplace\n const updatedMarketplace = [...marketplace, listing];\n setMarketplace(updatedMarketplace);\n\n // Record transaction\n await addTransactionRecord(0, language === 'en' ? `Listed ${cat.name} for sale (${price} CCW)` : `上架出售 ${cat.name}（${price} CCW）`);\n alert(language === 'en' ? \"Cat listed for sale successfully!\" : \"猫咪已成功上架出售！\");\n } catch (error) {\n console.error(\"Listing cat failed:\", error);\n alert(language === 'en' ? \"Listing failed\" : \"上架失败\");\n }\n };\n\n // Buy cat from marketplace\n const buyCat = async listing => {\n if (!userData) return;\n if (userData.ccw < listing.price) {\n alert(language === 'en' ? `You need ${listing.price} CCW to buy this cat` : `你需要 ${listing.price} CCW 来购买这只猫咪`);\n return;\n }\n try {\n // Calculate tax (20%)\n const tax = Math.floor(listing.price * 0.2);\n const sellerAmount = listing.price - tax;\n\n // Add cat to buyer's collection\n const updatedBuyer = {\n ...userData,\n cats: [...userData.cats, listing.cat],\n ccw: userData.ccw - listing.price\n };\n await client.updateEntity('users', userData.id, updatedBuyer);\n setUserData(updatedBuyer);\n setMyCats(updatedBuyer.cats);\n\n // Record transaction for buyer\n await addTransactionRecord(-listing.price, language === 'en' ? `Purchased ${listing.cat.name} from marketplace` : `从市场购买了 ${listing.cat.name}`);\n\n // Pay seller\n if (listing.sellerId !== userData.id) {\n // Don't pay if buying own listing\n const seller = await client.getEntity('users', listing.sellerId);\n if (seller) {\n const updatedSeller = {\n ...seller,\n ccw: (seller.ccw || 0) + sellerAmount\n };\n await client.updateEntity('users', seller.id, updatedSeller);\n\n // Record transaction for seller if they're the current user\n if (userData.id === seller.id) {\n await addTransactionRecord(sellerAmount, language === 'en' ? `Sold ${listing.cat.name} on marketplace` : `在市场上卖出了 ${listing.cat.name}`);\n }\n }\n }\n\n // Remove listing\n await client.deleteEntity('marketplace', listing.id);\n\n // Update marketplace\n const updatedMarketplace = marketplace.filter(l => l.id !== listing.id);\n setMarketplace(updatedMarketplace);\n alert(language === 'en' ? \"Cat purchased successfully!\" : \"猫咪购买成功！\");\n } catch (error) {\n console.error(\"Purchase failed:\", error);\n alert(language === 'en' ? \"Purchase failed\" : \"购买失败\");\n }\n };\n\n // Cancel marketplace listing\n const cancelMarketplaceListing = async listing => {\n if (!userData || listing.sellerId !== userData.id) return;\n try {\n // Return cat to owner\n const updatedUser = {\n ...userData,\n cats: [...userData.cats, listing.cat]\n };\n await client.updateEntity('users', userData.id, updatedUser);\n setUserData(updatedUser);\n setMyCats(updatedUser.cats);\n\n // Remove listing\n await client.deleteEntity('marketplace', listing.id);\n\n // Update marketplace\n const updatedMarketplace = marketplace.filter(l => l.id !== listing.id);\n setMarketplace(updatedMarketplace);\n\n // Record transaction\n await addTransactionRecord(0, language === 'en' ? `Cancelled listing for ${listing.cat.name}` : `取消了 ${listing.cat.name} 的上架`);\n alert(language === 'en' ? \"Listing cancelled successfully!\" : \"挂单已成功取消！\");\n } catch (error) {\n console.error(\"Cancelling listing failed:\", error);\n alert(language === 'en' ? \"Cancellation failed\" : \"取消失败\");\n }\n };\n\n // List cat in battle arena\n const listInArena = async cat => {\n if (!userData || cat.gender !== 'male') return;\n const ccwStake = prompt(language === 'en' ? \"Enter CCW stake (minimum 100):\" : \"输入CCW押金（最少100）:\");\n if (!ccwStake || isNaN(parseInt(ccwStake)) || parseInt(ccwStake) < 100) return;\n if (userData.ccw < parseInt(ccwStake)) {\n alert(language === 'en' ? `You need ${ccwStake} CCW to stake` : `你需要 ${ccwStake} CCW 作为押金`);\n return;\n }\n try {\n const listing = {\n id: `arena_${Date.now()}`,\n ownerId: userData.id,\n ownerName: userData.cats.find(c => c.gender === 'male')?.name || userData.id.substring(0, 8),\n cat: {\n ...cat,\n // Hide stats in arena\n rarity: \"???\",\n attack: \"???\",\n defense: \"???\"\n },\n originalCat: cat,\n stake: parseInt(ccwStake),\n listedAt: new Date().toISOString()\n };\n await client.createEntity('arena', listing);\n\n // Remove cat from user's collection and deduct stake\n const updatedCats = userData.cats.filter(c => c.id !== cat.id);\n const updatedUser = {\n ...userData,\n cats: updatedCats,\n ccw: userData.ccw - parseInt(ccwStake)\n };\n await client.updateEntity('users', userData.id, updatedUser);\n setUserData(updatedUser);\n setMyCats(updatedCats);\n\n // Update arena listings\n const updatedArena = [...arenaListings, listing];\n setArenaListings(updatedArena);\n\n // Record transaction\n await addTransactionRecord(-parseInt(ccwStake), language === 'en' ? `Listed ${cat.name} in battle arena with ${ccwStake} CCW stake` : `上架 ${cat.name} 到竞技场，押金 ${ccwStake} CCW`);\n alert(language === 'en' ? \"Cat listed in arena successfully!\" : \"猫咪已成功上架到竞技场！\");\n } catch (error) {\n console.error(\"Listing in arena failed:\", error);\n alert(language === 'en' ? \"Listing failed\" : \"上架失败\");\n }\n };\n\n // Challenge a cat in the arena\n const challengeCat = async listing => {\n if (!userData) return;\n\n // Check if user has a male cat\n const maleCats = userData.cats.filter(c => c.gender === 'male');\n if (maleCats.length === 0) {\n alert(language === 'en' ? \"You need a male cat to challenge\" : \"你需要一只公猫来挑战\");\n return;\n }\n\n // Select challenger cat\n const options = maleCats.map((cat, index) => `${index + 1}. ${cat.name} (${t(cat.rarity.toLowerCase())}, ${t('attack')}: ${cat.attack}, ${t('defense')}: ${cat.defense})`);\n const selection = prompt(language === 'en' ? `Select your challenger (1-${maleCats.length}):\\n${options.join('\\n')}` : `选择你的挑战者 (1-${maleCats.length}):\\n${options.join('\\n')}`);\n if (!selection || isNaN(parseInt(selection)) || parseInt(selection) < 1 || parseInt(selection) > maleCats.length) return;\n const challengerCat = maleCats[parseInt(selection) - 1];\n\n // Enter stake amount\n const ccwStake = prompt(language === 'en' ? \"Enter CCW stake:\" : \"输入CCW押金:\");\n if (!ccwStake || isNaN(parseInt(ccwStake)) || parseInt(ccwStake) <= 0) return;\n if (userData.ccw < parseInt(ccwStake)) {\n alert(language === 'en' ? `You need ${ccwStake} CCW to stake` : `你需要 ${ccwStake} CCW 作为押金`);\n return;\n }\n try {\n // Calculate tax (20%)\n const tax = Math.floor(parseInt(ccwStake) * 0.2);\n const battleStake = parseInt(ccwStake) - tax;\n\n // Get original cat stats\n const originalCat = listing.originalCat;\n\n // Calculate battle power\n const challengerPower = challengerCat.attack * 0.6 + challengerCat.defense * 0.4;\n const defenderPower = originalCat.attack * 0.6 + originalCat.defense * 0.4;\n\n // Add some randomness (70% stats, 30% luck)\n const challengerRoll = challengerPower * 0.7 + Math.random() * 100 * 0.3;\n const defenderRoll = defenderPower * 0.7 + Math.random() * 100 * 0.3;\n\n // Determine winner\n const challengerWins = challengerRoll > defenderRoll;\n if (challengerWins) {\n // Challenger wins\n // Calculate reward (80% of the defender's stake)\n const reward = Math.floor(listing.stake * 0.8);\n\n // Update challenger with reward\n const updatedChallenger = {\n ...userData,\n ccw: userData.ccw - parseInt(ccwStake) + reward\n };\n await client.updateEntity('users', userData.id, updatedChallenger);\n setUserData(updatedChallenger);\n\n // Record transaction\n await addTransactionRecord(-parseInt(ccwStake) + reward, language === 'en' ? `Arena battle: ${challengerCat.name} defeated ${listing.cat.name} (+${reward} CCW)` : `竞技场战斗: ${challengerCat.name} 击败了 ${listing.cat.name} (+${reward} CCW)`);\n\n // Remove listing\n await client.deleteEntity('arena', listing.id);\n\n // Update arena listings\n const updatedArena = arenaListings.filter(l => l.id !== listing.id);\n setArenaListings(updatedArena);\n alert(language === 'en' ? `Victory! Your cat won and earned ${reward} CCW!` : `胜利！你的猫咪赢了，获得了 ${reward} CCW！`);\n } else {\n // Defender wins\n try {\n // Calculate tax (20%) and reward amount (80% of stake after tax)\n const tax = Math.floor(parseInt(ccwStake) * 0.2);\n const battleStake = parseInt(ccwStake) - tax;\n\n // Add stake to defender\n const defender = await client.getEntity('users', listing.ownerId);\n if (defender) {\n const updatedDefender = {\n ...defender,\n ccw: (defender.ccw || 0) + battleStake\n };\n\n // First update the defender's CCW in database\n await client.updateEntity('users', listing.ownerId, updatedDefender);\n console.log(`Successfully transferred ${battleStake} CCW to defender ${defender.id}`);\n\n // Create transaction record for defender\n const description = language === 'en' ? `Arena win: ${listing.originalCat.name} defeated challenger` : `竞技场胜利: ${listing.originalCat.name} 击败了挑战者`;\n const transaction = {\n id: `tx_arena_${Date.now()}`,\n userId: defender.id,\n amount: battleStake,\n description: description,\n timestamp: new Date().toISOString()\n };\n await client.createEntity('transactions', transaction);\n\n // Update local state if defender is current user\n if (userData && userData.id === defender.id) {\n setUserData(updatedDefender);\n // Add the transaction to the transaction history immediately\n setTransactionHistory(prev => [transaction, ...prev]);\n }\n } else {\n console.error(`Defender with ID ${listing.ownerId} not found`);\n }\n } catch (error) {\n console.error(\"Failed to update defender's CCW:\", error);\n }\n\n // Update challenger (lose stake)\n const updatedChallenger = {\n ...userData,\n ccw: userData.ccw - parseInt(ccwStake)\n };\n await client.updateEntity('users', userData.id, updatedChallenger);\n setUserData(updatedChallenger);\n\n // Record transaction for challenger\n await addTransactionRecord(-parseInt(ccwStake), language === 'en' ? `Arena battle: ${challengerCat.name} lost to ${listing.cat.name}` : `竞技场战斗: ${challengerCat.name} 输给了 ${listing.cat.name}`);\n alert(language === 'en' ? `Defeat! Your cat lost ${parseInt(ccwStake)} CCW.` : `失败！你的猫咪损失了 ${parseInt(ccwStake)} CCW。`);\n }\n } catch (error) {\n console.error(\"Challenge failed:\", error);\n alert(language === 'en' ? \"Challenge failed\" : \"挑战失败\");\n }\n };\n\n // Cancel arena listing\n const cancelArenaListing = async listing => {\n if (!userData || listing.ownerId !== userData.id) return;\n try {\n // Return cat and stake to owner\n const updatedUser = {\n ...userData,\n cats: [...userData.cats, listing.originalCat],\n ccw: userData.ccw + listing.stake\n };\n await client.updateEntity('users', userData.id, updatedUser);\n setUserData(updatedUser);\n setMyCats(updatedUser.cats);\n\n // Remove listing\n await client.deleteEntity('arena', listing.id);\n\n // Update arena listings\n const updatedArena = arenaListings.filter(l => l.id !== listing.id);\n setArenaListings(updatedArena);\n\n // Record transaction\n await addTransactionRecord(listing.stake, language === 'en' ? `Cancelled arena listing for ${listing.originalCat.name}, stake returned` : `取消了 ${listing.originalCat.name} 的竞技场上架，返还押金`);\n alert(language === 'en' ? \"Arena listing cancelled successfully!\" : \"竞技场上架已成功取消！\");\n } catch (error) {\n console.error(\"Cancelling arena listing failed:\", error);\n alert(language === 'en' ? \"Cancellation failed\" : \"取消失败\");\n }\n };\n\n // Create DAO proposal\n const createProposal = async () => {\n if (!userData || userData.ccw < 1100000) {\n alert(language === 'en' ? \"You need 1,000,000 CCW to create a proposal and 100,000 CCW fee\" : \"你需要 1,000,000 CCW 才能创建提案，并支付 100,000 CCW 费用\");\n return;\n }\n const title = prompt(language === 'en' ? \"Enter proposal title:\" : \"输入提案标题:\");\n if (!title || title.trim() === \"\") return;\n const description = prompt(language === 'en' ? \"Enter proposal description:\" : \"输入提案描述:\");\n if (!description || description.trim() === \"\") return;\n try {\n const proposal = {\n id: `proposal_${Date.now()}`,\n creatorId: userData.id,\n creatorName: userData.cats.find(c => c.gender === 'male')?.name || userData.id.substring(0, 8),\n title: title.trim(),\n description: description.trim(),\n votes: {\n yes: 0,\n no: 0,\n voters: []\n },\n createdAt: new Date().toISOString(),\n expiresAt: new Date(Date.now() + 24 * 60 * 60 * 1000).toISOString() // 24 hours\n };\n await client.createEntity('proposals', proposal);\n\n // Deduct fee\n const updatedUser = {\n ...userData,\n ccw: userData.ccw - 100000\n };\n await client.updateEntity('users', userData.id, updatedUser);\n setUserData(updatedUser);\n\n // Record transaction\n await addTransactionRecord(-100000, language === 'en' ? `Created DAO proposal: \"${title.trim()}\"` : `创建DAO提案: \"${title.trim()}\"`);\n\n // Update proposals\n const updatedProposals = [...proposals, proposal];\n setProposals(updatedProposals);\n alert(language === 'en' ? \"Proposal created successfully!\" : \"提案创建成功！\");\n } catch (error) {\n console.error(\"Creating proposal failed:\", error);\n alert(language === 'en' ? \"Creating proposal failed\" : \"创建提案失败\");\n }\n };\n\n // Vote on a proposal\n const voteOnProposal = async (proposal, vote) => {\n if (!userData || userData.ccw < 10000) {\n alert(language === 'en' ? \"You need at least 10,000 CCW to vote\" : \"你需要至少 10,000 CCW 才能投票\");\n return;\n }\n\n // Check if already voted\n if (proposal.votes.voters.includes(userData.id)) {\n alert(language === 'en' ? \"You have already voted on this proposal\" : \"你已经对此提案投过票了\");\n return;\n }\n\n // Check if expired\n const expiryDate = new Date(proposal.expiresAt);\n if (expiryDate < new Date()) {\n alert(language === 'en' ? \"This proposal has expired\" : \"此提案已过期\");\n return;\n }\n try {\n const updatedProposal = {\n ...proposal,\n votes: {\n yes: vote === 'yes' ? proposal.votes.yes + 1 : proposal.votes.yes,\n no: vote === 'no' ? proposal.votes.no + 1 : proposal.votes.no,\n voters: [...proposal.votes.voters, userData.id]\n }\n };\n await client.updateEntity('proposals', proposal.id, updatedProposal);\n\n // Update proposals\n const updatedProposals = proposals.map(p => p.id === proposal.id ? updatedProposal : p);\n setProposals(updatedProposals);\n\n // Record transaction (no CCW cost but record for history)\n await addTransactionRecord(0, language === 'en' ? `Voted ${vote} on proposal: \"${proposal.title}\"` : `对提案\"${proposal.title}\"投了${vote === 'yes' ? '同意' : '反对'}票`);\n alert(language === 'en' ? \"Vote cast successfully!\" : \"投票成功！\");\n } catch (error) {\n console.error(\"Voting failed:\", error);\n alert(language === 'en' ? \"Voting failed\" : \"投票失败\");\n }\n };\n\n // Send chat message\n const sendChatMessage = async () => {\n if (!userData || !messageInput.trim()) return;\n\n // Get user's default male cat for nickname\n const defaultCat = userData.cats.find(cat => cat.gender === 'male') || userData.cats[0];\n const nickname = defaultCat ? defaultCat.name : userData.id.substring(0, 8);\n const message = {\n id: `msg_${Date.now()}`,\n userId: userData.id,\n nickname,\n content: messageInput.trim(),\n timestamp: new Date().toISOString()\n };\n try {\n await client.createEntity('chatMessages', message);\n // Add message to local state immediately\n setChatMessages(prev => [...prev, message]);\n // Emit to others\n socket.emit('chat_message', message);\n setMessageInput('');\n\n // Scroll to bottom\n if (chatEndRef.current) {\n chatEndRef.current.scrollIntoView({\n behavior: 'smooth'\n });\n }\n } catch (error) {\n console.error(\"Sending message failed:\", error);\n }\n };\n\n // Format countdown time\n const formatCountdown = seconds => {\n const hours = Math.floor(seconds / 3600);\n const minutes = Math.floor(seconds % 3600 / 60);\n const secs = seconds % 60;\n return `${hours.toString().padStart(2, '0')}:${minutes.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`;\n };\n\n // Check if recipient address exists\n const checkRecipientAddress = async () => {\n if (!transferRecipient.trim()) {\n setIsValidRecipient(null);\n return;\n }\n setRecipientChecking(true);\n try {\n const recipient = await client.getEntity('users', transferRecipient.trim());\n setIsValidRecipient(!!recipient);\n } catch (error) {\n console.error(\"Failed to check recipient:\", error);\n setIsValidRecipient(false);\n } finally {\n setRecipientChecking(false);\n }\n };\n\n // Debounce function for recipient address checking\n useEffect(() => {\n const timeoutId = setTimeout(() => {\n if (transferRecipient) {\n checkRecipientAddress();\n }\n }, 500);\n return () => clearTimeout(timeoutId);\n }, [transferRecipient]);\n\n // Transfer CCW to another user\n const transferCCW = async () => {\n if (!userData) return;\n\n // Validations\n if (!transferRecipient.trim()) {\n alert(language === 'en' ? \"Please enter a recipient address\" : \"请输入接收地址\");\n return;\n }\n if (!transferAmount || isNaN(parseInt(transferAmount)) || parseInt(transferAmount) <= 0) {\n alert(language === 'en' ? \"Please enter a valid amount\" : \"请输入有效金额\");\n return;\n }\n const amount = parseInt(transferAmount);\n if (userData.ccw < amount) {\n alert(language === 'en' ? \"You don't have enough CCW\" : \"你的CCW不足\");\n return;\n }\n if (transferRecipient.trim() === userData.id) {\n alert(language === 'en' ? \"You cannot transfer to yourself\" : \"不能转账给自己\");\n return;\n }\n\n // Confirm transfer with tax info\n const tax = Math.floor(amount * 0.2);\n const amountAfterTax = amount - tax;\n const confirmMsg = language === 'en' ? `Transfer ${amount} CCW to ${transferRecipient}? Recipient will receive ${amountAfterTax} CCW after 20% tax.` : `确认转移 ${amount} CCW 到 ${transferRecipient}？接收方将在扣除20%税费后收到 ${amountAfterTax} CCW。`;\n if (!confirm(confirmMsg)) return;\n try {\n // Check if recipient exists again\n const recipient = await client.getEntity('users', transferRecipient.trim());\n if (!recipient) {\n alert(language === 'en' ? \"Recipient address not found\" : \"找不到接收地址\");\n return;\n }\n\n // Create the transfer record\n const now = new Date();\n const completionTime = new Date(now.getTime() + 10 * 60 * 1000); // 10 minutes from now\n\n const transfer = {\n id: `transfer_${Date.now()}`,\n senderId: userData.id,\n senderName: userData.cats.find(c => c.gender === 'male')?.name || userData.id.substring(0, 8),\n recipientId: transferRecipient.trim(),\n recipientName: recipient.cats && recipient.cats.find(c => c.gender === 'male')?.name || recipient.id.substring(0, 8),\n amount: amount,\n amountAfterTax: amountAfterTax,\n tax: tax,\n status: 'pending',\n createdAt: now.toISOString(),\n completionTime: completionTime.toISOString()\n };\n\n // Deduct CCW from sender\n const updatedUser = {\n ...userData,\n ccw: userData.ccw - amount\n };\n await client.createEntity('transfers', transfer);\n await client.updateEntity('users', userData.id, updatedUser);\n\n // Record transaction\n await addTransactionRecord(-amount, language === 'en' ? `Started transfer of ${amount} CCW to ${transfer.recipientName}` : `开始向 ${transfer.recipientName} 转账 ${amount} CCW`);\n\n // Update local state\n setUserData(updatedUser);\n setPendingTransfers([...pendingTransfers, transfer]);\n\n // Reset form\n setTransferRecipient('');\n setTransferAmount('');\n setIsValidRecipient(null);\n alert(language === 'en' ? \"Transfer initiated with 10-minute cooling period\" : \"转账已发起，10分钟冷静期\");\n } catch (error) {\n console.error(\"Transfer failed:\", error);\n alert(language === 'en' ? \"Transfer failed\" : \"转账失败\");\n }\n };\n\n // Cancel a pending transfer\n const cancelTransfer = async transfer => {\n if (!userData || transfer.senderId !== userData.id) return;\n try {\n // Return CCW to sender\n const updatedUser = {\n ...userData,\n ccw: userData.ccw + transfer.amount\n };\n\n // Update transfer status\n const updatedTransfer = {\n ...transfer,\n status: 'cancelled',\n cancelledAt: new Date().toISOString()\n };\n await client.updateEntity('transfers', transfer.id, updatedTransfer);\n await client.updateEntity('users', userData.id, updatedUser);\n\n // Record transaction\n await addTransactionRecord(transfer.amount, language === 'en' ? `Cancelled transfer to ${transfer.recipientName}` : `取消了向 ${transfer.recipientName} 的转账`);\n\n // Update local state\n setUserData(updatedUser);\n setPendingTransfers(pendingTransfers.filter(t => t.id !== transfer.id));\n alert(language === 'en' ? \"Transfer cancelled successfully\" : \"转账已成功取消\");\n } catch (error) {\n console.error(\"Failed to cancel transfer:\", error);\n alert(language === 'en' ? \"Failed to cancel transfer\" : \"取消转账失败\");\n }\n };\n\n // Format transaction date\n const formatTransactionDate = timestamp => {\n if (!timestamp) return '';\n const date = new Date(timestamp);\n return date.toLocaleString(language === 'en' ? 'en-US' : 'zh-CN', {\n month: 'short',\n day: 'numeric',\n hour: '2-digit',\n minute: '2-digit'\n });\n };\n\n // Loading state\n if (loading) {\n return

\n \n

CryptoCatWar

{language === 'en' ? 'Loading...' : '加载中...'}

;\n }\n\n // Not connected state\n if (!publicKey) {\n return

\n \n

CryptoCatWar

{language === 'en' ? 'The ultimate digital cat breeding universe where your feline NFTs can battle, breed, and earn you $CCW tokens!' : '终极数字猫咪繁殖宇宙，您的猫咪NFT可以战斗、繁殖，并为您赚取$CCW代币！'}

\n \n

\n \n \n

;\n }\n\n // Main app layout\n return

\n {/* Header */}\n

\n \n

\n CryptoCatWar\n

\n \n

\n \n {userData?.ccw || 0}\n

\n \n

{\n if (publicKey) {\n const address = publicKey.toString();\n try {\n if (navigator.clipboard && navigator.clipboard.writeText) {\n navigator.clipboard.writeText(address).then(() => {\n alert(language === 'en' ? \"Address copied to clipboard!\" : \"地址已复制到剪贴板！\");\n }).catch(err => {\n const textArea = document.createElement(\"textarea\");\n textArea.value = address;\n document.body.appendChild(textArea);\n textArea.select();\n document.execCommand(\"copy\");\n document.body.removeChild(textArea);\n alert(language === 'en' ? \"Address copied to clipboard!\" : \"地址已复制到剪贴板！\");\n });\n } else {\n const textArea = document.createElement(\"textarea\");\n textArea.value = address;\n document.body.appendChild(textArea);\n textArea.select();\n document.execCommand(\"copy\");\n document.body.removeChild(textArea);\n alert(language === 'en' ? \"Address copied to clipboard!\" : \"地址已复制到剪贴板！\");\n }\n } catch (err) {\n alert(language === 'en' ? `Your address is: ${address}` : `你的地址是: ${address}`);\n }\n }\n }}>\n {publicKey?.toString().substring(0, 4)}...{publicKey?.toString().substring(publicKey.toString().length - 4)}\n \n

\n \n \n \n \n

\n \n {/* Main layout */}\n

\n {/* Left section (2.3 ratio) */}\n

\n {/* Dashboard */}\n

{t('dashboard')}

\n \n

\n {/* Check In */}\n

{t('checkIn')}

\n \n

\n {language === 'en' ? 'Get 1-1000 $CCW every hour!' : '每小时获得1-1000 $CCW！'}\n

\n \n

\n \n {/* Referrals */}\n

{t('referrals')}

\n \n

\n {language === 'en' ? `${userData?.referrals?.length || 0}/5 friends` : `${userData?.referrals?.length || 0}/5 好友`}\n

\n \n {language === 'en' ? 'Reward Female Cat' : '奖励母猫'}\n

\n \n

\n \n {/* Cat Stats */}\n

{t('catStats')}

\n \n

\n {t('male')}\n {myCats.filter(c => c.gender === 'male').length}\n

\n {t('female')}\n {myCats.filter(c => c.gender === 'female').length}\n

\n \n {/* Marketplace */}\n

{t('marketplace')}

\n \n

\n {language === 'en' ? 'Your listings' : '你的挂单'}\n {marketplace.filter(l => l.sellerId === userData?.id).length}\n

\n {language === 'en' ? 'Total listings' : '总挂单数'}\n {marketplace.length}\n

\n \n {/* Navigation */}\n

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

\n \n {/* Tab content */}\n

\n {activeTab === 'dashboard' &&

{t('dashboard')}

\n \n

\n \n {language === 'en' ? 'Your Stats' : '你的数据'}\n

\n \n

\n {language === 'en' ? 'Total Cats' : '猫咪总数'}\n {myCats.length}\n

\n {language === 'en' ? 'Male Cats' : '公猫数量'}\n {myCats.filter(c => c.gender === 'male').length}\n

\n {language === 'en' ? 'Female Cats' : '母猫数量'}\n {myCats.filter(c => c.gender === 'female').length}\n

\n {language === 'en' ? 'Legendary/Mythical' : '传说/神话'}\n {myCats.filter(c => c.rarity === 'Legendary' || c.rarity === 'Mythical').length}\n

\n {language === 'en' ? 'Total Attack Power' : '总攻击力'}\n {myCats.filter(c => c.gender === 'male').reduce((sum, cat) => sum + (cat.attack || 0), 0)}\n

\n {language === 'en' ? 'Total CCW' : 'CCW总量'}\n {userData?.ccw || 0}\n

\n \n {/* CCW Transfer Section */}\n

\n \n {t('transfer_ccw')}\n

\n \n

\n {t('recipient')}\n {recipientChecking ? {t('checking')} : isValidRecipient !== null && \n {isValidRecipient ? : }\n {isValidRecipient ? t('valid_recipient') : t('invalid_recipient')}\n }\n

\n setTransferRecipient(e.target.value)} placeholder={language === 'en' ? \"Enter wallet address\" : \"输入钱包地址\"} className=\"w-full px-3 py-1.5 bg-gray-800 rounded border border-gray-600 text-sm focus:outline-none focus:border-yellow-500\" />\n

\n \n

\n {t('amount')}\n {t('transfer_tax')}\n

\n setTransferAmount(e.target.value)} placeholder=\"0\" min=\"1\" className=\"flex-1 px-3 py-1.5 bg-gray-800 rounded-l border border-gray-600 text-sm focus:outline-none focus:border-yellow-500\" />\n \n

\n {transferAmount && !isNaN(parseInt(transferAmount)) && parseInt(transferAmount) > 0 &&

\n {language === 'en' ? `Recipient will get ${Math.floor(parseInt(transferAmount) * 0.8)} CCW ${t('after_tax')}` : `接收方将获得 ${Math.floor(parseInt(transferAmount) * 0.8)} CCW ${t('after_tax')}`}\n

}\n

\n \n {/* Pending Transfers Section */}\n {pendingTransfers.length > 0 &&

{t('pending_transfers')}

\n {pendingTransfers.map(transfer =>

{t('to')}: {transfer.recipientName}

\n \n {transfer.amount} → {transfer.amountAfterTax}\n

\n \n {formatTimeRemaining(transfer.completionTime)} {t('remaining')}\n

\n \n

)}\n

}\n \n {/* Incoming Transfers Section */}\n {incomingTransfers.length > 0 &&

{t('incoming_transfers')}

\n {incomingTransfers.map(transfer =>

{t('from')}: {transfer.senderName}

\n \n {transfer.amountAfterTax}\n

\n \n {formatTimeRemaining(transfer.completionTime)} {t('remaining')}\n

)}\n

}\n \n {/* Transaction History Section */}\n

\n \n {t('transaction_history')}\n

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

\n {t('no_transactions')}\n

: <>\n

\n {transactionHistory.slice((currentPage - 1) * itemsPerPage, currentPage * itemsPerPage).map(tx =>

{formatTransactionDate(tx.timestamp)}

{tx.description}

0 ? 'text-green-400' : tx.amount < 0 ? 'text-red-400' : 'text-gray-400'}`}>\n {tx.amount !== 0 && (tx.amount > 0 ? : )}\n {tx.amount > 0 ? '+' : ''}{tx.amount} CCW\n

)}\n

\n \n {transactionHistory.length > itemsPerPage &&

\n \n \n {t('page')} {currentPage} / {Math.ceil(transactionHistory.length / itemsPerPage)}\n \n \n

}\n }\n

\n \n

\n \n {language === 'en' ? 'Daily Actions' : '每日行动'}\n

\n \n

\n {language === 'en' ? 'Check-in' : '签到'}\n {userData?.lastCheckIn ? new Date(userData.lastCheckIn).toLocaleTimeString() : language === 'en' ? 'Not done' : '未完成'}\n

\n \n

\n {language === 'en' ? 'Capture Cat' : '捕获猫咪'}\n {language === 'en' ? `${captureCount} today` : `今日${captureCount}次`}\n

\n \n

\n {language === 'en' ? 'Breed Cats' : '繁殖猫咪'}\n {language === 'en' ? `${breedCount} today` : `今日${breedCount}次`}\n

\n \n

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

{t('myCats')}

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

\n \n

\n {language === 'en' ? 'You don\\'t have any cats yet. Check in to get your first cat!' : '你还没有猫咪。签到获得你的第一只猫！'}\n

\n \n

\n {/* Male cats */}\n

{t('male')}

\n {myCats.filter(cat => cat.gender === 'male').map(cat =>

{cat.name}

\n {t(cat.rarity.toLowerCase())}\n

\n \n

{t('attack')}

{cat.attack}

{t('defense')}

{cat.defense}

{t('growth')}

{cat.growthCoefficient}x

\n \n

\n \n \n \n

)}\n

\n \n {/* Female cats */}\n

{t('female')}

\n {myCats.filter(cat => cat.gender === 'female').map(cat =>

{cat.name}

\n {t(cat.rarity.toLowerCase())}\n

\n \n

\n \n \n

)}\n

}\n

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

{t('arena')}

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

\n \n

\n {language === 'en' ? 'No cats in the arena yet. List one of your male cats for battle!' : '竞技场中还没有猫咪。上架一只你的公猫来战斗吧！'}\n

\n \n

\n {arenaListings.map(listing =>

{listing.cat.name}

{language === 'en' ? 'Owner' : '拥有者'}: {listing.ownerName}

\n \n

{t('attack')}

{listing.cat.attack}

{t('defense')}

{listing.cat.defense}

{t('rarity')}

{listing.cat.rarity}

\n \n

\n {language === 'en' ? 'Staked' : '押金'}:\n {listing.stake} CCW\n

\n \n

\n {listing.ownerId === userData?.id ? : }\n

)}\n

}\n

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

{t('capture')}

\n \n

{language === 'en' ? 'Capture Female Cats' : '捕获母猫'}

\n {language === 'en' ? 'Choose one of the mysterious cats below to capture!' : '选择下面的一只神秘猫咪进行捕获！'}\n

\n \n

\n {language === 'en' ? `Today's captures: ${captureCount}` : `今日捕获次数: ${captureCount}`}\n

\n {language === 'en' ? `Cost: ${captureCount > 0 ? Math.pow(2, captureCount - 1) * 1000 : 0} CCW` : `费用: ${captureCount > 0 ? Math.pow(2, captureCount - 1) * 1000 : 0} CCW`}\n

\n \n

{language === 'en' ? 'Rarity Chances' : '稀有度概率'}

{t('common')}

80%

{t('excellent')}

15%

{t('great')}

{t('legendary')}

0.9%

{t('mythical')}

0.1%

\n \n {/* 10 Capture Candidates */}\n

\n {captureCandidates.length === 0 ?

{language === 'en' ? 'Loading cats...' : '加载猫咪中...'}

: captureCandidates.map(cat =>

\n $\"Mystery$ \n

Mystery Cat

Rarity: {cat.displayRarity}

\n \n

)}\n

\n \n

{language === 'en' ? 'Your Female Cats' : '你的母猫'}

\n \n {myCats.filter(cat => cat.gender === 'female').length === 0 ?

\n {language === 'en' ? 'You don\\'t have any female cats yet. Capture some!' : '你还没有母猫。去捕获一些吧！'}\n

\n {myCats.filter(cat => cat.gender === 'female').map(cat =>

{cat.name}

\n {t(cat.rarity.toLowerCase())}\n

)}\n

}\n

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

{t('breed')}

\n \n

{language === 'en' ? 'Breed Your Cats' : '繁殖你的猫咪'}

\n {language === 'en' ? 'Select a male and female cat to create new kittens!' : '选择一只公猫和一只母猫来创造新的幼崽！'}\n

\n \n

\n {language === 'en' ? `Today's breedings: ${breedCount}` : `今日繁殖次数: ${breedCount}`}\n

\n {language === 'en' ? `Cost: ${breedCount > 0 ? Math.pow(2, breedCount - 1) * 1000 : 0} CCW` : `费用: ${breedCount > 0 ? Math.pow(2, breedCount - 1) * 1000 : 0} CCW`}\n

\n {breedingPhase === 'confirming' ?

\n \n \n

: }\n

\n \n

{language === 'en' ? 'Breeding Info' : '繁殖信息'}

• {language === 'en' ? 'First breeding each day is free' : '每天第一次繁殖是免费的'}
• {language === 'en' ? '50% chance of breeding failure' : '50%的概率繁殖失败'}
• {language === 'en' ? 'Higher rarity parents have better chance of producing rare kittens' : '更高稀有度的父母有更好的机会产生稀有幼崽'}
• {language === 'en' ? 'Male kittens inherit some stats from parents' : '公猫幼崽会继承父母的一些属性'}

\n\n {/* Breeding Selection UI */}\n {breedingPhase === 'confirming' &&

{t('breeding_pair')}

\n {selectedMaleCat &&

{selectedMaleCat.name}

\n {t(selectedMaleCat.rarity.toLowerCase())}\n

{t('attack')}

{selectedMaleCat.attack}

{t('defense')}

{selectedMaleCat.defense}

{t('growth')}

{selectedMaleCat.growthCoefficient}x

}\n {selectedFemaleCat &&

{selectedFemaleCat.name}

\n {t(selectedFemaleCat.rarity.toLowerCase())}\n

}\n

\n \n

\n {/* Male cat selection */}\n

{t('select_male')}

\n \n {myCats.filter(cat => cat.gender === 'male').length === 0 ?

\n {language === 'en' ? 'You don\\'t have any male cats yet.' : '你还没有公猫。'}\n

\n {myCats.filter(cat => cat.gender === 'male').map(cat =>

{cat.name}

\n {t(cat.rarity.toLowerCase())}\n

{t('attack')}: {cat.attack}

{t('defense')}: {cat.defense}

\n \n

)}\n

}\n

\n \n {/* Female cat selection */}\n

{t('select_female')}

\n \n {myCats.filter(cat => cat.gender === 'female').length === 0 ?

\n {language === 'en' ? 'You don\\'t have any female cats yet. Capture some!' : '你还没有母猫。去捕获一些吧！'}\n

\n \n

\n {myCats.filter(cat => cat.gender === 'female').map(cat =>

{cat.name}

\n {t(cat.rarity.toLowerCase())}\n

\n \n

)}\n

}\n

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

{t('marketplace')}

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

\n \n

\n {language === 'en' ? 'No cats listed in the marketplace yet.' : '交易市场中还没有上架的猫咪。'}\n

\n \n

\n {marketplace.map(listing =>

{listing.cat.name}

\n \n {t(listing.cat.rarity.toLowerCase())}\n \n {t(listing.cat.gender)}\n

{language === 'en' ? 'Seller' : '卖家'}: {listing.sellerName}

\n \n {listing.cat.gender === 'male' &&

{t('attack')}

{listing.cat.attack}

{t('defense')}

{listing.cat.defense}

{t('growth')}

{listing.cat.growthCoefficient}x

}\n \n

\n {language === 'en' ? 'Price' : '价格'}:\n {listing.price} CCW\n

\n {language === 'en' ? '20% tax applies' : '收取20%税'}\n

\n \n

\n {listing.sellerId === userData?.id ? : }\n

)}\n

}\n

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

{t('dao')}

\n \n

{language === 'en' ? 'CryptoCatWar DAO' : 'CryptoCatWar DAO'}

\n {language === 'en' ? 'Vote on the future of the purrniverse!' : '为猫咪宇宙的未来投票！'}\n

\n \n

\n {language === 'en' ? 'Requires 1,000,000 CCW + 100,000 CCW fee' : '需要 1,000,000 CCW + 100,000 CCW 费用'}\n

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

\n \n

\n {language === 'en' ? 'No proposals yet. Create the first one!' : '还没有提案。创建第一个！'}\n

\n {proposals.map(proposal => {\n const isExpired = new Date(proposal.expiresAt) < new Date();\n const hasVoted = proposal.votes.voters.includes(userData?.id);\n const canVote = userData?.ccw >= 10000 && !hasVoted && !isExpired;\n return

{proposal.title}

\n {isExpired ? language === 'en' ? 'Expired' : '已过期' : language === 'en' ? 'Active' : '进行中'}\n

\n \n

\n {proposal.description}\n

\n \n

\n {language === 'en' ? 'By' : '提交者'}: {proposal.creatorName}\n

\n {language === 'en' ? 'Created' : '创建时间'}: {new Date(proposal.createdAt).toLocaleDateString()}\n

\n \n

\n {language === 'en' ? 'Votes' : '投票'}\n \n {language === 'en' ? `Yes: ${proposal.votes.yes} / No: ${proposal.votes.no}` : `同意: ${proposal.votes.yes} / 反对: ${proposal.votes.no}`}\n \n

0 ? proposal.votes.yes / (proposal.votes.yes + proposal.votes.no) * 100 : 0}%`\n }}>

\n \n {!isExpired &&

\n {hasVoted ? \n {language === 'en' ? 'You have voted' : '你已投票'}\n : \n {userData?.ccw >= 10000 ? language === 'en' ? 'Cast your vote:' : '投下你的一票:' : language === 'en' ? 'Need 10,000 CCW to vote' : '需要 10,000 CCW 才能投票'}\n }\n

\n \n

\n \n \n

}\n

;\n })}\n

}\n

\n \n {/* Right section (1 ratio) */}\n

\n {/* Chat room */}\n

\n \n {t('chatRoom')}\n

\n \n

\n {chatMessages.length === 0 ?

\n {language === 'en' ? 'No messages yet. Start the conversation!' : '还没有消息。开始对话吧！'}\n

: chatMessages.map(msg =>

\n {msg.nickname}\n

\n {msg.content}\n

)}\n

\n \n

\n setMessageInput(e.target.value)} onKeyPress={e => e.key === 'Enter' && sendChatMessage()} placeholder={language === 'en' ? \"Type a message...\" : \"输入消息...\"} className=\"flex-1 bg-gray-700 rounded-l-md px-3 py-2 text-sm focus:outline-none\" />\n \n

\n \n {/* Leaderboard */}\n

\n \n {t('leaderboard')}\n

{formatCountdown(countdown)}

\n \n

\n {leaderboard.length === 0 ?

\n {language === 'en' ? 'No rankings yet. Be the first!' : '还没有排名。成为第一名！'}\n

: leaderboard.slice(0, 10).map((entry, index) => {\n const rewards = [20000, 10000, 5000, 3000, 2000, 1000, 1000, 1000, 1000, 1000];\n const reward = index < rewards.length ? rewards[index] : 0;\n return

\n {index + 1}\n

{entry.username}

\n \n \n {entry.totalAttack}\n \n \n \n {reward}\n \n

;\n })}\n

\n \n

\n {language === 'en' ? '* Daily rewards for top 10 players based on total attack power' : '* 基于总攻击力的前10名玩家每日奖励'}\n

\n \n {/* Rename Cat Modal */}\n {showRenameModal &&

\n \n {t('rename_cat')}\n

\n \n {catToRename &&

{catToRename.name}

\n {t(catToRename.rarity.toLowerCase())}\n

}\n \n

\n {t('new_name')}\n setNewCatName(e.target.value)} placeholder={t('enter_new_name')} className=\"w-full px-3 py-2 bg-gray-700 rounded border border-gray-600 text-sm focus:outline-none focus:border-yellow-500\" />\n

{t('rename_cost')}

\n \n

\n \n \n

}\n

;\n}\nexport default AppWithProvider;","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-router-dom\":\"6.18.0\",\"lucide-react\":\"0.441.0\",\"socket.io-client\":\"4.7.1\",\"@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\",\"@devfunlabs/state-client\":\"0.8.1\",\"@devfunlabs/wallet-adapter-devfun\":\"0.3.0\"}}","appFunctions",[],"token",{"_18":19,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":-5,"_91":41,"_92":41,"_70":71},"symbol","CCW","price",0.00000338,"marketcap",3135.3876,"image","https://pump.mypinata.cloud/ipfs/QmaE92J27dnh1sTqge1aQggL4EKvzCuMSGc9iVGnemW752?img-width=256&img-dpr=2","website","https://dev.fun/p/5efce193e0d848f4a09b","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[97,101,103,105,107,109,111,113,115,117,119,121,123,125,127,128,129],{"_98":99,"_100":58},"day","2025-08-05","runCount",{"_98":102,"_100":58},"2025-08-06",{"_98":104,"_100":58},"2025-08-07",{"_98":106,"_100":58},"2025-08-08",{"_98":108,"_100":58},"2025-08-09",{"_98":110,"_100":58},"2025-08-10",{"_98":112,"_100":58},"2025-08-11",{"_98":114,"_100":58},"2025-08-12",{"_98":116,"_100":58},"2025-08-13",{"_98":118,"_100":58},"2025-08-14",{"_98":120,"_100":58},"2025-08-15",{"_98":122,"_100":58},"2025-08-16",{"_98":124,"_100":58},"2025-08-17",{"_98":126,"_100":58},"2025-08-18",{"_98":106,"_100":41},{"_98":108,"_100":41},{"_98":130,"_100":41},"2025-08-19","snapshot","ogImage","https://cdn.dev.fun/og/image/5efce193e0d848f4a09b/0616dda8.webp","isDevbase","actionData","errors"]

say something