[{"_1":2,"_164":-5,"_165":-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,"_32":33,"_34":-5,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_57":58,"_59":60,"_61":62,"_63":64,"_65":60,"_66":67,"_68":42,"_69":70,"_71":42,"_72":73,"_74":17,"_75":17,"_76":77,"_78":79,"_80":81,"_82":83,"_97":-5,"_98":25,"_99":100,"_160":-5,"_161":162,"_163":17},"id","fb8dc2464c11782c720d","isMyApp",false,"name","blabzr","description","Automatically track and earn points for your Solana devcoin X posts without lifting a finger! Blabzr scans your tweets, rewards quality content about @devfunpump projects, and turns your social media hype into community clout with leaderboards and badges that'll make your crypto friends jealous.","brief","Your Solana tweets become automatic street cred in the devcoin community!","isLive",true,"isPublic","tags",[29,30,31],"🔥","💰","👑","cover","/placeholder.png","cdnUrl","createdAt",["D",1749692335362],"updatedAt",["D",1751540126432],"lastCommitId",["B","85822"],"tier",1,"credits",66,{"_14":46,"_47":48,"_49":48,"_50":51,"_52":48,"_53":54,"_55":56},"e1a516b0-7d90-46da-8eeb-58f649cd9eda","uniqueId","fortuneofweb3","username","solanaWallet","DtdnqvRddQspZvRV5SJX2DeqxmLYef7Hqn9LFK9LioJS","displayName","bio","","avatar","https://cdn.dev.fun/avatar/e1a516b0-7d90-46da-8eeb-58f649cd9eda/842e7d93.webp","commitCount",787,"forkCount",0,"likeCount",12,"runsCount",1759,"downvoteCount","upvoteCount",15,"upvoteRate","commentCount",7,"reportCount","visitorCount",3,"isArchived","isRenamed","contractAddress","44oDoLSLZTwC6fUfSjwRhJG4G2hxr6yDvbQeLLCBpump","code","import { useState, useEffect, useMemo } from 'react';\nimport { BrowserRouter, Routes, Route, useNavigate, Link, useLocation, useParams } from 'react-router-dom';\nimport { useDevapp, DevappProvider, openLink, fetchTokenInfoByAddress, UserButton } from '@devfunlabs/web-sdk';\nimport { motion } from 'framer-motion';\nimport { Twitter, Trophy, User, Star, Award, BarChart3, TrendingUp, Rocket, MessageCircle, Search, ChevronDown, ChevronUp, Settings, HelpCircle, Zap, X, Terminal, Hash, Gift, Send, Copy, Plus, Upload, Wallet, Globe, Home, DollarSign, Camera, Menu, BookOpen } from 'lucide-react';\nimport { BarChart, Bar, XAxis, YAxis, CartesianGrid, Tooltip, ResponsiveContainer } from 'recharts';\nimport '@solana/wallet-adapter-react-ui/styles.css';\nimport { useWalletModal } from '@solana/wallet-adapter-react-ui';\nconst downloadCSV = (csvContent, filename) => {\n const blob = new Blob([csvContent], {\n type: 'text/csv;charset=utf-8;'\n });\n const link = document.createElement('a');\n const url = URL.createObjectURL(blob);\n link.setAttribute('href', url);\n link.setAttribute('download', filename);\n link.style.visibility = 'hidden';\n document.body.appendChild(link);\n link.click();\n document.body.removeChild(link);\n};\nconst generateLeaderboardCSV = (leaderboardData, projectName = null, isProjectSpecific = false, projectStats = null) => {\n const headers = ['Rank', 'Username', 'Wallet Address', 'Blabz Points', 'Followers'];\n const rows = leaderboardData.map((user, index) => {\n const points = isProjectSpecific ? user.blabz || 0 : user.totalBlabz || 0;\n return [index + 1, user.twitterUsername || 'Anonymous', user.walletAddress || 'N/A', points.toFixed(2), user.followersCount || 0];\n });\n const leaderboardName = projectName ? `Blabzr Project Leaderboard: ${projectName}` : `Blabzr General Leaderboard`;\n const timestamp = new Date().toISOString().split('T')[0];\n let csvContent = [`# ${leaderboardName} - ${timestamp}`];\n if (isProjectSpecific && projectStats) {\n csvContent.push('');\n csvContent.push('# PROJECT STATISTICS AND DETAILS');\n csvContent.push('# ===================================');\n csvContent.push(`# Project Name: ${projectStats.name || 'N/A'}`);\n csvContent.push(`# Symbol: ${projectStats.symbol || 'N/A'}`);\n csvContent.push(`# Description: ${projectStats.description || 'N/A'}`);\n csvContent.push(`# Total Blabz Earned: ${projectStats.totalBlabz || 0}`);\n csvContent.push(`# Unique Blabbers: ${projectStats.userCount || 0}`);\n csvContent.push(`# Created Date: ${projectStats.createdAt ? new Date(projectStats.createdAt).toLocaleDateString() : 'N/A'}`);\n csvContent.push(`# Verified: ${projectStats.verified ? 'Yes' : 'No'}`);\n csvContent.push(`# Devcoin Project: ${projectStats.isDevcoin ? 'Yes' : 'No'}`);\n if (projectStats.twitter) {\n csvContent.push(`# Twitter: @${projectStats.twitter.replace('@', '')}`);\n csvContent.push(`# Twitter Followers: ${projectStats.twitterFollowers || 'N/A'}`);\n }\n if (projectStats.website) {\n csvContent.push(`# Website: ${projectStats.website}`);\n }\n if (projectStats.telegram) {\n csvContent.push(`# Telegram: ${projectStats.telegram}`);\n }\n if (projectStats.contractAddress) {\n csvContent.push(`# Contract Address: ${projectStats.contractAddress}`);\n }\n csvContent.push(`# CSV Generated: ${new Date().toISOString()}`);\n csvContent.push('');\n csvContent.push('# LEADERBOARD DATA');\n csvContent.push('# ================');\n }\n csvContent.push('');\n csvContent.push(headers.join(','));\n csvContent.push(...rows.map(row => row.join(',')));\n return csvContent.join('\\n');\n};\nconst getRelativeTime = dateString => {\n if (!dateString) return '';\n const date = new Date(dateString);\n if (isNaN(date.getTime())) {\n return 'a while ago';\n }\n const now = new Date();\n const seconds = Math.floor((now.getTime() - date.getTime()) / 1000);\n if (seconds < 5) return 'just now';\n if (seconds < 60) return `${seconds}s ago`;\n const minutes = Math.floor(seconds / 60);\n if (minutes < 60) return `${minutes}m ago`;\n const hours = Math.floor(minutes / 60);\n if (hours < 24) return `${hours}h ago`;\n const days = Math.floor(hours / 24);\n if (days < 30) return `${days}d ago`;\n const months = Math.floor(days / 30);\n if (months < 12) return `${months}mo ago`;\n const years = Math.floor(days / 365);\n return `${years}y ago`;\n};\nconst formatCount = num => {\n if (num === null || num === undefined) return '0';\n if (num >= 1000000) {\n return (num / 1000000).toFixed(1).replace(/\\.0$/, '') + 'M';\n }\n if (num >= 1000) {\n return (num / 1000).toFixed(1).replace(/\\.0$/, '') + 'K';\n }\n return num.toString();\n};\nfunction LoadingIndicator({\n text = \"dev is blabbing...\",\n color = \"#7EE787\"\n}) {\n const [bounce1, setBounce1] = useState(0);\n const [bounce2, setBounce2] = useState(0);\n const [bounce3, setBounce3] = useState(0);\n useEffect(() => {\n const interval = setInterval(() => {\n setBounce1(Math.sin(Date.now() / 300) * 8);\n setBounce2(Math.sin(Date.now() / 300 + 1) * 8);\n setBounce3(Math.sin(Date.now() / 300 + 2) * 8);\n }, 50);\n return () => clearInterval(interval);\n }, []);\n return

{text}

;\n}\nfunction HomePage() {\n const {\n devbaseClient\n } = useDevapp();\n const [, setTotalBlabzEarned] = useState(0);\n const [totalUsers, setTotalUsers] = useState(1500);\n const [allBlabz, setAllBlabz] = useState(Array(8500).fill({}));\n useEffect(() => {\n async function fetchStats() {\n if (!devbaseClient) return;\n try {\n const users = await devbaseClient.listEntities('users');\n const posts = await devbaseClient.listEntities('posts');\n const totalBlabz = users.reduce((sum, user) => sum + (Number(user.totalBlabz) || 0), 0);\n setTotalBlabzEarned(totalBlabz);\n setAllBlabz(posts);\n const activeBlabbers = users.filter(user => user.twitterUsername);\n setTotalUsers(activeBlabbers.length);\n } catch (error) {\n console.error('Error fetching homepage stats:', error);\n }\n }\n fetchStats();\n }, [devbaseClient]);\n const containerVariants = {\n hidden: {\n opacity: 0\n },\n visible: {\n opacity: 1,\n transition: {\n duration: 0.8,\n staggerChildren: 0.3\n }\n }\n };\n const leftContentVariants = {\n hidden: {\n opacity: 0,\n x: -100,\n rotateY: -15\n },\n visible: {\n opacity: 1,\n x: 0,\n rotateY: 0,\n transition: {\n duration: 1,\n type: \"spring\",\n stiffness: 100,\n damping: 12,\n staggerChildren: 0.2\n }\n }\n };\n const rightContentVariants = {\n hidden: {\n opacity: 0,\n x: 100,\n scale: 0.8,\n rotateY: 15\n },\n visible: {\n opacity: 1,\n x: 0,\n scale: 1,\n rotateY: 0,\n transition: {\n duration: 1.2,\n type: \"spring\",\n stiffness: 80,\n damping: 12\n }\n }\n };\n const titleVariants = {\n hidden: {\n opacity: 0,\n y: 50,\n scale: 0.8\n },\n visible: {\n opacity: 1,\n y: 0,\n scale: 1,\n transition: {\n duration: 0.8,\n type: \"spring\",\n stiffness: 120,\n damping: 10\n }\n }\n };\n const textVariants = {\n hidden: {\n opacity: 0,\n y: 30\n },\n visible: {\n opacity: 1,\n y: 0,\n transition: {\n duration: 0.6,\n ease: \"easeOut\"\n }\n }\n };\n const buttonVariants = {\n hidden: {\n opacity: 0,\n scale: 0.5,\n y: 50\n },\n visible: {\n opacity: 1,\n scale: 1,\n y: 0,\n transition: {\n duration: 0.8,\n type: \"spring\",\n stiffness: 200,\n damping: 15\n }\n }\n };\n const featureVariants = {\n hidden: {\n opacity: 0,\n y: 50,\n scale: 0.8\n },\n visible: index => ({\n opacity: 1,\n y: 0,\n scale: 1,\n transition: {\n duration: 0.6,\n delay: index * 0.1,\n type: \"spring\",\n stiffness: 150,\n damping: 12\n }\n })\n };\n const imageVariants = {\n hidden: {\n opacity: 0,\n scale: 0.5,\n rotateZ: -15\n },\n visible: {\n opacity: 1,\n scale: 1,\n rotateZ: 0,\n transition: {\n duration: 1.2,\n type: \"spring\",\n stiffness: 80,\n damping: 12\n }\n }\n };\n const statsBadgeVariants = {\n hidden: {\n opacity: 0,\n scale: 0,\n rotate: -180\n },\n visible: delay => ({\n opacity: 1,\n scale: 1,\n rotate: 0,\n transition: {\n duration: 0.8,\n delay: delay,\n type: \"spring\",\n stiffness: 200,\n damping: 15\n }\n })\n };\n return \n

\n \n \n \n Turn Your X Hype\n \n
\n \n into Crypto Clout\n \n \n \n Get rewarded for talking about devfun, devcoins, and other Solana memecoins.\n \n \n Blabzr automatically tracks your posts, rewards you with points, and puts you on the leaderboard.\n \n \n \n \n \n \n \n \n Enter the Arena\n \n \n \n \n \n \n {[{\n icon: Twitter,\n title: \"Auto Tracking\",\n desc: \"Automatic post detection\"\n }, {\n icon: Trophy,\n title: \"Earn Rewards\",\n desc: \"Points & badges\"\n }, {\n icon: Hash,\n title: \"Projects\",\n desc: \"Discover devcoins\"\n }].map((item, index) => \n \n \n \n

{item.title}

{item.desc}

\n )}\n \n \n \n \n \n <>\n \n

\n \n {totalUsers > 1000 ? `${Math.floor(totalUsers / 1000)}K+` : `${totalUsers}+`}\n \n

Active Blabbers

\n \n \n

\n \n {allBlabz.length > 1000000 ? `${Math.floor(allBlabz.length / 1000000)}M+` : allBlabz.length > 1000 ? `${Math.floor(allBlabz.length / 1000)}K+` : `${allBlabz.length}+`}\n \n

Blabs Tracked

\n \n \n \n \n

\n ;\n}\nfunction ConnectWalletPage() {\n return

\n \n

Connect Your Wallet

\n Please connect your Solana wallet to access your Blabz dashboard and start earning points.\n

\n \n

;\n}\nfunction ConnectTwitterPage({\n connectTwitter\n}) {\n return

\n \n

Connect Your X Account

\n Almost there! Connect your X account to track your posts and see your Blabz.\n

\n \n \n Connect X Account\n \n

;\n}\nexport default function AppWithProvider() {\n return \n \n \n \n \n ;\n}\nconst isValidSolanaAddress = address => {\n const base58Regex = /^[1-9A-HJ-NP-Za-km-z]{32,44}$/;\n return base58Regex.test(address);\n};\nconst isValidDevId = devId => {\n const devIdRegex = /^[a-zA-Z0-9_-]{8,64}$/;\n return devIdRegex.test(devId);\n};\nasync function fetchUserDetails(username, SOL_ID, DEV_ID) {\n try {\n if (!username || !SOL_ID || !DEV_ID) {\n throw new Error('username, SOL_ID, and DEV_ID are all required');\n }\n console.log(`[API] Processing user: ${username} with SOL_ID: ${SOL_ID}, DEV_ID: ${DEV_ID}`);\n if (!isValidSolanaAddress(SOL_ID)) {\n throw new Error('Invalid SOL_ID format (must be 32-44 Base58 characters)');\n }\n if (!isValidDevId(DEV_ID)) {\n throw new Error('Invalid DEV_ID format (must be alphanumeric, 8-64 characters)');\n }\n try {\n const controller = new AbortController();\n const timeoutId = setTimeout(() => controller.abort(), 15000);\n const postResponse = await fetch('https://blabbers.onrender.com/solcontent/users', {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n username,\n SOL_ID: SOL_ID,\n DEV_ID: DEV_ID\n }),\n signal: controller.signal\n });\n clearTimeout(timeoutId);\n const postResult = await postResponse.json();\n if (!postResponse.ok) {\n throw new Error(postResult.error || `Failed to save user data (Status: ${postResponse.status})`);\n }\n console.log(`[API] User data saved: ${postResult.message || 'User data saved successfully'}`);\n } catch (saveError) {\n console.error('[API] Error saving user data:', saveError.message);\n throw new Error(`Failed to save user data: ${saveError.message}`);\n }\n try {\n const controller = new AbortController();\n const timeoutId = setTimeout(() => controller.abort(), 15000);\n const apiUrl = `https://blabbers.onrender.com/solcontent/user-details/${encodeURIComponent(username)}`;\n const response = await fetch(apiUrl, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json'\n },\n signal: controller.signal\n });\n clearTimeout(timeoutId);\n const data = await response.json();\n if (!response.ok) {\n console.error('[API] Response error:', data);\n if (response.status === 429) {\n return {\n success: false,\n error: 'Twitter API rate limit exceeded',\n details: 'Twitter API is temporarily rate limited. Using cached data and will retry later.',\n isRateLimit: true,\n fallbackUser: {\n username: username,\n SOL_ID: SOL_ID,\n DEV_ID: DEV_ID,\n profile_image_url: '',\n followers_count: 0,\n following_count: 0,\n name: username,\n bio: 'Profile temporarily unavailable due to API limits',\n location: ''\n }\n };\n }\n return {\n success: false,\n error: data.error || `Failed to fetch user details (Status: ${response.status})`,\n details: data.error || 'Unknown error',\n fallbackUser: {\n username: username,\n SOL_ID: SOL_ID,\n DEV_ID: DEV_ID,\n profile_image_url: '',\n followers_count: 0,\n following_count: 0,\n name: username,\n bio: '',\n location: ''\n }\n };\n }\n let warningMessage = null;\n if (data.warning) {\n warningMessage = data.warning;\n console.warn('[API] Warning:', data.warning);\n }\n console.log(`[API] User ${username} details fetched successfully`);\n const enhancedUser = {\n ...data,\n profile_image_url: data.profile_image_url ? data.profile_image_url.replace('_normal', '_400x400') : ''\n };\n return {\n success: true,\n user: enhancedUser,\n message: warningMessage || 'User details fetched successfully',\n warning: warningMessage\n };\n } catch (fetchError) {\n console.error(`[API] Error fetching user details for ${username}:`, fetchError.message);\n const isFetchTimeout = fetchError.name === 'AbortError';\n return {\n success: false,\n error: isFetchTimeout ? 'Request timed out' : 'Network or server error',\n details: fetchError.message,\n fallbackUser: {\n username: username,\n SOL_ID: SOL_ID,\n DEV_ID: DEV_ID,\n profile_image_url: '',\n followers_count: 0,\n following_count: 0,\n name: username,\n bio: '',\n location: ''\n }\n };\n }\n } catch (error) {\n console.error(`[API] Error processing user ${username}:`, error.message);\n return {\n success: false,\n error: error.message,\n details: error.message,\n fallbackUser: {\n username: username,\n SOL_ID: SOL_ID,\n DEV_ID: DEV_ID,\n profile_image_url: '',\n followers_count: 0,\n following_count: 0,\n name: username,\n bio: '',\n location: ''\n }\n };\n }\n}\nconst logActivity = async (devbaseClient, type, message, details = {}) => {\n if (!devbaseClient) return;\n try {\n await devbaseClient.createEntity('logs', {\n type,\n message,\n timestamp: new Date().toISOString(),\n details: JSON.stringify(details)\n });\n } catch (error) {\n console.error('Failed to log activity:', error);\n }\n};\nconst recalculateProjectStats = async devbaseClient => {\n if (!devbaseClient) return;\n try {\n console.log('Recalculating project stats...');\n const allProjects = await devbaseClient.listEntities('projects');\n const allPosts = await devbaseClient.listEntities('posts');\n const allUsers = await devbaseClient.listEntities('users');\n const userMapById = {};\n const userMapByUsername = {};\n allUsers.forEach(user => {\n userMapById[user.id] = user;\n if (user.twitterUsername) {\n userMapByUsername[user.twitterUsername.toLowerCase()] = user;\n }\n });\n const findUserForPost = post => {\n let user = userMapById[post.userId];\n if (!user && post.twitterUsername) {\n user = userMapByUsername[post.twitterUsername.toLowerCase()];\n }\n return user;\n };\n const projectMap = new Map();\n const projectStats = {};\n allProjects.forEach(p => {\n const normalizedName = p.name.toLowerCase().trim();\n projectMap.set(normalizedName, p.name);\n projectStats[p.name] = {\n id: p.id,\n totalBlabz: 0,\n uniqueBlabbers: new Set(),\n originalTotalBlabz: p.totalBlabz || 0,\n originalUserCount: p.userCount || 0\n };\n });\n console.log(`Processing ${allPosts.length} posts across ${allProjects.length} projects`);\n for (const post of allPosts) {\n if (!post.project || !post.userId) continue;\n const user = findUserForPost(post);\n if (!user) continue;\n let projectNames = [];\n try {\n const parsed = JSON.parse(post.project);\n if (Array.isArray(parsed)) {\n projectNames = parsed;\n } else {\n projectNames = [parsed];\n }\n } catch (e) {\n projectNames = [post.project];\n }\n for (const projectName of projectNames) {\n if (!projectName || projectName === 'Unknown') continue;\n let matchedProjectName = projectStats[projectName] ? projectName : null;\n if (!matchedProjectName) {\n const normalizedName = projectName.toLowerCase().trim();\n const exactProjectName = projectMap.get(normalizedName);\n if (exactProjectName && projectStats[exactProjectName]) {\n matchedProjectName = exactProjectName;\n }\n }\n if (matchedProjectName) {\n if (post.blabz !== undefined && post.blabz !== null) {\n projectStats[matchedProjectName].totalBlabz += 1;\n projectStats[matchedProjectName].uniqueBlabbers.add(user.id);\n console.log(`Added post count for project \"${matchedProjectName}\" from post ${post.id}, user ${user.id}`);\n }\n } else {\n console.warn(`No matching project found for \"${projectName}\" in post ${post.id}`);\n }\n }\n }\n let updatedCount = 0;\n for (const projectName of Object.keys(projectStats)) {\n const stats = projectStats[projectName];\n const newStats = {\n totalBlabz: stats.totalBlabz,\n userCount: stats.uniqueBlabbers.size\n };\n if (newStats.totalBlabz !== stats.originalTotalBlabz || newStats.userCount !== stats.originalUserCount) {\n await devbaseClient.updateEntity('projects', stats.id, newStats);\n console.log(`Updated stats for ${projectName}: ${newStats.totalBlabz} posts, ${newStats.userCount} blabbers`);\n updatedCount++;\n }\n }\n console.log(`Project stats recalculation complete. Updated ${updatedCount} projects.`);\n } catch (error) {\n console.error('Error recalculating project stats:', error);\n }\n};\nconst updateUserProfilesIfNeeded = async devbaseClient => {\n if (!devbaseClient) return [];\n try {\n console.log('[PROFILE] Automatic profile syncing disabled - using cached user data');\n let allBlabbers = await devbaseClient.listEntities('users');\n return allBlabbers;\n } catch (error) {\n console.error(\"Error in updateUserProfilesIfNeeded:\", error);\n return [];\n }\n};\nasync function fetchUserPostsAndReward(username, user, devbaseClient) {\n if (!username || !user || !devbaseClient) return;\n try {\n console.log(`[BLABZ SYNC] Starting comprehensive sync for @${username}`);\n const response = await fetch(`https://blabbers.onrender.com/solcontent/posts/${username}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json'\n }\n });\n if (!response.ok) {\n const errorData = await response.text();\n console.error('Failed to fetch user blabz:', response.status, errorData);\n if (response.status === 429) {\n console.log(`[BLABZ SYNC] Twitter API rate limited for @${username}, skipping this sync cycle`);\n return {\n success: false,\n error: 'rate_limit',\n message: 'Twitter API rate limited, will retry later'\n };\n }\n return {\n success: false,\n error: 'api_error',\n message: `API error ${response.status}: ${errorData}`\n };\n }\n const data = await response.json();\n const postsByProject = data.posts || {};\n const allExistingPosts = await devbaseClient.listEntities('posts');\n const existingPostUrls = new Set(allExistingPosts.map(p => p.postUrl).filter(Boolean));\n const existingPostIds = new Set(allExistingPosts.map(p => p.apiPostId).filter(Boolean));\n const mergedPosts = new Map();\n for (const projectName in postsByProject) {\n for (const post of postsByProject[projectName]) {\n const postUrl = post.tweetUrl || '';\n const postId = post.postId || '';\n if (postUrl && existingPostUrls.has(postUrl) || postId && existingPostIds.has(postId)) {\n console.log(`[BLABZ SYNC] Skipping duplicate post (global check) for @${username}: ${postUrl || postId}`);\n continue;\n }\n const uniqueKey = postUrl || postId;\n if (!uniqueKey) continue;\n if (mergedPosts.has(uniqueKey)) {\n const existingPost = mergedPosts.get(uniqueKey);\n if (!Array.isArray(existingPost.project)) {\n existingPost.project = [existingPost.project];\n }\n if (!existingPost.project.includes(projectName)) {\n existingPost.project.push(projectName);\n }\n } else {\n mergedPosts.set(uniqueKey, {\n ...post,\n project: [projectName]\n });\n }\n }\n }\n const userBlabz = Array.from(mergedPosts.values());\n console.log(`[BLABZ SYNC] Found ${userBlabz.length} new posts for @${username} (after duplicate filtering)`);\n if (userBlabz.length === 0) {\n console.log(`[BLABZ SYNC] No new blabz found for ${username}`);\n return;\n }\n let newPostsCreated = 0;\n let totalBlabzAwarded = 0;\n for (const post of userBlabz) {\n const postUrl = post.tweetUrl || '';\n const postId = post.postId || '';\n if (!postUrl && !postId) continue;\n const canReward = post.SOL_ID === user.walletAddress && (!post.DEV_ID || post.DEV_ID === \"\" || post.DEV_ID === user.id);\n const blabzToAward = Number(post.blabz || 0);\n const projectNames = post.project || ['Unknown'];\n const newPostData = {\n userId: user.id,\n content: post.content,\n postUrl: postUrl,\n project: JSON.stringify(projectNames),\n postedAt: post.createdAt || new Date().toISOString(),\n engagement: JSON.stringify({\n likes: post.likes || 0,\n retweets: post.retweets || 0,\n replies: post.replies || 0,\n quotes: post.additionalFields?.quote_count || 0\n }),\n blabz: blabzToAward,\n hashtags: JSON.stringify(post.hashtags || []),\n status: 'active',\n twitterUsername: user.twitterUsername,\n profileImageUrl: user.profileImageUrl,\n likes: post.likes || 0,\n retweets: post.retweets || 0,\n comments: post.replies || 0,\n apiPostId: postId,\n apiUserId: post.userId || '',\n score: post.score || 0,\n tweetType: post.tweetType || 'main',\n projectRewards: JSON.stringify(projectNames.map(name => ({\n project: name,\n blabz: blabzToAward / (projectNames.length || 1)\n })))\n };\n try {\n await devbaseClient.createEntity('posts', newPostData);\n newPostsCreated++;\n if (postUrl) existingPostUrls.add(postUrl);\n if (postId) existingPostIds.add(postId);\n if (canReward && blabzToAward > 0) {\n totalBlabzAwarded += blabzToAward;\n }\n console.log(`[BLABZ SYNC] Saved new post with ${blabzToAward} blabz for @${username}`);\n } catch (e) {\n console.log(`[BLABZ SYNC] Failed to create post for @${username}: ${e.message}`);\n }\n }\n console.log(`[BLABZ SYNC] Performing consistency check for all affected users...`);\n const affectedProjects = [...new Set(userBlabz.flatMap(post => post.project || []))];\n const allPosts = await devbaseClient.listEntities('posts');\n const usersToUpdate = new Set();\n allPosts.forEach(post => {\n if (post.project) {\n try {\n const postProjects = JSON.parse(post.project);\n const hasOverlap = postProjects.some(proj => affectedProjects.includes(proj));\n if (hasOverlap && post.userId) {\n usersToUpdate.add(post.userId);\n }\n } catch (e) {\n if (affectedProjects.includes(post.project) && post.userId) {\n usersToUpdate.add(post.userId);\n }\n }\n }\n });\n console.log(`[BLABZ SYNC] Updating ${usersToUpdate.size} affected users for consistency...`);\n for (const userId of usersToUpdate) {\n try {\n const userPosts = allPosts.filter(p => p.userId === userId);\n const userTotal = userPosts.reduce((sum, p) => sum + (Number(p.blabz) || 0), 0);\n const userData = await devbaseClient.getEntity('users', userId);\n if (userData && Math.abs((userData.totalBlabz || 0) - userTotal) > 0.0001) {\n await devbaseClient.updateEntity('users', userId, {\n totalBlabz: userTotal,\n lastBlabzUpdate: new Date().toISOString()\n });\n console.log(`[BLABZ SYNC] Consistency update for user ${userId}: ${(userData.totalBlabz || 0).toFixed(4)} → ${userTotal.toFixed(4)}`);\n }\n } catch (error) {\n console.error(`[BLABZ SYNC] Error updating user ${userId}:`, error);\n }\n }\n console.log(`[BLABZ SYNC] Comprehensive sync completed for @${username}`);\n console.log(`[BLABZ SYNC] Summary: ${newPostsCreated} new posts, ${totalBlabzAwarded.toFixed(4)} total blabz awarded`);\n } catch (error) {\n console.error(`[BLABZ SYNC] Error in comprehensive sync for ${username}:`, error);\n }\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const navigate = useNavigate();\n const location = useLocation();\n const [, setIsLoading] = useState(false);\n const [connecting,,] = useState(false);\n const [userData, setUserData] = useState(null);\n const [isAdmin, setIsAdmin] = useState(false);\n const [twitterUsername, setTwitterUsername] = useState(\"\");\n const [isTwitterConnected, setIsTwitterConnected] = useState(false);\n const [leaderboard, setLeaderboard] = useState([]);\n const [, setProjects] = useState([]);\n const [activeTab, setActiveTab] = useState('home');\n const [isDropdownOpen,,] = useState(false);\n const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false);\n const [sidebarOpen, setSidebarOpen] = useState(true);\n const [windowWidth, setWindowWidth] = useState(typeof window !== 'undefined' ? window.innerWidth : 0);\n const [globalSyncStatus, setGlobalSyncStatus] = useState({\n isRunning: false,\n currentUser: null,\n lastSyncTime: null,\n queuePosition: 0,\n totalUsers: 0\n });\n const [adminSettings, setAdminSettings] = useState({\n globalSyncEnabled: false\n });\n useEffect(() => {\n window.scrollTo(0, 0);\n }, [location.pathname]);\n useEffect(() => {\n function handleResize() {\n setWindowWidth(window.innerWidth);\n if (window.innerWidth < 1024) {\n setSidebarOpen(false);\n } else {\n setSidebarOpen(true);\n }\n }\n window.addEventListener('resize', handleResize);\n handleResize();\n return () => window.removeEventListener('resize', handleResize);\n }, []);\n useEffect(() => {\n if (userData?.twitterUsername) {\n setTwitterUsername(userData.twitterUsername);\n }\n }, [userData]);\n useEffect(() => {\n if (location.pathname !== '/') {\n navigate('/', {\n replace: true\n });\n }\n }, []);\n useEffect(() => {\n async function loadAdminSettings() {\n if (!devbaseClient) return;\n try {\n const settings = await devbaseClient.listEntities('admin_settings');\n if (settings.length > 0) {\n const latestSettings = settings[0];\n setAdminSettings({\n globalSyncEnabled: latestSettings.globalSyncEnabled === true\n });\n }\n } catch (error) {\n console.error('Error loading admin settings:', error);\n }\n }\n if (devbaseClient && isAdmin) {\n loadAdminSettings();\n }\n }, [devbaseClient, isAdmin]);\n useEffect(() => {\n let syncInterval;\n let syncTimeout;\n const startGlobalPostSync = async () => {\n if (!devbaseClient || !adminSettings.globalSyncEnabled) return;\n console.log('Starting global post sync system...');\n const runSyncCycle = async () => {\n try {\n setGlobalSyncStatus(prev => ({\n ...prev,\n isRunning: true\n }));\n const allUsers = await devbaseClient.listEntities('users');\n const usersWithTwitter = allUsers.filter(user => user.twitterUsername && user.walletAddress);\n if (usersWithTwitter.length === 0) {\n console.log('No users with Twitter accounts found for global sync');\n setGlobalSyncStatus(prev => ({\n ...prev,\n isRunning: false,\n totalUsers: 0\n }));\n return;\n }\n console.log(`Starting global sync for ${usersWithTwitter.length} users`);\n setGlobalSyncStatus(prev => ({\n ...prev,\n totalUsers: usersWithTwitter.length,\n queuePosition: 0\n }));\n for (let i = 0; i < usersWithTwitter.length; i++) {\n const user = usersWithTwitter[i];\n try {\n setGlobalSyncStatus(prev => ({\n ...prev,\n currentUser: user.twitterUsername,\n queuePosition: i + 1,\n lastSyncTime: new Date().toISOString()\n }));\n console.log(`[Global Sync ${i + 1}/${usersWithTwitter.length}] Syncing posts for @${user.twitterUsername}`);\n await fetchUserPostsAndReward(user.twitterUsername, user, devbaseClient);\n console.log(`[Global Sync] Completed sync for @${user.twitterUsername}`);\n if (i < usersWithTwitter.length - 1) {\n console.log(`[Global Sync] Waiting 5 minutes before next user...`);\n await new Promise(resolve => {\n syncTimeout = setTimeout(resolve, 5 * 60 * 1000);\n });\n }\n } catch (userError) {\n console.error(`[Global Sync] Error syncing user @${user.twitterUsername}:`, userError);\n }\n }\n console.log('Global sync cycle completed');\n setGlobalSyncStatus(prev => ({\n ...prev,\n isRunning: false,\n currentUser: null,\n queuePosition: 0\n }));\n } catch (error) {\n console.error('Error in global sync cycle:', error);\n setGlobalSyncStatus(prev => ({\n ...prev,\n isRunning: false,\n currentUser: null\n }));\n }\n };\n syncTimeout = setTimeout(() => {\n runSyncCycle();\n syncInterval = setInterval(runSyncCycle, 2 * 60 * 60 * 1000);\n }, 30000);\n };\n if (devbaseClient && adminSettings.globalSyncEnabled) {\n startGlobalPostSync();\n }\n return () => {\n if (syncInterval) {\n clearInterval(syncInterval);\n }\n if (syncTimeout) {\n clearTimeout(syncTimeout);\n }\n setGlobalSyncStatus({\n isRunning: false,\n currentUser: null,\n lastSyncTime: null,\n queuePosition: 0,\n totalUsers: 0\n });\n };\n }, [devbaseClient, adminSettings.globalSyncEnabled]);\n useEffect(() => {\n const path = location.pathname;\n if (path === '/') setActiveTab('home');else if (path === '/blabz') setActiveTab('blabz');else if (path === '/feeds') setActiveTab('feeds');else if (path === '/leaderboards') setActiveTab('leaderboards');else if (path === '/profile') setActiveTab('profile');else if (path === '/projects') setActiveTab('projects');else if (path === '/contests') setActiveTab('contests');else if (path === '/faq') setActiveTab('faq');else if (path === '/docs') setActiveTab('docs');else if (path === '/admin') setActiveTab('admin');\n }, [location]);\n const isMobile = windowWidth < 768;\n const checkIfAdmin = wallet => {\n return wallet === \"DtdnqvRddQspZvRV5SJX2DeqxmLYef7Hqn9LFK9LioJS\";\n };\n useEffect(() => {\n async function loadUserData() {\n if (!userWallet || !devbaseClient) {\n return;\n }\n try {\n setIsLoading(true);\n setIsAdmin(checkIfAdmin(userWallet));\n await cleanDuplicateUsersAutomatically();\n const allUsers = await devbaseClient.listEntities('users');\n const twitterHandle = await devbaseClient.evalString('$USER_X_USERNAME').catch(() => '');\n setTwitterUsername(twitterHandle);\n setIsTwitterConnected(!!twitterHandle);\n let existingUser = allUsers.find(u => u.walletAddress === userWallet);\n if (!existingUser && twitterHandle) {\n existingUser = allUsers.find(u => u.twitterUsername && u.twitterUsername.toLowerCase() === twitterHandle.toLowerCase());\n }\n if (existingUser && twitterHandle) {\n const duplicates = allUsers.filter(u => u.walletAddress === userWallet && u.id !== existingUser.id || u.twitterUsername && u.twitterUsername.toLowerCase() === twitterHandle.toLowerCase() && u.id !== existingUser.id);\n for (const duplicate of duplicates) {\n try {\n const existingUser = await devbaseClient.getEntity('users', duplicate.id);\n if (existingUser) {\n await devbaseClient.deleteEntity('users', duplicate.id);\n console.log(`Deleted duplicate user: ${duplicate.id}`);\n } else {\n console.log(`User ${duplicate.id} already deleted, skipping`);\n }\n } catch (err) {\n if (err.message && err.message.includes('Record to delete does not exist')) {\n console.log(`User ${duplicate.id} already deleted, skipping`);\n } else {\n console.error('Error deleting duplicate user:', err);\n }\n }\n }\n }\n if (existingUser) {\n let updateData = {};\n if (existingUser.walletAddress !== userWallet) {\n updateData.walletAddress = userWallet;\n }\n if (twitterHandle && existingUser.twitterUsername !== twitterHandle) {\n updateData.twitterUsername = twitterHandle;\n }\n if (twitterHandle) {\n console.log(`[LOGIN] User @${twitterHandle} logged in - skipping automatic profile sync (admin-only)`);\n }\n if (Object.keys(updateData).length > 0) {\n const updatedUser = await devbaseClient.updateEntity('users', existingUser.id, updateData);\n setUserData(updatedUser);\n } else {\n setUserData(existingUser);\n }\n } else if (userWallet && twitterHandle) {\n try {\n const recentUsers = await devbaseClient.listEntities('users');\n const existingByWallet = recentUsers.find(u => u.walletAddress === userWallet);\n const existingByTwitter = recentUsers.find(u => u.twitterUsername && u.twitterUsername.toLowerCase() === twitterHandle.toLowerCase());\n if (existingByWallet || existingByTwitter) {\n const userToUse = existingByWallet || existingByTwitter;\n const updatedUser = await devbaseClient.updateEntity('users', userToUse.id, {\n walletAddress: userWallet,\n twitterUsername: twitterHandle,\n lastTwitterUpdate: new Date().toISOString()\n });\n setUserData(updatedUser);\n } else {\n let userDataForDb = {\n walletAddress: userWallet,\n twitterUsername: twitterHandle,\n totalBlabz: 0,\n level: 'Newcomer',\n joinedAt: new Date().toISOString(),\n lastTwitterUpdate: new Date().toISOString()\n };\n const newBlabber = await devbaseClient.createEntity('users', userDataForDb);\n const result = await fetchUserDetails(twitterHandle, userWallet, newBlabber.id);\n if (result.success && result.user) {\n const apiUser = result.user;\n const profileUpdateData = {\n followersCount: apiUser.followers_count || 0,\n followingCount: apiUser.following_count || 0,\n profileImageUrl: apiUser.profile_image_url || \"\",\n name: apiUser.name || \"\",\n bio: apiUser.bio || \"\",\n location: apiUser.location || \"\"\n };\n const finalUser = await devbaseClient.updateEntity('users', newBlabber.id, profileUpdateData);\n setUserData(finalUser);\n } else {\n setUserData(newBlabber);\n }\n }\n } catch (creationError) {\n console.error(\"Error creating new user:\", creationError);\n }\n }\n loadLeaderboard();\n loadProjects();\n } catch (error) {\n console.error('Error loading user data:', error);\n } finally {\n setIsLoading(false);\n }\n }\n const cleanDuplicateUsersAutomatically = async () => {\n try {\n const allUsers = await devbaseClient.listEntities('users');\n let duplicatesDeleted = 0;\n const usersByWallet = {};\n const usersWithoutWallet = [];\n allUsers.forEach(user => {\n if (user.walletAddress) {\n if (!usersByWallet[user.walletAddress]) {\n usersByWallet[user.walletAddress] = [];\n }\n usersByWallet[user.walletAddress].push(user);\n } else {\n usersWithoutWallet.push(user);\n }\n });\n for (const walletAddress in usersByWallet) {\n const users = usersByWallet[walletAddress];\n if (users.length > 1) {\n const sortedUsers = users.sort((a, b) => (b.totalBlabz || 0) - (a.totalBlabz || 0) || new Date(b.lastTwitterUpdate || 0) - new Date(a.lastTwitterUpdate || 0));\n const usersToDelete = sortedUsers.slice(1);\n for (const userToDelete of usersToDelete) {\n try {\n const existingUser = await devbaseClient.getEntity('users', userToDelete.id);\n if (existingUser) {\n await devbaseClient.deleteEntity('users', userToDelete.id);\n duplicatesDeleted++;\n console.log(`Deleted duplicate user: ${userToDelete.id}`);\n } else {\n console.log(`User ${userToDelete.id} already deleted, skipping`);\n }\n } catch (err) {\n if (err.message && err.message.includes('Record to delete does not exist')) {\n console.log(`User ${userToDelete.id} already deleted, skipping`);\n } else {\n console.error('Error deleting duplicate user:', err);\n }\n }\n }\n }\n }\n const remainingUsers = await devbaseClient.listEntities('users');\n const usersByTwitter = {};\n remainingUsers.forEach(user => {\n if (user.twitterUsername) {\n const key = user.twitterUsername.toLowerCase();\n if (!usersByTwitter[key]) {\n usersByTwitter[key] = [];\n }\n usersByTwitter[key].push(user);\n }\n });\n for (const twitterUsername in usersByTwitter) {\n const users = usersByTwitter[twitterUsername];\n if (users.length > 1) {\n const sortedUsers = users.sort((a, b) => {\n if (a.walletAddress && !b.walletAddress) return -1;\n if (!a.walletAddress && b.walletAddress) return 1;\n return (b.totalBlabz || 0) - (a.totalBlabz || 0) || new Date(b.lastTwitterUpdate || 0) - new Date(a.lastTwitterUpdate || 0);\n });\n const usersToDelete = sortedUsers.slice(1);\n for (const userToDelete of usersToDelete) {\n try {\n const existingUser = await devbaseClient.getEntity('users', userToDelete.id);\n if (existingUser) {\n await devbaseClient.deleteEntity('users', userToDelete.id);\n duplicatesDeleted++;\n console.log(`Deleted Twitter duplicate: ${userToDelete.id} (@${userToDelete.twitterUsername})`);\n } else {\n console.log(`User ${userToDelete.id} already deleted, skipping`);\n }\n } catch (err) {\n if (err.message && err.message.includes('Record to delete does not exist')) {\n console.log(`User ${userToDelete.id} already deleted, skipping`);\n } else {\n console.error('Error deleting duplicate user:', err);\n }\n }\n }\n }\n }\n if (duplicatesDeleted > 0) {\n console.log(`Auto-cleaned ${duplicatesDeleted} duplicate users`);\n }\n } catch (error) {\n console.error('Error in automatic duplicate cleanup:', error);\n }\n };\n loadUserData();\n }, [userWallet, devbaseClient]);\n async function loadLeaderboard() {\n try {\n let users = [];\n try {\n users = await devbaseClient.listEntities('users');\n } catch (err) {\n console.error('Error fetching users for leaderboard:', err);\n users = [];\n }\n const uniqueUsers = [];\n const seenWallets = new Set();\n const seenTwitter = new Set();\n const sortedUsers = users.sort((a, b) => (b.totalBlabz || 0) - (a.totalBlabz || 0) || new Date(b.lastTwitterUpdate || 0) - new Date(a.lastTwitterUpdate || 0));\n for (const user of sortedUsers) {\n if (!user || !user.twitterUsername) continue;\n const walletKey = user.walletAddress;\n const twitterKey = user.twitterUsername.toLowerCase();\n if (walletKey && seenWallets.has(walletKey) || seenTwitter.has(twitterKey)) {\n continue;\n }\n if (walletKey) seenWallets.add(walletKey);\n seenTwitter.add(twitterKey);\n uniqueUsers.push(user);\n }\n setLeaderboard(uniqueUsers.slice(0, 10));\n } catch (error) {\n console.error('Error loading leaderboard:', error);\n setLeaderboard([]);\n }\n }\n async function loadProjects() {\n try {\n let projectsData = [];\n try {\n projectsData = await devbaseClient.listEntities('projects');\n console.log(`Loaded ${projectsData.length} projects from devbase`);\n } catch (err) {\n console.error('Error fetching projects:', err);\n projectsData = [];\n console.log('Using empty projects array as fallback');\n }\n const updatedProjectResults = await Promise.allSettled(projectsData.map(async project => {\n if (!project) return null;\n const lastTwitterUpdate = project.twitterLastUpdated ? new Date(project.twitterLastUpdated) : null;\n const twentyFourHoursAgo = new Date(Date.now() - 24 * 60 * 60 * 1000);\n const shouldUpdateTwitter = !lastTwitterUpdate || lastTwitterUpdate < twentyFourHoursAgo;\n if (project.twitter && shouldUpdateTwitter) {\n try {\n const result = await fetchProjectTwitterDetails(project.twitter, {\n name: project.name,\n keywords: project.keywords,\n description: project.description,\n twitterUsername: project.twitter\n });\n if (result.success && result.data) {\n const updatedProject = await devbaseClient.updateEntity('projects', project.id, {\n ...result.data,\n lastActivity: new Date().toISOString()\n });\n return updatedProject;\n } else if (result.fallbackData) {\n const updatedProject = await devbaseClient.updateEntity('projects', project.id, {\n ...result.fallbackData,\n lastActivity: new Date().toISOString()\n });\n return updatedProject;\n }\n } catch (err) {\n console.error(`Error updating Twitter data for project ${project?.name || 'unknown'} (@${project?.twitter || 'no handle'}):`, err);\n }\n }\n return project;\n }));\n const updatedProjects = updatedProjectResults.filter(result => result.status === 'fulfilled' && result.value).map(result => result.value);\n const sortedProjects = updatedProjects.sort((a, b) => {\n return new Date(b.createdAt) - new Date(a.createdAt);\n });\n setProjects(sortedProjects);\n } catch (error) {\n console.error('Error loading projects:', error);\n setProjects([]);\n }\n }\n const connectTwitter = () => {\n if (!userWallet) return;\n const twitterLoginUrl = `https://oauth.dev.fun/twitter/login/fb8dc2464c11782c720d/${userWallet}`;\n openLink(twitterLoginUrl);\n };\n const {\n disconnect: walletDisconnect\n } = useWalletModal();\n const disconnect = async () => {\n try {\n if (!userWallet) return;\n setUserData(null);\n setTwitterUsername(\"\");\n setIsTwitterConnected(false);\n if (walletDisconnect) {\n await walletDisconnect();\n }\n window.location.reload();\n } catch (error) {\n console.error(\"Error disconnecting wallet:\", error);\n window.location.reload();\n }\n };\n const getUserBadge = blabzCount => {\n if (!blabzCount) return 'Newcomer';\n if (blabzCount >= 250) return 'Devcoin Legend';\n if (blabzCount >= 100) return 'Hype Master';\n if (blabzCount >= 50) return 'Solana Star';\n if (blabzCount >= 20) return 'Active Blabber';\n if (blabzCount >= 5) return 'Devcoin Enthusiast';\n return 'Newcomer';\n };\n if (connecting) {\n return

\n \n

;\n }\n return

\n {}\n

\n $\"Blabzr\"$ \n

\n \n \n \n

\n \n

\n {isTwitterConnected && userData?.profileImageUrl ? $\"Profile\"$ : }\n View Profile\n \n

\n {isMobile && isDropdownOpen &&

\n } label=\"Profile\" onClick={() => navigate('/profile')} />\n } label=\"Settings\" />\n } label=\"Help\" />\n

}\n

\n {}\n {}\n {!isMobile && <>\n \n

\n \n

\n {}\n

\n } label=\"Home\" active={activeTab === 'home'} collapsed={!sidebarOpen} />\n } label=\"Blabz\" active={activeTab === 'blabz'} collapsed={!sidebarOpen} />\n } label=\"Community Blabs\" active={activeTab === 'feeds'} collapsed={!sidebarOpen} />\n } label=\"Leaderboard\" active={activeTab === 'leaderboards'} collapsed={!sidebarOpen} />\n } label=\"Projects\" active={activeTab === 'projects'} collapsed={!sidebarOpen} />\n } label=\"Contests\" active={activeTab === 'contests'} collapsed={!sidebarOpen} highlight=\"yellow\" />\n } label=\"FAQ\" active={activeTab === 'faq'} collapsed={!sidebarOpen} />\n } label=\"Docs\" active={activeTab === 'docs'} collapsed={!sidebarOpen} />\n {isAdmin && } label=\"Admin Panel\" active={activeTab === 'admin'} collapsed={!sidebarOpen} highlight=\"red\" />}\n

\n {!userWallet ?

\n \n {sidebarOpen &&

Connect wallet to start

}\n

: !isTwitterConnected ?

\n \n {sidebarOpen &&

Connect X to continue

}\n

: userData ?

\n \n {userData.profileImageUrl ? {userData.name

\n \n

}\n

\n \n

\n \n {sidebarOpen && userData.twitterUsername &&

\n @{userData.twitterUsername}\n ({`${userData.walletAddress.substring(0, 4)}...${userData.walletAddress.substring(userData.walletAddress.length - 4)}`})\n {getUserBadge(userData.totalBlabz)}\n

}\n

\n \n

}\n

\n \n {}\n }\n

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

\n {}\n {isMobile && isMobileMenuOpen &&

setIsMobileMenuOpen(false)}>\n e.stopPropagation()}>\n

\n \n Menu\n

\n \n

\n {userData &&

\n {userData?.walletAddress?.substring(0, 2)}\n

\n {twitterUsername && @{twitterUsername}}\n

\n {userData?.walletAddress &&

({`${userData.walletAddress.substring(0, 6)}...${userData.walletAddress.substring(userData.walletAddress.length - 4)}`})

}\n

\n {getUserBadge(userData?.totalBlabz)}\n

\n {Number(userData?.totalBlabz || 0).toFixed(2)}\n \n

{Number(userData?.totalBlabz || 0).toFixed(2)} BLABZ

\n Total Blabz\n

}\n

\n \n Navigation\n

\n } label=\"Home\" active={activeTab === 'home'} onClick={() => setIsMobileMenuOpen(false)} />\n } label=\"Blabz\" active={activeTab === 'blabz'} onClick={() => setIsMobileMenuOpen(false)} />\n } label=\"Community Blabs\" active={activeTab === 'feeds'} onClick={() => setIsMobileMenuOpen(false)} />\n } label=\"Blabz Leaderboard\" active={activeTab === 'leaderboards'} onClick={() => setIsMobileMenuOpen(false)} />\n } label=\"Profile\" active={activeTab === 'profile'} onClick={() => setIsMobileMenuOpen(false)} />\n } label=\"Projects\" active={activeTab === 'projects'} onClick={() => setIsMobileMenuOpen(false)} />\n } label=\"Contests\" active={activeTab === 'contests'} onClick={() => setIsMobileMenuOpen(false)} highlight=\"yellow\" />\n

\n } label=\"FAQ\" active={activeTab === 'faq'} onClick={() => setIsMobileMenuOpen(false)} />\n {isAdmin && } label=\"Admin Panel\" active={activeTab === 'admin'} onClick={() => setIsMobileMenuOpen(false)} highlight=\"red\" />}\n

\n \n Go to Profile\n \n

\n \n

}\n {isMobile && <>\n \n }\n

;\n}\nfunction SidebarLink({\n to,\n icon,\n label,\n active,\n collapsed,\n highlight,\n isLoading\n}) {\n const baseClasses = \"flex items-center gap-3 py-2.5 transition-all duration-200 relative overflow-hidden border border-transparent hover:border-[#2a2a3e]\";\n let colorClasses = \"\";\n if (highlight === \"red\") {\n colorClasses = active ? \"text-red-400 bg-background-hover\" : \"text-red-400 hover:text-red-400 hover:bg-background-hover\";\n } else if (highlight === \"yellow\") {\n colorClasses = active ? \"text-[#F6D659] bg-background-hover\" : \"text-[#F6D659] hover:text-[#F6D659] hover:bg-background-hover\";\n } else {\n colorClasses = active ? \"text-[#5ACE90] bg-background-hover\" : \"text-white hover:text-white hover:bg-background-hover\";\n }\n return \n \n {isLoading ?

\n \n

: {icon}}\n {!collapsed && \n {label}\n }\n \n ;\n}\nfunction MobileNavLink({\n to,\n icon,\n label,\n active,\n onClick,\n highlight,\n isLoading\n}) {\n let colorClasses = \"\";\n if (highlight === \"red\") {\n colorClasses = active ? \"text-red-400 bg-background-hover border-l-2 border-red-400\" : \"text-red-400 hover:bg-background-hover\";\n } else if (highlight === \"yellow\") {\n colorClasses = active ? \"text-[#FFAC33] bg-background-hover border-l-2 border-[#FFAC33]\" : \"text-[#FFAC33] hover:bg-background-hover\";\n } else {\n colorClasses = active ? \"text-[#5ACE90] bg-background-hover border-l-2 border-[#5ACE90]\" : \"text-white hover:text-white hover:bg-background-hover\";\n }\n return \n \n

\n {isLoading ?

\n \n

: \n {icon}\n }\n

\n {label}\n {active && }\n \n ;\n}\nfunction DropdownItem({\n icon,\n label,\n onClick,\n isLoading\n}) {\n return \n {isLoading ?

\n \n

: \n {icon}\n }\n \n {label}\n \n ;\n}\nfunction FeedsPage() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [blabz, setBlabz] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const [activeFilter, setActiveFilter] = useState('latest');\n const [loadingMoreBlabz, setLoadingMoreBlabz] = useState(false);\n const [blabbers, setBlabbers] = useState({});\n const [fetchingBlabz, setFetchingBlabz] = useState(false);\n const [refreshingBlabz, setRefreshingBlabz] = useState(false);\n const [unfilteredBlabz, setUnfilteredBlabz] = useState([]);\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n const [, setHasMoreBlabz] = useState(true);\n const loadNewBlabz = async () => {\n setRefreshingBlabz(true);\n try {\n if (userWallet && devbaseClient) {\n const allUsers = await devbaseClient.listEntities('users');\n const users = allUsers.filter(u => u.walletAddress === userWallet);\n if (users && users.length > 0) {\n const currentUser = users[0];\n if (currentUser.twitterUsername) {\n await fetchUserPostsAndReward(currentUser.twitterUsername, currentUser, devbaseClient);\n }\n }\n }\n const allBlabbers = await updateUserProfilesIfNeeded(devbaseClient);\n const blabberMapById = {};\n const blabberMapByUsername = {};\n allBlabbers.forEach(blabber => {\n blabberMapById[blabber.id] = blabber;\n if (blabber.twitterUsername) {\n blabberMapByUsername[blabber.twitterUsername.toLowerCase()] = blabber;\n }\n });\n let savedBlabz = await devbaseClient.listEntities('posts');\n const uniquePosts = new Map();\n for (const post of savedBlabz) {\n const key = post.apiPostId || post.postUrl;\n if (!key) {\n if (!uniquePosts.has(post.id)) uniquePosts.set(post.id, post);\n continue;\n }\n if (!uniquePosts.has(key)) {\n uniquePosts.set(key, post);\n } else {\n const existingPost = uniquePosts.get(key);\n if ((post.blabz || 0) > (existingPost.blabz || 0)) {\n uniquePosts.set(key, post);\n }\n }\n }\n const finalUniqueBlabz = Array.from(uniquePosts.values());\n setHasMoreBlabz(finalUniqueBlabz.length >= 10);\n const blabzGroupedByProject = {};\n for (const blab of finalUniqueBlabz) {\n if (!blabzGroupedByProject[blab.project]) {\n blabzGroupedByProject[blab.project] = [];\n }\n blabzGroupedByProject[blab.project].push(blab);\n }\n const enrichedBlabz = finalUniqueBlabz.map(blab => {\n let blabber = blabberMapById[blab.userId];\n if (!blabber && blab.twitterUsername) {\n blabber = blabberMapByUsername[blab.twitterUsername.toLowerCase()];\n }\n const engagement = typeof blab.engagement === 'string' ? JSON.parse(blab.engagement) : blab.engagement || {};\n return {\n ...blab,\n username: blabber?.twitterUsername ? `@${blabber.twitterUsername}` : blab.twitterUsername ? `@${blab.twitterUsername}` : 'Anonymous',\n walletAddress: blabber?.walletAddress,\n profileImage: blabber?.profileImageUrl || blab.profileImageUrl,\n blabz: blab.blabz || 0,\n likes: blab.likes ?? engagement.likes ?? 0,\n retweets: blab.retweets ?? engagement.retweets ?? 0,\n replies: blab.comments ?? engagement.replies ?? 0,\n projectGrouping: blabzGroupedByProject[blab.project] || []\n };\n });\n setUnfilteredBlabz(enrichedBlabz);\n } catch (error) {\n console.error('Error loading new blabz:', error);\n } finally {\n setRefreshingBlabz(false);\n }\n };\n useEffect(() => {\n async function loadAllData() {\n if (!devbaseClient) return;\n setIsLoading(true);\n setFetchingBlabz(true);\n try {\n if (userWallet && devbaseClient) {\n const allUsers = await devbaseClient.listEntities('users');\n const users = allUsers.filter(u => u.walletAddress === userWallet);\n if (users && users.length > 0) {\n const currentUser = users[0];\n if (currentUser.twitterUsername) {\n console.log(`[FEEDS] Fetching posts for current user @${currentUser.twitterUsername}`);\n try {\n await fetchUserPostsAndReward(currentUser.twitterUsername, currentUser, devbaseClient);\n console.log(`[FEEDS] Successfully fetched posts for @${currentUser.twitterUsername}`);\n } catch (err) {\n console.error(`[FEEDS] Error fetching posts for @${currentUser.twitterUsername}:`, err);\n }\n }\n }\n }\n const allBlabbers = await updateUserProfilesIfNeeded(devbaseClient);\n const blabberMapById = {};\n const blabberMapByUsername = {};\n allBlabbers.forEach(blabber => {\n blabberMapById[blabber.id] = blabber;\n if (blabber.twitterUsername) {\n blabberMapByUsername[blabber.twitterUsername.toLowerCase()] = blabber;\n }\n });\n setBlabbers(blabberMapById);\n const savedBlabz = await devbaseClient.listEntities('posts');\n const uniquePosts = new Map();\n for (const post of savedBlabz) {\n const key = post.apiPostId || post.postUrl;\n if (!key) {\n if (!uniquePosts.has(post.id)) uniquePosts.set(post.id, post);\n continue;\n }\n if (!uniquePosts.has(key)) {\n uniquePosts.set(key, post);\n } else {\n const existingPost = uniquePosts.get(key);\n if ((post.blabz || 0) > (existingPost.blabz || 0)) {\n uniquePosts.set(key, post);\n }\n }\n }\n const finalUniqueBlabz = Array.from(uniquePosts.values());\n const blabzGroupedByProject = {};\n for (const blab of finalUniqueBlabz) {\n if (!blabzGroupedByProject[blab.project]) {\n blabzGroupedByProject[blab.project] = [];\n }\n blabzGroupedByProject[blab.project].push(blab);\n }\n if (finalUniqueBlabz.length <= unfilteredBlabz.length) {\n setHasMoreBlabz(false);\n } else {\n setHasMoreBlabz(true);\n }\n const enrichedBlabz = finalUniqueBlabz.map(blab => {\n let blabber = blabberMapById[blab.userId];\n if (!blabber && blab.twitterUsername) {\n blabber = blabberMapByUsername[blab.twitterUsername.toLowerCase()];\n }\n const engagement = typeof blab.engagement === 'string' ? JSON.parse(blab.engagement) : blab.engagement || {};\n return {\n ...blab,\n username: blabber?.twitterUsername ? `@${blabber.twitterUsername}` : blab.twitterUsername ? `@${blab.twitterUsername}` : 'Anonymous',\n walletAddress: blabber?.walletAddress,\n profileImage: blabber?.profileImageUrl || blab.profileImageUrl,\n blabz: blab.blabz || 0,\n likes: blab.likes ?? engagement.likes ?? 0,\n retweets: blab.retweets ?? engagement.retweets ?? 0,\n replies: blab.comments ?? engagement.replies ?? 0,\n projectGrouping: blabzGroupedByProject[blab.project] || []\n };\n });\n setUnfilteredBlabz(enrichedBlabz);\n } catch (error) {\n console.error('Error loading feeds data:', error);\n setUnfilteredBlabz([]);\n } finally {\n setIsLoading(false);\n setFetchingBlabz(false);\n }\n }\n loadAllData();\n }, [devbaseClient]);\n useEffect(() => {\n sortBlabz(unfilteredBlabz, activeFilter);\n }, [unfilteredBlabz, activeFilter]);\n const sortBlabz = (blabzToSort, filter) => {\n let sortedBlabz = [...blabzToSort];\n if (filter === 'trending') {\n const twentyFourHoursAgo = new Date(Date.now() - 24 * 60 * 60 * 1000);\n const recentBlabz = sortedBlabz.filter(blab => {\n const postDate = new Date(blab.postedAt);\n return postDate >= twentyFourHoursAgo;\n });\n const olderBlabz = sortedBlabz.filter(blab => {\n const postDate = new Date(blab.postedAt);\n return postDate < twentyFourHoursAgo;\n }).sort((a, b) => (b.likes || 0) - (a.likes || 0));\n recentBlabz.sort((a, b) => (b.likes || 0) - (a.likes || 0));\n sortedBlabz = [...recentBlabz, ...olderBlabz];\n } else if (filter === 'latest') {\n sortedBlabz.sort((a, b) => new Date(b.postedAt) - new Date(a.postedAt));\n } else if (filter === 'featured') {\n sortedBlabz = blabzToSort.filter(blab => {\n const blabber = blabbers[blab.userId];\n return blabber && blabber.isFeatured;\n }).sort((a, b) => new Date(b.postedAt) - new Date(a.postedAt));\n }\n setBlabz(sortedBlabz);\n };\n const getUsernameDisplay = userId => {\n if (!userId || !blabbers[userId]) return \"Anonymous\";\n const blabber = blabbers[userId];\n if (blabber.twitterUsername) {\n return `@${blabber.twitterUsername}`;\n }\n return blabber.walletAddress ? `${blabber.walletAddress.substring(0, 6)}...${blabber.walletAddress.substring(blabber.walletAddress.length - 4)}` : \"Unknown\";\n };\n const getUserBadge = userId => {\n if (!userId || !blabbers[userId]) return \"Newcomer\";\n const blabzCount = blabbers[userId].totalBlabz || 0;\n if (blabzCount >= 250) return 'Devcoin Legend';\n if (blabzCount >= 100) return 'Hype Master';\n if (blabzCount >= 50) return 'Solana Star';\n if (blabzCount >= 20) return 'Active Blabber';\n if (blabzCount >= 5) return 'Devcoin Enthusiast';\n return 'Newcomer';\n };\n const handleLoadMore = async () => {\n setLoadingMoreBlabz(true);\n try {\n await loadNewBlabz();\n } finally {\n setLoadingMoreBlabz(false);\n }\n };\n return

\n \n

\n community blabs\n

\n {new Date().toISOString().split('T')[0]}\n

\n Tracking all registered projects\n

\n {}\n

\n setActiveFilter('latest')} />\n setActiveFilter('trending')} />\n setActiveFilter('featured')} />\n

\n \n {refreshingBlabz ?

\n \n

: <>\n \n Load New\n }\n \n

\n {isLoading || fetchingBlabz ?

\n \n

: blabz.length > 0 ?

\n {blabz.map((blab, index) => )}\n

\n {}\n {blabz.length >= 10 &&

\n \n {loadingMoreBlabz ?

\n \n

: <>\n

\n \n

\n Load more blabs\n }\n \n

}\n

\n \n

No blabs found

Be the first to blab about @devfunpump and start earning blabz points!

}\n

;\n}\nfunction TrendingBlabCard({\n blab,\n isProjectSpecificView = false\n}) {\n const blabCount = Number(blab.blabz || 0);\n return \n

\n {blab.profileImage ? {blab.username}

{\n e.target.onerror = null;\n e.target.src = \"https://cdn.dev.fun/asset/fb8dc2464c11782c720d/user-placeholder.png\";\n }} /> :

\n {blab.username?.startsWith('@') ? blab.username.substring(1, 3).toUpperCase() : blab.username?.substring(0, 2)}\n

}\n

\n {blab.username}\n {blab.walletAddress && ({`${blab.walletAddress.substring(0, 4)}...${blab.walletAddress.substring(blab.walletAddress.length - 4)}`})}\n {blab.verified &&

\n ✓\n

}\n

\n {blab.time}\n •\n

\n {blab.badge && \n {blab.badge}\n }\n {blab.projectName && (() => {\n try {\n const projects = JSON.parse(blab.projectName);\n if (Array.isArray(projects)) {\n return projects.map(p => \n {p}\n );\n }\n } catch (e) {\n return \n {blab.projectName}\n ;\n }\n })()}\n

\n +{blabCount.toFixed(2)}\n BLABZ\n

\n \n {blab.content}\n \n

\n \n ❤️\n {blab.likes || 0}\n \n \n 🔄\n {blab.retweets || 0}\n \n {blab.postUrl && e.stopPropagation()} whileHover={{\n scale: 1.1,\n backgroundColor: \"#3DB271\",\n y: -2\n }} whileTap={{\n scale: 0.95\n }} transition={{\n type: \"spring\",\n stiffness: 400,\n damping: 15\n }} className=\"flex items-center gap-1 bg-[#4FD48E] text-[#1A1A28] px-2 py-1 border border-[#3DB271] transition-colors ml-auto\">\n \n \n \n View on X\n }\n

\n ;\n}\nfunction Dashboard({\n userData,\n userWallet,\n isTwitterConnected,\n connectTwitter,\n getUserBadge,\n isAdmin\n}) {\n const {\n devbaseClient\n } = useDevapp();\n const [blabz, setBlabz] = useState([]);\n const [trendingTokens, setTrendingTokens] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const location = useLocation();\n const [, setCurrentUserId] = useState('');\n const totalBlabz = userData?.totalBlabz || 0;\n const badge = getUserBadge(totalBlabz);\n useEffect(() => {\n window.scrollTo(0, 0);\n }, []);\n useEffect(() => {\n async function loadDashboardData() {\n if (!devbaseClient || !userData) {\n setIsLoading(false);\n return;\n }\n setIsLoading(true);\n try {\n const allPosts = await devbaseClient.listEntities('posts');\n const userBlabz = allPosts.filter(post => post.twitterUsername && userData.twitterUsername && post.twitterUsername.toLowerCase() === userData.twitterUsername.toLowerCase());\n const currentBadge = getUserBadge(userData.totalBlabz || 0);\n const sortedBlabz = userBlabz.sort((a, b) => new Date(b.postedAt) - new Date(a.postedAt));\n const formattedBlabz = sortedBlabz.map(blab => {\n const engagement = typeof blab.engagement === 'string' ? JSON.parse(blab.engagement) : blab.engagement || {};\n return {\n id: blab.id,\n username: `@${userData.twitterUsername}`,\n profileImage: userData.profileImageUrl,\n content: blab.content,\n time: getRelativeTime(blab.postedAt),\n likes: blab.likes ?? engagement.likes ?? 0,\n retweets: blab.retweets ?? engagement.retweets ?? 0,\n replies: blab.comments ?? engagement.replies ?? 0,\n blabz: blab.blabz || 0,\n badge: currentBadge,\n verified: true,\n projectName: blab.project,\n postUrl: blab.postUrl,\n userId: userData.id,\n postedAt: blab.postedAt\n };\n });\n setBlabz(formattedBlabz);\n const response = await fetch('https://dev.fun/api/stats/coins/list?page=1&limit=20&order=created&native=true');\n const result = await response.json();\n const tokens = Array.isArray(result) ? result : result.data || result.items || result.results || result.coins || [];\n if (Array.isArray(tokens) && tokens.length > 0) {\n const sortedTokens = [...tokens].sort((a, b) => (b.volume_24h || 0) - (a.volume_24h || 0));\n setTrendingTokens(sortedTokens.slice(0, 15));\n } else {\n setTrendingTokens([]);\n }\n } catch (error) {\n console.error(\"Error loading dashboard data:\", error);\n } finally {\n setIsLoading(false);\n }\n }\n if (userData && location.pathname === '/blabz') {\n loadDashboardData();\n }\n }, [devbaseClient, userData, location.pathname]);\n useEffect(() => {\n if (userData) {\n setCurrentUserId(userData.id);\n }\n }, [userData]);\n const blabzChartData = useMemo(() => {\n const data = [...Array(7)].map((_, i) => {\n const d = new Date();\n d.setDate(d.getDate() - i);\n return {\n date: new Date(d.getFullYear(), d.getMonth(), d.getDate()),\n day: d.toLocaleDateString('en-US', {\n weekday: 'short'\n }),\n blabz: 0\n };\n }).reverse();\n const dateMap = new Map(data.map(d => [d.date.getTime(), d]));\n blabz.forEach(b => {\n if (!b.postedAt) return;\n const postDate = new Date(b.postedAt);\n if (isNaN(postDate.getTime())) return;\n const postDay = new Date(postDate.getFullYear(), postDate.getMonth(), postDate.getDate());\n const dayData = dateMap.get(postDay.getTime());\n if (dayData) {\n dayData.blabz += b.blabz || 0;\n }\n });\n return data.map(({\n day,\n blabz\n }) => ({\n day,\n blabz\n }));\n }, [blabz]);\n if (!userWallet) {\n return ;\n }\n if (!isTwitterConnected) {\n return ;\n }\n const oneWeekAgo = new Date();\n oneWeekAgo.setDate(oneWeekAgo.getDate() - 7);\n const weeklyBlabz = blabz.filter(b => b.postedAt && new Date(b.postedAt) > oneWeekAgo).reduce((sum, b) => sum + (Number(b.blabz) || 0), 0);\n if (isLoading) {\n return

\n \n

;\n }\n return

\n \n

\n blabz\n

\n {new Date().toISOString().split('T')[0]}\n

\n } color=\"bg-[#2D2F4B]\" />\n } color=\"bg-[#2D2F4B]\" />\n } color=\"bg-[#2D2F4B]\" />\n } color=\"bg-[#2D2F4B]\" />\n

\n \n

Blabz Earning Activity

\n Last 7 days\n

\n \n \n \n \n \n Number(value || 0).toFixed(2)} contentStyle={{\n backgroundColor: '#2D2F4B',\n border: '1px solid #414360',\n color: '#FFFFFF',\n fontFamily: 'monospace'\n }} cursor={{\n fill: '#414360'\n }} />\n \n \n \n

\n \n

Top Volume Devcoins

\n 24H\n

\n {trendingTokens.length > 0 ?

{\n if (token.contract_address) {\n navigator.clipboard.writeText(token.contract_address);\n const el = document.getElementById(`token-${index}`);\n if (el) {\n el.classList.add('bg-[#4FD48E]', 'text-[#1A1A28]');\n setTimeout(() => {\n el.classList.remove('bg-[#4FD48E]', 'text-[#1A1A28]');\n }, 500);\n }\n }\n }} title={token.contract_address ? `Click to copy ${token.contract_address}` : \"No contract address available\"} id={`token-${index}`}>\n {token.image ? {\n e.target.onerror = null;\n e.target.src = \"https://cdn.dev.fun/asset/fb8dc2464c11782c720d/placeholder-token.png\";\n }} /> :
\n {token.symbol?.substring(0, 2)}\n
}\n
\n
{token.symbol}
\n
{token.name}
\n
\n
\n
\n ${(token.volume_24h || 0).toLocaleString(undefined, {\n maximumFractionDigits: 0\n })}\n
\n
volume
\n
\n

\n \n

Loading trending tokens...

}\n

\n \n

My Recent Blabs

\n {blabz.length > 2 && \n View All\n }\n

\n {isTwitterConnected ? blabz.length > 0 ?

\n {blabz.slice(0, 2).map((blab, index) => )}\n

\n \n

No blabz detected yet

Start blabbing about @devfunpump and devcoins on X to earn blabz points!

\n \n

Connect your X account

Link your X account to automatically track your blabz about @devfunpump and earn blabz points!

}\n

;\n}\nfunction StatsCard({\n title,\n value,\n subValue,\n subValueLabel,\n icon,\n color\n}) {\n return \n

\n \n

{title}

\n \n {icon}\n \n

\n \n {value}\n \n {subValue !== undefined &&

\n {subValue}\n {subValueLabel && {subValueLabel}}\n

}\n ;\n}\nfunction OptionButton({\n label,\n isActive,\n onClick\n}) {\n const isContestPage = window.location.pathname === '/contests';\n const activeColor = isContestPage ? '#F6D659' : '#4FD48E';\n return \n {label}\n ;\n}\nfunction BlabCard({\n blab,\n isLoading,\n isAdmin\n}) {\n const date = new Date(blab.postedAt).toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric',\n year: 'numeric'\n });\n let engagementData = {};\n if (blab.engagement) {\n try {\n engagementData = typeof blab.engagement === 'string' ? JSON.parse(blab.engagement) : blab.engagement;\n } catch (e) {\n console.error('Error parsing engagement JSON:', e);\n }\n }\n const engagement = {\n likes: blab.likes ?? engagementData.likes ?? 0,\n retweets: blab.retweets ?? engagementData.retweets ?? 0,\n replies: blab.comments ?? engagementData.replies ?? 0\n };\n const blabCount = Number(blab.blabz || 0);\n return \n

\n {isLoading ?

\n \n

: \n \n }\n

\n {date}\n {blab.project && \n {(() => {\n try {\n const projects = JSON.parse(blab.project);\n if (Array.isArray(projects)) {\n return projects.map(p => `#${p}`).join(' ');\n }\n } catch (e) {\n return `#${blab.project}`;\n }\n })()}\n }\n

\n \n

\n +{blabCount.toFixed(2)}\n BLABZ\n

\n \n

\n {blab.content}\n

\n \n ❤️\n {engagement.likes || 0}\n \n \n 🔄\n {engagement.retweets || 0}\n \n

\n {blab.postUrl &&

\n e.stopPropagation()} className=\"flex items-center gap-1\">\n \n View on X\n \n

}\n ;\n}\nconst recalculateAndRestoreAllUserPoints = async devbaseClient => {\n if (!devbaseClient) return [];\n try {\n console.log('Starting automatic bulk blabz restoration for all users...');\n let users = await devbaseClient.listEntities('users');\n const usersWithTwitter = users.filter(u => u.twitterUsername);\n if (usersWithTwitter.length === 0) {\n console.log('No users with Twitter accounts found for point restoration.');\n return users;\n }\n const allBlabz = await devbaseClient.listEntities('posts');\n const updatedUsers = [...users];\n for (const user of usersWithTwitter) {\n try {\n const userBlabz = allBlabz.filter(post => post.twitterUsername && user.twitterUsername && post.twitterUsername.toLowerCase() === user.twitterUsername.toLowerCase());\n let newTotalBlabz = 0;\n for (const blab of userBlabz) {\n const blabz = parseFloat(blab.blabz || 0);\n if (blabz > 0) {\n newTotalBlabz += blabz;\n }\n }\n if (newTotalBlabz !== (user.totalBlabz || 0)) {\n await devbaseClient.updateEntity('users', user.id, {\n totalBlabz: newTotalBlabz,\n lastPointsRestoration: new Date().toISOString()\n });\n console.log(`Restored ${newTotalBlabz.toFixed(2)} blabz for @${user.twitterUsername}`);\n const userIndex = updatedUsers.findIndex(u => u.id === user.id);\n if (userIndex !== -1) {\n updatedUsers[userIndex].totalBlabz = newTotalBlabz;\n }\n }\n } catch (userError) {\n console.error(`Error restoring points for user ${user.twitterUsername}:`, userError);\n }\n }\n console.log(`Automatic point restoration complete. Processed ${usersWithTwitter.length} users.`);\n return updatedUsers;\n } catch (error) {\n console.error('Error in automatic bulk restore operation:', error);\n return await devbaseClient.listEntities('users').catch(() => []);\n }\n};\nfunction LeaderboardPage() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [isLoading, setIsLoading] = useState(true);\n const [timeFilter, setTimeFilter] = useState('all');\n const [categoryFilter, setCategoryFilter] = useState('top');\n const [sortColumn, setSortColumn] = useState('points');\n const [sortDirection, setSortDirection] = useState('desc');\n const [filteredLeaderboard, setFilteredLeaderboard] = useState([]);\n const [projects, setProjects] = useState([]);\n const [selectedProject, setSelectedProject] = useState('all');\n useEffect(() => {\n async function loadProjects() {\n if (!devbaseClient) return;\n try {\n const projectsData = await devbaseClient.listEntities('projects');\n setProjects(projectsData.sort((a, b) => a.name.localeCompare(b.name)));\n } catch (error) {\n console.error('Error loading projects for leaderboard:', error);\n setProjects([]);\n }\n }\n loadProjects();\n }, [devbaseClient]);\n useEffect(() => {\n async function loadAndProcessLeaderboard() {\n if (!devbaseClient) return;\n setIsLoading(true);\n try {\n if (userWallet && devbaseClient) {\n const allUsers = await devbaseClient.listEntities('users');\n const users = allUsers.filter(u => u.walletAddress === userWallet);\n if (users && users.length > 0) {\n const currentUser = users[0];\n if (currentUser.twitterUsername) {\n console.log(`[LEADERBOARD] Fetching posts for current user @${currentUser.twitterUsername}`);\n try {\n await fetchUserPostsAndReward(currentUser.twitterUsername, currentUser, devbaseClient);\n console.log(`[LEADERBOARD] Successfully fetched posts for @${currentUser.twitterUsername}`);\n } catch (err) {\n console.error(`[LEADERBOARD] Error fetching posts for @${currentUser.twitterUsername}:`, err);\n }\n }\n }\n }\n const users = await recalculateAndRestoreAllUserPoints(devbaseClient);\n const uniqueUsers = [];\n const seenWallets = new Set();\n const seenTwitter = new Set();\n const sortedUsers = users.sort((a, b) => (b.totalBlabz || 0) - (a.totalBlabz || 0) || new Date(b.lastTwitterUpdate || 0) - new Date(a.lastTwitterUpdate || 0));\n for (const user of sortedUsers) {\n if (!user || !user.twitterUsername) continue;\n const walletKey = user.walletAddress;\n const twitterKey = user.twitterUsername?.toLowerCase();\n if (walletKey && seenWallets.has(walletKey) || twitterKey && seenTwitter.has(twitterKey)) {\n continue;\n }\n if (walletKey) seenWallets.add(walletKey);\n if (twitterKey) seenTwitter.add(twitterKey);\n uniqueUsers.push(user);\n }\n let processedUsers;\n if (timeFilter === 'all' && selectedProject === 'all') {\n processedUsers = uniqueUsers.filter(u => u.id);\n } else {\n const posts = await devbaseClient.listEntities('posts');\n const userPoints = {};\n uniqueUsers.forEach(u => {\n if (u.id) {\n userPoints[u.id] = {\n ...u,\n totalBlabz: 0\n };\n }\n });\n let postsToProcess = posts;\n if (timeFilter !== 'all') {\n const now = new Date();\n const timeLimit = new Date();\n switch (timeFilter) {\n case '24h':\n timeLimit.setHours(now.getHours() - 24);\n break;\n case '48h':\n timeLimit.setHours(now.getHours() - 48);\n break;\n case '7d':\n timeLimit.setDate(now.getDate() - 7);\n break;\n case '30d':\n timeLimit.setDate(now.getDate() - 30);\n break;\n }\n postsToProcess = posts.filter(p => p.postedAt && new Date(p.postedAt) >= timeLimit);\n }\n postsToProcess.forEach(post => {\n if (post.userId && userPoints[post.userId]) {\n if (selectedProject === 'all') {\n userPoints[post.userId].totalBlabz += post.blabz || 0;\n } else {\n if (!post.project) return;\n try {\n const projects = JSON.parse(post.project);\n if (Array.isArray(projects) && projects.includes(selectedProject)) {\n userPoints[post.userId].totalBlabz += (post.blabz || 0) / (projects.length || 1);\n }\n } catch (e) {\n if (post.project === selectedProject) {\n userPoints[post.userId].totalBlabz += post.blabz || 0;\n }\n }\n }\n }\n });\n processedUsers = Object.values(userPoints);\n }\n if (categoryFilter === 'emerging') {\n const thirtyDaysAgo = new Date();\n thirtyDaysAgo.setDate(thirtyDaysAgo.getDate() - 30);\n processedUsers = processedUsers.filter(user => {\n const joinedRecently = user.joinedAt && new Date(user.joinedAt) >= thirtyDaysAgo;\n const isEmerging = (user.totalBlabz || 0) >= 5 && (user.totalBlabz || 0) <= 50;\n return joinedRecently || isEmerging;\n });\n } else if (categoryFilter === 'following') {\n processedUsers = processedUsers.filter(user => user.isFeatured === true);\n if (processedUsers.length === 0) {\n processedUsers = [{\n id: 'placeholder',\n twitterUsername: 'placeholder',\n name: 'No Following Data',\n totalBlabz: 0,\n isPlaceholder: true\n }];\n }\n }\n processedUsers.sort((a, b) => {\n let valA, valB;\n if (sortColumn === 'points') {\n valA = a.totalBlabz || 0;\n valB = b.totalBlabz || 0;\n } else if (sortColumn === 'followers') {\n valA = a.followersCount || 0;\n valB = b.followersCount || 0;\n } else {\n valA = a[sortColumn] || 0;\n valB = b[sortColumn] || 0;\n }\n if (valA < valB) return sortDirection === 'asc' ? -1 : 1;\n if (valA > valB) return sortDirection === 'asc' ? 1 : -1;\n return 0;\n });\n const finalUsers = [];\n const finalSeenWallets = new Set();\n const finalSeenTwitter = new Set();\n for (const user of processedUsers) {\n if (user.isPlaceholder) {\n finalUsers.push(user);\n continue;\n }\n const walletKey = user.walletAddress;\n const twitterKey = user.twitterUsername?.toLowerCase();\n if (walletKey && finalSeenWallets.has(walletKey) || twitterKey && finalSeenTwitter.has(twitterKey)) {\n continue;\n }\n if (walletKey) finalSeenWallets.add(walletKey);\n if (twitterKey) finalSeenTwitter.add(twitterKey);\n finalUsers.push(user);\n }\n setFilteredLeaderboard(finalUsers.map(user => ({\n ...user,\n normalizedUsername: user.twitterUsername ? user.twitterUsername.toLowerCase().replace('@', '') : ''\n })));\n } catch (error) {\n console.error('Error loading leaderboard:', error);\n setFilteredLeaderboard([]);\n } finally {\n setIsLoading(false);\n }\n }\n loadAndProcessLeaderboard();\n }, [devbaseClient, timeFilter, categoryFilter, sortColumn, sortDirection, selectedProject, userWallet]);\n const handleSort = column => {\n if (sortColumn === column) {\n setSortDirection(sortDirection === 'asc' ? 'desc' : 'asc');\n } else {\n setSortColumn(column);\n setSortDirection('desc');\n }\n };\n const openTwitterProfile = username => {\n if (username) {\n window.open(`https://twitter.com/${username.replace('@', '')}`, '_blank');\n }\n };\n if (isLoading && filteredLeaderboard.length === 0) {\n return

\n \n

\n leaderboards\n

\n \n

;\n }\n const handleDownloadSnapshot = () => {\n const timestamp = new Date().toISOString().split('T')[0];\n const projectFilter = selectedProject !== 'all' ? `_${selectedProject.replace(/\\s+/g, '_')}` : '';\n const timeFilterSuffix = timeFilter !== 'all' ? `_${timeFilter}` : '';\n const filename = `blabzr_leaderboard${projectFilter}${timeFilterSuffix}_${timestamp}.csv`;\n const projectStats = selectedProject !== 'all' ? projects.find(p => p.name === selectedProject) : null;\n const csvContent = generateLeaderboardCSV(filteredLeaderboard, selectedProject !== 'all' ? selectedProject : null, selectedProject !== 'all', projectStats);\n downloadCSV(csvContent, filename);\n };\n return

\n \n

\n leaderboards\n

\n \n \n \n

\n setCategoryFilter('top')}>Top Blabz Earners\n setCategoryFilter('emerging')}>Emerging\n setCategoryFilter('following')}>My Following\n

\n setTimeFilter('all')}>All Time\n setTimeFilter('24h')}>24H\n setTimeFilter('48h')}>48H\n setTimeFilter('7d')}>7D\n setTimeFilter('30d')}>30D\n

\n \n

User

\n \n

handleSort('points')}>\n Blabz\n \n

\n {filteredLeaderboard.length > 0 ?

\n {filteredLeaderboard.map((user, index) => {\n if (user.isPlaceholder) {\n return

\n \n

Following feature coming soon!

\n Connect your X account and we'll show users you follow who are also blabbing about devcoins.\n

;\n }\n const blabCount = Number(user.totalBlabz || 0);\n return

openTwitterProfile(user.twitterUsername)}>\n

\n {index === 0 &&

🥇

}\n {index === 1 &&

🥈

}\n {index === 2 &&

🥉

}\n {index > 2 &&

{index + 1}

}\n

\n {user.profileImageUrl ?

\n {user.twitterUsername ? user.twitterUsername.substring(0, 2).toUpperCase() : user.walletAddress?.substring(0, 2) || 'U'}\n

}\n

\n {user.name &&

{user.name}

}\n

\n {user.twitterUsername ? @{user.twitterUsername} : No X account}\n {user.walletAddress && ({`${user.walletAddress.substring(0, 4)}...${user.walletAddress.substring(user.walletAddress.length - 4)}`})}\n

\n \n

\n {blabCount.toFixed(2)}\n BLABZ\n

;\n })}\n

\n {categoryFilter === 'emerging' ? <>\n \n

No emerging blabbers found

\n Emerging blabbers are new users or those with 5-50 blabz. Be the first!\n

\n : categoryFilter === 'following' ? <>\n \n

Following feature coming soon!

\n We'll show users you follow who are also earning blabz.\n

\n : <>\n \n

No users on the leaderboard yet

Start posting to climb the ranks!

\n }\n

}\n

;\n}\nfunction FilterButton({\n children,\n active,\n onClick\n}) {\n return \n {children}\n ;\n}\nfunction TimeFilterButton({\n children,\n active,\n onClick\n}) {\n return \n {children}\n ;\n}\nfunction ProfilePage({\n getUserBadge,\n disconnect,\n isTwitterConnected,\n connectTwitter\n}) {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [userData, setUserData] = useState(null);\n const [blabz, setBlabz] = useState([]);\n const [blabzByProject, setBlabzByProject] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const isAdmin = useMemo(() => userWallet === \"DtdnqvRddQspZvRV5SJX2DeqxmLYef7Hqn9LFK9LioJS\", [userWallet]);\n useEffect(() => {\n async function loadProfileData() {\n if (!userWallet || !devbaseClient) {\n setIsLoading(false);\n return;\n }\n setIsLoading(true);\n try {\n const allUsers = await devbaseClient.listEntities('users');\n const users = allUsers.filter(u => u.walletAddress === userWallet);\n if (users.length > 0) {\n let currentUser = users[0];\n const twitterHandle = await devbaseClient.evalString('$USER_X_USERNAME').catch(() => null);\n if (twitterHandle && !currentUser.twitterUsername) {\n console.log('[PROFILE] First-time X connection detected - updating username only');\n try {\n currentUser = await devbaseClient.updateEntity('users', currentUser.id, {\n twitterUsername: twitterHandle,\n lastTwitterUpdate: new Date().toISOString()\n });\n } catch (err) {\n console.error('Error updating Twitter username:', err);\n }\n } else if (twitterHandle && currentUser.twitterUsername) {\n console.log('[PROFILE] X account already connected - no automatic sync (admin-only)');\n }\n if (currentUser.twitterUsername) {\n console.log(`[PROFILE] Fetching posts for current user @${currentUser.twitterUsername}`);\n try {\n await fetchUserPostsAndReward(currentUser.twitterUsername, currentUser, devbaseClient);\n console.log(`[PROFILE] Successfully fetched posts for @${currentUser.twitterUsername}`);\n } catch (err) {\n console.error(`[PROFILE] Error fetching posts for @${currentUser.twitterUsername}:`, err);\n }\n }\n setUserData(currentUser);\n const allPosts = await devbaseClient.listEntities('posts');\n const userBlabz = allPosts.filter(post => post.twitterUsername && currentUser.twitterUsername && post.twitterUsername.toLowerCase() === currentUser.twitterUsername.toLowerCase());\n const uniqueBlabz = Array.from(new Map(userBlabz.map(item => [item.postUrl || item.id, item])).values());\n const sortedBlabz = uniqueBlabz.sort((a, b) => {\n const dateA = new Date(a.postedAt || 0);\n const dateB = new Date(b.postedAt || 0);\n return dateB - dateA;\n });\n setBlabz(sortedBlabz);\n const projectBlabz = {};\n uniqueBlabz.forEach(blab => {\n if (blab.project) {\n try {\n const projects = JSON.parse(blab.project);\n if (Array.isArray(projects) && projects.length > 0) {\n const blabzPerProject = (blab.blabz || 0) / projects.length;\n projects.forEach(projectName => {\n if (projectName !== 'Unknown') {\n projectBlabz[projectName] = (projectBlabz[projectName] || 0) + blabzPerProject;\n }\n });\n }\n } catch (e) {\n const projectName = blab.project;\n if (projectName !== 'Unknown' && projectName) {\n projectBlabz[projectName] = (projectBlabz[projectName] || 0) + (blab.blabz || 0);\n }\n }\n }\n });\n const sortedProjects = Object.entries(projectBlabz).map(([name, points]) => ({\n name,\n points\n })).sort((a, b) => b.points - a.points);\n setBlabzByProject(sortedProjects);\n }\n } catch (error) {\n console.error('Error loading profile data:', error);\n } finally {\n setIsLoading(false);\n }\n }\n loadProfileData();\n }, [userWallet, devbaseClient]);\n const [isUpdatingTwitter, setIsUpdatingTwitter] = useState(false);\n const totalBlabz = userData?.totalBlabz || 0;\n const badge = getUserBadge(totalBlabz);\n let progress = 0;\n let nextBadge = '';\n let blabzNeeded = 0;\n if (badge === 'Newcomer') {\n progress = totalBlabz / 5 * 100;\n nextBadge = 'Devcoin Enthusiast';\n blabzNeeded = 5 - totalBlabz;\n } else if (badge === 'Devcoin Enthusiast') {\n progress = (totalBlabz - 5) / 15 * 100;\n nextBadge = 'Active Blabber';\n blabzNeeded = 20 - totalBlabz;\n } else if (badge === 'Active Blabber') {\n progress = (totalBlabz - 20) / 30 * 100;\n nextBadge = 'Solana Star';\n blabzNeeded = 50 - totalBlabz;\n } else if (badge === 'Solana Star') {\n progress = (totalBlabz - 50) / 50 * 100;\n nextBadge = 'Hype Master';\n blabzNeeded = 100 - totalBlabz;\n } else if (badge === 'Hype Master') {\n progress = (totalBlabz - 100) / 150 * 100;\n nextBadge = 'Devcoin Legend';\n blabzNeeded = 250 - totalBlabz;\n } else {\n progress = 100;\n nextBadge = 'Max Level';\n blabzNeeded = 0;\n }\n const refreshTwitterInfo = async () => {\n if (!userData?.twitterUsername || !userWallet) return;\n try {\n setIsUpdatingTwitter(true);\n const controller = new AbortController();\n const timeoutId = setTimeout(() => controller.abort(), 10000);\n const response = await fetch(`https://blabbers.onrender.com/solcontent/user-details/${userData.twitterUsername}`, {\n signal: controller.signal\n });\n clearTimeout(timeoutId);\n if (!response.ok) {\n if (response.status === 429) {\n alert('Twitter API is temporarily rate limited. Profile data refresh is unavailable for now. Please try again in 15 minutes.');\n try {\n const fallbackUpdateData = {\n lastTwitterUpdate: new Date().toISOString()\n };\n const updatedUser = await devbaseClient.updateEntity('users', userData.id, fallbackUpdateData);\n setUserData(updatedUser);\n } catch (fallbackError) {\n console.error('Error updating timestamp:', fallbackError);\n }\n return;\n }\n const errorData = await response.json();\n throw new Error(errorData.error || 'Failed to fetch user details');\n }\n const apiUser = await response.json();\n const updateData = {\n followersCount: apiUser.followers_count || userData.followersCount || 0,\n followingCount: apiUser.following_count || userData.followingCount || 0,\n profileImageUrl: apiUser.profile_image_url ? apiUser.profile_image_url.replace('_normal', '_400x400') : userData.profileImageUrl || '',\n name: apiUser.name || userData.name || '',\n bio: apiUser.bio || userData.bio || '',\n location: apiUser.location || userData.location || '',\n lastTwitterUpdate: new Date().toISOString()\n };\n const updatedUser = await devbaseClient.updateEntity('users', userData.id, updateData);\n setUserData(updatedUser);\n } catch (error) {\n console.error('Error updating Twitter info:', error);\n if (error.name === 'AbortError') {\n console.log('Twitter info refresh timed out');\n alert('Request timed out. Please try again.');\n } else {\n alert(`Failed to refresh Twitter data: ${error.message}`);\n }\n try {\n const fallbackUpdateData = {\n lastTwitterUpdate: new Date().toISOString()\n };\n const updatedUser = await devbaseClient.updateEntity('users', userData.id, fallbackUpdateData);\n setUserData(updatedUser);\n } catch (fallbackError) {\n console.error('Error updating timestamp:', fallbackError);\n }\n } finally {\n setIsUpdatingTwitter(false);\n }\n };\n const joinDate = userData?.joinedAt ? new Date(userData.joinedAt).toLocaleDateString('en-US', {\n month: 'long',\n day: 'numeric',\n year: 'numeric'\n }) : 'Unknown';\n if (isLoading) {\n return

\n \n

;\n }\n if (!userWallet) {\n return ;\n }\n if (!isTwitterConnected) {\n return ;\n }\n if (!userData) {\n return

Could not load user profile.

;\n }\n return

\n \n

\n profile\n

\n {}\n

\n {userData?.profileImageUrl ? {userData.name

{\n e.target.onerror = null;\n e.target.src = \"https://cdn.dev.fun/asset/fb8dc2464c11782c720d/user-placeholder.png\";\n }} /> :

\n {userData?.twitterUsername ? userData.twitterUsername.substring(0, 2).toUpperCase() : userData?.walletAddress.substring(0, 2)}\n

}\n

\n {userData?.name &&

{userData.name}

}\n {userData?.twitterUsername &&

\n @{userData.twitterUsername}\n \n {isUpdatingTwitter ?

: }\n \n

}\n {userData?.walletAddress &&

Wallet Address

{userData.walletAddress}

\n {userData.walletAddress}\n

}\n

\n \n {badge}\n

\n {totalBlabz.toFixed(2)}\n BLABZ\n

\n Joined {joinDate}\n

\n {}\n {userData?.bio &&

\n {userData.bio}\n

}\n {}\n

\n {userData?.location &&

\n 📍\n {userData.location}\n

}\n

\n 📅\n Joined {joinDate}\n

\n {}\n {userData?.twitterUsername &&

\n {formatCount(userData.followingCount)}\n Following\n

\n {formatCount(userData.followersCount)}\n Followers\n

}\n

\n {}\n

Badge Progress

\n {badge}\n {nextBadge}\n

\n {blabzNeeded > 0 ?

\n {blabzNeeded.toFixed(2)} more blabz needed for next badge\n

\n Maximum badge achieved!\n

}\n

Activity Stats

\n \n

Total Blabs

{blabz.length}

\n \n

Engagements

\n {blabz.reduce((sum, post) => {\n const engagement = typeof post.engagement === 'string' ? JSON.parse(post.engagement) : post.engagement || {};\n return sum + (engagement.likes || 0) + (engagement.retweets || 0) + (engagement.replies || 0);\n }, 0)}\n

First Blab

\n {blabz.length > 0 ? new Date(blabz[blabz.length - 1].postedAt).toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric',\n year: 'numeric'\n }) : 'N/A'}\n

\n {}\n

Blabz by Project

\n {blabzByProject.length > 0 ?

\n {blabzByProject.map((proj, index) =>

\n {proj.name}\n {proj.points.toFixed(2)} BLABZ\n

)}\n

No project-specific blabz earned yet.

}\n

\n
\n {userWallet ? 'Connected Wallet' : 'Connect Wallet'}\n

\n {userWallet ?

\n {userWallet.substring(0, 2)}\n

Solana Wallet

Connected via Wallet Adapter

\n \n Disconnect\n \n

\n {userWallet}\n

\n navigator.clipboard.writeText(userWallet)} className=\"bg-[#4FD48E] text-[#1A1A28] p-2 hover:bg-[#3DB271] transition-colors\" title=\"Copy wallet address\">\n \n \n

Wallet Address

\n {userWallet}\n

\n navigator.clipboard.writeText(userWallet)} className=\"bg-[#4FD48E] text-[#1A1A28] px-4 py-2 hover:bg-[#3DB271] transition-colors w-full flex items-center justify-center gap-2\" title=\"Copy wallet address\">\n \n Copy Address\n \n

\n \n Your wallet is ready to interact with Solana dApps and earn rewards\n

You need to connect a wallet to use all features of Blabzr.

\n \n

}\n

\n \n Note:\n

Your Twitter account is your primary identifier in Blabzr. Your wallet is used for blockchain interactions.

\n \n My Blabs History\n

\n {!isTwitterConnected && Connect X to view your blabs}\n

\n {isTwitterConnected ? blabz.length > 0 ?

\n {blabz.map((blab, index) => )}\n

\n \n

You haven't made any blabs yet.

Start blabbing about @devfunpump and devcoins on X to earn blabz points!

\n \n

Connect your X account

Link your X account to automatically track your blabz about @devfunpump and earn blabz points!

}\n

;\n}\nfunction Navbar({\n activeTab,\n isAdmin\n}) {\n const [loadingTab, setLoadingTab] = useState(null);\n const [showMoreMenu, setShowMoreMenu] = useState(false);\n const handleNavClick = tab => {\n if (tab !== activeTab) {\n setLoadingTab(tab);\n setTimeout(() => {\n setLoadingTab(null);\n }, 800);\n }\n };\n const handleMoreMenuClick = () => {\n setShowMoreMenu(true);\n };\n return <>\n

\n } to=\"/\" active={activeTab === 'home'} isLoading={loadingTab === 'home'} onClick={() => handleNavClick('home')} />\n } to=\"/blabz\" active={activeTab === 'blabz'} isLoading={loadingTab === 'blabz'} onClick={() => handleNavClick('blabz')} />\n } to=\"/leaderboards\" active={activeTab === 'leaderboards'} isLoading={loadingTab === 'leaderboards'} onClick={() => handleNavClick('leaderboards')} />\n } to=\"/contests\" active={activeTab === 'contests'} isLoading={loadingTab === 'contests'} onClick={() => handleNavClick('contests')} highlight=\"yellow\" />\n \n

\n \n \n \n

\n \n

\n {}\n {showMoreMenu &&

setShowMoreMenu(false)}>\n e.stopPropagation()}>\n

\n \n More Options\n

\n \n

\n \n Additional Options\n

\n } label=\"Projects\" active={activeTab === 'projects'} onClick={() => {\n setShowMoreMenu(false);\n handleNavClick('projects');\n }} />\n } label=\"Community Blabs\" active={activeTab === 'feeds'} onClick={() => {\n setShowMoreMenu(false);\n handleNavClick('feeds');\n }} />\n } label=\"Profile\" active={activeTab === 'profile'} onClick={() => {\n setShowMoreMenu(false);\n handleNavClick('profile');\n }} />\n

\n } label=\"FAQ\" active={activeTab === 'faq'} onClick={() => {\n setShowMoreMenu(false);\n handleNavClick('faq');\n }} />\n } label=\"Docs\" active={activeTab === 'docs'} onClick={() => {\n setShowMoreMenu(false);\n handleNavClick('docs');\n }} />\n {isAdmin && } label=\"Admin Panel\" active={activeTab === 'admin'} onClick={() => {\n setShowMoreMenu(false);\n handleNavClick('admin');\n }} highlight=\"red\" />}\n

\n \n

}\n ;\n}\nfunction NavButton({\n icon,\n to,\n active,\n highlight,\n isLoading\n}) {\n const navigate = useNavigate();\n const activeColor = active ? \"text-[#4FD48E]\" : highlight === \"yellow\" ? \"text-[#F6D659]\" : \"text-[#A6A6A6]\";\n return navigate(to)} className={`flex flex-col items-center justify-center p-2 ${activeColor} hover:text-[#4FD48E] transition-all duration-200 focus:outline-none relative`}>\n

\n {isLoading ?

\n \n

: {icon}}\n

\n ;\n}\nfunction ContestsPage() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [contests, setContests] = useState([]);\n const [projects, setProjects] = useState([]);\n const [isLoading, setIsLoading] = useState(true);\n const [filter, setFilter] = useState('all');\n const [showCreateModal, setShowCreateModal] = useState(false);\n const [isAdmin, setIsAdmin] = useState(false);\n const [newContest, setNewContest] = useState({\n title: '',\n description: '',\n prizePool: '',\n startDate: new Date().toISOString().split('T')[0],\n startTime: '12:00',\n endDate: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toISOString().split('T')[0],\n endTime: '12:00',\n isActive: true,\n projectId: 'general'\n });\n const [isSaving, setIsSaving] = useState(false);\n useEffect(() => {\n if (userWallet) {\n setIsAdmin(userWallet === \"DtdnqvRddQspZvRV5SJX2DeqxmLYef7Hqn9LFK9LioJS\");\n }\n }, [userWallet]);\n useEffect(() => {\n async function loadContests() {\n if (!devbaseClient) return;\n setIsLoading(true);\n try {\n const [contestsData, projectsData] = await Promise.all([devbaseClient.listEntities('prizepools'), devbaseClient.listEntities('projects')]);\n const activeContests = contestsData.filter(contest => {\n const endDateTime = new Date(contest.endDateTime || contest.endDate);\n return endDateTime > new Date() && contest.isActive;\n });\n setContests(activeContests);\n setProjects(projectsData);\n } catch (error) {\n console.error('Error loading contests:', error);\n } finally {\n setIsLoading(false);\n }\n }\n loadContests();\n }, [devbaseClient]);\n const filteredContests = useMemo(() => {\n if (filter === 'all') return contests;\n if (filter === 'general') return contests.filter(c => c.projectId === 'general' || !c.projectId);\n if (filter === 'project') return contests.filter(c => c.projectId && c.projectId !== 'general');\n return contests;\n }, [contests, filter]);\n const getProjectName = projectId => {\n if (projectId === 'general' || !projectId) return 'Blabzr General';\n const project = projects.find(p => p.id === projectId);\n return project?.name || 'Unknown Project';\n };\n const handleCreateContest = async e => {\n e.preventDefault();\n if (!isAdmin) return;\n setIsSaving(true);\n try {\n if (!newContest.title || !newContest.description || !newContest.prizePool) {\n alert('Please fill out all required fields');\n return;\n }\n const startDateTime = new Date(`${newContest.startDate}T${newContest.startTime}`);\n const endDateTime = new Date(`${newContest.endDate}T${newContest.endTime}`);\n const contestData = {\n title: newContest.title,\n description: newContest.description,\n prizePool: newContest.prizePool,\n startDateTime: startDateTime.toISOString(),\n endDateTime: endDateTime.toISOString(),\n userTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n isActive: newContest.isActive,\n projectId: newContest.projectId,\n participants: 0,\n createdAt: new Date().toISOString(),\n createdBy: userWallet,\n isSnapshotted: false\n };\n await devbaseClient.createEntity('prizepools', contestData);\n const contests = await devbaseClient.listEntities('prizepools', {\n projectId: projectId\n });\n const activeContests = contests.filter(contest => {\n const endDateTime = new Date(contest.endDateTime || contest.endDate);\n return endDateTime > new Date() && contest.isActive;\n });\n setContests(activeContests);\n setShowCreateModal(false);\n setNewContest({\n title: '',\n description: '',\n prizePool: '',\n startDate: new Date().toISOString().split('T')[0],\n startTime: '12:00',\n endDate: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toISOString().split('T')[0],\n endTime: '12:00',\n isActive: true,\n projectId: 'general'\n });\n } catch (error) {\n console.error('Error creating contest:', error);\n alert(`Failed to create contest: ${error.message}`);\n } finally {\n setIsSaving(false);\n }\n };\n return

\n $\"Contests\"$ \n

\n contests\n

\n {isAdmin && }\n

\n setFilter('all')} />\n setFilter('pinned')} />\n setFilter('devcoin')} />\n setFilter('verified')} />\n

\n {isLoading ?

\n \n

: filteredContests.length > 0 ?

\n {filteredContests.map(contest => )}\n

\n $\"Money$ \n

No active contests found

\n {filter === 'all' ? 'Check back later for new contests!' : `No ${filter} contests are currently active.`}\n

}\n {}\n {showCreateModal && isAdmin &&

\n \n

\n $\"Contest\"$ \n

create_contest.sh

\n \n

\n Contest Title*\n setNewContest({\n ...newContest,\n title: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#F6D659] outline-none\" placeholder=\"Weekly Blabz Championship\" />\n

\n Description*\n

setNewContest({\n                ...newContest,\n                description: e.target.value\n              })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#F6D659] outline-none h-20\" placeholder=\"Compete for the top spot by earning the most blabz this week!\" />\n              </div>\n              <div>\n                <label className=\"block text-[#A6A6A6] text-sm mb-1\">Prize Pool Description*</label>\n                <input type=\"text\" value={newContest.prizePool} onChange={e => setNewContest({\n                ...newContest,\n                prizePool: e.target.value\n              })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#F6D659] outline-none\" placeholder=\"1 SOL + Special Badge\" />\n              </div>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <div>\n                  <label className=\"block text-[#A6A6A6] text-sm mb-1\">Start Date*</label>\n                  <input type=\"date\" value={newContest.startDate} onChange={e => setNewContest({\n                  ...newContest,\n                  startDate: e.target.value\n                })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#F6D659] outline-none\" />\n                </div>\n                <div>\n                  <label className=\"block text-[#A6A6A6] text-sm mb-1\">Start Time*</label>\n                  <input type=\"time\" value={newContest.startTime} onChange={e => setNewContest({\n                  ...newContest,\n                  startTime: e.target.value\n                })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#F6D659] outline-none\" />\n                </div>\n              </div>\n              <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                <div>\n                  <label className=\"block text-[#A6A6A6] text-sm mb-1\">End Date*</label>\n                  <input type=\"date\" value={newContest.endDate} onChange={e => setNewContest({\n                  ...newContest,\n                  endDate: e.target.value\n                })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#F6D659] outline-none\" />\n                </div>\n                <div>\n                  <label className=\"block text-[#A6A6A6] text-sm mb-1\">End Time*</label>\n                  <input type=\"time\" value={newContest.endTime} onChange={e => setNewContest({\n                  ...newContest,\n                  endTime: e.target.value\n                })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#F6D659] outline-none\" />\n                </div>\n              </div>\n              <div className=\"text-xs text-[#A6A6A6] bg-[#2D2F4B] p-2 border border-[#2a2a3e]\">\n                <div className=\"flex items-center gap-2\">\n                  <div className=\"w-2 h-2 bg-[#F6D659] rounded-full\"></div>\n                  <span>Your timezone: {Intl.DateTimeFormat().resolvedOptions().timeZone}</span>\n                </div>\n                <div className=\"mt-1\">Contest times will display in each user's local timezone</div>\n              </div>\n              <div>\n                <label className=\"block text-[#A6A6A6] text-sm mb-1\">Contest Type</label>\n                <select value={newContest.projectId} onChange={e => setNewContest({\n                ...newContest,\n                projectId: e.target.value\n              })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#F6D659] outline-none\">\n                  <option value=\"general\">General Contest (All Blabz)</option>\n                  {projects.map(project => <option key={project.id} value={project.id}>{project.name} Contest</option>)}\n                </select>\n              </div>\n              <div className=\"flex justify-end gap-3 pt-4 border-t border-[#2a2a3e]\">\n                <button type=\"button\" onClick={() => setShowCreateModal(false)} className=\"bg-[#414360] hover:bg-[#5A5C75] text-white px-4 py-2 border border-[#2a2a3e]\">\n                  Cancel\n                </button>\n                <button type=\"submit\" className=\"bg-[#F6D659] hover:bg-[#E5C147] text-[#1A1A28] px-4 py-2 font-bold flex items-center gap-2 transition-all disabled:opacity-50\" disabled={isSaving}>\n                  {isSaving ? <LoadingIndicator text=\"creating...\" color=\"#F6D659\" /> : <>\n                      <img src=\"https://cdn.dev.fun/dist/assets/money-BTyw8TkT.svg\" alt=\"Contest\" className=\"h-4 w-4\" />\n                      Create Contest\n                    </>}\n                </button>\n              </div>\n            </form>\n          </div>\n        </motion.div>\n      </div>}\n  </div>;\n}\nfunction ContestCard({\n  contest,\n  projectName\n}) {\n  const endDateTime = new Date(contest.endDateTime || contest.endDate);\n  const startDateTime = new Date(contest.startDateTime || contest.startDate);\n  const now = new Date();\n  const timeRemaining = endDateTime > now ? Math.ceil((endDateTime - now) / (1000 * 60 * 60 * 24)) : 0;\n  const hasStarted = startDateTime <= now;\n  const isActive = hasStarted && endDateTime > now;\n  const formatDateTime = dateTime => {\n    const options = {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric',\n      hour: '2-digit',\n      minute: '2-digit',\n      timeZoneName: 'short'\n    };\n    return dateTime.toLocaleDateString('en-US', options);\n  };\n  return <motion.div whileHover={{\n    y: -3\n  }} whileTap={{\n    scale: 0.98\n  }} className=\"bg-[#1A1A28] border border-[#2a2a3e] overflow-hidden\">\n      <div className=\"bg-[#414360] px-4 py-3 border-b border-[#2a2a3e]\">\n        <div className=\"flex items-center justify-between\">\n          <div className=\"flex items-center gap-2\">\n            <DollarSign className=\"h-5 w-5 text-[#F6D659]\" />\n            <span className=\"font-bold text-white\">{projectName}</span>\n          </div>\n          <div className={`px-2 py-1 text-xs font-bold ${isActive ? 'bg-[#F6D659] text-[#1A1A28]' : hasStarted ? 'bg-red-500 text-white' : 'bg-[#FFAC33] text-[#1A1A28]'}`}>\n            {isActive ? 'ACTIVE' : hasStarted ? 'ENDED' : 'UPCOMING'}\n          </div>\n        </div>\n      </div>\n      <div className=\"p-5\">\n        <h3 className=\"text-xl font-bold mb-3\">{contest.title}</h3>\n        <p className=\"text-[#A6A6A6] mb-4\">{contest.description}</p>\n        <div className=\"grid grid-cols-2 gap-4 mb-4\">\n          <div className=\"bg-[#414360] p-3 border border-[#2a2a3e]\">\n            <div className=\"text-xs text-[#A6A6A6] mb-1\">Prize Pool</div>\n            <div className=\"text-lg font-bold text-[#F6D659]\">{contest.prizePool || contest.reward}</div>\n          </div>\n          <div className=\"bg-[#414360] p-3 border border-[#2a2a3e]\">\n            <div className=\"text-xs text-[#A6A6A6] mb-1\">\n              {isActive ? 'Days Remaining' : hasStarted ? 'Ended' : 'Starts In'}\n            </div>\n            <div className=\"text-lg font-bold\">\n              {isActive ? `${timeRemaining} days` : hasStarted ? 'Contest Over' : `${Math.ceil((startDate - now) / (1000 * 60 * 60 * 24))} days`}\n            </div>\n          </div>\n        </div>\n        <div className=\"bg-[#414360] p-3 border border-[#2a2a3e] mb-4 text-center\">\n          <div className=\"text-xs text-[#A6A6A6] mb-1\">Contest Period</div>\n          <div className=\"text-sm\">\n            <div>Start: {formatDateTime(startDateTime)}</div>\n            <div>End: {formatDateTime(endDateTime)}</div>\n          </div>\n        </div>\n        <button className={`w-full py-3 font-bold transition-colors flex items-center justify-center gap-2 ${isActive ? 'bg-[#F6D659] hover:bg-[#E5C147] text-[#1A1A28]' : 'bg-[#414360] text-[#F6D659] cursor-not-allowed'}`} disabled={!isActive}>\n          <Twitter className=\"h-5 w-5\" />\n          <span>\n            {isActive ? 'Start Blabbing to Win!' : hasStarted ? 'Contest Ended' : 'Contest Not Started'}\n          </span>\n        </button>\n      </div>\n    </motion.div>;\n}\nfunction AdminPage({\n  userData,\n  devbaseClient,\n  leaderboard,\n  globalSyncStatus,\n  adminSettings,\n  setAdminSettings\n}) {\n  const [allUsers, setAllUsers] = useState([]);\n  const [allBlabz, setAllBlabz] = useState([]);\n  const [allLogs, setAllLogs] = useState([]);\n  const [paymentLogs, setPaymentLogs] = useState([]);\n  const [allProjects, setAllProjects] = useState([]);\n  const [selectedTab, setSelectedTab] = useState('dashboard');\n  const [isLoading, setIsLoading] = useState(true);\n  const [twitterUsers, setTwitterUsers] = useState([]);\n  const [syncingUserId, setSyncingUserId] = useState(null);\n  const [syncResult, setSyncResult] = useState(null);\n  const [fetchingPostsUserId, setFetchingPostsUserId] = useState(null);\n  const [fetchPostsResult, setFetchPostsResult] = useState(null);\n  const [syncingProjectId, setSyncingProjectId] = useState(null);\n  const [projectSyncResult, setProjectSyncResult] = useState(null);\n  const [editingProject, setEditingProject] = useState(null);\n  const [editedProject, setEditedProject] = useState(null);\n  const [showProjectEditModal, setShowProjectEditModal] = useState(false);\n  const handleCleanDuplicatePosts = async () => {\n    if (!window.confirm(\"DANGER: This will scan all posts for duplicates and delete them, keeping only one copy of each. This action is irreversible and may take a long time. Continue?\")) return;\n    setIsLoading(true);\n    try {\n      const allPosts = await devbaseClient.listEntities('posts');\n      const uniquePosts = new Map();\n      const duplicatesToDelete = [];\n      for (const post of allPosts) {\n        const key = post.apiPostId || post.postUrl;\n        if (!key) continue;\n        if (uniquePosts.has(key)) {\n          const existingPost = uniquePosts.get(key);\n          if ((post.blabz || 0) > (existingPost.blabz || 0) || new Date(post.createdAt) > new Date(existingPost.createdAt)) {\n            duplicatesToDelete.push(existingPost.id);\n            uniquePosts.set(key, post);\n          } else {\n            duplicatesToDelete.push(post.id);\n          }\n        } else {\n          uniquePosts.set(key, post);\n        }\n      }\n      console.log(`Found ${duplicatesToDelete.length} duplicate posts to delete.`);\n      for (const postId of duplicatesToDelete) {\n        try {\n          await devbaseClient.deleteEntity('posts', postId);\n          console.log(`Deleted duplicate post: ${postId}`);\n        } catch (err) {\n          console.error(`Failed to delete post ${postId}:`, err);\n        }\n      }\n      alert(`Deleted ${duplicatesToDelete.length} duplicate posts. Now recalculating all user points...`);\n      await recalculateAndRestoreAllUserPoints(devbaseClient);\n      alert('All user points have been recalculated and restored based on the cleaned post data.');\n      const updatedPosts = await devbaseClient.listEntities('posts');\n      setAllBlabz(updatedPosts);\n      const updatedUsers = await devbaseClient.listEntities('users');\n      setAllUsers(updatedUsers);\n      setTwitterUsers(updatedUsers.filter(u => u.twitterUsername));\n    } catch (error) {\n      console.error('Error cleaning duplicate posts:', error);\n      alert(`An error occurred during cleanup: ${error.message}`);\n    } finally {\n      setIsLoading(false);\n    }\n  };\n  useEffect(() => {\n    window.scrollTo(0, 0);\n  }, []);\n  const handleClearAllBlabz = async () => {\n    if (window.confirm(\"DANGER: Are you sure you want to clear ALL blabz from the database? This will delete all post records and cannot be undone.\")) {\n      alert(\"This dangerous operation is not implemented yet.\");\n    }\n  };\n  useEffect(() => {\n    async function loadAdminData() {\n      try {\n        setIsLoading(true);\n        const users = await recalculateAndRestoreAllUserPoints(devbaseClient);\n        const uniqueUsers = [];\n        const seenWallets = new Set();\n        const seenTwitter = new Set();\n        const sortedUsers = users.sort((a, b) => {\n          const aBlabz = a.totalBlabz || 0;\n          const bBlabz = b.totalBlabz || 0;\n          if (aBlabz !== bBlabz) return bBlabz - aBlabz;\n          const aUpdate = new Date(a.lastTwitterUpdate || 0);\n          const bUpdate = new Date(b.lastTwitterUpdate || 0);\n          return bUpdate - aUpdate;\n        });\n        for (const user of sortedUsers) {\n          const walletKey = user.walletAddress;\n          const twitterKey = user.twitterUsername?.toLowerCase();\n          if (walletKey && seenWallets.has(walletKey) || seenTwitter.has(twitterKey)) {\n            try {\n              const existingUser = await devbaseClient.getEntity('users', user.id);\n              if (existingUser) {\n                await devbaseClient.deleteEntity('users', user.id);\n                console.log(`Auto-deleted duplicate user: ${user.id}`);\n              } else {\n                console.log(`User ${user.id} already deleted, skipping`);\n              }\n            } catch (err) {\n              if (err.message && err.message.includes('Record to delete does not exist')) {\n                console.log(`User ${user.id} already deleted, skipping`);\n              } else {\n                console.error('Error auto-deleting duplicate:', err);\n              }\n            }\n            continue;\n          }\n          if (walletKey) seenWallets.add(walletKey);\n          if (twitterKey) seenTwitter.add(twitterKey);\n          uniqueUsers.push(user);\n        }\n        console.log(`Loaded ${users.length} total users, deduplicated to ${uniqueUsers.length} unique users`);\n        setAllUsers(uniqueUsers);\n        setTwitterUsers(uniqueUsers.filter(user => user.twitterUsername));\n        const allBlabz = await devbaseClient.listEntities('posts');\n        setAllBlabz(allBlabz);\n        const logs = await devbaseClient.listEntities('logs');\n        setAllLogs(logs.sort((a, b) => new Date(b.timestamp) - new Date(a.timestamp)));\n        const payments = await devbaseClient.listEntities('project_payments');\n        setPaymentLogs(payments.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n        const projects = await devbaseClient.listEntities('projects');\n        setAllProjects(projects.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n      } catch (error) {\n        console.error('Error loading admin data:', error);\n      } finally {\n        setIsLoading(false);\n      }\n    }\n    if (devbaseClient) {\n      loadAdminData();\n    }\n  }, [devbaseClient]);\n  const handleToggleFeatureUser = async userToFeature => {\n    if (!devbaseClient) return;\n    try {\n      const newFeaturedStatus = !userToFeature.isFeatured;\n      await devbaseClient.updateEntity('users', userToFeature.id, {\n        isFeatured: newFeaturedStatus\n      });\n      await logActivity(devbaseClient, 'admin', `Admin ${newFeaturedStatus ? 'featured' : 'unfeatured'} user @${userToFeature.twitterUsername}.`, {\n        userId: userToFeature.id\n      });\n      alert(`User @${userToFeature.twitterUsername} has been ${newFeaturedStatus ? 'featured' : 'unfeatured'}.`);\n      const updatedUsers = allUsers.map(u => u.id === userToFeature.id ? {\n        ...u,\n        isFeatured: newFeaturedStatus\n      } : u);\n      setAllUsers(updatedUsers);\n      setTwitterUsers(updatedUsers.filter(user => user.twitterUsername));\n    } catch (error) {\n      console.error('Error featuring user:', error);\n      alert(`Failed to feature user: ${error.message}`);\n    }\n  };\n  const handleSyncUserProfile = async userToSync => {\n    if (!userToSync.twitterUsername) {\n      setSyncResult({\n        success: false,\n        message: \"No Twitter username found\"\n      });\n      return;\n    }\n    if (!userToSync.walletAddress) {\n      setSyncResult({\n        success: false,\n        message: \"User has no wallet address (SOL_ID).\"\n      });\n      return;\n    }\n    if (!userToSync.id) {\n      setSyncResult({\n        success: false,\n        message: \"User has no devbase ID (DEV_ID).\"\n      });\n      return;\n    }\n    setSyncingUserId(userToSync.id);\n    setSyncResult(null);\n    try {\n      const result = await fetchUserDetails(userToSync.twitterUsername, userToSync.walletAddress, userToSync.id);\n      if (result.success && result.user) {\n        const apiUser = result.user;\n        const updateData = {\n          name: apiUser.name ?? userToSync.name,\n          bio: apiUser.bio ?? userToSync.bio,\n          location: apiUser.location ?? userToSync.location,\n          followersCount: apiUser.followers_count ?? userToSync.followersCount,\n          followingCount: apiUser.following_count ?? userToSync.followingCount,\n          profileImageUrl: apiUser.profile_image_url ?? userToSync.profileImageUrl,\n          lastTwitterUpdate: new Date().toISOString()\n        };\n        await devbaseClient.updateEntity('users', userToSync.id, updateData);\n        setSyncResult({\n          success: true,\n          message: `Profile for ${userToSync.twitterUsername} synced successfully!`\n        });\n        const updatedUsers = await devbaseClient.listEntities('users');\n        setAllUsers(updatedUsers);\n        setTwitterUsers(updatedUsers.filter(u => u.twitterUsername));\n      } else if (result.isRateLimit) {\n        setSyncResult({\n          success: false,\n          message: `Twitter API rate limited for ${userToSync.twitterUsername}. Using cached data. Try again in 15 minutes.`\n        });\n        if (result.fallbackUser) {\n          const fallbackUpdateData = {\n            lastTwitterUpdate: new Date().toISOString()\n          };\n          await devbaseClient.updateEntity('users', userToSync.id, fallbackUpdateData);\n        }\n      } else {\n        throw new Error(result.error || 'Failed to sync user.');\n      }\n    } catch (error) {\n      console.error(`Failed to sync user ${userToSync.twitterUsername}:`, error);\n      setSyncResult({\n        success: false,\n        message: error.message\n      });\n    } finally {\n      setSyncingUserId(null);\n    }\n  };\n  const handleDeleteBlab = async postId => {\n    try {\n      await devbaseClient.deleteEntity('posts', postId);\n      setAllBlabz(allBlabz.filter(post => post.id !== postId));\n    } catch (error) {\n      console.error('Error deleting blab:', error);\n    }\n  };\n  const handleDeleteUser = async (userId, username) => {\n    if (window.confirm(`DANGER: Are you sure you want to delete user @${username} (${userId})? This action is irreversible.`)) {\n      try {\n        await devbaseClient.deleteEntity('users', userId);\n        await logActivity(devbaseClient, 'admin', `Admin deleted user @${username}.`, {\n          userId,\n          username\n        });\n        alert(`User @${username} has been deleted.`);\n        setAllUsers(prev => prev.filter(u => u.id !== userId));\n        setTwitterUsers(prev => prev.filter(u => u.id !== userId));\n      } catch (error) {\n        console.error('Error deleting user:', error);\n        alert(`Failed to delete user: ${error.message}`);\n      }\n    }\n  };\n  const handleCleanDuplicateUsers = async () => {\n    if (window.confirm(\"IMPORTANT: This will permanently delete ALL duplicate user records from the database, merging them by wallet and then by Twitter handle. This action cannot be undone. Continue?\")) {\n      setIsLoading(true);\n      try {\n        let allUsers = await devbaseClient.listEntities('users');\n        let duplicatesDeleted = 0;\n        let totalProcessed = 0;\n        console.log(`Starting deep cleanup of ${allUsers.length} users...`);\n        const usersByWallet = {};\n        allUsers.forEach(user => {\n          if (user.walletAddress) {\n            if (!usersByWallet[user.walletAddress]) {\n              usersByWallet[user.walletAddress] = [];\n            }\n            usersByWallet[user.walletAddress].push(user);\n          }\n        });\n        for (const walletAddress in usersByWallet) {\n          const users = usersByWallet[walletAddress];\n          if (users.length > 1) {\n            const sortedUsers = users.sort((a, b) => (b.totalBlabz || 0) - (a.totalBlabz || 0) || new Date(b.lastTwitterUpdate || 0) - new Date(a.lastTwitterUpdate || 0) || new Date(b.createdAt || 0) - new Date(a.createdAt || 0));\n            const usersToDelete = sortedUsers.slice(1);\n            for (const userToDelete of usersToDelete) {\n              try {\n                const existingUser = await devbaseClient.getEntity('users', userToDelete.id);\n                if (existingUser) {\n                  await devbaseClient.deleteEntity('users', userToDelete.id);\n                  duplicatesDeleted++;\n                  console.log(`Deleted wallet duplicate: ${userToDelete.id} (${userToDelete.twitterUsername || 'no twitter'})`);\n                } else {\n                  console.log(`User ${userToDelete.id} already deleted, skipping`);\n                }\n              } catch (err) {\n                if (err.message && err.message.includes('Record to delete does not exist')) {\n                  console.log(`User ${userToDelete.id} already deleted, skipping`);\n                } else {\n                  console.error(`Failed to delete user ${userToDelete.id}:`, err);\n                }\n              }\n            }\n          }\n        }\n        allUsers = await devbaseClient.listEntities('users');\n        const usersByTwitter = {};\n        allUsers.forEach(user => {\n          if (user.twitterUsername) {\n            const key = user.twitterUsername.toLowerCase().replace('@', '');\n            if (!usersByTwitter[key]) {\n              usersByTwitter[key] = [];\n            }\n            usersByTwitter[key].push(user);\n          }\n        });\n        for (const twitterUsername in usersByTwitter) {\n          const users = usersByTwitter[twitterUsername];\n          if (users.length > 1) {\n            const sortedUsers = users.sort((a, b) => {\n              if (a.walletAddress && !b.walletAddress) return -1;\n              if (!a.walletAddress && b.walletAddress) return 1;\n              return (b.totalBlabz || 0) - (a.totalBlabz || 0) || new Date(b.lastTwitterUpdate || 0) - new Date(a.lastTwitterUpdate || 0) || new Date(b.createdAt || 0) - new Date(a.createdAt || 0);\n            });\n            const usersToDelete = sortedUsers.slice(1);\n            for (const userToDelete of usersToDelete) {\n              try {\n                const existingUser = await devbaseClient.getEntity('users', userToDelete.id);\n                if (existingUser) {\n                  await devbaseClient.deleteEntity('users', userToDelete.id);\n                  duplicatesDeleted++;\n                  totalProcessed++;\n                  console.log(`Deleted Twitter duplicate: ${userToDelete.id} (@${userToDelete.twitterUsername})`);\n                } else {\n                  console.log(`User ${userToDelete.id} already deleted, skipping`);\n                }\n              } catch (err) {\n                if (err.message && err.message.includes('Record to delete does not exist')) {\n                  console.log(`User ${userToDelete.id} already deleted, skipping`);\n                } else {\n                  console.error(`Failed to delete user ${userToDelete.id}:`, err);\n                }\n              }\n            }\n          }\n        }\n        allUsers = await devbaseClient.listEntities('users');\n        const finalCheck = new Map();\n        for (const user of allUsers) {\n          const key = `${user.walletAddress || 'no-wallet'}-${(user.twitterUsername || '').toLowerCase()}`;\n          if (finalCheck.has(key)) {\n            const existing = finalCheck.get(key);\n            const shouldKeepExisting = (existing.totalBlabz || 0) >= (user.totalBlabz || 0) && new Date(existing.lastTwitterUpdate || 0) >= new Date(user.lastTwitterUpdate || 0);\n            if (shouldKeepExisting) {\n              try {\n                const existingUser = await devbaseClient.getEntity('users', user.id);\n                if (existingUser) {\n                  await devbaseClient.deleteEntity('users', user.id);\n                  duplicatesDeleted++;\n                  console.log(`Deleted final duplicate: ${user.id}`);\n                } else {\n                  console.log(`User ${user.id} already deleted, skipping`);\n                }\n              } catch (err) {\n                if (err.message && err.message.includes('Record to delete does not exist')) {\n                  console.log(`User ${user.id} already deleted, skipping`);\n                } else {\n                  console.error(`Failed to delete final duplicate ${user.id}:`, err);\n                }\n              }\n            } else {\n              try {\n                const existingUser = await devbaseClient.getEntity('users', existing.id);\n                if (existingUser) {\n                  await devbaseClient.deleteEntity('users', existing.id);\n                  finalCheck.set(key, user);\n                  duplicatesDeleted++;\n                  console.log(`Deleted final duplicate: ${existing.id}`);\n                } else {\n                  console.log(`User ${existing.id} already deleted, skipping`);\n                  finalCheck.set(key, user);\n                }\n              } catch (err) {\n                if (err.message && err.message.includes('Record to delete does not exist')) {\n                  console.log(`User ${existing.id} already deleted, skipping`);\n                  finalCheck.set(key, user);\n                } else {\n                  console.error(`Failed to delete final duplicate ${existing.id}:`, err);\n                }\n              }\n            }\n          } else {\n            finalCheck.set(key, user);\n          }\n        }\n        await logActivity(devbaseClient, 'admin', `Admin performed deep cleanup of duplicate users. Deleted ${duplicatesDeleted} duplicate records out of ${totalProcessed} processed.`);\n        alert(`Successfully completed deep cleanup! Deleted ${duplicatesDeleted} duplicate user records. Database is now clean.`);\n        const finalUsers = await devbaseClient.listEntities('users');\n        console.log(`Final user count after cleanup: ${finalUsers.length}`);\n        const uniqueUsers = [];\n        const seenWallets = new Set();\n        const seenTwitter = new Set();\n        for (const user of finalUsers) {\n          const walletKey = user.walletAddress;\n          const twitterKey = user.twitterUsername?.toLowerCase();\n          if (walletKey && seenWallets.has(walletKey) || twitterKey && seenTwitter.has(twitterKey)) {\n            continue;\n          }\n          if (walletKey) seenWallets.add(walletKey);\n          if (twitterKey) seenTwitter.add(twitterKey);\n          uniqueUsers.push(user);\n        }\n        setAllUsers(uniqueUsers);\n        setTwitterUsers(uniqueUsers.filter(user => user.twitterUsername));\n      } catch (error) {\n        console.error('Error cleaning duplicate users:', error);\n        alert(`Failed to clean duplicate users: ${error.message}`);\n      } finally {\n        setIsLoading(false);\n      }\n    }\n  };\n  const handleClearUserPoints = async userId => {\n    if (window.confirm(`Are you sure you want to clear ALL blabz and posts for user ${userId}? This will permanently delete all their posts and cannot be undone.`)) {\n      try {\n        setIsLoading(true);\n        const user = allUsers.find(u => u.id === userId);\n        const allPosts = await devbaseClient.listEntities('posts');\n        const userPosts = allPosts.filter(post => post.userId === userId);\n        console.log(`Found ${userPosts.length} posts to delete for user ${user?.twitterUsername || userId}`);\n        for (const post of userPosts) {\n          try {\n            await devbaseClient.deleteEntity('posts', post.id);\n            console.log(`Deleted post ${post.id} for user ${user?.twitterUsername || userId}`);\n          } catch (deleteError) {\n            console.error(`Failed to delete post ${post.id}:`, deleteError);\n          }\n        }\n        await devbaseClient.updateEntity('users', userId, {\n          totalBlabz: 0,\n          lastBlabzUpdate: new Date().toISOString()\n        });\n        await recalculateProjectStats(devbaseClient);\n        await logActivity(devbaseClient, 'admin', `Admin cleared all blabz and deleted ${userPosts.length} posts for user @${user?.twitterUsername || userId}.`, {\n          userId,\n          postsDeleted: userPosts.length\n        });\n        alert(`All blabz for user @${user?.twitterUsername || userId} have been cleared. Deleted ${userPosts.length} posts and reset total blabz to 0.`);\n        const updatedUsers = allUsers.map(u => u.id === userId ? {\n          ...u,\n          totalBlabz: 0,\n          lastBlabzUpdate: new Date().toISOString()\n        } : u);\n        setAllUsers(updatedUsers);\n        setTwitterUsers(updatedUsers.filter(user => user.twitterUsername));\n        const updatedBlabz = allBlabz.filter(post => post.userId !== userId);\n        setAllBlabz(updatedBlabz);\n      } catch (error) {\n        console.error('Error clearing user points:', error);\n        alert('Failed to clear user points.');\n      } finally {\n        setIsLoading(false);\n      }\n    }\n  };\n  const handleFetchUserBlabz = async userToFetch => {\n    if (!userToFetch.twitterUsername || !userToFetch.walletAddress || !userToFetch.id) {\n      setFetchPostsResult({\n        success: false,\n        message: \"User is missing Twitter username, wallet address, or ID.\"\n      });\n      return;\n    }\n    setFetchingPostsUserId(userToFetch.id);\n    setFetchPostsResult(null);\n    try {\n      const result = await fetchUserPostsAndReward(userToFetch.twitterUsername, userToFetch, devbaseClient);\n      if (result && result.error === 'rate_limit') {\n        setFetchPostsResult({\n          success: false,\n          message: `Twitter API rate limited for @${userToFetch.twitterUsername}. Will retry automatically later. Try again in 15 minutes.`\n        });\n      } else if (result && result.error === 'api_error') {\n        setFetchPostsResult({\n          success: false,\n          message: `API error for @${userToFetch.twitterUsername}: ${result.message}`\n        });\n      } else {\n        setFetchPostsResult({\n          success: true,\n          message: `Fetched and processed blabz for @${userToFetch.twitterUsername}.`\n        });\n      }\n      const updatedUsers = await devbaseClient.listEntities('users');\n      setAllUsers(updatedUsers);\n      setTwitterUsers(updatedUsers.filter(u => u.twitterUsername));\n    } catch (error) {\n      console.error(`Failed to fetch blabz for user ${userToFetch.twitterUsername}:`, error);\n      setFetchPostsResult({\n        success: false,\n        message: `Failed to fetch blabz: ${error.message}`\n      });\n    } finally {\n      setFetchingPostsUserId(null);\n    }\n  };\n  const handleRestoreUserPoints = async userId => {\n    if (window.confirm(`Are you sure you want to restore points for user ${userId}? This will recalculate their score from ALL historical blabz stored in the database.`)) {\n      try {\n        setIsLoading(true);\n        const user = allUsers.find(u => u.id === userId);\n        if (!user || !user.twitterUsername) {\n          alert(\"Cannot restore points: User not found or doesn't have a connected Twitter account.\");\n          setIsLoading(false);\n          return;\n        }\n        const allUserPosts = await devbaseClient.listEntities('posts', {\n          userId: userId\n        });\n        const newTotalBlabz = allUserPosts.reduce((sum, post) => sum + (Number(post.blabz) || 0), 0);\n        await devbaseClient.updateEntity('users', userId, {\n          totalBlabz: newTotalBlabz,\n          lastPointsRestoration: new Date().toISOString()\n        });\n        await logActivity(devbaseClient, 'admin', `Admin restored points for user @${user.twitterUsername}. New total: ${newTotalBlabz}.`, {\n          userId,\n          newTotalBlabz\n        });\n        alert(`Blabz for user @${user.twitterUsername} have been restored from database records. Restored ${allUserPosts.length} blabz for a total of ${newTotalBlabz.toFixed(2)} blabz.`);\n        const updatedUsers = allUsers.map(u => u.id === userId ? {\n          ...u,\n          totalBlabz: newTotalBlabz\n        } : u);\n        setAllUsers(updatedUsers);\n        setTwitterUsers(updatedUsers.filter(user => user.twitterUsername));\n      } catch (error) {\n        console.error('Error restoring user points:', error);\n        alert('Failed to restore user points.');\n      } finally {\n        setIsLoading(false);\n      }\n    }\n  };\n  const handleRestoreAllUserPoints = async () => {\n    if (window.confirm(\"IMPORTANT: Are you sure you want to restore blabz for ALL users? This will recalculate every user's score from their historical posts. This process may take several minutes.\")) {\n      try {\n        setIsLoading(true);\n        console.log('Starting bulk blabz restoration for all users...');\n        const users = await devbaseClient.listEntities('users');\n        const usersWithTwitter = users.filter(u => u.twitterUsername);\n        if (usersWithTwitter.length === 0) {\n          alert('No users with Twitter accounts found.');\n          setIsLoading(false);\n          return;\n        }\n        const allBlabz = await devbaseClient.listEntities('posts');\n        let totalUsersProcessed = 0;\n        let totalBlabzRestored = 0;\n        for (const user of usersWithTwitter) {\n          try {\n            const userBlabz = allBlabz.filter(post => post.twitterUsername && user.twitterUsername && post.twitterUsername.toLowerCase() === user.twitterUsername.toLowerCase());\n            const uniqueUserBlabz = Array.from(new Map(userBlabz.map(post => {\n              const key = post.postUrl || post.apiPostId || `${post.content?.substring(0, 50)}_${post.postedAt}_${post.userId}` || post.id;\n              return [key, post];\n            })).values());\n            let newTotalBlabz = 0;\n            for (const blab of uniqueUserBlabz) {\n              const blabz = parseFloat(blab.blabz || 0);\n              if (blabz > 0) {\n                newTotalBlabz += blabz;\n              }\n            }\n            await devbaseClient.updateEntity('users', user.id, {\n              totalBlabz: newTotalBlabz,\n              lastPointsRestoration: new Date().toISOString()\n            });\n            console.log(`Restored ${newTotalBlabz} blabz for @${user.twitterUsername} (${uniqueUserBlabz.length} unique posts)`);\n            totalBlabzRestored += newTotalBlabz;\n            totalUsersProcessed++;\n          } catch (userError) {\n            console.error(`Error restoring points for user ${user.twitterUsername}:`, userError);\n          }\n        }\n        await saveLeaderboardSnapshot();\n        await logActivity(devbaseClient, 'admin', `Admin restored points for ALL users. Processed ${totalUsersProcessed} users with total ${totalBlabzRestored.toFixed(2)} blabz.`, {\n          totalUsersProcessed,\n          totalBlabzRestored\n        });\n        alert(`Successfully restored blabz for ${totalUsersProcessed} users! Total blabz distributed: ${totalBlabzRestored.toFixed(2)}`);\n        const updatedUsers = await devbaseClient.listEntities('users');\n        setAllUsers(updatedUsers);\n        setTwitterUsers(updatedUsers.filter(user => user.twitterUsername));\n      } catch (error) {\n        console.error('Error in bulk restore operation:', error);\n        alert(`Failed to restore all user points: ${error.message}`);\n      } finally {\n        setIsLoading(false);\n      }\n    }\n  };\n  const saveLeaderboardSnapshot = async () => {\n    try {\n      const users = await devbaseClient.listEntities('users');\n      const timestamp = new Date().toISOString();\n      const snapshotData = {\n        timestamp,\n        totalUsers: users.length,\n        leaderboardData: users.filter(u => u.twitterUsername && u.totalBlabz > 0).sort((a, b) => (b.totalBlabz || 0) - (a.totalBlabz || 0)).slice(0, 100).map((user, index) => ({\n          rank: index + 1,\n          username: user.twitterUsername,\n          walletAddress: user.walletAddress,\n          totalBlabz: user.totalBlabz || 0,\n          followersCount: user.followersCount || 0\n        })),\n        totalBlabzDistributed: users.reduce((sum, u) => sum + (u.totalBlabz || 0), 0)\n      };\n      await devbaseClient.createEntity('leaderboard_snapshots', snapshotData);\n      console.log('Leaderboard snapshot saved successfully');\n    } catch (error) {\n      console.error('Error saving leaderboard snapshot:', error);\n    }\n  };\n  const handleSyncProjectDetails = async project => {\n    if (!project.twitter) {\n      setProjectSyncResult({\n        success: false,\n        message: \"Project has no Twitter handle configured\"\n      });\n      return;\n    }\n    setSyncingProjectId(project.id);\n    setProjectSyncResult(null);\n    try {\n      const result = await fetchProjectTwitterDetails(project.twitter);\n      if (result.success && result.data) {\n        await devbaseClient.updateEntity('projects', project.id, {\n          ...result.data\n        });\n        setProjectSyncResult({\n          success: true,\n          message: `Twitter details synced successfully for ${project.name} (@${project.twitter})!`\n        });\n        const updatedProjects = await devbaseClient.listEntities('projects');\n        setAllProjects(updatedProjects.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n      } else if (result.is404) {\n        setProjectSyncResult({\n          success: false,\n          message: `Project @${project.twitter} not found in SolContent database. This project may not be registered with the external API yet. You can still use the project locally.`\n        });\n        if (result.fallbackData) {\n          await devbaseClient.updateEntity('projects', project.id, {\n            ...result.fallbackData\n          });\n        }\n      } else if (result.isRateLimit) {\n        setProjectSyncResult({\n          success: false,\n          message: `Twitter API rate limited for @${project.twitter}. Try again in 15 minutes.`\n        });\n        if (result.fallbackData) {\n          await devbaseClient.updateEntity('projects', project.id, {\n            ...result.fallbackData\n          });\n        }\n      } else {\n        throw new Error(result.error || 'Failed to sync project.');\n      }\n    } catch (error) {\n      console.error(`Failed to sync project ${project.name} (@${project.twitter}):`, error);\n      setProjectSyncResult({\n        success: false,\n        message: `Failed to sync project: ${error.message}`\n      });\n    } finally {\n      setSyncingProjectId(null);\n    }\n  };\n  const handleResyncProjectBlabz = async project => {\n    setSyncingProjectId(project.id);\n    setProjectSyncResult(null);\n    try {\n      const allPosts = await devbaseClient.listEntities('posts');\n      const projectPosts = allPosts.filter(post => {\n        if (!post.project) return false;\n        try {\n          const projects = JSON.parse(post.project);\n          return Array.isArray(projects) ? projects.includes(project.name) : projects === project.name;\n        } catch (e) {\n          return post.project === project.name;\n        }\n      });\n      const uniqueUsers = new Set(projectPosts.map(post => post.userId).filter(Boolean));\n      console.log(`Found ${uniqueUsers.size} users who have posted about ${project.name}`);\n      const allUsers = await devbaseClient.listEntities('users');\n      let syncedUsers = 0;\n      for (const userId of uniqueUsers) {\n        const user = allUsers.find(u => u.id === userId);\n        if (user && user.twitterUsername) {\n          try {\n            await fetchUserPostsAndReward(user.twitterUsername, user, devbaseClient);\n            syncedUsers++;\n            console.log(`Synced posts for user @${user.twitterUsername}`);\n          } catch (err) {\n            console.error(`Failed to sync posts for user @${user.twitterUsername}:`, err);\n          }\n        }\n      }\n      await recalculateProjectStats(devbaseClient);\n      setProjectSyncResult({\n        success: true,\n        message: `Resynced blabz for ${syncedUsers} users posting about ${project.name}!`\n      });\n      const updatedProjects = await devbaseClient.listEntities('projects');\n      setAllProjects(updatedProjects.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n    } catch (error) {\n      console.error(`Failed to resync blabz for project ${project.name}:`, error);\n      setProjectSyncResult({\n        success: false,\n        message: `Failed to resync blabz: ${error.message}`\n      });\n    } finally {\n      setSyncingProjectId(null);\n    }\n  };\n  const handleEditProject = async updatedProject => {\n    try {\n      const twitterHandle = updatedProject.twitter ? updatedProject.twitter.replace('@', '') : '';\n      if (!twitterHandle) {\n        throw new Error('Twitter handle is required for project updates');\n      }\n      const keywordsArray = updatedProject.keywords ? updatedProject.keywords.split(',').map(k => k.trim()).filter(k => k) : [];\n      const apiResult = await fetchProjectDetails(twitterHandle, {\n        name: updatedProject.name,\n        keywords: keywordsArray,\n        description: updatedProject.description,\n        website: updatedProject.website,\n        createdAt: editingProject.createdAt || new Date().toISOString()\n      });\n      if (!apiResult.success) {\n        console.warn(`API update failed for ${twitterHandle}, proceeding with local update:`, apiResult.error);\n      }\n      const finalUpdateData = {\n        ...updatedProject,\n        keywords: keywordsArray.join(', ')\n      };\n      if (apiResult.success && apiResult.data) {\n        const apiProject = apiResult.data;\n        finalUpdateData.twitterFollowers = apiProject.followers_count || updatedProject.twitterFollowers || 0;\n        finalUpdateData.twitterFollowing = apiProject.following_count || updatedProject.twitterFollowing || 0;\n        finalUpdateData.twitterProfileImage = apiProject.profile_image_url || updatedProject.twitterProfileImage || '';\n        finalUpdateData.twitterBio = apiProject.description || updatedProject.twitterBio || '';\n        finalUpdateData.twitterName = apiProject.name || updatedProject.twitterName || '';\n        finalUpdateData.twitterUsername = apiProject.twitterUsername || twitterHandle;\n        finalUpdateData.twitterLastUpdated = new Date().toISOString();\n      }\n      await devbaseClient.updateEntity('projects', editingProject.id, finalUpdateData);\n      const successMessage = apiResult.success ? `Project ${updatedProject.name} updated successfully with fresh Twitter data!` : `Project ${updatedProject.name} updated successfully (Twitter data may be cached)!`;\n      setProjectSyncResult({\n        success: true,\n        message: successMessage + (apiResult.warning ? ` Warning: ${apiResult.warning}` : '')\n      });\n      const updatedProjects = await devbaseClient.listEntities('projects');\n      setAllProjects(updatedProjects.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n      setShowProjectEditModal(false);\n      setEditingProject(null);\n    } catch (error) {\n      console.error('Failed to update project:', error);\n      setProjectSyncResult({\n        success: false,\n        message: `Failed to update project: ${error.message}`\n      });\n    }\n  };\n  const handleDeleteProject = async (projectId, projectName) => {\n    if (window.confirm(`DANGER: Are you sure you want to delete project \"${projectName}\"? This action is irreversible.`)) {\n      try {\n        await devbaseClient.deleteEntity('projects', projectId);\n        await logActivity(devbaseClient, 'admin', `Admin deleted project \"${projectName}\".`, {\n          projectId,\n          projectName\n        });\n        alert(`Project \"${projectName}\" has been deleted.`);\n        const updatedProjects = await devbaseClient.listEntities('projects');\n        setAllProjects(updatedProjects.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n      } catch (error) {\n        console.error('Error deleting project:', error);\n        alert(`Failed to delete project: ${error.message}`);\n      }\n    }\n  };\n  if (isLoading) {\n    return <div className=\"w-full min-h-screen px-4 py-4 md:py-8 text-white\">\n      <div className=\"flex items-center justify-between mb-6 md:mb-8\">\n        <div className=\"flex items-center gap-3\">\n          <Settings className=\"h-6 md:h-8 w-6 md:w-8 text-[#4FD48E]\" />\n          <h1 className=\"text-2xl md:text-4xl font-bold\">\n            admin-panel\n          </h1>\n        </div>\n        {globalSyncStatus.isRunning && <div className=\"bg-[#414360] border border-[#2a2a3e] px-3 py-2 text-xs\">\n            <div className=\"flex items-center gap-2\">\n              <div className=\"h-2 w-2 bg-[#4FD48E] rounded-full animate-pulse\"></div>\n              <span>Global Sync: {globalSyncStatus.currentUser} ({globalSyncStatus.queuePosition}/{globalSyncStatus.totalUsers})</span>\n            </div>\n          </div>}\n      </div>\n      <div className=\"flex justify-center items-center h-64\">\n        <LoadingIndicator text=\"loading admin data...\" />\n      </div>\n      </div>;\n  }\n  return <div className=\"w-full min-h-screen px-4 py-4 md:py-8 text-white\">\n      <div className=\"flex items-center justify-between mb-6 md:mb-8\">\n        <div className=\"flex items-center gap-3\">\n          <Settings className=\"h-6 md:h-8 w-6 md:w-8 text-[#4FD48E]\" />\n          <h1 className=\"text-2xl md:text-4xl font-bold\">\n            admin-panel\n          </h1>\n        </div>\n        {globalSyncStatus.isRunning && <div className=\"bg-[#414360] border border-[#2a2a3e] px-3 py-2 text-xs\">\n            <div className=\"flex items-center gap-2\">\n              <div className=\"h-2 w-2 bg-[#4FD48E] rounded-full animate-pulse\"></div>\n              <span>Global Sync: {globalSyncStatus.currentUser} ({globalSyncStatus.queuePosition}/{globalSyncStatus.totalUsers})</span>\n            </div>\n          </div>}\n      </div>\n      <div className=\"bg-[#1A1A28] border border-[#2a2a3e] mb-6\">\n        <div className=\"flex overflow-x-auto hide-scrollbar\">\n          <button onClick={() => setSelectedTab('dashboard')} className={`px-5 py-3.5 font-medium ${selectedTab === 'dashboard' ? 'text-red-400 border-b-2 border-red-400' : 'text-white/60 opacity-50'}`}>\n            Dashboard\n          </button>\n          <button onClick={() => setSelectedTab('users')} className={`px-5 py-3.5 font-medium ${selectedTab === 'users' ? 'text-red-400 border-b-2 border-red-400' : 'text-white/60 opacity-50'}`}>\n            User Management\n          </button>\n          <button onClick={() => setSelectedTab('projects')} className={`px-5 py-3.5 font-medium ${selectedTab === 'projects' ? 'text-red-400 border-b-2 border-red-400' : 'text-white/60 opacity-50'}`}>\n            Project Management\n          </button>\n          <button onClick={() => setSelectedTab('posts')} className={`px-5 py-3.5 font-medium ${selectedTab === 'posts' ? 'text-red-400 border-b-2 border-red-400' : 'text-white/60 opacity-50'}`}>\n            Blab Management\n          </button>\n          <button onClick={() => setSelectedTab('settings')} className={`px-5 py-3.5 font-medium ${selectedTab === 'settings' ? 'text-red-400 border-b-2 border-red-400' : 'text-white/60 opacity-50'}`}>\n            System Settings\n          </button>\n          <button onClick={() => setSelectedTab('logs')} className={`px-5 py-3.5 font-medium ${selectedTab === 'logs' ? 'text-red-400 border-b-2 border-red-400' : 'text-white/60 opacity-50'}`}>\n            Logs\n          </button>\n        </div>\n      </div>\n      {selectedTab === 'dashboard' && <div className=\"grid grid-cols-1 md:grid-cols-2 gap-6 mb-6\">\n          <div className=\"bg-[#1A1A28] border border-[#2a2a3e] p-6\">\n            <h2 className=\"text-xl font-bold mb-4 flex items-center gap-2\">\n              <User className=\"h-5 w-5 text-red-400\" />\n              Blabber Statistics\n            </h2>\n            <div className=\"space-y-4\">\n              <div className=\"flex justify-between items-center bg-[#414360] p-3 border border-[#2a2a3e]\">\n                <span>Total Blabbers (X Connected)</span>\n                <span className=\"font-bold text-xl\">{twitterUsers.length}</span>\n              </div>\n              <div className=\"flex justify-between items-center bg-[#414360] p-3 border border-[#2a2a3e]\">\n                <span>Total Blabz Distributed</span>\n                <span className=\"font-bold text-xl\">{twitterUsers.reduce((sum, user) => sum + Number(user.totalBlabz || 0), 0).toFixed(2)}</span>\n              </div>\n            </div>\n          </div>\n          <div className=\"bg-[#1A1A28] border border-[#2a2a3e] p-6\">\n            <h2 className=\"text-xl font-bold mb-4 flex items-center gap-2\">\n              <MessageCircle className=\"h-5 w-5 text-red-400\" />\n              Blab Statistics\n            </h2>\n            <div className=\"space-y-4\">\n              <div className=\"flex justify-between items-center bg-[#414360] p-3 border border-[#2a2a3e]\">\n                <span>Total Blabz</span>\n                <span className=\"font-bold text-xl\">{allBlabz.length}</span>\n              </div>\n              <div className=\"flex justify-between items-center bg-[#414360] p-3 border border-[#2a2a3e]\">\n                <span>Today's Blabz</span>\n                <span className=\"font-bold text-xl\">\n                  {allBlabz.filter(p => {\n                const today = new Date();\n                const postDate = new Date(p.postedAt);\n                return postDate.toDateString() === today.toDateString();\n              }).length}\n                </span>\n              </div>\n            </div>\n          </div>\n        </div>}\n      {selectedTab === 'users' && <div className=\"bg-[#1A1A28] border border-[#2a2a3e] p-4 md:p-6\">\n          <h2 className=\"text-xl font-bold mb-4\">User Management</h2>\n          {syncResult && <div className={`mb-4 p-3 border ${syncResult.success ? 'bg-green-900/30 border-green-500 text-green-300' : 'bg-red-900/30 border-red-500 text-red-300'}`}>\n              {syncResult.message}\n            </div>}\n          {fetchPostsResult && <div className={`mb-4 p-3 border ${fetchPostsResult.success ? 'bg-green-900/30 border-green-500 text-green-300' : 'bg-red-900/30 border-red-500 text-red-300'}`}>\n              {fetchPostsResult.message}\n            </div>}\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full text-left\">\n              <thead className=\"bg-[#2D2F4B] text-xs uppercase text-white/70\">\n                <tr>\n                  <th className=\"p-3\">Profile</th>\n                  <th className=\"p-3\">Twitter Username</th>\n                  <th className=\"p-3\">Wallet Address</th>\n                  <th className=\"p-3\">Total Blabz</th>\n                  <th className=\"p-3\">Last Updated</th>\n                  <th className=\"p-3 text-right\">Actions</th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-[#2a2a3e]\">\n                {twitterUsers.map(user => <tr key={user.id} className=\"hover:bg-[#242435]\">\n                    <td className=\"p-3\">\n                      {user.profileImageUrl ? <img src={user.profileImageUrl} alt={user.name || user.twitterUsername} className=\"h-10 w-10 rounded-full object-cover border border-[#414360]\" onError={e => {\n                  e.target.onerror = null;\n                  e.target.src = \"https://cdn.dev.fun/asset/fb8dc2464c11782c720d/user-placeholder.png\";\n                }} /> : <div className=\"h-10 w-10 bg-[#414360] flex items-center justify-center text-sm font-bold text-white rounded-full border border-[#2a2a3e]\">\n                          {user.twitterUsername ? user.twitterUsername.substring(0, 2).toUpperCase() : user.walletAddress?.substring(0, 2) || 'U'}\n                        </div>}\n                    </td>\n                    <td className=\"p-3 font-bold\">@{user.twitterUsername}</td>\n                    <td className=\"p-3 font-mono text-xs\">{user.walletAddress ? `${user.walletAddress.substring(0, 6)}...${user.walletAddress.substring(user.walletAddress.length - 4)}` : 'No wallet'}</td>\n                    <td className=\"p-3 text-[#4FD48E]\">{Number(user.totalBlabz || 0).toFixed(2)}</td>\n                    <td className=\"p-3 text-xs\">{user.lastTwitterUpdate ? new Date(user.lastTwitterUpdate).toLocaleString() : 'Never'}</td>\n                    <td className=\"p-3\">\n                      <div className=\"flex gap-2 flex-wrap justify-end\">\n                        <button onClick={() => handleToggleFeatureUser(user)} className={`${user.isFeatured ? 'bg-purple-600 hover:bg-purple-700' : 'bg-gray-600 hover:bg-gray-700'} text-white px-3 py-1 text-xs font-medium transition-colors`}>\n                          {user.isFeatured ? 'Unfeature' : 'Feature'} Feed\n                        </button>\n                        <button onClick={() => handleSyncUserProfile(user)} disabled={syncingUserId === user.id || !user.walletAddress} className=\"bg-green-600 hover:bg-green-700 text-white px-3 py-1 text-xs font-medium transition-colors disabled:opacity-50\">\n                          {syncingUserId === user.id ? 'Syncing...' : 'Resync Profile'}\n                        </button>\n                        <button onClick={() => handleFetchUserBlabz(user)} disabled={fetchingPostsUserId === user.id || !user.twitterUsername || !user.walletAddress} className=\"bg-[#4FD48E] hover:bg-[#3DB271] text-[#1A1A28] px-3 py-1 text-xs font-medium transition-colors disabled:opacity-50\">\n                          {fetchingPostsUserId === user.id ? <div className=\"scale-50\"><LoadingIndicator text=\"\" color=\"#F6D659\" /></div> : 'Fetch Blabz'}\n                        </button>\n                        <button onClick={() => handleRestoreUserPoints(user.id)} className=\"bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 text-xs font-medium transition-colors\">\n                          Restore Blabz\n                        </button>\n                        <button onClick={() => handleClearUserPoints(user.id)} className=\"bg-yellow-600 hover:bg-yellow-700 text-white px-3 py-1 text-xs font-medium transition-colors\">\n                          Reset Blabz\n                        </button>\n                        <button onClick={() => handleDeleteUser(user.id, user.twitterUsername)} className=\"bg-red-600 hover:bg-red-700 text-white px-3 py-1 text-xs font-medium transition-colors\">\n                          Delete User\n                        </button>\n                      </div>\n                    </td>\n                  </tr>)}\n              </tbody>\n            </table>\n          </div>\n        </div>}\n      {selectedTab === 'projects' && <div className=\"bg-[#1A1A28] border border-[#2a2a3e] p-4 md:p-6\">\n          <h2 className=\"text-xl font-bold mb-4\">Project Management</h2>\n          {projectSyncResult && <div className={`mb-4 p-3 border ${projectSyncResult.success ? 'bg-green-900/30 border-green-500 text-green-300' : 'bg-red-900/30 border-red-500 text-red-300'}`}>\n              {projectSyncResult.message}\n            </div>}\n          <div className=\"overflow-x-auto\">\n            <table className=\"w-full text-left\">\n              <thead className=\"bg-[#2D2F4B] text-xs uppercase text-white/70\">\n                <tr>\n                  <th className=\"p-3\">Project Name</th>\n                  <th className=\"p-3\">Symbol</th>\n                  <th className=\"p-3\">Total Blabz</th>\n                  <th className=\"p-3\">User Count</th>\n                  <th className=\"p-3\">Created</th>\n                  <th className=\"p-3 text-right\">Actions</th>\n                </tr>\n              </thead>\n              <tbody className=\"divide-y divide-[#2a2a3e]\">\n                {allProjects.map(project => <tr key={project.id} className=\"hover:bg-[#242435]\">\n                    <td className=\"p-3\">\n                      <div className=\"flex items-center gap-2\">\n                        {project.twitterProfileImage ? <img src={project.twitterProfileImage} alt={project.name} className=\"h-8 w-8 object-cover border border-[#2a2a3e] rounded-full\" /> : <div className=\"h-8 w-8 bg-[#414360] border border-[#2a2a3e] flex items-center justify-center text-xs font-bold text-[#4FD48E] rounded-full\">\n                            {project.symbol?.substring(0, 2)}\n                          </div>}\n                        <div>\n                          <div className=\"font-bold\">{project.name}</div>\n                          {project.verified && <span className=\"text-xs bg-[#414360] px-1 py-0.5 text-[#4FD48E] border border-[#2a2a3e]\">Verified</span>}\n                          {project.isDevcoin && <span className=\"text-xs bg-[#414360] px-1 py-0.5 text-[#FFAC33] border border-[#2a2a3e] ml-1\">Devcoin</span>}\n                        </div>\n                      </div>\n                    </td>\n                    <td className=\"p-3 font-mono text-[#4FD48E]\">${project.symbol}</td>\n                    <td className=\"p-3 text-[#4FD48E]\">{Number(project.totalBlabz || 0).toFixed(2)}</td>\n                    <td className=\"p-3\">{project.userCount || 0}</td>\n                    <td className=\"p-3 text-xs\">{project.createdAt ? new Date(project.createdAt).toLocaleDateString() : 'Unknown'}</td>\n                    <td className=\"p-3\">\n                      <div className=\"flex gap-2 flex-wrap justify-end\">\n                        <button onClick={() => {\n                    setEditingProject(project);\n                    setEditedProject({\n                      ...project\n                    });\n                    setShowProjectEditModal(true);\n                  }} className=\"bg-blue-600 hover:bg-blue-700 text-white px-3 py-1 text-xs font-medium transition-colors\">\n                          Edit\n                        </button>\n                        <button onClick={() => handleSyncProjectDetails(project)} disabled={syncingProjectId === project.id} className=\"bg-green-600 hover:bg-green-700 text-white px-3 py-1 text-xs font-medium transition-colors disabled:opacity-50\">\n                          {syncingProjectId === project.id ? 'Syncing...' : 'Sync Details'}\n                        </button>\n                        <button onClick={() => handleResyncProjectBlabz(project)} disabled={syncingProjectId === project.id} className=\"bg-[#4FD48E] hover:bg-[#3DB271] text-[#1A1A28] px-3 py-1 text-xs font-medium transition-colors disabled:opacity-50\">\n                          {syncingProjectId === project.id ? <div className=\"scale-50\"><LoadingIndicator text=\"\" color=\"#F6D659\" /></div> : 'Resync Blabz'}\n                        </button>\n                        <button onClick={async () => {\n                    setSyncingProjectId(project.id);\n                    await recalculateProjectStats(devbaseClient);\n                    const updatedProjects = await devbaseClient.listEntities('projects');\n                    setAllProjects(updatedProjects.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n                    setSyncingProjectId(null);\n                    setProjectSyncResult({\n                      success: true,\n                      message: `Project stats recalculated for ${project.name}!`\n                    });\n                  }} disabled={syncingProjectId === project.id} className=\"bg-purple-600 hover:bg-purple-700 text-white px-3 py-1 text-xs font-medium transition-colors disabled:opacity-50\">\n                          {syncingProjectId === project.id ? 'Calculating...' : 'Recalc Stats'}\n                        </button>\n                        <button onClick={() => handleDeleteProject(project.id, project.name)} className=\"bg-red-600 hover:bg-red-700 text-white px-3 py-1 text-xs font-medium transition-colors\">\n                          Delete\n                        </button>\n                      </div>\n                    </td>\n                  </tr>)}\n              </tbody>\n            </table>\n          </div>\n        </div>}\n      {selectedTab === 'posts' && <div className=\"bg-[#1A1A28] border border-[#2a2a3e] p-4 md:p-6\">\n          <h2 className=\"text-xl font-bold mb-4\">Blab Management</h2>\n          <div className=\"space-y-4\">\n            {allBlabz.map(post => <div key={post.id} className=\"bg-[#414360] p-4 border border-[#2a2a3e]\">\n                <div className=\"flex justify-between items-start mb-2\">\n                  <div className=\"flex items-center gap-2\">\n                    <div className=\"text-xs px-2 py-1 bg-[#1A1A28] border border-[#2a2a3e]\">\n                      {new Date(post.postedAt).toLocaleDateString('en-US', {\n                  month: 'short',\n                  day: 'numeric'\n                })}\n                    </div>\n                    <div className=\"text-xs px-2 py-1 bg-[#1A1A28] border border-[#2a2a3e]\">\n                      {post.userId?.substring(0, 8)}...\n                    </div>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <div className=\"bg-[#1A1A28] px-2 py-1 text-xs font-bold text-[#4FD48E] flex items-center gap-1 border border-[#2a2a3e]\">\n                      +{Number(post.blabz || 0).toFixed(2)} BLABZ\n                    </div>\n                    <motion.button whileHover={{\n                scale: 1.05\n              }} whileTap={{\n                scale: 0.95\n              }} onClick={() => handleDeleteBlab(post.id)} className=\"bg-red-600 text-white p-1\">\n                      <X className=\"h-4 w-4\" />\n                    </motion.button>\n                  </div>\n                </div>\n                <p className=\"text-sm bg-[#1A1A28] p-3 border-l-2 border-red-400\">\n                  {post.content}\n                </p>\n              </div>)}\n          </div>\n        </div>}\n      {selectedTab === 'settings' && <div className=\"bg-[#1A1A28] border border-[#2a2a3e] p-6\">\n          <h2 className=\"text-xl font-bold mb-6\">System Settings</h2>\n          <div className=\"space-y-6\">\n            <div className=\"bg-[#414360] p-4 border border-[#2a2a3e]\">\n              <h3 className=\"font-bold mb-3\">Badge Thresholds</h3>\n              <div className=\"space-y-3 mb-4\">\n                <div className=\"flex justify-between items-center bg-[#1A1A28] p-3 border border-[#2a2a3e]\">\n                  <span>Devcoin Enthusiast</span>\n                  <input type=\"number\" className=\"w-20 bg-[#2D2F4B] border border-[#2a2a3e] p-1 text-white text-center\" defaultValue=\"10\" />\n                </div>\n                <div className=\"flex justify-between items-center bg-[#1A1A28] p-3 border border-[#2a2a3e]\">\n                  <span>Active Blabber</span>\n                  <input type=\"number\" className=\"w-20 bg-[#2D2F4B] border border-[#2a2a3e] p-1 text-white text-center\" defaultValue=\"50\" />\n                </div>\n                <div className=\"flex justify-between items-center bg-[#1A1A28] p-3 border border-[#2a2a3e]\">\n                  <span>Solana Star</span>\n                  <input type=\"number\" className=\"w-20 bg-[#2D2F4B] border border-[#2a2a3e] p-1 text-white text-center\" defaultValue=\"100\" />\n                </div>\n                <div className=\"flex justify-between items-center bg-[#1A1A28] p-3 border border-[#2a2a3e]\">\n                  <span>Hype Master</span>\n                  <input type=\"number\" className=\"w-20 bg-[#2D2F4B] border border-[#2a2a3e] p-1 text-white text-center\" defaultValue=\"200\" />\n                </div>\n                <div className=\"flex justify-between items-center bg-[#1A1A28] p-3 border border-[#2a2a3e]\">\n                  <span>Devcoin Legend</span>\n                  <input type=\"number\" className=\"w-20 bg-[#2D2F4B] border border-[#2a2a3e] p-1 text-white text-center\" defaultValue=\"500\" />\n                </div>\n              </div>\n              <button className=\"bg-red-600 hover:bg-red-700 text-white px-4 py-2 font-medium transition-colors\">\n                Update Thresholds\n              </button>\n            </div>\n            <div className=\"bg-[#414360] p-4 border border-[#2a2a3e]\">\n              <h3 className=\"font-bold mb-3\">Admin Access</h3>\n              <div className=\"bg-[#1A1A28] p-3 border border-[#2a2a3e] mb-4\">\n                <label className=\"block text-sm mb-1\">Admin Wallet Address</label>\n                <input type=\"text\" className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white font-mono\" defaultValue=\"DtdnqvRddQspZvRV5SJX2DeqxmLYef7Hqn9LFK9LioJS\" readOnly />\n              </div>\n              <div className=\"flex justify-between\">\n                <button className=\"bg-green-600 hover:bg-green-700 text-white px-4 py-2 font-medium transition-colors\">\n                  Add Admin\n                </button>\n                <button className=\"bg-red-600 hover:bg-red-700 text-white px-4 py-2 font-medium transition-colors\">\n                  Revoke Admin\n                </button>\n              </div>\n            </div>\n            <div className=\"bg-[#414360] p-4 border border-[#2a2a3e]\">\n              <h3 className=\"font-bold mb-3\">System Actions</h3>\n              <div className=\"bg-[#1A1A28] p-3 border border-[#2a2a3e] space-y-3\">\n                <p className=\"text-sm mb-2 text-[#A6A6A6]\">User points are automatically recalculated whenever new community blabz are loaded. This process is now fully automated.</p>\n                <button onClick={handleRestoreAllUserPoints} className=\"w-full bg-green-600 hover:bg-green-700 text-white px-4 py-2 font-medium transition-colors\">\n                  Recalculate & Restore All User Blabz\n                </button>\n                <p className=\"text-xs text-[#A6A6A6]\">Recalculates and restores blabz points for all users based on their historical posts. Also saves a leaderboard snapshot. Use this if points seem out of sync.</p>\n                <button onClick={saveLeaderboardSnapshot} className=\"w-full bg-blue-600 hover:bg-blue-700 text-white px-4 py-2 font-medium transition-colors\">\n                  Save Current Leaderboard Snapshot\n                </button>\n                <p className=\"text-xs text-[#A6A6A6]\">Saves the current leaderboard state to the database for historical tracking and analytics.</p>\n              </div>\n              <div className=\"bg-[#1A1A28] p-3 border border-[#2a2a3e] mt-3\">\n                <h4 className=\"font-bold mb-2 text-[#4FD48E]\">Global Sync Status</h4>\n                {globalSyncStatus.isRunning ? <div className=\"space-y-2\">\n                    <div className=\"flex items-center gap-2\">\n                      <div className=\"h-2 w-2 bg-[#4FD48E] rounded-full animate-pulse\"></div>\n                      <span className=\"text-sm text-[#4FD48E]\">Global sync is running</span>\n                    </div>\n                    <div className=\"text-xs text-[#A6A6A6]\">\n                      Current: @{globalSyncStatus.currentUser} ({globalSyncStatus.queuePosition}/{globalSyncStatus.totalUsers})\n                    </div>\n                    {globalSyncStatus.lastSyncTime && <div className=\"text-xs text-[#A6A6A6]\">\n                        Last sync: {new Date(globalSyncStatus.lastSyncTime).toLocaleTimeString()}\n                      </div>}\n                  </div> : <div className=\"space-y-2\">\n                    <div className=\"flex items-center gap-2\">\n                      <div className=\"h-2 w-2 bg-[#A6A6A6] rounded-full\"></div>\n                      <span className=\"text-sm text-[#A6A6A6]\">Global sync is idle</span>\n                    </div>\n                    {globalSyncStatus.lastSyncTime && <div className=\"text-xs text-[#A6A6A6]\">\n                        Last sync: {new Date(globalSyncStatus.lastSyncTime).toLocaleTimeString()}\n                      </div>}\n                  </div>}\n            <div className=\"text-xs text-[#A6A6A6] mt-2\">\n                  The global sync system automatically processes all users every 2 hours, with 5-minute intervals between each user.\n                </div>\n              </div>\n            </div>\n            <div className=\"bg-[#414360] p-4 border border-[#2a2a3e]\">\n              <h3 className=\"font-bold mb-3\">System Controls</h3>\n              <div className=\"bg-[#1A1A28] p-3 border border-[#2a2a3e] space-y-4\">\n                <div className=\"flex items-center justify-between\">\n                  <div>\n                    <div className=\"font-medium\">Global Sync System</div>\n                    <div className=\"text-xs text-[#A6A6A6]\">Automatically sync all users every 2 hours</div>\n                  </div>\n                  <label className=\"relative inline-flex items-center cursor-pointer\">\n                    <input type=\"checkbox\" checked={adminSettings.globalSyncEnabled} onChange={async e => {\n                  const newSettings = {\n                    ...adminSettings,\n                    globalSyncEnabled: e.target.checked\n                  };\n                  setAdminSettings(newSettings);\n                  try {\n                    const existingSettings = await devbaseClient.listEntities('admin_settings');\n                    if (existingSettings.length > 0) {\n                      await devbaseClient.updateEntity('admin_settings', existingSettings[0].id, newSettings);\n                    } else {\n                      await devbaseClient.createEntity('admin_settings', newSettings);\n                    }\n                  } catch (error) {\n                    console.error('Error saving admin settings:', error);\n                  }\n                }} className=\"sr-only\" />\n                    <div className={`w-11 h-6 ${adminSettings.globalSyncEnabled ? 'bg-[#4FD48E]' : 'bg-[#414360]'} rounded-full peer`}>\n                      <div className={`w-5 h-5 bg-white rounded-full transition-transform ${adminSettings.globalSyncEnabled ? 'translate-x-5' : 'translate-x-0'} mt-0.5 ml-0.5`}></div>\n                    </div>\n                  </label>\n                </div>\n              </div>\n            </div>\n            <div className=\"bg-[#414360] p-4 border border-[#2a2a3e]\">\n              <h3 className=\"font-bold mb-3 text-red-400\">Danger Zone</h3>\n              <div className=\"bg-[#1A1A28] p-3 border border-red-500/50 space-y-3\">\n                <p className=\"text-sm mb-2\">These actions are irreversible. Be absolutely sure.</p>\n                <button onClick={handleCleanDuplicateUsers} className=\"bg-orange-600 hover:bg-orange-700 text-white px-4 py-2 font-medium transition-colors w-full\">\n                  Clean Duplicate Users from Database\n                </button>\n                <p className=\"text-xs text-[#A6A6A6]\">Permanently removes duplicate user records. Keeps users with highest blabz and most recent data.</p>\n                <button onClick={handleCleanDuplicatePosts} className=\"bg-orange-600 hover:bg-orange-700 text-white px-4 py-2 font-medium transition-colors w-full\">\n                  Clean Duplicate Posts from Database\n                </button>\n                <p className=\"text-xs text-[#A6A6A6]\">Permanently removes duplicate post records based on Post URL/ID. This will also trigger a full recalculation of all user points.</p>\n                <button onClick={handleClearAllBlabz} className=\"bg-red-600 hover:bg-red-700 text-white px-4 py-2 font-medium transition-colors w-full\">\n                  Clear All Blabz from Database\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>}\n      {selectedTab === 'logs' && <LogsTab logs={allLogs} paymentLogs={paymentLogs} />}\n      {}\n      {showProjectEditModal && editingProject && <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-75 p-4\">\n          <motion.div initial={{\n        opacity: 0,\n        scale: 0.9\n      }} animate={{\n        opacity: 1,\n        scale: 1\n      }} exit={{\n        opacity: 0,\n        scale: 0.9\n      }} className=\"bg-[#1A1A28] border-2 border-[#4FD48E] w-full max-w-2xl max-h-[85vh] overflow-y-auto\">\n            <div className=\"bg-[#414360] py-3 px-4 flex items-center justify-between border-b border-[#2a2a3e]\">\n              <div className=\"flex items-center gap-2\">\n                <Settings className=\"h-5 w-5 text-[#4FD48E]\" />\n                <h2 className=\"text-lg font-bold font-mono\">admin_edit_project.sh</h2>\n              </div>\n              <button onClick={() => {\n            setShowProjectEditModal(false);\n            setEditingProject(null);\n            setEditedProject(null);\n          }} className=\"text-white hover:text-[#4FD48E]\">\n                <X className=\"h-5 w-5\" />\n              </button>\n            </div>\n            <div className=\"p-6\">\n              <form onSubmit={e => {\n            e.preventDefault();\n            const formData = new FormData(e.target);\n            const updatedProject = {\n              name: formData.get('name'),\n              symbol: formData.get('symbol'),\n              description: formData.get('description'),\n              twitter: formData.get('twitter'),\n              telegram: formData.get('telegram'),\n              website: formData.get('website'),\n              contractAddress: formData.get('contractAddress'),\n              isDevcoin: formData.get('isDevcoin') === 'on',\n              verified: formData.get('verified') === 'on'\n            };\n            handleEditProject(updatedProject);\n          }} className=\"space-y-4\">\n                <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                  <div>\n                    <label className=\"block text-[#A6A6A6] text-sm mb-1\">Project Name*</label>\n                    <input type=\"text\" name=\"name\" defaultValue={editingProject.name} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#4FD48E] outline-none\" required />\n                  </div>\n                  <div>\n                    <label className=\"block text-[#A6A6A6] text-sm mb-1\">Symbol*</label>\n                    <input type=\"text\" name=\"symbol\" defaultValue={editingProject.symbol} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#4FD48E] outline-none\" required />\n                  </div>\n                </div>\n                <div>\n                  <label className=\"block text-[#A6A6A6] text-sm mb-1\">Description*</label>\n                  <textarea name=\"description\" defaultValue={editingProject.description} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#4FD48E] outline-none h-20\" required>

\n Twitter Handle\n \n

\n Telegram\n \n

\n Website\n \n

\n Keywords (comma-separated)*\n setEditedProject({\n ...editedProject,\n keywords: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#4FD48E] outline-none\" placeholder=\"devfun, solana, token, dev (will be used to track mentions)\" />\n

Words used to identify mentions of your project on X

\n setEditedProject({\n ...editedProject,\n isDevcoin: e.target.checked\n })} className=\"h-4 w-4 accent-[#4FD48E]\" />\n This is a Devcoin project\n

\n \n Verified project\n

\n \n \n

\n \n

}\n

;\n}\nfunction LogsTab({\n logs,\n paymentLogs\n}) {\n return

Site Activity Logs

\n {logs.length > 0 ? logs.map(log =>

\n {log.type.toUpperCase()}\n {getRelativeTime(log.timestamp)}\n

{log.message}

) :

No activity logs found.

}\n

Payment Logs

\n {paymentLogs.length > 0 ? paymentLogs.map(payment =>

\n PAYMENT\n {getRelativeTime(payment.createdAt)}\n

User {payment.userId} paid {payment.amount} SOL.

Signature: {payment.signature}

) :

No payment logs found.

}\n

;\n}\nfunction ProjectsPage({\n isAdmin\n}) {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const {\n setVisible\n } = useWalletModal();\n const [sortBy, setSortBy] = useState('totalBlabz');\n const [sortDirection, setSortDirection] = useState('desc');\n const [filter, setFilter] = useState('all');\n const [isLoading, setIsLoading] = useState(true);\n const [projects, setProjects] = useState([]);\n const [pinnedProjects, setPinnedProjects] = useState([]);\n const [searchInput, setSearchInput] = useState('');\n const [searchQuery, setSearchQuery] = useState('');\n const [showCreateModal, setShowCreateModal] = useState(false);\n const [newProject, setNewProject] = useState({\n name: '',\n symbol: '',\n description: '',\n twitter: '',\n telegram: '',\n website: '',\n contractAddress: '',\n isDevcoin: false,\n keywords: ''\n });\n const [formError, setFormError] = useState('');\n const [isSubmitting, setIsSubmitting] = useState(false);\n const [isPaid, setIsPaid] = useState(false);\n const [isPaying, setIsPaying] = useState(false);\n const isFormValid = useMemo(() => {\n return newProject.name && newProject.description && newProject.website;\n }, [newProject]);\n const handleSearch = () => {\n setSearchQuery(searchInput);\n };\n const handleSort = column => {\n if (sortBy === column) {\n setSortDirection(sortDirection === 'asc' ? 'desc' : 'asc');\n } else {\n setSortBy(column);\n setSortDirection('desc');\n }\n };\n const loadProjects = async () => {\n if (!devbaseClient) return;\n setIsLoading(true);\n try {\n console.log('[ProjectsPage] Starting project load...');\n await recalculateProjectStats(devbaseClient);\n const projectsData = await devbaseClient.listEntities('projects');\n console.log(`[ProjectsPage] Loaded ${projectsData.length} projects from devbase.`);\n setProjects(projectsData);\n try {\n const pinnedData = await devbaseClient.listEntities('pinned_projects');\n setPinnedProjects(pinnedData.map(p => p.projectId));\n } catch (error) {\n console.error('Error loading pinned projects:', error);\n setPinnedProjects([]);\n }\n } catch (error) {\n console.error('[ProjectsPage] Error reloading projects:', error);\n } finally {\n setIsLoading(false);\n console.log('[ProjectsPage] Project load finished.');\n }\n };\n useEffect(() => {\n loadProjects();\n }, [devbaseClient]);\n const filteredProjects = useMemo(() => {\n if (!projects || !Array.isArray(projects) || projects.length === 0) {\n console.log('No projects available to filter');\n return [];\n }\n console.log(`Filtering ${projects.length} projects from local state`);\n let filtered = [...projects];\n if (searchQuery) {\n filtered = filtered.filter(project => project.name && project.name.toLowerCase().includes(searchQuery.toLowerCase()) || project.symbol && project.symbol.toLowerCase().includes(searchQuery.toLowerCase()) || project.description && project.description.toLowerCase().includes(searchQuery.toLowerCase()) || project.keywords && project.keywords.toLowerCase().includes(searchQuery.toLowerCase()));\n }\n if (filter !== 'all') {\n if (filter === 'verified') {\n filtered = filtered.filter(project => project.verified === true);\n } else if (filter === 'devcoin') {\n filtered = filtered.filter(project => project.isDevcoin === true);\n } else if (filter === 'pinned') {\n filtered = filtered.filter(project => pinnedProjects.includes(project.id));\n }\n }\n const pinnedProjectsList = filtered.filter(project => pinnedProjects.includes(project.id));\n const unpinnedProjectsList = filtered.filter(project => !pinnedProjects.includes(project.id));\n const sortProjects = projectList => {\n return projectList.sort((a, b) => {\n let valueA = a[sortBy] || 0;\n let valueB = b[sortBy] || 0;\n if (typeof valueA === 'string' && typeof valueB === 'string') {\n valueA = valueA.toLowerCase();\n valueB = valueB.toLowerCase();\n }\n if (sortDirection === 'asc') {\n return valueA > valueB ? 1 : -1;\n } else {\n return valueA < valueB ? 1 : -1;\n }\n });\n };\n const sortedPinned = sortProjects(pinnedProjectsList);\n const sortedUnpinned = sortProjects(unpinnedProjectsList);\n console.log(`Returning ${filtered.length} filtered projects (${sortedPinned.length} pinned, ${sortedUnpinned.length} unpinned)`);\n return [...sortedPinned, ...sortedUnpinned];\n }, [projects, searchQuery, filter, sortBy, sortDirection, pinnedProjects]);\n const handleInputChange = e => {\n const {\n name,\n value,\n type,\n checked\n } = e.target;\n setNewProject(prev => ({\n ...prev,\n [name]: type === 'checkbox' ? checked : value\n }));\n };\n const resetForm = () => {\n setNewProject({\n name: '',\n symbol: '',\n description: '',\n twitter: '',\n telegram: '',\n website: '',\n contractAddress: '',\n isDevcoin: false,\n keywords: '',\n logo: ''\n });\n setFormError('');\n setIsPaid(false);\n };\n const handlePayment = async () => {\n if (!userWallet) {\n setFormError(\"Please connect your wallet to make a payment.\");\n setVisible(true);\n return;\n }\n if (!devbaseClient) {\n setFormError(\"Devbase client not available. Please reconnect.\");\n return;\n }\n setIsPaying(true);\n setFormError('');\n try {\n try {\n const connection = new (await import('@solana/web3.js')).Connection('https://rpc.dev.fun/fb8dc2464c11782c720d');\n const publicKey = new (await import('@solana/web3.js')).PublicKey(userWallet);\n const balance = await connection.getBalance(publicKey);\n const balanceInSol = balance / 1e9;\n if (balanceInSol < 0.11) {\n setFormError(`Insufficient SOL balance. You need at least 0.11 SOL (0.1 for submission + fees). Current balance: ${balanceInSol.toFixed(3)} SOL`);\n return;\n }\n } catch (balanceError) {\n console.warn('Could not check SOL balance:', balanceError);\n }\n const paymentEntity = await devbaseClient.createEntity('project_payments', {\n userId: userWallet,\n amount: 0.1,\n signature: 'devbase_handled'\n });\n setIsPaid(true);\n await logActivity(devbaseClient, 'payment', `User ${userWallet} paid 0.1 SOL for project submission.`, {\n paymentId: paymentEntity.id\n });\n } catch (error) {\n console.error(\"Payment failed:\", error);\n let errorMessage = \"Payment failed. Please try again.\";\n if (error.message.includes(\"insufficient funds\") || error.message.includes(\"Insufficient funds\")) {\n errorMessage = \"Insufficient SOL balance. You need at least 0.11 SOL (0.1 for submission + transaction fees).\";\n } else if (error.message.includes(\"User rejected\") || error.message.includes(\"rejected\")) {\n errorMessage = \"Payment was cancelled. Please approve the transaction in your wallet to continue.\";\n } else if (error.message.includes(\"Network\") || error.message.includes(\"RPC\")) {\n errorMessage = \"Network error occurred. Please check your connection and try again.\";\n } else if (error.message.includes(\"Transaction validation failed\")) {\n errorMessage = \"Transaction validation failed. Please ensure your wallet is properly connected and you have sufficient SOL balance (0.11 SOL minimum).\";\n } else if (error.message.includes(\"Wallet not connected\")) {\n errorMessage = \"Wallet connection lost. Please reconnect your wallet and try again.\";\n }\n setFormError(`ERROR: ${errorMessage}`);\n } finally {\n setIsPaying(false);\n }\n };\n const handleCreateProject = async e => {\n e.preventDefault();\n if (!isPaid) {\n setFormError(\"Payment must be completed before submitting.\");\n return;\n }\n if (!newProject.name || !newProject.description || !newProject.website) {\n setFormError('Please fill out all required fields (name, description, and website)');\n return;\n }\n setIsSubmitting(true);\n setFormError('');\n try {\n const keywordsArray = newProject.keywords.split(',').map(keyword => keyword.trim().toLowerCase()).filter(keyword => keyword.length > 0);\n if (keywordsArray.length === 0) {\n keywordsArray.push(newProject.name.toLowerCase(), newProject.symbol ? newProject.symbol.toLowerCase() : '');\n }\n const twitterHandle = newProject.twitter ? newProject.twitter.replace('@', '') : '';\n if (!twitterHandle) {\n setFormError('Twitter handle is required for project creation');\n return;\n }\n const apiResult = await fetchProjectDetails(twitterHandle, {\n name: newProject.name,\n keywords: keywordsArray,\n description: newProject.description,\n website: newProject.website,\n createdAt: new Date().toISOString()\n });\n if (!apiResult.success) {\n throw new Error(apiResult.error || 'Failed to create project via API');\n }\n const apiProject = apiResult.data;\n const devbaseProjectData = {\n name: newProject.name,\n symbol: newProject.symbol || '',\n description: newProject.description,\n twitter: twitterHandle,\n telegram: newProject.telegram || '',\n website: newProject.website || '',\n contractAddress: newProject.contractAddress || '',\n isDevcoin: newProject.isDevcoin || false,\n keywords: keywordsArray.join(', '),\n creator: userWallet,\n verified: false,\n createdAt: new Date().toISOString(),\n userCount: 0,\n totalBlabz: 0,\n paymentComplete: true,\n twitterFollowers: apiProject.followers_count || 0,\n twitterFollowing: apiProject.following_count || 0,\n twitterProfileImage: apiProject.profile_image_url || '',\n twitterBio: apiProject.description || '',\n twitterName: apiProject.name || '',\n twitterUsername: apiProject.twitterUsername || twitterHandle,\n twitterLastUpdated: new Date().toISOString()\n };\n const savedProject = await devbaseClient.createEntity('projects', devbaseProjectData);\n console.log('Project successfully saved to devbase:', savedProject.id);\n await logActivity(devbaseClient, 'project', `Project \"${savedProject.name}\" created by ${userWallet} via unified API.`, {\n projectId: savedProject.id,\n creator: userWallet,\n apiResponse: apiResult.message\n });\n if (apiResult.warning) {\n setFormError(`Project created successfully with warning: ${apiResult.warning}`);\n setTimeout(() => setFormError(''), 5000);\n }\n setShowCreateModal(false);\n resetForm();\n await loadProjects();\n } catch (error) {\n console.error('Error creating project:', error);\n setFormError(`Failed to create project. ${error.message}`);\n } finally {\n setIsSubmitting(false);\n }\n };\n const handlePinProject = async projectId => {\n if (!isAdmin) {\n alert('Only administrators can pin or unpin projects.');\n return;\n }\n try {\n const isPinned = pinnedProjects.includes(projectId);\n if (isPinned) {\n const pinnedEntries = await devbaseClient.listEntities('pinned_projects', {\n projectId\n });\n for (const entry of pinnedEntries) {\n await devbaseClient.deleteEntity('pinned_projects', entry.id);\n }\n setPinnedProjects(prev => prev.filter(id => id !== projectId));\n } else {\n await devbaseClient.createEntity('pinned_projects', {\n projectId,\n pinnedAt: new Date().toISOString(),\n pinnedBy: userWallet || 'anonymous'\n });\n setPinnedProjects(prev => [...prev, projectId]);\n }\n const project = projects.find(p => p.id === projectId);\n await logActivity(devbaseClient, 'project', `Project \"${project?.name || projectId}\" ${isPinned ? 'unpinned' : 'pinned'} by admin ${userWallet || 'anonymous'}.`, {\n projectId,\n action: isPinned ? 'unpin' : 'pin'\n });\n } catch (error) {\n console.error('Error toggling project pin:', error);\n }\n };\n const handleDeleteProject = async projectId => {\n if (window.confirm(\"Are you sure you want to delete this project? This action cannot be undone.\")) {\n try {\n const projectToDelete = projects.find(p => p.id === projectId);\n await devbaseClient.deleteEntity('projects', projectId);\n const pinnedEntries = await devbaseClient.listEntities('pinned_projects', {\n projectId\n });\n for (const entry of pinnedEntries) {\n await devbaseClient.deleteEntity('pinned_projects', entry.id);\n }\n await logActivity(devbaseClient, 'project', `Project \"${projectToDelete?.name || projectId}\" deleted by ${userWallet}.`, {\n projectId\n });\n loadProjects();\n } catch (error) {\n console.error('Error deleting project:', error);\n }\n }\n };\n const handleEditProject = project => {\n setNewProject({\n name: project.name,\n symbol: project.symbol,\n description: project.description,\n twitter: project.twitter || '',\n telegram: project.telegram || '',\n website: project.website || '',\n contractAddress: project.contractAddress || '',\n isDevcoin: project.isDevcoin || false,\n keywords: project.keywords || ''\n });\n setShowCreateModal(true);\n };\n return

\n \n

\n projects\n

\n {\n setShowCreateModal(true);\n setIsPaid(false);\n setFormError('');\n }} disabled={!userWallet} className={`${userWallet ? 'bg-[#5ACE90] hover:bg-[#3DB271]' : 'bg-[#414360] cursor-not-allowed'} text-[#1A1A28] px-4 py-2 font-bold flex items-center gap-2 transition-all`}>\n \n Submit Project\n Submit\n \n

\n \n \n

\n setFilter('all')} />\n setFilter('devcoin')} />\n setFilter('verified')} />\n

\n Sort by:\n \n \n

\n {isLoading ?

\n \n

: filteredProjects.length > 0 ?

\n {filteredProjects.map(project => handlePinProject(project.id)} onDelete={() => handleDeleteProject(project.id)} onEdit={() => handleEditProject(project)} />)}\n

\n \n

No projects found

Try adjusting your search or filters

}\n {}\n {showCreateModal &&

\n \n

More Options

\n \n

$ blabzr --submit-project

\n Submit your Solana project to be tracked by BLABZR! Any token, startup, or project on Solana can join and earn points through community engagement.\n

\n {formError &&

\n ERROR: {formError}\n

}\n

\n Project Name*\n \n

\n Symbol\n \n

\n Description*\n \n

\n Twitter Handle\n

\n @\n

\n \n

\n Telegram Link\n \n

\n Website*\n \n

\n Contract Address\n \n

\n Keywords (comma-separated)*\n \n

Words used to identify mentions of your project on X

\n \n This is a Devcoin project\n

\n \n {!isPaid ? : }\n

\n \n

}\n

;\n}\nasync function fetchProjectDetails(twitterUsername, projectData) {\n const API_BASE_URL = 'https://blabbers.onrender.com/solcontent';\n try {\n console.log(`[API] Fetching/creating project details for: ${twitterUsername}`);\n const controller = new AbortController();\n const timeoutId = setTimeout(() => controller.abort(), 15000);\n const response = await fetch(`${API_BASE_URL}/projects/${encodeURIComponent(twitterUsername)}`, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n name: projectData.name,\n keywords: projectData.keywords || [],\n description: projectData.description,\n website: projectData.website,\n createdAt: projectData.createdAt || new Date().toISOString()\n }),\n signal: controller.signal\n });\n clearTimeout(timeoutId);\n const responseData = await response.json();\n if (!response.ok) {\n console.error('[API] Project operation failed:', responseData);\n return {\n success: false,\n error: responseData.error || 'Failed to save/fetch project data',\n details: responseData.details || responseData.error\n };\n }\n console.log(`[API] Project operation successful for ${twitterUsername}:`, responseData);\n return {\n success: true,\n data: responseData.project,\n message: responseData.message || 'Project data saved successfully',\n warning: responseData.warning\n };\n } catch (error) {\n console.error(`[API] Error in project operation for ${twitterUsername}:`, error.message);\n const isFetchTimeout = error.name === 'AbortError';\n return {\n success: false,\n error: isFetchTimeout ? 'Request timed out during operation' : 'Network or server error during operation',\n details: error.message\n };\n }\n}\nasync function fetchProjectTwitterDetails(twitterHandle, projectDataForRegistration = null) {\n const API_BASE_URL = 'https://blabbers.onrender.com/solcontent';\n try {\n if (!twitterHandle) {\n throw new Error('Twitter handle is required');\n }\n const cleanHandle = twitterHandle.replace('@', '');\n console.log(`[API] Fetching Twitter details for handle: @${cleanHandle}`);\n console.log(`[API] Full request URL: ${API_BASE_URL}/project-details/${encodeURIComponent(cleanHandle)}`);\n const controller = new AbortController();\n const timeoutId = setTimeout(() => controller.abort(), 15000);\n const response = await fetch(`${API_BASE_URL}/project-details/${encodeURIComponent(cleanHandle)}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json'\n },\n signal: controller.signal\n });\n clearTimeout(timeoutId);\n const responseData = await response.json();\n if (!response.ok) {\n console.error(`[API] Response error (${response.status}) for project Twitter details:`, responseData);\n console.error(`[API] Request URL was: ${API_BASE_URL}/project-details/${encodeURIComponent(cleanHandle)}`);\n if (response.status === 404) {\n console.warn(`[API] Project @${cleanHandle} not found in SolContent database. Attempting to register...`);\n if (projectDataForRegistration) {\n console.log(`[API] Project @${cleanHandle} not found, attempting registration would be here`);\n return {\n success: false,\n error: 'Project registration not implemented',\n details: 'Project registration functionality not available',\n is404: true,\n fallbackData: {\n twitterFollowers: 0,\n twitterFollowing: 0,\n twitterProfileImage: '',\n twitterBio: `Twitter data unavailable - @${cleanHandle} not found`,\n twitterLastUpdated: new Date().toISOString(),\n twitterUsername: cleanHandle,\n twitterName: projectDataForRegistration.name || cleanHandle\n }\n };\n }\n return {\n success: false,\n error: 'Project not found in SolContent database',\n details: `The project @${cleanHandle} doesn't exist in the external API database. This could mean: 1) The project hasn't been registered with SolContent yet, 2) The Twitter handle is incorrect, or 3) The project was removed from the external database.`,\n is404: true,\n fallbackData: {\n twitterFollowers: 0,\n twitterFollowing: 0,\n twitterProfileImage: '',\n twitterBio: `Twitter data unavailable - @${cleanHandle} not found in SolContent database`,\n twitterLastUpdated: new Date().toISOString(),\n twitterUsername: cleanHandle,\n twitterName: cleanHandle\n }\n };\n }\n if (response.status === 400) {\n return {\n success: false,\n error: 'No Twitter username associated with this project',\n details: responseData.details || 'Project has no Twitter account configured',\n fallbackData: {\n twitterFollowers: 0,\n twitterFollowing: 0,\n twitterProfileImage: '',\n twitterBio: 'No Twitter account configured',\n twitterLastUpdated: new Date().toISOString()\n }\n };\n }\n if (response.status === 429) {\n return {\n success: false,\n error: 'Twitter API rate limit exceeded',\n details: 'Twitter API is temporarily rate limited. Using cached data.',\n isRateLimit: true,\n fallbackData: {\n twitterFollowers: 0,\n twitterFollowing: 0,\n twitterProfileImage: '',\n twitterBio: 'Profile temporarily unavailable due to API limits',\n twitterLastUpdated: new Date().toISOString()\n }\n };\n }\n return {\n success: false,\n error: responseData.error || 'Failed to fetch project Twitter details',\n details: responseData.details || responseData.error,\n fallbackData: {\n twitterFollowers: 0,\n twitterFollowing: 0,\n twitterProfileImage: '',\n twitterBio: '',\n twitterLastUpdated: new Date().toISOString()\n }\n };\n }\n console.log(`[API] Project Twitter details for @${cleanHandle} successfully fetched:`, responseData);\n if (responseData.warning) {\n console.warn(`[API] Warning for @${cleanHandle}: ${responseData.warning}`);\n }\n const profileImageUrl = responseData.profile_image_url ? responseData.profile_image_url.replace('_normal', '_400x400') : '';\n const twitterData = {\n twitterFollowers: responseData.followers_count || 0,\n twitterFollowing: responseData.following_count || 0,\n twitterProfileImage: profileImageUrl,\n twitterBio: responseData.description || responseData.bio || '',\n twitterLastUpdated: new Date().toISOString(),\n twitterUsername: responseData.username || '',\n twitterName: responseData.name || ''\n };\n return {\n success: true,\n data: twitterData,\n message: `Twitter details fetched for @${cleanHandle}`,\n warning: responseData.warning\n };\n } catch (error) {\n console.error(`[API] Error fetching Twitter details for @${cleanHandle}:`, error.message);\n const isFetchTimeout = error.name === 'AbortError';\n return {\n success: false,\n error: isFetchTimeout ? 'Request timed out' : 'Network or server error',\n details: error.message,\n fallbackData: {\n twitterFollowers: 0,\n twitterFollowing: 0,\n twitterProfileImage: '',\n twitterBio: isFetchTimeout ? 'Data temporarily unavailable' : '',\n twitterLastUpdated: new Date().toISOString()\n }\n };\n }\n}\nfunction ProjectCard({\n project,\n isAdmin,\n isPinned,\n onPin,\n onDelete,\n onEdit\n}) {\n const navigate = useNavigate();\n const handleProjectClick = () => {\n navigate(`/projects/${project.id}`);\n };\n return \n {isPinned &&

\n \n \n \n

}\n

\n {isAdmin && {\n e.preventDefault();\n e.stopPropagation();\n onPin();\n }} className={`p-1 border border-[#2a2a3e] cursor-pointer transition-colors ${isPinned ? 'bg-[#4FD48E] text-[#1A1A28]' : 'bg-[#414360] text-white hover:bg-[#5A5C75]'}`} title={isPinned ? \"Unpin Project\" : \"Pin Project\"} type=\"button\">\n \n }\n {isAdmin && <>\n {\n e.preventDefault();\n e.stopPropagation();\n onEdit();\n }} className=\"p-1 bg-[#414360] text-white border border-[#2a2a3e] cursor-pointer\" title=\"Edit Project\" type=\"button\">\n \n \n {\n e.preventDefault();\n e.stopPropagation();\n onDelete();\n }} className=\"p-1 bg-red-600 text-white border border-[#2a2a3e] cursor-pointer\" title=\"Delete Project\" type=\"button\">\n \n \n }\n

\n {project.twitterProfileImage ? {project.name}

{project.symbol?.substring(0, 2)}

}\n

{project.name}

\n {isPinned &&

Pinned

}\n {project.verified &&

Verified

}\n {project.isDevcoin &&

Devcoin

}\n

${project.symbol}

{project.twitter}

\n {project.contractAddress && <>\n

{project.contractAddress.substring(0, 6)}...{project.contractAddress.substring(project.contractAddress.length - 4)}

\n }\n

{project.description}

{project.totalBlabz || 0}

Total Blabz

{project.userCount || 0}

Unique Blabbers

\n {(project.twitterFollowers || 0).toLocaleString()}\n

Twitter Follows

\n \n \n

\n {isAdmin &&

Admin Actions:

\n \n \n

}\n ;\n}\nfunction ProjectDetailPage({\n devbaseClient,\n userWallet\n}) {\n const {\n projectId\n } = useParams();\n const navigate = useNavigate();\n const [project, setProject] = useState(null);\n const [isLoading, setIsLoading] = useState(true);\n const [isRefreshing, setIsRefreshing] = useState(false);\n const [, setCurrentUserId] = useState('');\n const [currentUserTwitterUsername, setCurrentUserTwitterUsername] = useState('');\n useEffect(() => {\n window.scrollTo(0, 0);\n }, [projectId]);\n useEffect(() => {\n const getUserId = async () => {\n if (userWallet && devbaseClient) {\n try {\n const allUsers = await devbaseClient.listEntities('users');\n const users = allUsers.filter(u => u.walletAddress === userWallet);\n if (users && users.length > 0) {\n setCurrentUserId(users[0].id);\n setCurrentUserTwitterUsername(users[0].twitterUsername || '');\n }\n } catch (err) {\n console.error('Error fetching current user:', err);\n }\n }\n };\n getUserId();\n }, [userWallet, devbaseClient]);\n const [communityBlabz, setCommunityBlabz] = useState([]);\n const [projectLeaderboard, setProjectLeaderboard] = useState([]);\n const [isBlabzLoading, setIsBlabzLoading] = useState(true);\n const [tokenData, setTokenData] = useState(null);\n const [isTokenLoading, setIsTokenLoading] = useState(false);\n const [blabzFilter, setBlabzFilter] = useState('latest');\n const displayedBlabz = useMemo(() => {\n if (!communityBlabz) return [];\n let sorted = [...communityBlabz];\n switch (blabzFilter) {\n case 'latest':\n sorted.sort((a, b) => new Date(b.postedAt) - new Date(a.postedAt));\n break;\n case 'top-earners':\n sorted.sort((a, b) => (b.blabz || 0) - (a.blabz || 0));\n break;\n default:\n sorted.sort((a, b) => new Date(b.postedAt) - new Date(a.postedAt));\n }\n return sorted;\n }, [communityBlabz, blabzFilter]);\n const loadProject = async () => {\n if (!projectId || !devbaseClient) return;\n setIsLoading(true);\n try {\n const foundProject = await devbaseClient.getEntity('projects', projectId);\n if (foundProject) {\n console.log(`Loaded project ${foundProject.name} directly from devbase`);\n setProject(foundProject);\n setEditedProject({\n ...foundProject\n });\n if (userWallet && foundProject.creator === userWallet) {\n setIsCreator(true);\n }\n if (userWallet === \"DtdnqvRddQspZvRV5SJX2DeqxmLYef7Hqn9LFK9LioJS\") {\n setIsCreator(true);\n }\n if (currentUserTwitterUsername && foundProject.twitter) {\n const userTwitter = currentUserTwitterUsername.toLowerCase().replace('@', '');\n const projectTwitter = foundProject.twitter.toLowerCase().replace('@', '');\n if (userTwitter === projectTwitter) {\n setIsCreator(true);\n }\n }\n if (foundProject.contractAddress) {\n fetchTokenDetails(foundProject.contractAddress);\n }\n fetchProjectBlabz(foundProject);\n } else {\n console.error('Project not found in devbase');\n navigate('/projects');\n }\n } catch (error) {\n console.error('Error loading project from devbase:', error);\n navigate('/projects');\n } finally {\n setIsLoading(false);\n }\n };\n useEffect(() => {\n if (devbaseClient && projectId) {\n loadProject();\n }\n }, [projectId, devbaseClient, userWallet, currentUserTwitterUsername]);\n useEffect(() => {\n async function loadContests() {\n if (!devbaseClient || !projectId) return;\n try {\n const now = new Date();\n for (const contest of contestsData) {\n const endDateTime = new Date(contest.endDateTime || contest.endDate);\n if (endDateTime <= now && contest.isActive && !contest.isSnapshotted) {\n try {\n const contestPosts = await devbaseClient.listEntities('posts');\n const startDateTime = new Date(contest.startDateTime || contest.startDate);\n const relevantPosts = contestPosts.filter(post => {\n const postDate = new Date(post.postedAt);\n return postDate >= startDateTime && postDate <= endDateTime && post.project && (contest.projectId === 'general' || post.project && JSON.stringify(post.project).includes(contest.title));\n });\n const users = await devbaseClient.listEntities('users');\n const userMap = {};\n users.forEach(user => userMap[user.id] = user);\n const contestLeaderboard = {};\n relevantPosts.forEach(post => {\n if (post.userId && userMap[post.userId]) {\n if (!contestLeaderboard[post.userId]) {\n contestLeaderboard[post.userId] = {\n user: userMap[post.userId],\n blabz: 0,\n posts: 0\n };\n }\n contestLeaderboard[post.userId].blabz += post.blabz || 0;\n contestLeaderboard[post.userId].posts += 1;\n }\n });\n const leaderboardArray = Object.values(contestLeaderboard).sort((a, b) => b.blabz - a.blabz).slice(0, 50);\n const snapshotData = {\n contestId: contest.id,\n contestTitle: contest.title,\n projectId: contest.projectId,\n startDateTime: contest.startDateTime || contest.startDate,\n endDateTime: contest.endDateTime || contest.endDate,\n leaderboard: JSON.stringify(leaderboardArray.map((entry, index) => ({\n rank: index + 1,\n username: entry.user.twitterUsername,\n walletAddress: entry.user.walletAddress,\n blabz: entry.blabz,\n posts: entry.posts,\n followersCount: entry.user.followersCount || 0\n }))),\n totalParticipants: leaderboardArray.length,\n totalBlabz: leaderboardArray.reduce((sum, entry) => sum + entry.blabz, 0),\n snapshotDate: new Date().toISOString(),\n prizePool: contest.prizePool || contest.reward\n };\n await devbaseClient.createEntity('contest_snapshots', snapshotData);\n await devbaseClient.updateEntity('prizepools', contest.id, {\n isSnapshotted: true\n });\n console.log(`Contest \"${contest.title}\" automatically snapshotted with ${leaderboardArray.length} participants`);\n } catch (error) {\n console.error(`Error creating snapshot for contest ${contest.title}:`, error);\n }\n }\n }\n const activeContests = contestsData.filter(contest => {\n const endDateTime = new Date(contest.endDateTime || contest.endDate);\n return endDateTime > new Date() && contest.isActive;\n });\n setContestsData(activeContests);\n if (project && activeContests.length > 0) {\n fetchProjectBlabz(project);\n }\n } catch (error) {\n console.error('Error loading contests:', error);\n setContestsData([]);\n }\n }\n loadContests();\n }, [devbaseClient, projectId, project]);\n const refreshProjectData = async () => {\n if (!project || !project.twitter || isRefreshing) return;\n setIsRefreshing(true);\n try {\n const result = await fetchProjectTwitterDetails(project.twitter, {\n name: project.name,\n keywords: project.keywords,\n description: project.description,\n twitterUsername: project.twitter\n });\n if (result.success && result.data) {\n const updatedProject = await devbaseClient.updateEntity('projects', projectId, {\n ...result.data\n });\n setProject(updatedProject);\n if (result.warning) {\n alert(`Project data refreshed with warning: ${result.warning}`);\n }\n } else {\n console.warn('Failed to refresh Twitter data:', result.error || 'Unknown error');\n if (result.is404) {\n alert(`Project @${project.twitter} not found in SolContent database. It was either just registered or needs manual registration. The project will continue to work locally with cached data.`);\n } else if (result.isRateLimit) {\n alert('Twitter API is temporarily rate limited. Project data refresh is unavailable for now. Please try again in 15 minutes.');\n } else if (result.error === 'No Twitter username associated with this project') {\n alert(`This project's Twitter handle (@${project.twitter}) was not found or is not accessible.`);\n } else {\n alert(`Warning: ${result.error || 'Failed to refresh project data'}. Using cached/fallback data.`);\n }\n if (result.fallbackData) {\n const updatedProject = await devbaseClient.updateEntity('projects', projectId, {\n ...result.fallbackData\n });\n setProject(updatedProject);\n }\n }\n } catch (error) {\n console.error('Error refreshing project data:', error);\n alert('Failed to refresh project data. Please try again.');\n } finally {\n setIsRefreshing(false);\n }\n };\n const [contestsData, setContestsData] = useState([]);\n const [, setContestLeaderboards] = useState({});\n const [activeTab, setActiveTab] = useState('community');\n const [isCreator, setIsCreator] = useState(false);\n const [showEditModal, setShowEditModal] = useState(false);\n const [showContestModal, setShowContestModal] = useState(false);\n const [editedProject, setEditedProject] = useState(null);\n const [isSaving, setIsSaving] = useState(false);\n const [newContest, setNewContest] = useState({\n title: '',\n description: '',\n prizePool: '',\n competitionType: 'one-time',\n durationInWeeks: 1,\n startDate: new Date().toISOString().split('T')[0],\n startTime: '12:00',\n endDate: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toISOString().split('T')[0],\n endTime: '12:00',\n isActive: true,\n isPrivate: false\n });\n const fetchProjectBlabz = async projectData => {\n setIsBlabzLoading(true);\n try {\n console.log(`Fetching blabz for project: ${projectData.name}`);\n const allCommunityBlabz = await devbaseClient.listEntities('posts');\n console.log(`Total blabz in database: ${allCommunityBlabz.length}`);\n const projectBlabz = allCommunityBlabz.filter(blab => {\n if (!blab.project) return false;\n let projectNames = [];\n try {\n const parsed = JSON.parse(blab.project);\n if (Array.isArray(parsed)) {\n projectNames = parsed;\n } else {\n projectNames = [parsed];\n }\n } catch (e) {\n projectNames = [blab.project];\n }\n const isMatch = projectNames.some(name => {\n if (!name || name === 'Unknown') return false;\n return name === projectData.name || name.toLowerCase().trim() === projectData.name.toLowerCase().trim();\n });\n return isMatch;\n });\n console.log(`Found ${projectBlabz.length} blabz for project ${projectData.name}`);\n const users = await updateUserProfilesIfNeeded(devbaseClient);\n const userMapById = {};\n const userMapByUsername = {};\n users.forEach(user => {\n userMapById[user.id] = user;\n if (user.twitterUsername) {\n userMapByUsername[user.twitterUsername.toLowerCase()] = user;\n }\n });\n const findUserForBlab = blab => {\n let user = userMapById[blab.userId];\n if (!user && blab.twitterUsername) {\n user = userMapByUsername[blab.twitterUsername.toLowerCase()];\n }\n return user;\n };\n const enrichedProjectBlabz = projectBlabz.map(blab => {\n let projectSpecificBlabz = 0;\n if (blab.project) {\n let projectNames = [];\n try {\n const parsed = JSON.parse(blab.project);\n if (Array.isArray(parsed)) {\n projectNames = parsed;\n } else {\n projectNames = [parsed];\n }\n } catch (e) {\n projectNames = [blab.project];\n }\n const matchingProjects = projectNames.filter(name => name === projectData.name || name.toLowerCase().trim() === projectData.name.toLowerCase().trim());\n if (matchingProjects.length > 0) {\n projectSpecificBlabz = (blab.blabz || 0) / (projectNames.length || 1);\n }\n }\n const user = findUserForBlab(blab);\n const engagement = typeof blab.engagement === 'string' ? JSON.parse(blab.engagement) : blab.engagement || {};\n return {\n ...blab,\n projectSpecificBlabz,\n username: user?.twitterUsername ? `@${user.twitterUsername}` : blab.twitterUsername ? `@${blab.twitterUsername}` : 'Anonymous',\n walletAddress: user?.walletAddress,\n profileImage: user?.profileImageUrl || blab.profileImageUrl,\n timeSince: getRelativeTime(blab.postedAt),\n likes: blab.likes ?? engagement.likes ?? 0,\n retweets: blab.retweets ?? engagement.retweets ?? 0,\n replies: blab.comments ?? engagement.replies ?? 0\n };\n });\n const sortedBlabz = enrichedProjectBlabz.sort((a, b) => {\n return (b.projectSpecificBlabz || 0) - (a.projectSpecificBlabz || 0) || new Date(b.postedAt) - new Date(a.postedAt);\n });\n setCommunityBlabz(sortedBlabz);\n console.log(`Processed ${sortedBlabz.length} enriched blabz for project`);\n const blabzPerUser = {};\n enrichedProjectBlabz.forEach(blab => {\n const user = findUserForBlab(blab);\n if (user && blab.projectSpecificBlabz > 0) {\n if (!blabzPerUser[user.id]) {\n blabzPerUser[user.id] = {\n blabz: 0,\n blabzCount: 0,\n user: user\n };\n }\n blabzPerUser[user.id].blabz += blab.projectSpecificBlabz;\n blabzPerUser[user.id].blabzCount += 1;\n }\n });\n const leaderboardData = Object.values(blabzPerUser).filter(data => data.user).map(data => ({\n ...data.user,\n blabz: data.blabz,\n projectBlabz: data.blabzCount\n })).sort((a, b) => b.blabz - a.blabz);\n setProjectLeaderboard(leaderboardData);\n console.log(`Generated leaderboard with ${leaderboardData.length} users`);\n if (contestsData.length > 0) {\n const contestLeaderboardsMap = {};\n contestsData.forEach(contest => {\n if (contest.isActive && new Date(contest.endDateTime || contest.endDate) > new Date()) {\n const contestStart = new Date(contest.startDateTime || contest.startDate);\n const contestBlabz = enrichedProjectBlabz.filter(blab => {\n const blabDate = new Date(blab.postedAt);\n return blabDate >= contestStart;\n });\n const contestBlabzPerUser = {};\n contestBlabz.forEach(blab => {\n const user = findUserForBlab(blab);\n if (user && blab.projectSpecificBlabz > 0) {\n if (!contestBlabzPerUser[user.id]) {\n contestBlabzPerUser[user.id] = {\n blabz: 0,\n blabzCount: 0,\n user: user\n };\n }\n contestBlabzPerUser[user.id].blabz += blab.projectSpecificBlabz;\n contestBlabzPerUser[user.id].blabzCount += 1;\n }\n });\n contestLeaderboardsMap[contest.id] = Object.values(contestBlabzPerUser).filter(data => data.user).map(data => ({\n ...data.user,\n blabz: data.blabz,\n projectBlabz: data.blabzCount\n })).sort((a, b) => b.blabz - a.blabz).slice(0, 10);\n }\n });\n setContestLeaderboards(contestLeaderboardsMap);\n }\n } catch (error) {\n console.error('Error fetching project blabz:', error);\n setCommunityBlabz([]);\n setProjectLeaderboard([]);\n setContestLeaderboards({});\n } finally {\n setIsBlabzLoading(false);\n }\n };\n const fetchTokenDetails = async contractAddress => {\n if (!contractAddress) {\n setIsTokenLoading(false);\n return;\n }\n try {\n setIsTokenLoading(true);\n const timeoutPromise = new Promise((_, reject) => setTimeout(() => reject(new Error('Token data fetch timeout')), 10000));\n try {\n const tokenInfo = await Promise.race([fetchTokenInfoByAddress(contractAddress), timeoutPromise]);\n if (tokenInfo) {\n setTokenData(tokenInfo);\n console.log(\"Token data fetched:\", tokenInfo);\n } else {\n console.log(\"No token data available, using defaults\");\n setTokenData({\n price: 0,\n marketcap: 0,\n volumeIn24h: 0,\n liquidityInUSD: 0,\n buyTxIn24h: 0,\n sellTxIn24h: 0,\n createdTime: Date.now(),\n priceChangeIn24h: 0,\n isPlaceholder: true\n });\n }\n } catch (fetchError) {\n console.error(\"Error in fetchTokenInfoByAddress:\", fetchError);\n setTokenData({\n price: 0,\n marketcap: 0,\n volumeIn24h: 0,\n liquidityInUSD: 0,\n buyTxIn24h: 0,\n sellTxIn24h: 0,\n createdTime: Date.now(),\n priceChangeIn24h: 0,\n isPlaceholder: true,\n error: fetchError.message.includes('timeout') ? 'Request timed out' : 'Failed to fetch data'\n });\n }\n } catch (error) {\n console.error(\"Error in fetchTokenDetails:\", error);\n setTokenData({\n price: 0,\n marketcap: 0,\n volumeIn24h: 0,\n liquidityInUSD: 0,\n buyTxIn24h: 0,\n sellTxIn24h: 0,\n createdTime: Date.now(),\n priceChangeIn24h: 0,\n isPlaceholder: true,\n error: 'Network error'\n });\n } finally {\n setIsTokenLoading(false);\n }\n };\n const handleUpdateProject = async e => {\n e.preventDefault();\n setIsSaving(true);\n try {\n if (!editedProject.name || !editedProject.symbol || !editedProject.description) {\n alert('Please fill out all required fields');\n setIsSaving(false);\n return;\n }\n const twitterHandle = editedProject.twitter ? editedProject.twitter.replace('@', '') : '';\n if (!twitterHandle) {\n alert('Twitter handle is required for project updates');\n setIsSaving(false);\n return;\n }\n const keywordsArray = editedProject.keywords ? editedProject.keywords.split(',').map(k => k.trim()).filter(k => k) : [];\n const apiResult = await fetchProjectDetails(twitterHandle, {\n name: editedProject.name,\n keywords: keywordsArray,\n description: editedProject.description,\n website: editedProject.website,\n createdAt: project.createdAt || new Date().toISOString()\n });\n if (!apiResult.success) {\n throw new Error(apiResult.error || 'Failed to update project via API');\n }\n const apiProject = apiResult.data;\n const updateData = {\n name: editedProject.name,\n symbol: editedProject.symbol,\n description: editedProject.description,\n twitter: twitterHandle,\n telegram: editedProject.telegram || '',\n website: editedProject.website || '',\n contractAddress: editedProject.contractAddress || '',\n isDevcoin: editedProject.isDevcoin || false,\n keywords: keywordsArray.join(', '),\n twitterFollowers: apiProject.followers_count || project.twitterFollowers || 0,\n twitterFollowing: apiProject.following_count || project.twitterFollowing || 0,\n twitterProfileImage: apiProject.profile_image_url || project.twitterProfileImage || '',\n twitterBio: apiProject.description || project.twitterBio || '',\n twitterName: apiProject.name || project.twitterName || '',\n twitterUsername: apiProject.twitterUsername || twitterHandle,\n twitterLastUpdated: new Date().toISOString()\n };\n const updatedProject = await devbaseClient.updateEntity('projects', projectId, updateData);\n setProject(updatedProject);\n setShowEditModal(false);\n await logActivity(devbaseClient, 'project', `Project \"${updatedProject.name}\" updated by ${userWallet} via unified API.`, {\n projectId: updatedProject.id,\n apiResponse: apiResult.message\n });\n if (apiResult.warning) {\n alert(`Project updated successfully with warning: ${apiResult.warning}`);\n }\n loadProject();\n } catch (error) {\n console.error('Error updating project:', error);\n alert(`Failed to update project. ${error.message}`);\n } finally {\n setIsSaving(false);\n }\n };\n const handleCreateContest = async e => {\n e.preventDefault();\n setIsSaving(true);\n try {\n if (!newContest.title || !newContest.description || !newContest.prizePool) {\n alert('Please fill out all required fields.');\n setIsSaving(false);\n return;\n }\n const startDateTime = new Date(`${newContest.startDate}T${newContest.startTime}`);\n const endDateTime = new Date(`${newContest.endDate}T${newContest.endTime}`);\n const contestData = {\n projectId: projectId,\n title: newContest.title,\n description: newContest.description,\n prizePool: newContest.prizePool,\n competitionType: newContest.competitionType,\n durationInWeeks: newContest.competitionType === 'weekly' ? parseInt(newContest.durationInWeeks, 10) : 1,\n startDateTime: startDateTime.toISOString(),\n endDateTime: endDateTime.toISOString(),\n userTimezone: Intl.DateTimeFormat().resolvedOptions().timeZone,\n isActive: newContest.isActive,\n isPrivate: newContest.isPrivate,\n status: 'active',\n participants: 0,\n createdAt: new Date().toISOString(),\n createdBy: userWallet,\n isSnapshotted: false\n };\n await devbaseClient.createEntity('prizepools', contestData);\n const contests = await devbaseClient.listEntities('prizepools', {\n projectId: projectId\n });\n setContestsData(contests);\n setShowContestModal(false);\n } catch (error) {\n console.error('Error creating contest:', error);\n alert(`Failed to create contest: ${error.message}`);\n } finally {\n setIsSaving(false);\n }\n };\n if (isLoading || !project) {\n return

\n \n

\n project-details\n

\n \n

;\n }\n return

\n {}\n

\n \n

\n project-details\n

\n \n

\n {project.twitterProfileImage ? {project.name}

{project.symbol?.substring(0, 2)}

}\n

\n {project.name}\n {project.verified && Verified}\n

\n ${project.symbol}\n •\n {project.totalBlabz} total blabz\n

\n {}\n

\n \n \n \n \n {isCreator && }\n

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

\n {}\n

\n {project.twitterProfileImage ? {project.name}

{project.symbol?.substring(0, 2)}

}\n

{project.name}

\n {project.verified && Verified}\n {project.isDevcoin && Devcoin}\n

${project.symbol}

{project.description}

\n {project.twitter && \n \n

{project.twitter}

Follow on X

\n }\n {project.website && \n \n

Website

Visit site

\n }\n {project.telegram ? \n \n

Join chat

\n :

\n \n

Coming Soon

}\n

\n {project.contractAddress &&

\n Contract Address\n \n

{project.contractAddress}

}\n

\n {}\n

\n {}\n {project.twitter &&

\n \n X Account\n

\n {project.twitterProfileImage ? {`${project.name}

\n \n

}\n

{project.twitter}

{project.twitterFollowers?.toLocaleString() || 0}

Followers

{project.twitterFollowing?.toLocaleString() || 0}

Following

\n {project.twitterBio &&

Bio

{project.twitterBio}

}\n

\n \n Updated: {project.twitterLastUpdated ? new Date(project.twitterLastUpdated).toLocaleDateString() : 'Never'}\n

}\n {}\n

\n \n Community Stats\n

\n Total Blabz\n {project.totalBlabz || 0}\n

\n Unique Blabbers\n {project.userCount || 0}\n

\n Today's Blabs\n \n {communityBlabz.filter(p => {\n const today = new Date();\n const postDate = new Date(p.postedAt);\n return postDate.toDateString() === today.toDateString();\n }).length}\n \n

\n {}\n {project.contractAddress &&

\n
\n Token Statistics\n {isTokenLoading &&
\n \n
}\n

\n {isTokenLoading ?

\n \n

: tokenData ? <>\n {tokenData.error &&

\n \n Token data unavailable: {tokenData.error}\n

}\n

Price

\n {tokenData.isPlaceholder ? 'N/A' : `${tokenData.price ? tokenData.price.toFixed(6) : '0.00'}`}\n

\n {!tokenData.isPlaceholder && tokenData.priceChangeIn24h !== undefined &&

= 0 ? 'text-green-400' : 'text-red-400'}`}>\n {tokenData.priceChangeIn24h >= 0 ? '↑' : '↓'} {Math.abs(tokenData.priceChangeIn24h).toFixed(2)}%\n

}\n

Market Cap

\n {tokenData.isPlaceholder ? 'N/A' : `${tokenData.marketcap ? numberWithCommas(tokenData.marketcap) : 'N/A'}`}\n

24h Volume

\n {tokenData.isPlaceholder ? 'N/A' : `${tokenData.volumeIn24h ? numberWithCommas(tokenData.volumeIn24h) : 'N/A'}`}\n

Liquidity

\n {tokenData.isPlaceholder ? 'N/A' : `${tokenData.liquidityInUSD ? numberWithCommas(tokenData.liquidityInUSD) : 'N/A'}`}\n

Today's Blabs

\n {communityBlabz.filter(p => {\n const today = new Date();\n const postDate = new Date(p.postedAt);\n return postDate.toDateString() === today.toDateString();\n }).length}\n

Buy Transactions (24h)

\n {tokenData.isPlaceholder ? 'N/A' : tokenData.buyTxIn24h || 'N/A'}\n

Sell Transactions (24h)

\n {tokenData.isPlaceholder ? 'N/A' : tokenData.sellTxIn24h || 'N/A'}\n

\n {tokenData.raydiumPool &&

\n Raydium Pool:\n

\n {tokenData.raydiumPool}\n

\n \n

}\n :

\n \n

No token data available for this contract address.

The token may be too new or not indexed yet.

\n \n

}\n

}\n {}\n

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

\n
\n Community Blabs\n

\n \n \n

\n {isBlabzLoading ?

\n \n

: displayedBlabz.length > 0 ?

\n {displayedBlabz.map(post => )}\n

\n \n

No blabs found for this project yet.

Try a different filter or be the first to blab about {project.name}!

}\n

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

\n
\n Project Contests\n

\n {isCreator && }\n

\n {contestsData.filter(contest => !contest.isPrivate || isCreator).length > 0 ?

\n {contestsData.filter(contest => !contest.isPrivate || isCreator).map(contest => )}\n

\n \n

No active contests for this project

Check back later for new opportunities to earn rewards!

}\n

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

\n \n Project Leaderboard\n

\n {projectLeaderboard.length > 0 && {\n const timestamp = new Date().toISOString().split('T')[0];\n const projectName = project.name.replace(/\\s+/g, '_');\n const filename = `${projectName}_leaderboard_${timestamp}.csv`;\n const csvContent = generateLeaderboardCSV(projectLeaderboard, project.name, true, project);\n downloadCSV(csvContent, filename);\n }} className=\"bg-[#4FD48E] hover:bg-[#3DB271] text-[#1A1A28] px-3 py-1.5 text-sm font-bold flex items-center justify-center transition-all\" title=\"Download project leaderboard as CSV\">\n \n }\n

\n {isBlabzLoading ?

\n \n

: projectLeaderboard.length > 0 ?

User

Blabz

\n {projectLeaderboard.map((user, index) =>

\n {index === 0 &&

🥇

}\n {index === 1 &&

🥈

}\n {index === 2 &&

🥉

}\n {index > 2 &&

{index + 1}

}\n

\n {user.profileImageUrl ?

\n {user.twitterUsername ? user.twitterUsername.substring(0, 2).toUpperCase() : user.walletAddress.substring(0, 2)}\n

}\n

\n {user.name &&

{user.name}

}\n

\n {user.twitterUsername && @{user.twitterUsername}}\n {user.walletAddress && ({`${user.walletAddress.substring(0, 4)}...${user.walletAddress.substring(user.walletAddress.length - 4)}`})}\n

\n {user.blabz.toFixed(2)}\n BLABZ\n

\n {user.projectBlabz} blabs\n

)}\n

\n \n

No one has earned blabz for this project yet.

Be the first to climb the ranks!

}\n

}\n {activeTab === 'admin' && isCreator &&

\n
\n Project Admin Panel\n

\n \n Project Management\n

Update your project details and configuration

\n \n \n \n

\n \n Contest Management\n

Create and manage contests for your community

\n \n

\n \n Blabs Analytics\n

Total Blabs Tracked

{communityBlabz.length}

Unique Blabbers

{project.userCount || 0}

Community contributors

Twitter Followers

{project.twitterFollowers ? project.twitterFollowers.toLocaleString() : 'N/A'}

\n {project.twitterLastUpdated &&

\n Last updated: {new Date(project.twitterLastUpdated).toLocaleDateString()}\n

}\n

\n \n

}\n {}\n {showEditModal &&

\n \n

edit_project.sh

\n \n

$ blabzr --edit-project

\n Project Name*\n setEditedProject({\n ...editedProject,\n name: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#4FD48E] outline-none\" placeholder=\"Devcoin Project\" />\n

\n Symbol*\n setEditedProject({\n ...editedProject,\n symbol: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#4FD48E] outline-none\" placeholder=\"DCOIN\" />\n

\n Description*\n \n

\n Twitter Handle\n

\n @\n

\n setEditedProject({\n ...editedProject,\n twitter: '@' + e.target.value.replace('@', '')\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 pl-8 text-white focus:border-[#4FD48E] outline-none\" placeholder=\"devfunpump\" />\n

\n Telegram Link\n setEditedProject({\n ...editedProject,\n telegram: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#4FD48E] outline-none\" placeholder=\"https://t.me/yourproject\" />\n

\n Website\n setEditedProject({\n ...editedProject,\n website: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#4FD48E] outline-none\" placeholder=\"https://your-project.com\" />\n

\n Contract Address\n setEditedProject({\n ...editedProject,\n contractAddress: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#4FD48E] outline-none font-mono text-sm\" placeholder=\"Solana contract address\" />\n

\n setEditedProject({\n ...editedProject,\n isDevcoin: e.target.checked\n })} className=\"h-4 w-4 accent-[#4FD48E]\" />\n This is a Devcoin project\n

\n \n \n

\n \n

}\n {}\n {showContestModal &&

\n \n

\n 💰\n

create_contest.sh

\n \n

$ blabzr --create-contest

\n Fund a contest with SOL to create a blabz competition for your project. Top blabbers win a share of the pool.\n

\n setNewContest({\n ...newContest,\n title: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#FFAC33] outline-none\" placeholder=\"Contest Title*\" />\n \n

\n Competition Type\n

\n \n setNewContest({\n ...newContest,\n competitionType: e.target.value\n })} className=\"accent-[#FFAC33]\" />\n One-Time Event\n \n \n setNewContest({\n ...newContest,\n competitionType: e.target.value\n })} className=\"accent-[#FFAC33]\" />\n Weekly Recurring\n \n

\n Prize Pool Description*\n setNewContest({\n ...newContest,\n prizePool: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#FFAC33] outline-none\" placeholder=\"e.g., 1.5 SOL + NFT rewards\" />\n

\n {newContest.competitionType === 'weekly' &&

\n Duration (Weeks)*\n setNewContest({\n ...newContest,\n durationInWeeks: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#FFAC33] outline-none\" placeholder=\"e.g., 4\" />\n

}\n

\n Start Date*\n setNewContest({\n ...newContest,\n startDate: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#FFAC33] outline-none\" />\n

\n Start Time*\n setNewContest({\n ...newContest,\n startTime: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#FFAC33] outline-none\" />\n

\n End Date*\n setNewContest({\n ...newContest,\n endDate: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#FFAC33] outline-none\" />\n

\n End Time*\n setNewContest({\n ...newContest,\n endTime: e.target.value\n })} className=\"w-full bg-[#2D2F4B] border border-[#2a2a3e] p-2 text-white focus:border-[#FFAC33] outline-none\" />\n

\n Your timezone: {Intl.DateTimeFormat().resolvedOptions().timeZone}\n

Contest times will display in each user's local timezone

\n setNewContest({\n ...newContest,\n isPrivate: e.target.checked\n })} className=\"h-4 w-4 accent-[#FFAC33]\" />\n \n Private Contest (Admin Only)\n - Only project admins can view this contest\n \n

\n \n \n

\n \n

}\n

;\n}\nfunction numberWithCommas(x) {\n return x.toString().replace(/\\B(?=(\\d{3})+(?!\\d))/g, \",\");\n}\nfunction DocsPage() {\n const [openSection, setOpenSection] = useState(null);\n const toggleSection = index => {\n setOpenSection(openSection === index ? null : index);\n };\n const docsSections = [{\n title: \"Getting Started\",\n icon: ,\n content:

Step 1: Connect Your Wallet

Connect your Solana wallet to get started with Blabzr.

\n Click \"Connect Wallet\" → Select your preferred wallet → Approve connection\n

Step 2: Connect Your X Account

Link your X (Twitter) account to enable automatic post tracking.

\n Click \"Connect X Account\" → Authorize OAuth → Return to Blabzr\n

Step 3: Start Blabbing

Post about devfun, devcoins, and Solana projects on X to earn blabz.

\n Mention @devfunpump, devcoins, or project keywords → Posts auto-tracked → Earn blabz\n

\n }, {\n title: \"Blabz Earning System\",\n icon: ,\n content:

How Blabz Are Calculated

Blabz are awarded based on multiple factors:

\n
\n Content Quality: Meaningful posts about projects earn more\n
\n
\n Engagement: Likes, retweets, and replies boost your score\n
\n
\n Project Relevance: Direct mentions of tracked projects\n
\n
\n Community Impact: Driving discussion and awareness\n

Badge System

\n Newcomer\n 0-5 blabz\n

\n Devcoin Enthusiast\n 5-20 blabz\n

\n Active Blabber\n 20-50 blabz\n

\n Solana Star\n 50-100 blabz\n

\n Hype Master\n 100-250 blabz\n

\n Devcoin Legend\n 250+ blabz\n

\n }, {\n title: \"Projects & Contests\",\n icon: ,\n content:

Project Submission

Submit your Solana project to be tracked by Blabzr:

\n
\n Pay 0.1 SOL submission fee\n
\n
\n Provide project details and logo\n
\n
\n Set keywords for automatic tracking\n
\n
\n Start earning blabz from community posts\n

Contest System

Project creators can fund contests to incentivize community engagement:

\n
\n Fund with SOL to create prize pools\n
\n
\n Set duration and prize distribution\n
\n
\n Top blabbers win proportional rewards\n
\n
\n Automatic leaderboard tracking\n

\n }, {\n title: \"Community Guidelines\",\n icon: ,\n content:

Quality Content Standards

To earn maximum blabz, focus on:

\n
\n Genuine insights about projects and technology\n
\n
\n Educational content about Solana ecosystem\n
\n
\n Constructive discussions and analysis\n
\n
\n Community building and engagement\n

Prohibited Content

The following may result in reduced or zero blabz:

\n
\n Spam or repetitive low-effort posts\n
\n
\n Misleading or false information\n
\n
\n Harmful or offensive content\n
\n
\n Manipulation attempts or bot activity\n

\n }, {\n title: \"API & Technical\",\n icon: ,\n content:

Automatic Tracking

Blabzr uses advanced algorithms to:

\n
\n Monitor X posts in real-time\n
\n
\n Match content to tracked projects\n
\n
\n Calculate engagement metrics\n
\n
\n Update leaderboards automatically\n

Data Privacy

Your data is protected:

\n
\n Only public X posts are analyzed\n
\n
\n Wallet addresses are truncated for display\n
\n
\n No private data is stored or shared\n

\n }];\n return

\n \n

\n documentation\n

\n {docsSections.map((section, index) =>

\n \n {openSection === index && \n

\n {section.content}\n

\n }\n

)}\n

\n \n Ready to Start Blabbing?\n

Connect your wallet and X account to begin earning blabz for your Solana content!

\n \n \n Start Earning Blabz\n \n \n \n Explore Projects\n \n

;\n}\nfunction FAQPage() {\n const navigate = useNavigate();\n const [openQuestion, setOpenQuestion] = useState(null);\n const toggleQuestion = index => {\n setOpenQuestion(openQuestion === index ? null : index);\n };\n const faqCategories = [{\n category: \"About Blabzr\",\n questions: [{\n question: \"What is Blabzr?\",\n answer: \"Blabzr is a platform that automatically tracks and rewards your X (formerly Twitter) blabz about @devfunpump projects. Post quality content, earn blabz, and climb the community leaderboard.\"\n }, {\n question: \"How do I earn blabz?\",\n answer: \"Blabz are earned when you post about @devfunpump projects on X. The system automatically detects these posts and awards blabz based on content quality, engagement, and reach.\"\n }, {\n question: \"What are badges and how do I earn them?\",\n answer: \"Badges are achievement levels that show your status in the community. You earn badges by accumulating blabz - starting from 'Newcomer' and progressing to 'Devcoin Legend' as you earn more.\"\n }]\n }];\n const allQuestions = faqCategories.flatMap((category, categoryIndex) => category.questions.map((question, questionIndex) => ({\n ...question,\n categoryName: category.category,\n icon: ,\n index: `${categoryIndex}-${questionIndex}`\n })));\n return

\n \n

\n faq\n

\n {allQuestions.map((faq, index) =>

\n \n {openQuestion === faq.index && \n

{faq.categoryName}

{faq.answer}

\n }\n

)}\n

Still have questions?

Can't find the answer you're looking for? Reach out to the community!

\n \n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-router-dom\":\"6.18.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"recharts\":\"2.8.0\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"zod\":\"3.22.4\",\"socket.io-client\":\"4.7.1\",\"@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\",\"@solana/wallet-adapter-base\":\"0.9.23\",\"@react-three/drei\":\"9.99.7\",\"@react-three/fiber\":\"8.15.19\",\"three\":\"0.162.0\"}}","token",{"_18":19,"_84":19,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":42,"_96":42,"_76":77},"symbol","price",0.00004182,"marketcap",41818,"image","https://pump.mypinata.cloud/ipfs/bafybeibzc4uqglfleqkl4za4pzezyml6vrflk7hzhfhx3pkvfk4qp2eqyy?img-width=256&img-dpr=2","website","https://dev.fun/app/fb8dc2464c11782c720d","twitter","https://x.com/blabzr","devCount","appCount","upstreamApp","isLordOfDev","analytics",[101,105,107,109,111,113,115,117,119,121,123,125,127,129,131,133,135,137,139,141,143,145,147,149,151,153,155,157],{"_102":103,"_104":60},"day","2025-06-20","runCount",{"_102":106,"_104":60},"2025-06-21",{"_102":108,"_104":60},"2025-06-22",{"_102":110,"_104":60},"2025-06-23",{"_102":112,"_104":60},"2025-06-24",{"_102":114,"_104":60},"2025-06-25",{"_102":116,"_104":60},"2025-06-26",{"_102":118,"_104":60},"2025-06-27",{"_102":120,"_104":60},"2025-06-28",{"_102":122,"_104":60},"2025-06-29",{"_102":124,"_104":60},"2025-06-30",{"_102":126,"_104":60},"2025-07-01",{"_102":128,"_104":60},"2025-07-02",{"_102":130,"_104":60},"2025-07-03",{"_102":103,"_104":132},6,{"_102":108,"_104":134},157,{"_102":110,"_104":136},76,{"_102":112,"_104":138},47,{"_102":114,"_104":140},32,{"_102":116,"_104":142},24,{"_102":118,"_104":144},28,{"_102":120,"_104":146},42,{"_102":122,"_104":148},10,{"_102":124,"_104":150},101,{"_102":126,"_104":152},352,{"_102":128,"_104":154},584,{"_102":130,"_104":156},105,{"_102":158,"_104":159},"2025-07-04",25,"snapshot","ogImage","https://cdn.dev.fun/og/image/fb8dc2464c11782c720d/69183fee.webp","isDevbase","actionData","errors"]

{item.title}

Connect Your Wallet

Connect Your X Account

\n community blabs\n

\n blabz\n

Blabz Earning Activity

Top Volume Devcoins

My Recent Blabs

{title}

\n leaderboards\n

\n leaderboards\n

\n profile\n

Badge Progress

Activity Stats

Blabz by Project

\n \n {userWallet ? 'Connected Wallet' : 'Connect Wallet'}\n

\n \n My Blabs History\n

\n contests\n

create_contest.sh

Site Activity Logs

Payment Logs

\n projects\n

More Options

{project.name}

\n project-details\n

\n project-details\n

\n {project.name}\n {project.verified && Verified}\n

{project.name}

\n \n X Account\n

\n \n Community Stats\n

\n \n Token Statistics\n {isTokenLoading && \n \n }\n

\n \n Community Blabs\n

\n \n Project Contests\n

\n \n Project Leaderboard\n

\n \n Project Admin Panel\n

\n \n Project Management\n

\n \n Contest Management\n

\n \n Blabs Analytics\n

edit_project.sh

create_contest.sh

Step 1: Connect Your Wallet

Step 2: Connect Your X Account

Step 3: Start Blabbing

How Blabz Are Calculated

Badge System

Project Submission

Contest System

Quality Content Standards

Prohibited Content

Automatic Tracking

Data Privacy

\n documentation\n

{section.title}

\n \n Ready to Start Blabbing?\n

\n faq\n

{faq.question}

{faq.categoryName}

Still have questions?

\n
\n {userWallet ? 'Connected Wallet' : 'Connect Wallet'}\n

\n
\n Token Statistics\n {isTokenLoading &&
\n \n
}\n

\n
\n Community Blabs\n

\n
\n Project Contests\n

\n
\n Project Admin Panel\n

say something