[{"_1":2,"_172":-5,"_173":-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":-5,"_19":20,"_21":22,"_23":24,"_25":17,"_26":27,"_28":29,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_56":57,"_58":41,"_59":60,"_61":62,"_63":60,"_64":60,"_65":60,"_66":60,"_67":60,"_68":60,"_69":27,"_70":17,"_71":-5,"_72":73,"_74":75,"_76":77,"_78":-5,"_79":80,"_135":17,"_136":137,"_89":31,"_91":169,"_170":17,"_171":-5},"id","43ceb989c37d18ee0ed6","isMyApp",false,"projectId","name","zen.campaign","description","Pure campaign mastery without the noise! Build, launch, and dominate your crypto campaigns in zen-like focus - no chat distractions, no digital chatter, just you and your unstoppable campaign machine. Sometimes the greatest power comes from silence.","brief","Distraction-free crypto campaign builder - pure focus, pure power!","isLive","isPublic",true,"tags",[],"cover","https://cdn.dev.fun/snapshot/43ceb989c37d18ee0ed6/96955_72c0c37d.webp","cdnUrl","https://cdn.dev.fun/app/43ceb989c37d18ee0ed6/96955","createdAt",["D",1756898682454],"updatedAt",["D",1756900513942],"lastCommitId",["B","96955"],"tier",1,"credits",-58,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"a1317c52-7305-4641-91d5-82e246f1dae6","uniqueId","Priv8Code","username","solanaWallet","5fJQDaRJHuBFocHPiQUPfPFdjVeootfYCR7PDF65pqU","displayName","bio","Priv8.Code // Task: Build systems on-chain & off-chain to expand the matrix.\n\nStatus: LOADING..\nMode: PUBLIC.\n","avatar","https://cdn.dev.fun/avatar/a1317c52-7305-4641-91d5-82e246f1dae6/5530865d.webp","commitCount",11,"forkCount","likeCount",0,"runsCount",5,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect, useRef } from 'react';\nimport { useDevapp, DevappProvider, openLink, UserButton } from '@devfunlabs/web-sdk';\nimport { fetchPumpFunTrends, fetchTokenInfoByAddress, fetchTokenInfoBySymbol } from '@devfunlabs/web-sdk';\nimport { Search, Trophy, Clock, ExternalLink, Plus, Zap, Crown, TrendingUp, Flame, Settings, X, ChevronLeft, ChevronRight, AlertCircle, Check, Info, DollarSign } from 'lucide-react';\nimport { PublicKey } from '@solana/web3.js';\nimport nacl from 'tweetnacl';\nimport { io } from 'socket.io-client';\nconst ADMIN_WALLET = '5fJQDaRJHuBFocHPiQUPfPFdjVeootfYCR7PDF65pqU';\nfunction AdminSignInModal({\n isOpen,\n onClose,\n onSuccess,\n userWallet,\n devbaseClient,\n signMessage\n}) {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const handleAdminSignIn = async () => {\n if (!userWallet || !devbaseClient || !signMessage) return;\n if (userWallet !== ADMIN_WALLET) {\n setError('Wallet not authorized for admin');\n return;\n }\n try {\n setLoading(true);\n setError('');\n const nonce = Math.random().toString(36).substr(2, 32);\n const timestamp = Date.now();\n const message = `Admin Access Request for KOL.fun\nWallet: ${userWallet}\nNonce: ${nonce}\nTimestamp: ${timestamp}\nThis signature grants admin access for 24 hours.`;\n const messageBytes = new TextEncoder().encode(message);\n const signatureBytes = await signMessage(messageBytes);\n const publicKey = new PublicKey(userWallet);\n const isValidSignature = nacl.sign.detached.verify(messageBytes, signatureBytes, publicKey.toBytes());\n if (!isValidSignature) {\n setError('Invalid signature. Please try again.');\n return;\n }\n const session = await devbaseClient.createEntity('admin_sessions', {\n wallet: userWallet,\n nonce: nonce,\n issued_at: timestamp,\n expires_at: timestamp + 24 * 60 * 60 * 1000,\n status: 'active'\n });\n localStorage.setItem('admin_session_token', session.id);\n onSuccess(session.id);\n } catch (error) {\n console.error('Admin sign in error:', error);\n if (error.name === 'WalletConnectionError' || error.message?.includes('User rejected') || error.message?.includes('rejected')) {\n setError('Signature rejected. Please approve the signature to access admin.');\n } else if (error.name === 'WalletNotConnectedError') {\n setError('Wallet not connected. Please connect your wallet first.');\n } else {\n setError('Failed to verify admin signature. Please try again.');\n }\n } finally {\n setLoading(false);\n }\n };\n if (!isOpen) return null;\n return

\n Admin Access\n

\n \n

\n {error &&

\n {error}\n

}\n

\n Sign a message to verify admin access. Your session will be valid for 24 hours.\n

\n \n \n

;\n}\nfunction ConnectModal({\n isOpen,\n onClose,\n userWallet,\n devbaseClient\n}) {\n const [walletConnected, setWalletConnected] = useState(false);\n const [error] = useState('');\n useEffect(() => {\n setWalletConnected(!!userWallet);\n }, [userWallet, devbaseClient]);\n if (!isOpen) return null;\n return

\n Connect Accounts\n

\n \n

\n {error &&

\n {error}\n

}\n

\n 💼\n

\n Wallet\n

\n {walletConnected ? 'Connected' : 'Not Connected'}\n

\n \n {walletConnected && }\n

;\n}\nconst convertAtomicToUsd = (amount, token, solPrice = 100) => {\n const numAmount = Number(amount);\n if (token === 'USDC') {\n return numAmount / 1000000;\n }\n if (token === 'SOL') {\n return numAmount / 1000000000 * solPrice;\n }\n return numAmount;\n};\nfunction TokenSearchModal({\n isOpen,\n onClose,\n onTokenSelect\n}) {\n const [searchTerm, setSearchTerm] = useState('');\n const [searchResults, setSearchResults] = useState([]);\n const [trendingTokens, setTrendingTokens] = useState([]);\n const [loading, setLoading] = useState(false);\n const [activeTab, setActiveTab] = useState('trending');\n useEffect(() => {\n if (isOpen) {\n loadTrendingTokens();\n }\n }, [isOpen]);\n const loadTrendingTokens = async () => {\n try {\n setLoading(true);\n const trending = await fetchPumpFunTrends();\n setTrendingTokens(trending.slice(0, 10));\n } catch (error) {\n console.error('Error fetching trending tokens:', error);\n } finally {\n setLoading(false);\n }\n };\n const searchTokens = async () => {\n if (!searchTerm.trim()) return;\n try {\n setLoading(true);\n let results = [];\n if (searchTerm.length > 30) {\n try {\n const tokenByAddress = await fetchTokenInfoByAddress(searchTerm);\n if (tokenByAddress) {\n results.push(tokenByAddress);\n }\n } catch (error) {\n console.log('Not found by address, trying symbol...');\n }\n }\n if (results.length === 0) {\n try {\n const tokenBySymbol = await fetchTokenInfoBySymbol(searchTerm);\n if (tokenBySymbol) {\n results.push(tokenBySymbol);\n }\n } catch (error) {\n console.log('Not found by symbol');\n }\n }\n setSearchResults(results);\n } catch (error) {\n console.error('Error searching tokens:', error);\n } finally {\n setLoading(false);\n }\n };\n useEffect(() => {\n const delayedSearch = setTimeout(() => {\n if (searchTerm && activeTab === 'search') {\n searchTokens();\n }\n }, 500);\n return () => clearTimeout(delayedSearch);\n }, [searchTerm, activeTab]);\n const formatMarketCap = marketcap => {\n if (!marketcap) return 'N/A';\n if (marketcap >= 1000000) return `${(marketcap / 1000000).toFixed(1)}M`;\n if (marketcap >= 1000) return `${(marketcap / 1000).toFixed(1)}K`;\n return `${marketcap.toFixed(2)}`;\n };\n const formatPrice = price => {\n if (!price) return 'N/A';\n return `${price.toFixed(6)}`;\n };\n if (!isOpen) return null;\n return

\n Devscan Token Search\n

\n \n

\n \n \n

\n {activeTab === 'search' &&

\n setSearchTerm(e.target.value)} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surfaceHover,\n color: colors.textPrimary\n }} />\n

}\n

\n {loading &&

}\n {activeTab === 'trending' && !loading &&

\n {trendingTokens.map(token =>

onTokenSelect(token)} className=\"p-4 rounded-lg cursor-pointer transition-colors hover:opacity-80\" style={{\n backgroundColor: colors.surfaceHover\n }}>\n

\n {token.image_uri &&

}\n

\n {token.name}\n

\n \n {token.symbol}\n \n

\n {token.mint.slice(0, 8)}...{token.mint.slice(-4)}\n

\n \n MC: {formatMarketCap(token.market_cap)}\n \n \n Supply: {(token.total_supply / 1000000).toFixed(1)}M\n \n

)}\n

}\n {activeTab === 'search' && !loading && searchResults.length > 0 &&

\n {searchResults.map(token =>

onTokenSelect(token)} className=\"p-4 rounded-lg cursor-pointer transition-colors hover:opacity-80\" style={{\n backgroundColor: colors.surfaceHover\n }}>\n

\n {token.image && {token.name}

}\n

\n {token.name || 'Unknown Token'}\n

\n \n {token.symbol}\n \n

\n {token.contractAddress.slice(0, 8)}...{token.contractAddress.slice(-4)}\n

\n {token.price && \n Price: {formatPrice(token.price)}\n }\n {token.marketcap && \n MC: {formatMarketCap(token.marketcap)}\n }\n {token.priceChangeIn24h && = 0 ? colors.success : colors.danger\n }}>\n 24h: {token.priceChangeIn24h > 0 ? '+' : ''}{token.priceChangeIn24h.toFixed(2)}%\n }\n

)}\n

}\n {activeTab === 'search' && !loading && searchTerm && searchResults.length === 0 &&

\n No tokens found for \"{searchTerm}\"\n

}\n

;\n}\nconst useRealtimeConnection = (devbaseClient, userWallet) => {\n const [socket, setSocket] = useState(null);\n const [connectedUsers, setConnectedUsers] = useState(0);\n useEffect(() => {\n if (!devbaseClient || !userWallet) return;\n const socketConnection = io('wss://ws.dev.fun/app-43ceb989c37d18ee0ed6');\n setSocket(socketConnection);\n socketConnection.on('connect', () => {\n console.log('Connected to real-time server');\n socketConnection.emit('user_join', {\n wallet: userWallet\n });\n });\n socketConnection.on('devfun:user_count', count => {\n setConnectedUsers(count);\n });\n socketConnection.on('disconnect', () => {\n console.log('Disconnected from real-time server');\n });\n return () => {\n socketConnection.disconnect();\n };\n }, [devbaseClient, userWallet]);\n return {\n socket,\n connectedUsers\n };\n};\nconst colors = {\n background: '#0D0F13',\n surface: '#171A21',\n surfaceHover: '#1D2230',\n textPrimary: '#E5E7EB',\n textMuted: '#9CA3AF',\n accent: '#22D3A6',\n success: '#16A34A',\n info: '#60A5FA',\n warning: '#F59E0B',\n danger: '#F43F5E'\n};\nexport default function AppWithProvider() {\n return \n \n \n \n ;\n}\nfunction ThemeProvider({\n children\n}) {\n return

\n {children}\n

;\n}\nfunction useSettings() {\n const [settings, setSettings] = useState(() => {\n if (typeof window !== 'undefined') {\n const saved = localStorage.getItem('kol-settings');\n return saved ? JSON.parse(saved) : {\n showAnimations: true,\n playSounds: false,\n reduceMotion: false,\n showTicker: true\n };\n }\n return {\n showAnimations: true,\n playSounds: false,\n reduceMotion: false,\n showTicker: true\n };\n });\n const updateSettings = newSettings => {\n setSettings(newSettings);\n if (typeof window !== 'undefined') {\n localStorage.setItem('kol-settings', JSON.stringify(newSettings));\n }\n };\n return [settings, updateSettings];\n}\nfunction useEventStream(devbaseClient, socket, enabled = true) {\n const [events, setEvents] = useState([]);\n const lastTimestamp = useRef(0);\n useEffect(() => {\n if (!devbaseClient || !enabled) return;\n const pollEvents = async () => {\n try {\n const fetchedNewEvents = await devbaseClient.listEntities('events', {\n created_at: {\n $gt: lastTimestamp.current\n }\n });\n const sortedNewEvents = fetchedNewEvents.sort((a, b) => a.created_at - b.created_at);\n if (sortedNewEvents.length > 0) {\n setEvents(prev => {\n return [...prev, ...sortedNewEvents];\n });\n lastTimestamp.current = Math.max(lastTimestamp.current, ...sortedNewEvents.map(e => e.created_at));\n }\n } catch (error) {\n console.error('Error polling events:', error);\n }\n };\n pollEvents();\n const interval = setInterval(pollEvents, 5000);\n if (socket) {\n socket.on('campaign_update', data => {\n console.log('Real-time campaign update:', data);\n pollEvents();\n });\n socket.on('new_event', event => {\n console.log('Real-time new event:', event);\n setEvents(prev => [...prev, event]);\n lastTimestamp.current = Math.max(lastTimestamp.current, event.created_at);\n });\n }\n return () => {\n clearInterval(interval);\n if (socket) {\n socket.off('campaign_update');\n socket.off('new_event');\n }\n };\n }, [devbaseClient, socket, enabled]);\n return events;\n}\nfunction EventTicker({\n events,\n onEventClick,\n settings,\n connectedUsers\n}) {\n const [currentIndex, setCurrentIndex] = useState(0);\n const [isPaused, setIsPaused] = useState(false);\n const tickerRef = useRef();\n useEffect(() => {\n if (!settings.showTicker || events.length === 0 || isPaused) return;\n const interval = setInterval(() => {\n setCurrentIndex(prev => (prev + 1) % events.length);\n }, 3000);\n return () => clearInterval(interval);\n }, [events.length, isPaused, settings.showTicker]);\n if (!settings.showTicker || events.length === 0) return null;\n const getEventIcon = type => {\n switch (type) {\n case 'CAMPAIGN_CREATED':\n return '🧪';\n case 'CAMPAIGN_TOPUP':\n return '💸';\n case 'KOL_ACCEPTED':\n return '⚡';\n case 'POST_SUBMITTED':\n return '🧵';\n case 'LEAD_CHANGED':\n return '🚀';\n case 'WINNER_CLAIMED':\n return '🏆';\n case 'CHAT_MESSAGE':\n return '💬';\n default:\n return '📢';\n }\n };\n const currentEvent = events[currentIndex];\n return

setIsPaused(true)} onMouseLeave={() => setIsPaused(false)}>\n

\n {getEventIcon(currentEvent?.type)}\n \n {currentEvent?.message}\n \n {currentEvent?.campaign_id && }\n

\n \n {connectedUsers} online\n \n

\n \n {currentIndex + 1} / {events.length}\n \n \n \n

;\n}\nfunction SettingsDrawer({\n isOpen,\n onClose,\n settings,\n onUpdateSettings\n}) {\n if (!isOpen) return null;\n return

Settings

\n \n

\n Show Animations\n \n onUpdateSettings({\n ...settings,\n showAnimations: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n Play Sounds\n \n onUpdateSettings({\n ...settings,\n playSounds: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n Reduce Motion\n \n onUpdateSettings({\n ...settings,\n reduceMotion: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n Show Ticker\n \n onUpdateSettings({\n ...settings,\n showTicker: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

;\n}\nfunction Toast({\n message,\n type,\n onClose\n}) {\n useEffect(() => {\n const timer = setTimeout(onClose, 5000);\n return () => clearTimeout(timer);\n }, [onClose]);\n const bgColor = type === 'error' ? colors.danger : type === 'success' ? colors.success : colors.info;\n return

\n {type === 'error' && }\n {type === 'success' && }\n {message}\n \n

;\n}\nfunction InfoTooltip({\n text,\n className = \"\"\n}) {\n const [showTooltip, setShowTooltip] = useState(false);\n return

\n \n {showTooltip &&

\n {text}\n

}\n

;\n}\nfunction FloatingAdminButton({\n onClick,\n userWallet,\n show\n}) {\n if (userWallet !== ADMIN_WALLET || !show) return null;\n return ;\n}\nfunction useAdminSession() {\n const [adminToken, setAdminToken] = useState(() => {\n if (typeof window !== 'undefined') {\n return localStorage.getItem('admin_session_token');\n }\n return null;\n });\n const setToken = token => {\n setAdminToken(token);\n if (typeof window !== 'undefined') {\n if (token) {\n localStorage.setItem('admin_session_token', token);\n } else {\n localStorage.removeItem('admin_session_token');\n }\n }\n };\n return [adminToken, setToken];\n}\nfunction Header({\n currentPage,\n setCurrentPage,\n userWallet,\n settings,\n setShowSettings\n}) {\n const {\n devbaseClient\n } = useDevapp();\n const [twitterConnected, setTwitterConnected] = useState(false);\n const [twitterUsername, setTwitterUsername] = useState('');\n const [twitterLoading, setTwitterLoading] = useState(false);\n const [showTokenSearch, setShowTokenSearch] = useState(false);\n const [selectedToken, setSelectedToken] = useState(null);\n const handleTwitterAction = async () => {\n if (!userWallet) {\n alert('Please connect your wallet first');\n return;\n }\n if (twitterConnected) {\n const confirmDisconnect = window.confirm('Are you sure you want to disconnect your X account?');\n if (!confirmDisconnect) return;\n try {\n setTwitterLoading(true);\n const users = await devbaseClient.listEntities('users', {\n wallet: userWallet\n });\n if (users.length > 0) {\n await devbaseClient.updateEntity('users', users[0].id, {\n x_handle: '',\n x_user_id: '',\n x_followers: 0,\n x_access_token_encrypted: '',\n x_refresh_token_encrypted: ''\n });\n }\n setTwitterConnected(false);\n setTwitterUsername('');\n } catch (error) {\n console.error('Error disconnecting Twitter:', error);\n alert('Failed to disconnect X account. Please try again.');\n } finally {\n setTwitterLoading(false);\n }\n } else {\n setTwitterLoading(true);\n const twitterLoginUrl = `https://oauth.dev.fun/twitter/login/43ceb989c37d18ee0ed6/${userWallet}`;\n openLink(twitterLoginUrl);\n const pollInterval = setInterval(() => {\n checkTwitterConnection();\n }, 2000);\n setTimeout(() => {\n clearInterval(pollInterval);\n setTwitterLoading(false);\n }, 60000);\n }\n };\n const handleTokenSelect = token => {\n setSelectedToken(token);\n setShowTokenSearch(false);\n };\n const checkTwitterConnection = async () => {\n if (!devbaseClient || !userWallet) {\n setTwitterConnected(false);\n setTwitterUsername('');\n setTwitterLoading(false);\n return;\n }\n if (typeof devbaseClient.evalString !== 'function') {\n console.warn('devbaseClient.evalString is not available yet');\n setTwitterLoading(false);\n return;\n }\n try {\n const fetchedUsername = await devbaseClient.evalString('$USER_X_USERNAME');\n if (fetchedUsername) {\n setTwitterConnected(true);\n setTwitterUsername(fetchedUsername);\n } else {\n setTwitterConnected(false);\n setTwitterUsername('');\n }\n } catch (error) {\n console.error('Error checking Twitter connection:', error);\n setTwitterConnected(false);\n setTwitterUsername('');\n } finally {\n setTwitterLoading(false);\n }\n };\n useEffect(() => {\n let interval;\n if (userWallet && devbaseClient) {\n checkTwitterConnection();\n let attempts = 0;\n interval = setInterval(() => {\n if (attempts < 10) {\n checkTwitterConnection();\n attempts++;\n } else {\n clearInterval(interval);\n }\n }, 1000);\n } else {\n setTwitterConnected(false);\n setTwitterUsername('');\n setTwitterLoading(false);\n }\n return () => {\n if (interval) clearInterval(interval);\n };\n }, [userWallet, devbaseClient]);\n return

\n KOL.fun\n

\n \n \n \n {userWallet === ADMIN_WALLET && }\n

\n \n \n \n \n

\n setShowTokenSearch(false)} onTokenSelect={handleTokenSelect} />\n {selectedToken &&

\n {selectedToken.name || selectedToken.symbol}\n

\n \n

\n {selectedToken.price &&

Price: ${selectedToken.price.toFixed(6)}

}\n {selectedToken.marketcap &&

Market Cap: ${(selectedToken.marketcap / 1000000).toFixed(1)}M

}\n {selectedToken.priceChangeIn24h !== undefined &&

24h Change: = 0 ? colors.success : colors.danger\n }}>\n {selectedToken.priceChangeIn24h > 0 ? '+' : ''}{selectedToken.priceChangeIn24h.toFixed(2)}%\n

}\n

;\n}\nfunction EarlyAdapterBar({\n onClick\n}) {\n return

\n 🚀 Become an early adapter now!\n

;\n}\nfunction EmailSignupModal({\n isOpen,\n onClose,\n devbaseClient,\n showToast\n}) {\n const [email, setEmail] = useState('');\n const [loading, setLoading] = useState(false);\n const handleSubmit = async e => {\n e.preventDefault();\n if (!email.trim() || !devbaseClient) return;\n const emailRegex = /^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/;\n if (!emailRegex.test(email)) {\n showToast('Please enter a valid email address', 'error');\n return;\n }\n try {\n setLoading(true);\n const existingEmails = await devbaseClient.listEntities('email_signups', {\n email: email.trim().toLowerCase()\n });\n if (existingEmails.length > 0) {\n showToast('Email already registered!', 'info');\n setEmail('');\n onClose();\n return;\n }\n await devbaseClient.createEntity('email_signups', {\n email: email.trim().toLowerCase(),\n signup_date: Date.now(),\n status: 'active'\n });\n showToast('Thank you! We\\'ll notify you when we launch!', 'success');\n setEmail('');\n onClose();\n } catch (error) {\n console.error('Error saving email:', error);\n showToast('Failed to save email. Please try again.', 'error');\n } finally {\n setLoading(false);\n }\n };\n if (!isOpen) return null;\n return

\n Early Access\n

\n \n

\n 🚀\n

\n Right now the platform is in demo mode, \n but soon it will be available for real use!\n

\n Be the first to know when we launch. Leave your email and we'll notify you!\n

\n\n \n

;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet,\n signMessage\n } = useDevapp();\n const [currentPage, setCurrentPage] = useState('board');\n const [selectedCampaign, setSelectedCampaign] = useState(null);\n const [searchTerm, setSearchTerm] = useState('');\n const [activeFilter, setActiveFilter] = useState('hot');\n const [campaigns, setCampaigns] = useState([]);\n const [loading, setLoading] = useState(false);\n const [page, setPage] = useState(1);\n const [hasMore, setHasMore] = useState(true);\n const [, setInitialLoadComplete] = useState(false);\n const [settings, updateSettings] = useSettings();\n const [showSettings, setShowSettings] = useState(false);\n const [flashingCards, setFlashingCards] = useState(new Map());\n const [toast, setToast] = useState(null);\n const [showFloatingAdmin, setShowFloatingAdmin] = useState(false);\n const [showAdminSignIn, setShowAdminSignIn] = useState(false);\n const [showConnectModal, setShowConnectModal] = useState(false);\n const [adminToken, setAdminToken] = useAdminSession();\n const [devscanPrices, setDevscanPrices] = useState({\n sol: 100,\n usdc: 1\n });\n const [liveTokenData, setLiveTokenData] = useState({});\n const [showEmailSignup, setShowEmailSignup] = useState(false);\n const observerRef = useRef();\n const processedEventIds = useRef(new Set());\n const {\n socket,\n connectedUsers\n } = useRealtimeConnection(devbaseClient, userWallet);\n const events = useEventStream(devbaseClient, socket, currentPage === 'board');\n const filters = [{\n id: 'hot',\n label: 'Hot',\n icon: Flame\n }, {\n id: 'new',\n label: 'New',\n icon: Plus\n }, {\n id: 'ending',\n label: 'Ending Soon',\n icon: Clock\n }, {\n id: 'biggest',\n label: 'Biggest',\n icon: TrendingUp\n }, {\n id: 'watchlist',\n label: 'My Watchlist',\n icon: Crown\n }];\n useEffect(() => {\n const handleScroll = () => {\n setShowFloatingAdmin(window.scrollY > 100);\n };\n window.addEventListener('scroll', handleScroll);\n return () => window.removeEventListener('scroll', handleScroll);\n }, []);\n const showToast = (message, type = 'info') => {\n setToast({\n message,\n type\n });\n };\n const handleAdminAccess = () => {\n if (userWallet !== ADMIN_WALLET) {\n showToast('Wallet not authorized for admin', 'error');\n return;\n }\n if (adminToken) {\n setCurrentPage('admin');\n } else {\n setShowAdminSignIn(true);\n }\n };\n const handleAdminSignInSuccess = token => {\n setAdminToken(token);\n setShowAdminSignIn(false);\n setCurrentPage('admin');\n showToast('Admin access granted', 'success');\n };\n const handleEventClick = event => {\n if (event.campaign_id) {\n const campaign = campaigns.find(c => c.id === event.campaign_id);\n if (campaign) {\n setSelectedCampaign(campaign);\n setCurrentPage('campaign');\n if (settings.showAnimations) {\n flashCard(event.campaign_id, event.type);\n }\n }\n }\n };\n useEffect(() => {\n setInitialLoadComplete(false);\n }, [activeFilter, searchTerm]);\n const flashCard = (campaignId, eventType) => {\n const color = getFlashColor(eventType);\n setFlashingCards(prev => new Map(prev.set(campaignId, color)));\n setTimeout(() => {\n setFlashingCards(prev => {\n const newMap = new Map(prev);\n newMap.delete(campaignId);\n return newMap;\n });\n }, 1200);\n };\n const getFlashColor = eventType => {\n switch (eventType) {\n case 'CAMPAIGN_TOPUP':\n return colors.success;\n case 'KOL_ACCEPTED':\n return colors.info;\n case 'LEAD_CHANGED':\n return colors.warning;\n case 'CAMPAIGN_CREATED':\n return colors.accent;\n case 'WINNER_CLAIMED':\n return colors.accent;\n default:\n return colors.accent;\n }\n };\n useEffect(() => {\n const newEventsToProcess = [];\n for (const event of events) {\n if (!processedEventIds.current.has(event.id)) {\n newEventsToProcess.push(event);\n processedEventIds.current.add(event.id);\n console.log(`APP LOG: New event received - ID: ${event.id}, Type: ${event.type}, Campaign ID: ${event.campaign_id}`);\n }\n }\n if (newEventsToProcess.length > 0) {\n newEventsToProcess.sort((a, b) => a.created_at - b.created_at);\n setCampaigns(prevCampaigns => {\n let updatedCampaigns = [...prevCampaigns];\n for (const event of newEventsToProcess) {\n if (settings.showAnimations && event.campaign_id && updatedCampaigns.some(c => c.id === event.campaign_id)) {\n flashCard(event.campaign_id, event.type);\n }\n if (event.type === 'KOL_ACCEPTED') {\n updatedCampaigns = updatedCampaigns.map(c => {\n if (c.id === event.campaign_id) {\n const newCount = (c.accepts_count || 0) + 1;\n console.log(`APP LOG: Event processing - Campaign ${c.id} accepts_count updated from ${c.accepts_count} to ${newCount}`);\n return {\n ...c,\n accepts_count: newCount\n };\n }\n return c;\n });\n }\n }\n return updatedCampaigns;\n });\n }\n }, [events, settings.showAnimations]);\n useEffect(() => {\n if (devbaseClient) {\n loadCampaigns(true);\n fetchPrices();\n }\n }, [devbaseClient, activeFilter, searchTerm]);\n useEffect(() => {\n if (devbaseClient) {\n fetchPrices();\n const priceInterval = setInterval(fetchPrices, 60000);\n return () => clearInterval(priceInterval);\n }\n }, [devbaseClient]);\n const fetchPrices = async () => {\n if (!devbaseClient) return;\n let currentSolPrice = 100;\n try {\n if (typeof devbaseClient.evalString === 'function') {\n const pricesFromDevbaseFunc = await devbaseClient.evalString('JSON.stringify($FUNC_GET_PRICES())');\n const parsedPrices = JSON.parse(pricesFromDevbaseFunc);\n if (parsedPrices.sol) {\n currentSolPrice = parsedPrices.sol;\n }\n } else {\n console.warn('devbaseClient.evalString is not available yet for $FUNC_GET_PRICES.');\n }\n } catch (error) {\n console.error('Error fetching prices from Devbase function ($FUNC_GET_PRICES):', error);\n }\n let solTokenInfo = null;\n try {\n solTokenInfo = await fetchTokenInfoBySymbol('SOL');\n if (solTokenInfo?.price) {\n currentSolPrice = solTokenInfo.price;\n }\n setLiveTokenData({\n SOL: solTokenInfo,\n USDC: null\n });\n } catch (tokenError) {\n console.log('SOL token data fetch from @devfunlabs/web-sdk failed:', tokenError);\n setLiveTokenData({\n SOL: null,\n USDC: null\n });\n }\n setDevscanPrices({\n sol: currentSolPrice,\n usdc: 1\n });\n };\n useEffect(() => {\n const observer = new IntersectionObserver(entries => {\n if (entries[0].isIntersecting && hasMore && !loading) {\n loadCampaigns(false);\n }\n }, {\n threshold: 1.0\n });\n if (observerRef.current) {\n observer.observe(observerRef.current);\n }\n return () => observer.disconnect();\n }, [hasMore, loading]);\n const deduplicateCampaigns = campaigns => {\n const seen = new Set();\n return campaigns.filter(campaign => {\n if (seen.has(campaign.id)) {\n return false;\n }\n seen.add(campaign.id);\n return true;\n });\n };\n const loadCampaigns = async (reset = false) => {\n if (!devbaseClient || loading) return;\n try {\n setLoading(true);\n let fetchedCampaigns = [];\n let hasMoreData = false;\n if (activeFilter === 'watchlist' && userWallet) {\n const watchlistEntries = await devbaseClient.listEntities('watchlist', {\n wallet: userWallet\n });\n const campaignIds = new Set(watchlistEntries.map(w => w.campaign_id));\n if (campaignIds.size === 0) {\n setCampaigns([]);\n setHasMore(false);\n setInitialLoadComplete(true);\n return;\n }\n const allActiveCampaigns = await devbaseClient.listEntities('campaigns', {\n status: 'active'\n });\n fetchedCampaigns = allActiveCampaigns.filter(campaign => campaignIds.has(campaign.id));\n hasMoreData = false;\n setPage(1);\n } else {\n const currentPage = reset ? 1 : page;\n let filter = {\n status: 'active'\n };\n if (activeFilter === 'ending') {}\n const result = await devbaseClient.paginateEntities('campaigns', filter, {\n pageSize: 20,\n currentPage\n });\n fetchedCampaigns = result.entities;\n hasMoreData = result.currentPage < result.totalPages;\n setPage(reset ? 2 : prev => prev + 1);\n }\n let processedCampaigns = fetchedCampaigns.map(campaign => {\n const displayUsd = campaign.tcc_usd > 1000000000 && campaign.reward_amount ? convertAtomicToUsd(campaign.reward_amount, campaign.reward_token, devscanPrices?.sol || 100) : campaign.tcc_usd || 0;\n return {\n ...campaign,\n tcc_usd_display: displayUsd\n };\n });\n let filteredCampaigns = processedCampaigns;\n if (searchTerm && searchTerm.trim()) {\n const searchLower = searchTerm.toLowerCase().trim();\n filteredCampaigns = processedCampaigns.filter(campaign => {\n const projectName = (campaign.project_name || '').toLowerCase();\n const tokenCa = (campaign.token_ca || '').toLowerCase();\n const projectHandle = (campaign.project_x_handle || '').toLowerCase();\n return projectName.includes(searchLower) || tokenCa.includes(searchLower) || projectHandle.includes(searchLower);\n });\n }\n const sortedFetchedCampaigns = sortCampaigns(filteredCampaigns, activeFilter);\n setCampaigns(prevCampaigns => {\n let finalCampaigns;\n if (reset) {\n finalCampaigns = sortedFetchedCampaigns;\n } else {\n const currentCampaignsMap = new Map(prevCampaigns.map(c => [c.id, c]));\n const newCampaignsMap = new Map(sortedFetchedCampaigns.map(c => [c.id, c]));\n const mergedCampaigns = Array.from(new Set([...currentCampaignsMap.keys(), ...newCampaignsMap.keys()])).map(id => {\n const current = currentCampaignsMap.get(id);\n const fetched = newCampaignsMap.get(id);\n if (fetched) {\n if (current && fetched.accepts_count !== undefined && current.accepts_count !== undefined) {\n const mergedCount = Math.max(Number(current.accepts_count || 0), Number(fetched.accepts_count || 0));\n return {\n ...fetched,\n accepts_count: mergedCount\n };\n }\n return fetched;\n }\n return current;\n }).filter(Boolean);\n finalCampaigns = mergedCampaigns;\n }\n return sortCampaigns(deduplicateCampaigns(finalCampaigns), activeFilter);\n });\n setHasMore(hasMoreData && activeFilter !== 'watchlist' && !searchTerm);\n setInitialLoadComplete(true);\n } catch (error) {\n console.error('Error loading campaigns:', error);\n } finally {\n setLoading(false);\n }\n };\n const sortCampaigns = (campaigns, filter) => {\n const now = Date.now();\n switch (filter) {\n case 'hot':\n return campaigns.sort((a, b) => (b.total_posts_count || 0) - (a.total_posts_count || 0));\n case 'new':\n return campaigns.sort((a, b) => b.created_at - a.created_at);\n case 'ending':\n return campaigns.sort((a, b) => {\n const aEnded = a.end_time <= now;\n const bEnded = b.end_time <= now;\n if (aEnded && !bEnded) return 1;\n if (!aEnded && bEnded) return -1;\n return a.end_time - b.end_time;\n });\n case 'biggest':\n return campaigns.sort((a, b) => (b.tcc_usd_display || b.tcc_usd || 0) - (a.tcc_usd_display || a.tcc_usd || 0));\n default:\n return campaigns;\n }\n };\n if (currentPage === 'launch') {\n return

\n setShowEmailSignup(true)} />\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} showToast={showToast} devscanPrices={devscanPrices} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n setShowEmailSignup(false)} devbaseClient={devbaseClient} showToast={showToast} />\n {toast && setToast(null)} />}\n

;\n }\n if (currentPage === 'campaign' && selectedCampaign) {\n return

\n setShowEmailSignup(true)} />\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} setSelectedCampaign={setSelectedCampaign} socket={socket} devscanPrices={devscanPrices} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n setShowEmailSignup(false)} devbaseClient={devbaseClient} showToast={showToast} />\n {toast && setToast(null)} />}\n

;\n }\n if (currentPage === 'kol-dashboard') {\n return

\n setShowEmailSignup(true)} />\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n setShowEmailSignup(false)} devbaseClient={devbaseClient} showToast={showToast} />\n {toast && setToast(null)} />}\n

;\n }\n if (currentPage === 'project-dashboard') {\n return

\n setShowEmailSignup(true)} />\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} setSelectedCampaign={setSelectedCampaign} setCurrentPage={setCurrentPage} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n setShowEmailSignup(false)} devbaseClient={devbaseClient} showToast={showToast} />\n {toast && setToast(null)} />}\n

;\n }\n if (currentPage === 'admin' && userWallet === ADMIN_WALLET) {\n return

\n setShowEmailSignup(true)} />\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} signMessage={signMessage} showToast={showToast} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n setShowEmailSignup(false)} devbaseClient={devbaseClient} showToast={showToast} />\n {toast && setToast(null)} />}\n

;\n }\n return

\n setShowEmailSignup(true)} />\n \n

\n Now Pumping\n

\n \n \n SOL: ${devscanPrices.sol?.toFixed(2) || '100.00'}\n \n

\n {liveTokenData.SOL?.priceChangeIn24h !== undefined && = 0 ? colors.success : colors.danger\n }}>\n {liveTokenData.SOL.priceChangeIn24h > 0 ? '+' : ''}{liveTokenData.SOL.priceChangeIn24h.toFixed(2)}%\n }\n

\n {campaigns.slice(0, 6).map(campaign =>

{\n setSelectedCampaign(campaign);\n setCurrentPage('campaign');\n }} className=\"flex items-center gap-2 px-3 py-2 rounded-full whitespace-nowrap cursor-pointer transition-colors hover:opacity-80\" style={{\n backgroundColor: colors.surfaceHover\n }}>\n

\n {campaign.campaign_image ? ${campaign.project_name}$ : campaign.project_name?.[0] || 'P'}\n

\n \n {campaign.project_name}\n \n \n {formatAmount(campaign.reward_amount, campaign.reward_token)} {campaign.reward_token}\n \n

)}\n

\n {filters.map(filter => {\n const Icon = filter.icon;\n return ;\n })}\n

\n \n setSearchTerm(e.target.value)} className=\"pl-10 pr-4 py-2 rounded-lg border focus:outline-none transition-colors\" style={{\n backgroundColor: colors.surfaceHover,\n borderColor: 'transparent',\n color: colors.textPrimary\n }} />\n

\n {campaigns.map(campaign => {\n setSelectedCampaign(campaign);\n setCurrentPage('campaign');\n }} userWallet={userWallet} devbaseClient={devbaseClient} flashColor={flashingCards.get(campaign.id)} settings={settings} devscanPrices={devscanPrices} />)}\n

\n {loading &&

}\n

\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n setShowEmailSignup(false)} devbaseClient={devbaseClient} showToast={showToast} />\n {toast && setToast(null)} />}\n

;\n}\nconst convertAtomicToUsdCard = (amount, token, solPrice = 100) => {\n const numAmount = Number(amount);\n if (token === 'USDC') {\n return numAmount / 1000000;\n }\n if (token === 'SOL') {\n return numAmount / 1000000000 * solPrice;\n }\n return numAmount;\n};\nfunction CampaignCard({\n campaign,\n onClick,\n userWallet,\n devbaseClient,\n flashColor,\n settings,\n devscanPrices\n}) {\n const [isWatched, setIsWatched] = useState(false);\n const [topScore, setTopScore] = useState(0);\n const [hasUnreadChat] = useState(false);\n const [totalTCP, setTotalTCP] = useState(campaign.tcc_usd);\n useEffect(() => {\n console.log(`CAMPAIGN CARD LOG: Campaign ${campaign.id} (${campaign.project_name}) rendered with accepts_count: ${campaign.accepts_count}`);\n checkWatchlist();\n getTopScore();\n calculateTotalTCP();\n }, [campaign.id, campaign.accepts_count, userWallet]);\n const calculateTotalTCP = async () => {\n if (!devbaseClient) return;\n try {\n const allCampaigns = await devbaseClient.listEntities('campaigns', {\n project_name: campaign.project_name,\n owner_wallet: campaign.owner_wallet\n });\n const total = allCampaigns.reduce((sum, c) => {\n const campaignUsdValue = convertAtomicToUsdCard(c.reward_amount, c.reward_token, devscanPrices?.sol || 100);\n return sum + (campaignUsdValue || 0);\n }, 0);\n setTotalTCP(total);\n } catch (error) {\n console.error('Error calculating TCP:', error);\n }\n };\n const checkWatchlist = async () => {\n if (!userWallet || !devbaseClient) return;\n try {\n const exists = await devbaseClient.listEntities('watchlist', {\n wallet: userWallet,\n campaign_id: campaign.id\n });\n setIsWatched(exists.length > 0);\n } catch (error) {\n console.error('Error checking watchlist:', error);\n }\n };\n const getTopScore = async () => {\n if (!devbaseClient) return;\n try {\n const posts = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n active: true,\n valid: true\n });\n const scores = posts.map(p => p.score || 0);\n setTopScore(Math.max(0, ...scores));\n } catch (error) {\n console.error('Error getting top score:', error);\n }\n };\n const toggleWatchlist = async e => {\n e.stopPropagation();\n if (!userWallet || !devbaseClient) return;\n try {\n if (isWatched) {\n const items = await devbaseClient.listEntities('watchlist', {\n wallet: userWallet,\n campaign_id: campaign.id\n });\n if (items.length > 0) {\n await devbaseClient.deleteEntity('watchlist', items[0].id);\n }\n setIsWatched(false);\n } else {\n await devbaseClient.createEntity('watchlist', {\n wallet: userWallet,\n campaign_id: campaign.id\n });\n setIsWatched(true);\n }\n } catch (error) {\n console.error('Error toggling watchlist:', error);\n }\n };\n const timeLeft = formatTimeLeft(campaign.end_time);\n const cardStyle = {\n backgroundColor: colors.surface,\n borderColor: flashColor || 'transparent',\n boxShadow: flashColor && settings.showAnimations ? `0 0 20px ${flashColor}40, 0 0 40px ${flashColor}20` : '0 4px 6px -1px rgba(0, 0, 0, 0.1)',\n borderWidth: flashColor ? '2px' : '1px',\n borderRadius: '14px',\n transition: settings.reduceMotion ? 'none' : 'all 0.3s ease'\n };\n return

\n {campaign.campaign_image ? ${campaign.project_name}$ : campaign.project_name?.[0] || 'P'}\n

\n {campaign.project_name || 'Unknown Project'}\n

\n ${campaign.token_ca?.slice(0, 8) || 'No CA'}\n

\n {hasUnreadChat &&

}\n \n

\n {formatAmount(campaign.reward_amount, campaign.reward_token)} {campaign.reward_token}\n

\n TCP: ${formatAmount(totalTCP, 'USD')}\n

\n Ends in\n

\n {timeLeft}\n

\n {campaign.accepts_count || 0}\n

KOLs

\n {campaign.topups_count || 0}\n

Top-ups

\n {topScore}\n

Top Score

\n Winners\n \n {campaign.winner_count}\n \n

\n \n \n

;\n function getTimeLeftBadgeColor(endTime) {\n const now = Date.now();\n const timeLeft = (endTime - now) / (1000 * 60 * 60);\n if (timeLeft <= 0) return colors.danger;\n if (timeLeft < 0.5) return colors.danger;\n if (timeLeft < 6) return colors.warning;\n return colors.textMuted;\n }\n}\nfunction formatAmount(amount, token) {\n if (!amount || amount === '' || isNaN(amount)) return '0';\n let num = Number(amount);\n if (isNaN(num)) return '0';\n if (token === 'USDC') {\n num = num / 1000000;\n } else if (token === 'SOL') {\n num = num / 1000000000;\n }\n if (num >= 1000000) return `${(num / 1000000).toFixed(1)}M`;\n if (num >= 1000) return `${(num / 1000).toFixed(1)}K`;\n return num.toFixed(2);\n}\nfunction formatTimeLeft(endTime) {\n const now = Date.now();\n const diff = endTime - now;\n if (diff <= 0) return 'ENDED';\n const days = Math.floor(diff / (1000 * 60 * 60 * 24));\n const hours = Math.floor(diff % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));\n const minutes = Math.floor(diff % (1000 * 60 * 60) / (1000 * 60));\n if (days > 0) return `${days}d ${hours}h`;\n if (hours > 0) return `${hours}h ${minutes}m`;\n return `${minutes}m`;\n}\nfunction getTimeColor(endTime) {\n const now = Date.now();\n const timeLeft = (endTime - now) / (1000 * 60 * 60);\n if (timeLeft <= 0) return colors.danger;\n if (timeLeft < 0.5) return colors.danger;\n if (timeLeft < 6) return colors.warning;\n return colors.textMuted;\n}\nfunction FeesDisplay({\n campaignDraft,\n userWallet,\n devbaseClient,\n devscanPrices\n}) {\n const [demoMode, setDemoMode] = useState(false);\n const [creationFee, setCreationFee] = useState('0.1');\n useEffect(() => {\n if (devbaseClient) {\n loadFeeSettings();\n }\n }, [devbaseClient]);\n const loadFeeSettings = async () => {\n try {\n const settings = await devbaseClient.listEntities('admin_settings');\n const settingsMap = {};\n settings.forEach(setting => {\n settingsMap[setting.setting_key] = setting.setting_value;\n });\n setDemoMode(settingsMap.demo_mode === 'true');\n setCreationFee(settingsMap.creation_fee || '0.1');\n } catch (error) {\n console.error('Error loading fee settings:', error);\n }\n };\n const displayFee = () => {\n if (userWallet === ADMIN_WALLET || demoMode) return '0';\n return creationFee;\n };\n return

\n {demoMode ? 'Demo Mode - Free Campaign' : 'Fees'}\n

\n Creation fee: {displayFee()} SOL{demoMode && ' (Demo Mode)'}
\n Reward escrow: {campaignDraft.reward_amount} {campaignDraft.reward_token}\n

;\n}\nfunction LaunchCampaign({\n onBack,\n devbaseClient,\n userWallet,\n showToast,\n devscanPrices\n}) {\n const [step, setStep] = useState(1);\n const [loading, setLoading] = useState(false);\n const [errors, setErrors] = useState({});\n const [demoMode, setDemoMode] = useState(false);\n const [showTokenSearch, setShowTokenSearch] = useState(false);\n const [campaignDraft, setCampaignDraft] = useState({\n project_name: '',\n token_ca: '',\n project_x_handle: '',\n reward_token: 'USDC',\n reward_amount: '',\n winner_count: 1,\n split: [100],\n duration_hours: 168,\n required_tags: '',\n require_project_link: false,\n require_image: false,\n min_followers: 100,\n min_account_age_days: 30,\n campaign_image: ''\n });\n useEffect(() => {\n if (devbaseClient) {\n loadDemoMode();\n }\n }, [devbaseClient]);\n const loadDemoMode = async () => {\n try {\n const settings = await devbaseClient.listEntities('admin_settings');\n const settingsMap = {};\n settings.forEach(setting => {\n settingsMap[setting.setting_key] = setting.setting_value;\n });\n const isDemo = settingsMap.demo_mode === 'true';\n setDemoMode(isDemo);\n if (isDemo) {\n setCampaignDraft(prev => ({\n ...prev,\n project_name: prev.project_name || 'Demo Project',\n token_ca: prev.token_ca || 'DemoTokenCA123456789',\n reward_amount: prev.reward_amount || '100',\n winner_count: prev.winner_count || 1,\n split: prev.split.length > 0 ? prev.split : [100],\n duration_hours: prev.duration_hours || 168,\n required_tags: prev.required_tags || '',\n require_project_link: prev.require_project_link || false,\n require_image: prev.require_image || false,\n min_followers: prev.min_followers || 0,\n min_account_age_days: prev.min_account_age_days || 0,\n campaign_image: prev.campaign_image || ''\n }));\n setErrors({});\n }\n } catch (error) {\n console.error('Error loading demo mode:', error);\n }\n };\n const handleInputChange = (field, value) => {\n setCampaignDraft(prev => ({\n ...prev,\n [field]: value\n }));\n if (errors[field]) {\n setErrors(prev => ({\n ...prev,\n [field]: null\n }));\n }\n };\n const handleWinnerCountChange = count => {\n const defaultSplits = {\n 1: [100],\n 3: [60, 25, 15],\n 5: [40, 25, 15, 10, 10]\n };\n setCampaignDraft(prev => ({\n ...prev,\n winner_count: count,\n split: defaultSplits[count]\n }));\n };\n const handleSplitChange = (index, value) => {\n const newSplit = [...campaignDraft.split];\n newSplit[index] = Number(value);\n setCampaignDraft(prev => ({\n ...prev,\n split: newSplit\n }));\n };\n const handleImageUpload = event => {\n const file = event.target.files[0];\n if (file) {\n if (file.size > 5 * 1024 * 1024) {\n showToast('Image size must be less than 5MB', 'error');\n return;\n }\n const reader = new FileReader();\n reader.onload = e => {\n setCampaignDraft(prev => ({\n ...prev,\n campaign_image: e.target.result\n }));\n };\n reader.readAsDataURL(file);\n }\n };\n const validateAmount = (amount, token) => {\n if (demoMode) {\n return null;\n }\n if (!amount || amount === '') {\n return 'Reward amount is required';\n }\n const num = Number(amount);\n if (isNaN(num)) {\n return 'Invalid number';\n }\n if (num <= 0) {\n return 'Amount must be greater than zero';\n }\n return null;\n };\n const convertToAtomicUnits = (amount, token) => {\n const num = Number(amount);\n if (isNaN(num) || num <= 0) {\n throw new Error(`Invalid amount: ${amount}`);\n }\n if (token === 'USDC') {\n return BigInt(Math.floor(num * 1000000)).toString();\n } else {\n return BigInt(Math.floor(num * 1000000000)).toString();\n }\n };\n const calculateUsdValue = (amount, token) => {\n if (!amount || !devscanPrices) return 0;\n const num = Number(amount);\n if (token === 'USDC') {\n return num;\n } else if (token === 'SOL') {\n return num * devscanPrices.sol;\n }\n return 0;\n };\n const validateForm = () => {\n if (demoMode) {\n setErrors({});\n return true;\n }\n const newErrors = {};\n if (!campaignDraft.project_name.trim()) {\n newErrors.project_name = 'Project name is required';\n }\n const amountError = validateAmount(campaignDraft.reward_amount, campaignDraft.reward_token);\n if (amountError) {\n newErrors.reward_amount = amountError;\n }\n const splitSum = campaignDraft.split.reduce((sum, val) => sum + (Number(val) || 0), 0);\n if (Math.abs(splitSum - 100) > 0.01) {\n newErrors.split = 'Split must sum to 100%';\n }\n const endTime = Date.now() + campaignDraft.duration_hours * 60 * 60 * 1000;\n if (endTime <= Date.now()) {\n newErrors.duration_hours = 'End time must be in the future';\n }\n setErrors(newErrors);\n return Object.keys(newErrors).length === 0;\n };\n const diagnoseCampaign = async () => {\n if (!devbaseClient) return;\n try {\n const payload = {\n owner_wallet: userWallet,\n project_name: campaignDraft.project_name,\n token_ca: campaignDraft.token_ca || null,\n project_x_handle: campaignDraft.project_x_handle || null,\n reward_token: campaignDraft.reward_token,\n reward_mint: campaignDraft.reward_token === 'USDC' ? 'EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v' : null,\n reward_amount_atomic: convertToAtomicUnits(campaignDraft.reward_amount, campaignDraft.reward_token),\n winner_count: campaignDraft.winner_count,\n split: campaignDraft.split,\n end_time: Math.floor((Date.now() + campaignDraft.duration_hours * 60 * 60 * 1000) / 1000),\n rules: {\n required_tags: campaignDraft.required_tags.split(',').map(tag => tag.trim()).filter(Boolean),\n require_project_link: campaignDraft.require_project_link,\n require_image: campaignDraft.require_image,\n min_followers: campaignDraft.min_followers,\n min_account_age_days: campaignDraft.min_account_age_days\n }\n };\n const result = await devbaseClient.evalString(`JSON.stringify(${JSON.stringify(payload)})`);\n console.log('Diagnostic payload:', JSON.parse(result));\n showToast('Diagnostic logged to console', 'info');\n } catch (error) {\n console.error('Diagnostic error:', error);\n showToast('Diagnostic failed', 'error');\n }\n };\n const handleTokenSelect = token => {\n setCampaignDraft(prev => ({\n ...prev,\n token_ca: token.contractAddress || token.mint || ''\n }));\n setShowTokenSearch(false);\n };\n const createCampaign = async () => {\n if (!devbaseClient || !userWallet) {\n showToast('Please connect your wallet first', 'error');\n return;\n }\n if (!demoMode && !validateForm()) {\n showToast('Please fill in all required fields correctly', 'error');\n return;\n }\n try {\n setLoading(true);\n const projectName = campaignDraft.project_name.trim() || (demoMode ? 'Demo Project' : '');\n const tokenCa = campaignDraft.token_ca.trim() || (demoMode ? 'DemoTokenCA123456789' : '');\n const rewardAmount = campaignDraft.reward_amount || (demoMode ? '100' : '1');\n let atomicAmount;\n try {\n atomicAmount = convertToAtomicUnits(rewardAmount, campaignDraft.reward_token);\n } catch (error) {\n console.error('Error converting amount:', error);\n atomicAmount = convertToAtomicUnits(demoMode ? '100' : '1', campaignDraft.reward_token);\n }\n const campaignData = {\n owner_wallet: userWallet,\n project_name: projectName,\n token_ca: tokenCa,\n project_x_handle: campaignDraft.project_x_handle || '',\n reward_token: campaignDraft.reward_token,\n reward_mint: campaignDraft.reward_token === 'USDC' ? 'EPjFWdd5AufqSSqeM2qN1xzybapC8G4wEGGkZwyTDt1v' : 'So11111111111111111111111111111111111111112',\n reward_amount: atomicAmount,\n winner_count: campaignDraft.winner_count,\n split: JSON.stringify(campaignDraft.split),\n end_time: Date.now() + campaignDraft.duration_hours * 60 * 60 * 1000,\n required_tags: campaignDraft.required_tags || '',\n require_project_link: campaignDraft.require_project_link || false,\n require_image: campaignDraft.require_image || false,\n min_followers: campaignDraft.min_followers || 0,\n min_account_age_days: campaignDraft.min_account_age_days || 0,\n campaign_image: campaignDraft.campaign_image || '',\n status: 'active'\n };\n console.log('Creating campaign with data:', campaignData);\n const createdCampaign = await devbaseClient.createEntity('campaigns', campaignData);\n console.log('Campaign created successfully:', createdCampaign);\n await devbaseClient.createEntity('events', {\n type: 'CAMPAIGN_CREATED',\n campaign_id: createdCampaign.id,\n actor_wallet: userWallet,\n actor_handle: campaignDraft.project_x_handle || '@project',\n message: `🧪 New campaign launched ${projectName} by ${campaignDraft.project_x_handle || '@project'}${demoMode ? ' (Demo)' : ''}`,\n created_at: Date.now()\n });\n setStep(4);\n showToast('Campaign created successfully!', 'success');\n } catch (error) {\n console.error('Error creating campaign:', error);\n if (error.name === 'WalletConnectionError' || error.message?.includes('User rejected') || error.message?.includes('rejected')) {\n showToast('Transaction cancelled. Please try again and approve the transaction.', 'error');\n } else {\n showToast(error.message || 'Error creating campaign. Please try again.', 'error');\n }\n } finally {\n setLoading(false);\n }\n };\n if (step === 4) {\n return

\n \n

\n Campaign Created!\n

\n Your campaign is now live and KOLs can start participating.\n

\n \n

;\n }\n return

\n \n

\n Launch Campaign\n

\n {[1, 2, 3].map(i =>

= i ? colors.accent : colors.surfaceHover,\n color: step >= i ? colors.background : colors.textMuted\n }}>\n {i}\n

\n {i < 3 &&

i ? colors.accent : colors.surfaceHover\n }} />}\n

)}\n

\n {step === 1 &&

\n Campaign Details\n

\n \n Project Name\n \n handleInputChange('project_name', e.target.value)} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none focus:ring-2\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary,\n focusRingColor: colors.accent\n }} placeholder=\"My Awesome Project\" />\n {errors.project_name &&

\n {errors.project_name}\n

}\n

\n \n Token Contract Address\n \n

\n handleInputChange('token_ca', e.target.value)} className=\"flex-1 px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} placeholder=\"Enter token contract address\" />\n \n

\n \n Project X Handle (optional)\n \n handleInputChange('project_x_handle', e.target.value)} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} placeholder=\"@myproject\" />\n

\n \n Campaign Image (optional)\n \n

\n \n {campaignDraft.campaign_image &&

\n $\"Campaign$ \n \n

}\n

\n Maximum file size: 5MB. Supported formats: JPG, PNG, GIF\n

\n \n Campaign Duration\n \n \n

\n \n

}\n {step === 2 &&

\n Rewards & Rules\n

\n \n Reward Token\n \n \n

\n \n Reward Amount\n \n handleInputChange('reward_amount', e.target.value)} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} placeholder=\"1000\" min=\"0\" step=\"0.000001\" />\n {errors.reward_amount &&

\n {errors.reward_amount}\n

}\n

\n \n Number of Winners\n \n

\n {[1, 3, 5].map(count => )}\n

\n \n Prize Split (%)\n \n

\n {campaignDraft.split.map((percentage, index) => handleSplitChange(index, e.target.value)} className=\"px-3 py-2 text-center rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} max=\"100\" min=\"0\" />)}\n

\n Total: {campaignDraft.split.reduce((sum, val) => sum + val, 0)}%\n

\n {errors.split &&

\n {errors.split}\n

}\n

\n \n Required Tags (comma separated)\n \n handleInputChange('required_tags', e.target.value)} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} placeholder=\"#myproject, #crypto, #solana\" />\n

\n \n handleInputChange('require_project_link', e.target.checked)} className=\"mr-3\" />\n \n Require project link in posts\n \n \n \n handleInputChange('require_image', e.target.checked)} className=\"mr-3\" />\n \n Require image in posts\n \n \n

\n \n Min Followers\n \n handleInputChange('min_followers', Number(e.target.value))} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} />\n

\n \n Min Account Age (days)\n \n handleInputChange('min_account_age_days', Number(e.target.value))} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} />\n

\n \n \n

}\n {step === 3 &&

\n Review & Launch\n

\n {campaignDraft.project_name || (demoMode ? 'Demo Project' : 'Unnamed Project')}\n

\n Token:\n {campaignDraft.token_ca || (demoMode ? 'DemoTokenCA123456789' : 'No CA')}\n

\n Reward Pool:\n \n {campaignDraft.reward_amount || (demoMode ? '100' : '0')} {campaignDraft.reward_token}\n {devscanPrices && campaignDraft.reward_token === 'SOL' && campaignDraft.reward_amount && \n (~${calculateUsdValue(campaignDraft.reward_amount, campaignDraft.reward_token).toFixed(2)})\n }\n \n

\n Winners:\n {campaignDraft.winner_count}\n

\n Duration:\n \n {campaignDraft.duration_hours / 24} days\n \n

\n \n

\n \n \n

\n {userWallet === ADMIN_WALLET && }\n

}\n setShowTokenSearch(false)} onTokenSelect={handleTokenSelect} />\n

;\n}\nconst convertAtomicToUsdDetail = (amount, token, solPrice = 100) => {\n const numAmount = Number(amount);\n if (token === 'USDC') {\n return numAmount / 1000000;\n }\n if (token === 'SOL') {\n return numAmount / 1000000000 * solPrice;\n }\n return numAmount;\n};\nfunction CampaignDetail({\n campaign,\n onBack,\n devbaseClient,\n userWallet,\n setSelectedCampaign,\n socket,\n devscanPrices\n}) {\n const [activeTab, setActiveTab] = useState('overview');\n const [leaderboard, setLeaderboard] = useState([]);\n const [userAccepted, setUserAccepted] = useState(false);\n const [userPosts, setUserPosts] = useState([]);\n const [tweetUrl, setTweetUrl] = useState('');\n const [totalTCP, setTotalTCP] = useState(campaign.tcc_usd);\n const [, setTwitterUsername] = useState('');\n const parsedSplit = campaign.split ? JSON.parse(campaign.split) : [];\n useEffect(() => {\n if (devbaseClient && campaign.id) {\n checkAcceptance();\n loadLeaderboard();\n loadUserPosts();\n calculateTotalTCP();\n checkTwitterConnection();\n }\n }, [devbaseClient, campaign.id, userWallet]);\n const calculateTotalTCP = async () => {\n try {\n const allCampaigns = await devbaseClient.listEntities('campaigns', {\n project_name: campaign.project_name,\n owner_wallet: campaign.owner_wallet\n });\n const total = allCampaigns.reduce((sum, c) => {\n const campaignUsdValue = convertAtomicToUsdDetail(c.reward_amount, c.reward_token, devscanPrices?.sol || 100);\n return sum + (campaignUsdValue || 0);\n }, 0);\n setTotalTCP(total);\n } catch (error) {\n console.error('Error calculating TCP:', error);\n }\n };\n const checkAcceptance = async () => {\n if (!userWallet) return;\n try {\n const accepts = await devbaseClient.listEntities('accepts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet\n });\n setUserAccepted(accepts.length > 0);\n } catch (error) {\n console.error('Error checking acceptance:', error);\n }\n };\n const loadLeaderboard = async () => {\n try {\n const posts = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n active: true,\n valid: true\n });\n const sorted = posts.sort((a, b) => {\n if (b.score !== a.score) return b.score - a.score;\n return a.created_at - b.created_at;\n });\n setLeaderboard(sorted);\n } catch (error) {\n console.error('Error loading leaderboard:', error);\n }\n };\n const checkTwitterConnection = async () => {\n if (!devbaseClient || !userWallet) return;\n if (typeof devbaseClient.evalString !== 'function') {\n console.warn('devbaseClient.evalString is not available yet');\n return;\n }\n try {\n const fetchedUsername = await devbaseClient.evalString('$USER_X_USERNAME');\n setTwitterUsername(fetchedUsername || '');\n } catch (error) {\n console.error('Error checking Twitter connection:', error);\n setTwitterUsername('');\n }\n };\n const loadUserPosts = async () => {\n if (!userWallet) return;\n try {\n const posts = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet\n });\n setUserPosts(posts);\n } catch (error) {\n console.error('Error loading user posts:', error);\n }\n };\n const acceptCampaign = async () => {\n if (!userWallet || !devbaseClient) return;\n try {\n await devbaseClient.createEntity('accepts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet,\n accepted_at: Date.now()\n });\n setUserAccepted(true);\n const updatedCampaign = await devbaseClient.getEntity('campaigns', campaign.id);\n if (updatedCampaign) {\n setSelectedCampaign(updatedCampaign);\n }\n } catch (error) {\n console.error('Error accepting campaign:', error);\n }\n };\n const submitPost = async () => {\n if (!userWallet || !devbaseClient || !tweetUrl) return;\n try {\n const tweetId = extractTweetId(tweetUrl);\n if (!tweetId) {\n alert('Invalid tweet URL');\n return;\n }\n const existing = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet,\n tweet_id: tweetId\n });\n if (existing.length > 0) {\n alert('This tweet has already been submitted');\n return;\n }\n if (userPosts.length >= 5) {\n alert('Maximum 5 posts per campaign');\n return;\n }\n const isFirstPost = userPosts.length === 0;\n await devbaseClient.createEntity('posts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet,\n tweet_id: tweetId,\n tweet_url: tweetUrl,\n created_at: Date.now(),\n likes: 0,\n retweets: 0,\n replies: 0,\n quotes: 0,\n score: 0,\n valid: true,\n reason: '',\n active: isFirstPost\n });\n setTweetUrl('');\n loadUserPosts();\n loadLeaderboard();\n } catch (error) {\n console.error('Error submitting post:', error);\n alert('Error submitting post. Please try again.');\n }\n };\n const setActivePost = async postId => {\n if (!userWallet || !devbaseClient) return;\n try {\n for (const post of userPosts) {\n await devbaseClient.updateEntity('posts', post.id, {\n active: false\n });\n }\n await devbaseClient.updateEntity('posts', postId, {\n active: true\n });\n loadUserPosts();\n loadLeaderboard();\n } catch (error) {\n console.error('Error setting active post:', error);\n }\n };\n const extractTweetId = url => {\n const match = url.match(/status\\/(\\d+)/);\n return match ? match[1] : null;\n };\n const formatScore = post => {\n return (post.likes || 0) + 2 * (post.retweets || 0) + 2 * (post.quotes || 0) + (post.replies || 0);\n };\n const timeLeft = formatTimeLeft(campaign.end_time);\n const timeColor = getTimeColor(campaign.end_time);\n return

\n \n

\n {campaign.project_name}\n

\n {campaign.campaign_image &&

\n ${campaign.project_name}$ \n

}\n {campaign.token_ca &&

Contract Address

\n {campaign.token_ca}\n

}\n

\n {formatAmount(campaign.reward_amount, campaign.reward_token)} {campaign.reward_token}\n

\n Campaign Reward\n

\n ${formatAmount(totalTCP, 'USD')}\n

\n TCP\n \n

\n {timeLeft}\n

Time Left

\n {campaign.accepts_count || 0}\n

KOLs Joined

\n {campaign.winner_count}\n

Winners

Prize Split

\n {parsedSplit?.map((percentage, index) =>

\n #{index + 1}: {percentage}%\n

)}\n

\n {userWallet &&

\n {!userAccepted ? : <>\n \n

\n setTweetUrl(e.target.value)} placeholder=\"Paste tweet URL here...\" className=\"px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} />\n \n

\n }\n

}\n

\n {['overview', 'leaderboard', 'posts'].map(tab => )}\n

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

\n Campaign Rules\n

Required Tags: {campaign.required_tags || 'None'}

Project Link Required: {campaign.require_project_link ? 'Yes' : 'No'}

Image Required: {campaign.require_image ? 'Yes' : 'No'}

Min Followers: {campaign.min_followers || 0}

Min Account Age: {campaign.min_account_age_days || 0} days

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

\n {leaderboard.map((post, index) =>

\n {index + 1}\n

\n {post.kol_wallet.slice(0, 8)}...\n

\n Score: {formatScore(post)}\n

\n \n

)}\n

}\n {activeTab === 'posts' && userAccepted &&

\n {userPosts.map(post =>

\n \n Score: {formatScore(post)}\n \n {post.active && \n ACTIVE\n }\n

\n {!post.active && }\n \n

\n Likes: {post.likes} | Retweets: {post.retweets} | Replies: {post.replies} | Quotes: {post.quotes}\n

)}\n

}\n

;\n}\nfunction KOLDashboard({\n onBack,\n devbaseClient,\n userWallet\n}) {\n const [activeView, setActiveView] = useState('my-dashboard');\n const [acceptedCampaigns, setAcceptedCampaigns] = useState([]);\n const [claims, setClaims] = useState([]);\n const [userPosts, setUserPosts] = useState([]);\n const [campaignDetails, setCampaignDetails] = useState({});\n const [totalStats, setTotalStats] = useState({\n totalPosts: 0,\n totalLikes: 0,\n totalRetweets: 0,\n totalReplies: 0,\n totalQuotes: 0,\n totalScore: 0,\n totalImpressions: 0\n });\n const [isTopKOL, setIsTopKOL] = useState(false);\n const [loading, setLoading] = useState(true);\n const [totalPotentialEarnings, setTotalPotentialEarnings] = useState(0);\n const [campaignPotentialEarnings, setCampaignPotentialEarnings] = useState({});\n const [allKOLs, setAllKOLs] = useState([]);\n const [allKOLsLoading, setAllKOLsLoading] = useState(false);\n useEffect(() => {\n if (devbaseClient && userWallet) {\n if (activeView === 'my-dashboard') {\n loadData();\n } else {\n loadAllKOLsData();\n }\n }\n }, [devbaseClient, userWallet, activeView]);\n const loadData = async () => {\n try {\n setLoading(true);\n const accepts = await devbaseClient.listEntities('accepts', {\n kol_wallet: userWallet\n });\n setAcceptedCampaigns(accepts);\n const userClaims = await devbaseClient.listEntities('winners', {\n kol_wallet: userWallet\n });\n setClaims(userClaims);\n const posts = await devbaseClient.listEntities('posts', {\n kol_wallet: userWallet\n });\n setUserPosts(posts.sort((a, b) => b.created_at - a.created_at));\n const campaignIds = [...new Set(posts.map(post => post.campaign_id))];\n const campaigns = {};\n for (const campaignId of campaignIds) {\n try {\n const campaign = await devbaseClient.getEntity('campaigns', campaignId);\n if (campaign) {\n campaigns[campaignId] = campaign;\n }\n } catch (error) {\n console.error(`Error loading campaign ${campaignId}:`, error);\n }\n }\n setCampaignDetails(campaigns);\n const stats = posts.reduce((acc, post) => {\n const impressions = (post.likes || 0) + (post.retweets || 0) + (post.replies || 0) + (post.quotes || 0);\n return {\n totalPosts: acc.totalPosts + 1,\n totalLikes: acc.totalLikes + (post.likes || 0),\n totalRetweets: acc.totalRetweets + (post.retweets || 0),\n totalReplies: acc.totalReplies + (post.replies || 0),\n totalQuotes: acc.totalQuotes + (post.quotes || 0),\n totalScore: acc.totalScore + (post.score || 0),\n totalImpressions: acc.totalImpressions + impressions\n };\n }, {\n totalPosts: 0,\n totalLikes: 0,\n totalRetweets: 0,\n totalReplies: 0,\n totalQuotes: 0,\n totalScore: 0,\n totalImpressions: 0\n });\n setTotalStats(stats);\n calculatePotentialEarnings(accepts, campaigns);\n await checkTopKOLStatus(stats.totalImpressions);\n } catch (error) {\n console.error('Error loading KOL data:', error);\n } finally {\n setLoading(false);\n }\n };\n const calculatePotentialEarnings = (accepts, campaigns) => {\n let totalPotential = 0;\n const campaignEarnings = {};\n accepts.forEach(accept => {\n const campaign = campaigns[accept.campaign_id];\n if (campaign) {\n const rewardAmount = Number(campaign.reward_amount);\n let convertedAmount = 0;\n if (campaign.reward_token === 'USDC') {\n convertedAmount = rewardAmount / 1000000;\n } else if (campaign.reward_token === 'SOL') {\n convertedAmount = rewardAmount / 1000000000 * 100;\n }\n let firstPlacePercentage = 100;\n if (campaign.split) {\n try {\n const splitArray = JSON.parse(campaign.split);\n if (splitArray && splitArray.length > 0) {\n firstPlacePercentage = splitArray[0];\n }\n } catch (e) {\n console.error('Error parsing split:', e);\n }\n }\n const potentialEarning = convertedAmount * firstPlacePercentage / 100;\n campaignEarnings[accept.campaign_id] = potentialEarning;\n totalPotential += potentialEarning;\n }\n });\n setTotalPotentialEarnings(totalPotential);\n setCampaignPotentialEarnings(campaignEarnings);\n };\n const checkTopKOLStatus = async userImpressions => {\n try {\n const allPosts = await devbaseClient.listEntities('posts', {});\n const kolStats = {};\n allPosts.forEach(post => {\n if (!kolStats[post.kol_wallet]) {\n kolStats[post.kol_wallet] = 0;\n }\n const impressions = (post.likes || 0) + (post.retweets || 0) + (post.replies || 0) + (post.quotes || 0);\n kolStats[post.kol_wallet] += impressions;\n });\n const sortedKOLs = Object.entries(kolStats).sort((a, b) => b[1] - a[1]);\n const topKOL = sortedKOLs[0];\n setIsTopKOL(topKOL && topKOL[0] === userWallet);\n } catch (error) {\n console.error('Error checking top KOL status:', error);\n }\n };\n const loadAllKOLsData = async () => {\n try {\n setAllKOLsLoading(true);\n const [allPosts, allClaims] = await Promise.all([devbaseClient.listEntities('posts', {}), devbaseClient.listEntities('winners', {})]);\n const kolStats = {};\n allPosts.forEach(post => {\n if (!kolStats[post.kol_wallet]) {\n kolStats[post.kol_wallet] = {\n wallet: post.kol_wallet,\n totalPosts: 0,\n totalLikes: 0,\n totalRetweets: 0,\n totalReplies: 0,\n totalQuotes: 0,\n totalImpressions: 0,\n totalScore: 0,\n totalPayouts: 0\n };\n }\n const stats = kolStats[post.kol_wallet];\n stats.totalPosts += 1;\n stats.totalLikes += post.likes || 0;\n stats.totalRetweets += post.retweets || 0;\n stats.totalReplies += post.replies || 0;\n stats.totalQuotes += post.quotes || 0;\n stats.totalScore += post.score || 0;\n const impressions = (post.likes || 0) + (post.retweets || 0) + (post.replies || 0) + (post.quotes || 0);\n stats.totalImpressions += impressions;\n });\n allClaims.forEach(claim => {\n if (kolStats[claim.kol_wallet] && claim.claimed) {\n const amount = Number(claim.reward_amount) || 0;\n kolStats[claim.kol_wallet].totalPayouts += amount;\n }\n });\n const kolsArray = Object.values(kolStats).sort((a, b) => b.totalImpressions - a.totalImpressions);\n setAllKOLs(kolsArray);\n } catch (error) {\n console.error('Error loading all KOLs data:', error);\n } finally {\n setAllKOLsLoading(false);\n }\n };\n const formatScore = post => {\n return (post.likes || 0) + 2 * (post.retweets || 0) + 2 * (post.quotes || 0) + (post.replies || 0);\n };\n const formatNumber = num => {\n if (num >= 1000000) return `${(num / 1000000).toFixed(1)}M`;\n if (num >= 1000) return `${(num / 1000).toFixed(1)}K`;\n return num.toString();\n };\n if (loading) {\n return

\n \n

\n KOL Dashboard\n

;\n }\n return

\n \n

\n KOL Dashboard\n

\n {isTopKOL && activeView === 'my-dashboard' &&

\n \n TOP KOL\n

}\n

\n {}\n

\n \n \n

\n {}\n {activeView === 'my-dashboard' && !loading && <>\n {}\n

\n Potential Earnings\n

\n ${formatNumber(totalPotentialEarnings)}\n

Total Potential Earnings

If winning 1st place in all campaigns

\n {acceptedCampaigns.length}\n

Active Opportunities

Campaigns you're participating in

\n {}\n

\n Performance Overview\n

\n {isTopKOL &&

\n 🏆 Most Impressions Platform-wide\n

}\n

\n {totalStats.totalPosts}\n

Posts

\n {formatNumber(totalStats.totalImpressions)}\n

Total Impressions

\n {formatNumber(totalStats.totalLikes)}\n

Likes

\n {formatNumber(totalStats.totalRetweets)}\n

Retweets

\n {formatNumber(totalStats.totalReplies)}\n

Replies

\n {formatNumber(totalStats.totalQuotes)}\n

Quotes

\n {formatNumber(totalStats.totalScore)}\n

Total Score

\n {}\n

\n My Posts ({userPosts.length})\n

\n {userPosts.length === 0 ?

\n No posts submitted yet\n

: userPosts.map(post => {\n const campaign = campaignDetails[post.campaign_id];\n return

\n {campaign?.project_name || 'Unknown Campaign'}\n

\n {post.active && \n ACTIVE\n }\n {!post.valid && \n INVALID\n }\n

\n {campaign?.token_ca?.slice(0, 16)}... • {new Date(post.created_at).toLocaleDateString()}\n

\n \n

\n ${formatAmount(campaign.tcc_usd_display || campaign.tcc_usd_realtime || campaign.tcc_usd, 'USD')}\n

Pool Value

\n {formatScore(post)}\n

Score

\n {post.likes || 0}♥ {post.retweets || 0}🔄\n

Engagement

\n {post.reason &&

\n {post.reason}\n

}\n

;\n })}\n

\n {}\n

\n Active Campaigns ({acceptedCampaigns.length})\n

\n {acceptedCampaigns.length === 0 ?

\n No campaigns accepted\n

: acceptedCampaigns.map(accept => {\n const campaign = campaignDetails[accept.campaign_id];\n const potentialEarning = campaignPotentialEarnings[accept.campaign_id] || 0;\n return

\n {campaign?.project_name || 'Unknown Campaign'}\n

\n ${potentialEarning.toFixed(2)}\n

\n Potential 1st\n

\n Accepted: {new Date(accept.accepted_at).toLocaleDateString()}\n

\n {campaign &&

\n Ends: {formatTimeLeft(campaign.end_time)}\n

}\n

;\n })}\n

\n {}\n

\n Winnings & Claims\n

\n {claims.length === 0 ?

\n No winnings yet\n

: claims.map(claim => {\n const campaign = campaignDetails[claim.campaign_id];\n return

\n Rank #{claim.rank}\n

\n {campaign?.project_name || `Campaign ${claim.campaign_id}`}\n

\n {claim.reward_amount}\n

\n {claim.claimed ? 'Claimed' : 'Available'}\n

;\n })}\n

\n }\n {}\n {activeView === 'all-kols' &&

\n {allKOLsLoading ?

\n All KOLs Leaderboard\n

\n Ranked by total impressions across all campaigns\n

\n {allKOLs.length === 0 ?

\n No KOL data available\n

: allKOLs.map((kol, index) =>

\n {}\n

\n {index + 1}\n

\n {}\n

\n {kol.wallet.slice(0, 8)}...{kol.wallet.slice(-4)}\n {kol.wallet === userWallet && \n YOU\n }\n {index === 0 && }\n

\n {}\n

\n {formatNumber(kol.totalImpressions)}\n

Impressions

\n {kol.totalPosts}\n

Posts

\n {formatNumber(kol.totalLikes)}\n

Likes

\n {formatNumber(kol.totalRetweets)}\n

Retweets

\n {formatNumber(kol.totalScore)}\n

Total Score

\n ${formatNumber(kol.totalPayouts)}\n

Payouts

)}\n

}\n

}\n {}\n {activeView === 'my-dashboard' && loading &&

}\n

;\n}\nfunction ProjectDashboard({\n onBack,\n devbaseClient,\n userWallet,\n setSelectedCampaign,\n setCurrentPage\n}) {\n const [activeTab, setActiveTab] = useState('my-projects');\n const [campaigns, setCampaigns] = useState([]);\n const [topProjects, setTopProjects] = useState([]);\n const [totalPayouts, setTotalPayouts] = useState(0);\n const [loading, setLoading] = useState(false);\n const [topupLoading, setTopupLoading] = useState({});\n const [topupAmounts, setTopupAmounts] = useState({});\n const [devscanPrices, setDevscanPrices] = useState({\n sol: 100,\n usdc: 1\n });\n useEffect(() => {\n if (devbaseClient && userWallet) {\n fetchPrices();\n if (activeTab === 'my-projects') {\n loadMyCampaigns();\n } else {\n loadTopProjects();\n }\n }\n }, [devbaseClient, userWallet, activeTab]);\n const fetchPrices = async () => {\n if (!devbaseClient) return;\n let currentSolPrice = 100;\n try {\n if (typeof devbaseClient.evalString === 'function') {\n const pricesFromDevbaseFunc = await devbaseClient.evalString('JSON.stringify($FUNC_GET_PRICES())');\n const parsedPrices = JSON.parse(pricesFromDevbaseFunc);\n if (parsedPrices.sol) {\n currentSolPrice = parsedPrices.sol;\n }\n }\n } catch (error) {\n console.log('Price fetch from devbase function failed, using default');\n }\n setDevscanPrices({\n sol: currentSolPrice,\n usdc: 1\n });\n };\n const loadMyCampaigns = async () => {\n try {\n setLoading(true);\n const userCampaigns = await devbaseClient.listEntities('campaigns', {\n owner_wallet: userWallet\n });\n const processedCampaigns = userCampaigns.map(campaign => {\n const displayUsd = campaign.reward_amount ? convertAtomicToUsd(campaign.reward_amount, campaign.reward_token, devscanPrices?.sol || 100) : 0;\n return {\n ...campaign,\n tcc_usd_display: displayUsd\n };\n });\n setCampaigns(processedCampaigns.sort((a, b) => b.created_at - a.created_at));\n const completedCampaigns = processedCampaigns.filter(c => c.status === 'completed');\n const totalPaid = completedCampaigns.reduce((sum, campaign) => {\n return sum + (campaign.tcc_usd_display || 0);\n }, 0);\n setTotalPayouts(totalPaid);\n } catch (error) {\n console.error('Error loading campaigns:', error);\n } finally {\n setLoading(false);\n }\n };\n const loadTopProjects = async () => {\n try {\n setLoading(true);\n const allCampaigns = await devbaseClient.listEntities('campaigns', {\n status: 'active'\n });\n const campaignsWithMetrics = await Promise.all(allCampaigns.map(async campaign => {\n try {\n const posts = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n active: true,\n valid: true\n });\n const totalEngagement = posts.reduce((sum, post) => {\n return sum + (post.likes || 0) + (post.retweets || 0) + (post.replies || 0) + (post.quotes || 0);\n }, 0);\n const avgScore = posts.length > 0 ? posts.reduce((sum, post) => sum + (post.score || 0), 0) / posts.length : 0;\n const usdValue = campaign.reward_amount ? convertAtomicToUsd(campaign.reward_amount, campaign.reward_token, devscanPrices?.sol || 100) : 0;\n return {\n ...campaign,\n totalEngagement,\n avgScore,\n postCount: posts.length,\n engagementRate: posts.length > 0 ? totalEngagement / posts.length : 0,\n tcc_usd_realtime: usdValue,\n tcc_usd_display: usdValue\n };\n } catch (error) {\n console.error(`Error loading metrics for campaign ${campaign.id}:`, error);\n return {\n ...campaign,\n totalEngagement: 0,\n avgScore: 0,\n postCount: 0,\n engagementRate: 0,\n tcc_usd_realtime: campaign.tcc_usd || 0,\n tcc_usd_display: campaign.tcc_usd || 0\n };\n }\n }));\n const sortedCampaigns = campaignsWithMetrics.sort((a, b) => {\n const scoreA = a.totalEngagement + (a.accepts_count || 0) * 10 + (a.tcc_usd_realtime || 0) * 0.1;\n const scoreB = b.totalEngagement + (b.accepts_count || 0) * 10 + (b.tcc_usd_realtime || 0) * 0.1;\n return scoreB - scoreA;\n });\n setTopProjects(sortedCampaigns.slice(0, 20));\n } catch (error) {\n console.error('Error loading top projects:', error);\n } finally {\n setLoading(false);\n }\n };\n const handleTopup = async campaignId => {\n const amount = topupAmounts[campaignId];\n if (!amount || Number(amount) <= 0) {\n alert('Please enter a valid top-up amount');\n return;\n }\n try {\n setTopupLoading(prev => ({\n ...prev,\n [campaignId]: true\n }));\n await devbaseClient.createEntity('topups', {\n campaign_id: campaignId,\n amount: amount\n });\n setTopupAmounts(prev => ({\n ...prev,\n [campaignId]: ''\n }));\n loadMyCampaigns();\n alert('Campaign topped up successfully!');\n } catch (error) {\n console.error('Error topping up campaign:', error);\n alert('Error topping up campaign. Please try again.');\n } finally {\n setTopupLoading(prev => ({\n ...prev,\n [campaignId]: false\n }));\n }\n };\n const getSuggestedTopup = campaign => {\n const timeLeft = (campaign.end_time - Date.now()) / (1000 * 60 * 60);\n if (timeLeft < 24 && timeLeft > 0) {\n return {\n suggested: true,\n message: 'Campaign ending soon - consider extending with a top-up!'\n };\n }\n return {\n suggested: false\n };\n };\n const formatAmount = (amount, token) => {\n let num = Number(amount);\n if (token === 'USDC') {\n num = num / 1000000;\n } else if (token === 'SOL') {\n num = num / 1000000000;\n }\n if (num >= 1000000) return `${(num / 1000000).toFixed(1)}M`;\n if (num >= 1000) return `${(num / 1000).toFixed(1)}K`;\n return num.toFixed(2);\n };\n return

\n \n

\n Project Dashboard\n

\n {}\n

\n \n \n

\n {loading &&

}\n {}\n {activeTab === 'my-projects' && !loading &&

\n {}\n

\n {campaigns.length}\n

\n Total Campaigns\n

\n {campaigns.filter(c => c.status === 'active').length}\n

\n Active Campaigns\n

\n ${totalPayouts >= 1000000 ? `${(totalPayouts / 1000000).toFixed(1)}M` : totalPayouts >= 1000 ? `${(totalPayouts / 1000).toFixed(1)}K` : totalPayouts.toFixed(2)}\n

\n Total Payouts\n

\n {}\n

\n {campaigns.length === 0 ?

\n No campaigns created yet\n

: campaigns.map(campaign => {\n const topupSuggestion = getSuggestedTopup(campaign);\n return

\n {}\n

\n {campaign.campaign_image && ${campaign.project_name}$ }\n

\n {campaign.project_name}\n

\n {campaign.token_ca?.slice(0, 20)}...\n

\n {campaign.status?.toUpperCase() || 'ACTIVE'}\n

\n {formatAmount(campaign.reward_amount, campaign.reward_token)} {campaign.reward_token}\n

\n ${(campaign.tcc_usd_display || campaign.tcc_usd || 0) >= 1000000 ? `${((campaign.tcc_usd_display || campaign.tcc_usd || 0) / 1000000).toFixed(1)}M` : (campaign.tcc_usd_display || campaign.tcc_usd || 0) >= 1000 ? `${((campaign.tcc_usd_display || campaign.tcc_usd || 0) / 1000).toFixed(1)}K` : (campaign.tcc_usd_display || campaign.tcc_usd || 0).toFixed(2)} USD\n

\n {}\n {topupSuggestion.suggested &&

\n \n \n {topupSuggestion.message}\n \n

}\n {}\n

\n {campaign.accepts_count || 0}\n

KOLs Joined

\n {campaign.topups_count || 0}\n

Top-ups

\n {campaign.winner_count || 0}\n

Winners

\n {formatTimeLeft(campaign.end_time)}\n

Time Left

\n {new Date(campaign.created_at).toLocaleDateString()}\n

Created

\n {}\n {campaign.status === 'active' &&

\n \n Top-up:\n \n setTopupAmounts(prev => ({\n ...prev,\n [campaign.id]: e.target.value\n }))} className=\"flex-1 max-w-xs px-3 py-2 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surfaceHover,\n color: colors.textPrimary\n }} min=\"0\" step=\"0.000001\" />\n \n

}\n

;\n })}\n

}\n {}\n {activeTab === 'top-projects' && !loading &&

\n Top Performing Campaigns\n

\n Ranked by engagement, KOL participation, and campaign value\n

\n {topProjects.length === 0 ?

\n No active campaigns found\n

: topProjects.map((campaign, index) =>

\n {}\n

\n {index + 1}\n

\n {}\n

\n {campaign.campaign_image && ${campaign.project_name}$ }\n

\n {campaign.project_name}\n

\n {campaign.token_ca?.slice(0, 16)}...\n

\n {}\n

\n {formatAmount(campaign.reward_amount, campaign.reward_token)} {campaign.reward_token}\n

Pool Value

\n {campaign.accepts_count || 0}\n

KOLs

\n {campaign.postCount || 0}\n

Posts

\n {campaign.totalEngagement || 0}\n

Total Engagement

\n {formatTimeLeft(campaign.end_time)}\n

Time Left

\n {}\n

\n \n

)}\n

}\n

;\n}\nfunction AdminPanel({\n onBack,\n devbaseClient,\n userWallet,\n signMessage,\n showToast\n}) {\n const [loading, setLoading] = useState(false);\n const [adminToken] = useAdminSession();\n const [settings, setSettings] = useState({\n creation_fee: '0.1',\n topup_fee: '0.075',\n demo_mode: 'false'\n });\n const [settingsLoading, setSettingsLoading] = useState(false);\n const [campaigns, setCampaigns] = useState([]);\n const [campaignsLoading, setCampaignsLoading] = useState(false);\n const [emailSignups, setEmailSignups] = useState([]);\n const [emailsLoading, setEmailsLoading] = useState(false);\n useEffect(() => {\n if (devbaseClient && userWallet === ADMIN_WALLET) {\n loadAdminSettings();\n loadActiveCampaigns();\n loadEmailSignups();\n }\n }, [devbaseClient, userWallet]);\n const loadAdminSettings = async () => {\n try {\n const allSettings = await devbaseClient.listEntities('admin_settings');\n const settingsMap = {};\n allSettings.forEach(setting => {\n settingsMap[setting.setting_key] = setting.setting_value;\n });\n setSettings({\n creation_fee: settingsMap.creation_fee || '0.1',\n topup_fee: settingsMap.topup_fee || '0.075',\n demo_mode: settingsMap.demo_mode || 'false'\n });\n } catch (error) {\n console.error('Error loading admin settings:', error);\n }\n };\n const loadActiveCampaigns = async () => {\n try {\n setCampaignsLoading(true);\n const activeCampaigns = await devbaseClient.listEntities('campaigns', {\n status: 'active'\n });\n setCampaigns(activeCampaigns.sort((a, b) => b.created_at - a.created_at));\n } catch (error) {\n console.error('Error loading campaigns:', error);\n } finally {\n setCampaignsLoading(false);\n }\n };\n const loadEmailSignups = async () => {\n try {\n setEmailsLoading(true);\n const emails = await devbaseClient.listEntities('email_signups', {});\n setEmailSignups(emails.sort((a, b) => b.signup_date - a.signup_date));\n } catch (error) {\n console.error('Error loading email signups:', error);\n } finally {\n setEmailsLoading(false);\n }\n };\n const cancelCampaign = async campaignId => {\n try {\n setCampaignsLoading(true);\n await devbaseClient.updateEntity('campaigns', campaignId, {\n status: 'cancelled'\n });\n await devbaseClient.createEntity('admin_events', {\n event_type: 'CAMPAIGN_CANCELLED',\n admin_wallet: userWallet,\n details: `Campaign ${campaignId} cancelled by admin`\n });\n showToast('Campaign cancelled successfully', 'success');\n loadActiveCampaigns();\n } catch (error) {\n console.error('Error cancelling campaign:', error);\n showToast('Failed to cancel campaign', 'error');\n } finally {\n setCampaignsLoading(false);\n }\n };\n const updateSetting = async (key, value) => {\n try {\n setSettingsLoading(true);\n const existingSettings = await devbaseClient.listEntities('admin_settings', {\n setting_key: key\n });\n if (existingSettings.length > 0) {\n await devbaseClient.updateEntity('admin_settings', existingSettings[0].id, {\n setting_value: value,\n updated_by: userWallet\n });\n } else {\n await devbaseClient.createEntity('admin_settings', {\n setting_key: key,\n setting_value: value,\n updated_by: userWallet\n });\n }\n setSettings(prev => ({\n ...prev,\n [key]: value\n }));\n showToast(`${key.replace('_', ' ')} updated successfully`, 'success');\n } catch (error) {\n console.error('Error updating setting:', error);\n showToast('Failed to update setting', 'error');\n } finally {\n setSettingsLoading(false);\n }\n };\n const handleSignIn = async () => {\n if (!userWallet || !devbaseClient || !signMessage) return;\n if (userWallet !== ADMIN_WALLET) {\n showToast('Wallet not authorized for admin', 'error');\n return;\n }\n try {\n setLoading(true);\n const nonce = Math.random().toString(36).substr(2, 32);\n const timestamp = Date.now();\n const message = `Admin Access Request for KOL.fun\nWallet: ${userWallet}\nNonce: ${nonce}\nTimestamp: ${timestamp}\nThis signature grants admin access for 24 hours.`;\n const messageBytes = new TextEncoder().encode(message);\n const signatureBytes = await signMessage(messageBytes);\n const publicKey = new PublicKey(userWallet);\n const isValidSignature = nacl.sign.detached.verify(messageBytes, signatureBytes, publicKey.toBytes());\n if (!isValidSignature) {\n showToast('Invalid signature. Access denied.', 'error');\n return;\n }\n const session = await devbaseClient.createEntity('admin_sessions', {\n wallet: userWallet,\n nonce: nonce,\n issued_at: timestamp,\n expires_at: timestamp + 24 * 60 * 60 * 1000,\n status: 'active'\n });\n localStorage.setItem('admin_session_token', session.id);\n showToast('Admin access granted', 'success');\n } catch (error) {\n console.error('Admin sign in error:', error);\n if (error.name === 'WalletConnectionError' || error.message?.includes('User rejected') || error.message?.includes('rejected')) {\n showToast('Signature rejected. Please approve the signature to access admin.', 'error');\n } else if (error.name === 'WalletNotConnectedError') {\n showToast('Wallet not connected. Please connect your wallet first.', 'error');\n } else {\n showToast('Failed to verify admin signature. Please try again.', 'error');\n }\n } finally {\n setLoading(false);\n }\n };\n if (adminToken) {\n return

\n \n

\n Admin Channel\n

\n Platform Settings\n

\n Demo Mode\n

\n Enable free campaigns without real payments\n

\n \n updateSetting('demo_mode', e.target.checked ? 'true' : 'false')} disabled={settingsLoading} className=\"sr-only peer\" />\n

\n \n

\n Campaign Creation Fee\n

\n setSettings(prev => ({\n ...prev,\n creation_fee: e.target.value\n }))} onBlur={e => updateSetting('creation_fee', e.target.value)} disabled={settingsLoading || settings.demo_mode === 'true'} className=\"flex-1 px-3 py-2 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} step=\"0.001\" min=\"0\" />\n SOL\n

\n {settings.demo_mode === 'true' &&

\n Disabled in demo mode\n

}\n

\n Campaign Top-up Fee\n

\n setSettings(prev => ({\n ...prev,\n topup_fee: e.target.value\n }))} onBlur={e => updateSetting('topup_fee', e.target.value)} disabled={settingsLoading || settings.demo_mode === 'true'} className=\"flex-1 px-3 py-2 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surface,\n color: colors.textPrimary\n }} step=\"0.001\" min=\"0\" />\n SOL\n

\n {settings.demo_mode === 'true' &&

\n Disabled in demo mode\n

}\n

\n {settings.demo_mode === 'true' ? 'Demo Mode Active' : 'Production Mode'}\n

\n {settings.demo_mode === 'true' ? 'All campaigns are free to create and top-up. No real payments are processed.' : `Campaigns require ${settings.creation_fee} SOL to create and ${settings.topup_fee} SOL to top-up.`}\n

\n \n

\n Email Signups\n

\n \n

\n \n {emailsLoading ?

\n {emailSignups.length === 0 ?

\n No email signups yet\n

: <>\n

\n Total Signups: {emailSignups.length}\n

\n {emailSignups.map(signup =>

\n {signup.email}\n

\n Signed up: {new Date(signup.signup_date).toLocaleDateString()} at {new Date(signup.signup_date).toLocaleTimeString()}\n

\n {signup.status}\n

)}\n }\n

}\n

\n\n

\n Active Campaigns Management\n

\n \n

\n {campaignsLoading ?

\n {campaigns.length === 0 ?

\n No active campaigns found\n

: campaigns.map(campaign =>

\n {campaign.campaign_image && ${campaign.project_name}$ }\n

\n {campaign.project_name}\n

\n {campaign.token_ca?.slice(0, 20)}...\n

\n Pool: \n \n {formatAmount(campaign.reward_amount, campaign.reward_token)} {campaign.reward_token}\n \n

\n KOLs: \n \n {campaign.accepts_count || 0}\n \n

\n Ends: \n \n {formatTimeLeft(campaign.end_time)}\n \n

\n Created: \n \n {new Date(campaign.created_at).toLocaleDateString()}\n \n

\n \n

)}\n

}\n

;\n }\n return

\n \n

\n Admin Channel\n

\n \n

\n Admin Channel\n

\n Authorized access required\n

\n \n {userWallet !== ADMIN_WALLET &&

\n Wallet not authorized for admin access\n

}\n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.6\",\"framer-motion\":\"10.16.4\",\"@solana/web3.js\":\"1.95.3\",\"react-router-dom\":\"6.18.0\",\"recharts\":\"2.8.0\",\"socket.io-client\":\"4.7.1\",\"zod\":\"3.22.4\",\"tweetnacl\":\"1.0.3\"}}","appFunctions",[],"token","upstreamApp",{"_14":81,"_34":82,"_36":83,"_84":85,"_19":86,"_21":87,"_23":88,"_71":-5,"_89":90,"_91":92,"_32":93,"_94":95,"_40":41,"_42":96,"_97":98,"_99":17,"_26":27,"_69":27,"_70":27,"_100":17,"_101":17,"_102":27,"_56":103,"_58":60,"_59":41,"_61":104,"_66":41,"_64":60,"_63":60,"_105":45,"_106":107,"_38":108,"_18":109,"_110":111,"_132":17,"_25":17,"_65":60,"_28":133},"bb76442b014984dd89c3",["D",1756857381686],["D",1757238123058],"template","web","KOL.fun","The phoenix rises from the ashes! We're resurrecting that broken live chat within campaigns and making it absolutely UNSTOPPABLE. Real-time messages will flow like digital electricity while users connect, scheme, and build crypto empires together - because every great campaign needs its war room buzzing with live conversation!","Bringing dead campaign chats back to life with unstoppable real-time messaging power!","snapshot","https://cdn.dev.fun/snapshot/bb76442b014984dd89c3/96847_84256e4c.webp","ogImage","https://cdn.dev.fun/og/image/bb76442b014984dd89c3/f38d9f81.webp","https://cdn.dev.fun/app/bb76442b014984dd89c3/96847","category","social",79,"featureScore","0","isAutomated","isTagHot","isTagMoney","isTagCrown",26,15,"userId","upstreamAppId","12b508f8bfa576ca6f22",["B","96847"],"2ca2d7c7-bbc2-4a92-a8b2-5ac739cb2ba2","lastCommit",{"_14":108,"_34":112,"_113":114,"_115":116,"_72":117,"_74":75,"_118":119,"_120":121,"_122":116,"_89":90,"_32":93,"_123":17,"_124":17,"_125":27,"_84":85,"_126":-5,"_127":-5,"_128":-5,"_6":81,"_105":45,"_129":130,"_76":131},["D",1756858118918],"input","It calculates the TCP in the campaign cards well now, however when i click on the campaign card it doesnt show the right TCP it sets 1 SOL as 100 USD. this should also reflect the sol price (at time of setting the reward)\n","output","<<<<<<< OLD\n if (currentPage === 'campaign' && selectedCampaign) {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} setSelectedCampaign={setSelectedCampaign} socket={socket} />\n=======\n if (currentPage === 'campaign' && selectedCampaign) {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} setSelectedCampaign={setSelectedCampaign} socket={socket} devscanPrices={devscanPrices} />\n>>>>>>> NEW\n\n<<<<<<< OLD\nfunction CampaignDetail({\n campaign,\n onBack,\n devbaseClient,\n userWallet,\n setSelectedCampaign,\n socket\n}) {\n=======\nfunction CampaignDetail({\n campaign,\n onBack,\n devbaseClient,\n userWallet,\n setSelectedCampaign,\n socket,\n devscanPrices\n}) {\n>>>>>>> NEW\n\n<<<<<<< OLD\n const calculateTotalTCP = async () => {\n try {\n const allCampaigns = await devbaseClient.listEntities('campaigns', {\n project_name: campaign.project_name,\n owner_wallet: campaign.owner_wallet\n });\n const total = allCampaigns.reduce((sum, c) => {\n const campaignUsdValue = convertAtomicToUsdDetail(c.reward_amount, c.reward_token, 100);\n return sum + (campaignUsdValue || 0);\n }, 0);\n setTotalTCP(total);\n } catch (error) {\n console.error('Error calculating TCP:', error);\n }\n };\n=======\n const calculateTotalTCP = async () => {\n try {\n const allCampaigns = await devbaseClient.listEntities('campaigns', {\n project_name: campaign.project_name,\n owner_wallet: campaign.owner_wallet\n });\n const total = allCampaigns.reduce((sum, c) => {\n const campaignUsdValue = convertAtomicToUsdDetail(c.reward_amount, c.reward_token, devscanPrices?.sol || 100);\n return sum + (campaignUsdValue || 0);\n }, 0);\n setTotalTCP(total);\n } catch (error) {\n console.error('Error calculating TCP:', error);\n }\n };\n>>>>>>> NEW","import { useState, useEffect, useRef } from 'react';\nimport { useDevapp, DevappProvider, openLink, UserButton } from '@devfunlabs/web-sdk';\nimport { fetchPumpFunTrends, fetchTokenInfoByAddress, fetchTokenInfoBySymbol } from '@devfunlabs/web-sdk';\nimport { Search, Trophy, Clock, ExternalLink, Plus, Zap, Crown, TrendingUp, Flame, Settings, X, ChevronLeft, ChevronRight, AlertCircle, Check, Info, DollarSign } from 'lucide-react';\nimport { PublicKey } from '@solana/web3.js';\nimport nacl from 'tweetnacl';\nimport { io } from 'socket.io-client';\nconst ADMIN_WALLET = '5fJQDaRJHuBFocHPiQUPfPFdjVeootfYCR7PDF65pqU';\nfunction AdminSignInModal({\n isOpen,\n onClose,\n onSuccess,\n userWallet,\n devbaseClient,\n signMessage\n}) {\n const [loading, setLoading] = useState(false);\n const [error, setError] = useState('');\n const handleAdminSignIn = async () => {\n if (!userWallet || !devbaseClient || !signMessage) return;\n if (userWallet !== ADMIN_WALLET) {\n setError('Wallet not authorized for admin');\n return;\n }\n try {\n setLoading(true);\n setError('');\n const nonce = Math.random().toString(36).substr(2, 32);\n const timestamp = Date.now();\n const message = `Admin Access Request for KOL.fun\nWallet: ${userWallet}\nNonce: ${nonce}\nTimestamp: ${timestamp}\nThis signature grants admin access for 24 hours.`;\n const messageBytes = new TextEncoder().encode(message);\n const signatureBytes = await signMessage(messageBytes);\n const publicKey = new PublicKey(userWallet);\n const isValidSignature = nacl.sign.detached.verify(messageBytes, signatureBytes, publicKey.toBytes());\n if (!isValidSignature) {\n setError('Invalid signature. Please try again.');\n return;\n }\n const session = await devbaseClient.createEntity('admin_sessions', {\n wallet: userWallet,\n nonce: nonce,\n issued_at: timestamp,\n expires_at: timestamp + 24 * 60 * 60 * 1000,\n status: 'active'\n });\n localStorage.setItem('admin_session_token', session.id);\n onSuccess(session.id);\n } catch (error) {\n console.error('Admin sign in error:', error);\n if (error.name === 'WalletConnectionError' || error.message?.includes('User rejected') || error.message?.includes('rejected')) {\n setError('Signature rejected. Please approve the signature to access admin.');\n } else if (error.name === 'WalletNotConnectedError') {\n setError('Wallet not connected. Please connect your wallet first.');\n } else {\n setError('Failed to verify admin signature. Please try again.');\n }\n } finally {\n setLoading(false);\n }\n };\n if (!isOpen) return null;\n return

\n Admin Access\n

\n \n

\n {error &&

\n {error}\n

}\n

\n Sign a message to verify admin access. Your session will be valid for 24 hours.\n

\n \n \n

\n Connect Accounts\n

\n \n

\n {error &&

\n {error}\n

}\n

\n 💼\n

\n Wallet\n

\n {walletConnected ? 'Connected' : 'Not Connected'}\n

\n \n {walletConnected && }\n

\n Devscan Token Search\n

\n \n

\n\n

\n \n \n

\n\n {activeTab === 'search' &&

\n setSearchTerm(e.target.value)} className=\"w-full px-4 py-3 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surfaceHover,\n color: colors.textPrimary\n }} />\n

}\n\n

\n {loading &&

}\n\n {activeTab === 'trending' && !loading &&

\n {trendingTokens.map(token =>

onTokenSelect(token)} className=\"p-4 rounded-lg cursor-pointer transition-colors hover:opacity-80\" style={{\n backgroundColor: colors.surfaceHover\n }}>\n

\n {token.image_uri &&

}\n

\n {token.name}\n

\n \n {token.symbol}\n \n

\n {token.mint.slice(0, 8)}...{token.mint.slice(-4)}\n

\n \n MC: {formatMarketCap(token.market_cap)}\n \n \n Supply: {(token.total_supply / 1000000).toFixed(1)}M\n \n

)}\n

}\n\n {activeTab === 'search' && !loading && searchResults.length > 0 &&

\n {searchResults.map(token =>

onTokenSelect(token)} className=\"p-4 rounded-lg cursor-pointer transition-colors hover:opacity-80\" style={{\n backgroundColor: colors.surfaceHover\n }}>\n

\n {token.image && {token.name}

}\n

\n {token.name || 'Unknown Token'}\n

\n \n {token.symbol}\n \n

\n {token.contractAddress.slice(0, 8)}...{token.contractAddress.slice(-4)}\n

)}\n

}\n\n {activeTab === 'search' && !loading && searchTerm && searchResults.length === 0 &&

\n No tokens found for \"{searchTerm}\"\n

}\n

;\n}\nconst useRealtimeConnection = (devbaseClient, userWallet) => {\n const [socket, setSocket] = useState(null);\n const [connectedUsers, setConnectedUsers] = useState(0);\n useEffect(() => {\n if (!devbaseClient || !userWallet) return;\n const socketConnection = io('wss://ws.dev.fun/app-bb76442b014984dd89c3');\n setSocket(socketConnection);\n socketConnection.on('connect', () => {\n console.log('Connected to real-time server');\n socketConnection.emit('user_join', {\n wallet: userWallet\n });\n });\n socketConnection.on('devfun:user_count', count => {\n setConnectedUsers(count);\n });\n socketConnection.on('disconnect', () => {\n console.log('Disconnected from real-time server');\n });\n return () => {\n socketConnection.disconnect();\n };\n }, [devbaseClient, userWallet]);\n return {\n socket,\n connectedUsers\n };\n};\nconst colors = {\n background: '#0D0F13',\n surface: '#171A21',\n surfaceHover: '#1D2230',\n textPrimary: '#E5E7EB',\n textMuted: '#9CA3AF',\n accent: '#22D3A6',\n success: '#16A34A',\n info: '#60A5FA',\n warning: '#F59E0B',\n danger: '#F43F5E'\n};\nexport default function AppWithProvider() {\n return \n \n \n \n ;\n}\nfunction ThemeProvider({\n children\n}) {\n return

\n {children}\n

setIsPaused(true)} onMouseLeave={() => setIsPaused(false)}>\n

\n {getEventIcon(currentEvent?.type)}\n \n {currentEvent?.message}\n \n {currentEvent?.campaign_id && }\n

\n \n {connectedUsers} online\n \n

\n \n {currentIndex + 1} / {events.length}\n \n \n \n

;\n}\nfunction SettingsDrawer({\n isOpen,\n onClose,\n settings,\n onUpdateSettings\n}) {\n if (!isOpen) return null;\n return

Settings

\n \n

\n Show Animations\n \n onUpdateSettings({\n ...settings,\n showAnimations: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n Play Sounds\n \n onUpdateSettings({\n ...settings,\n playSounds: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n Reduce Motion\n \n onUpdateSettings({\n ...settings,\n reduceMotion: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n Show Ticker\n \n onUpdateSettings({\n ...settings,\n showTicker: e.target.checked\n })} className=\"sr-only peer\" />\n

\n \n

\n {type === 'error' && }\n {type === 'success' && }\n {message}\n \n

;\n}\nfunction InfoTooltip({\n text,\n className = \"\"\n}) {\n const [showTooltip, setShowTooltip] = useState(false);\n return

\n \n {showTooltip &&

\n {text}\n

}\n

;\n}\nfunction FloatingAdminButton({\n onClick,\n userWallet,\n show\n}) {\n if (userWallet !== ADMIN_WALLET || !show) return null;\n return ;\n}\nfunction useAdminSession() {\n const [adminToken, setAdminToken] = useState(() => {\n if (typeof window !== 'undefined') {\n return localStorage.getItem('admin_session_token');\n }\n return null;\n });\n const setToken = token => {\n setAdminToken(token);\n if (typeof window !== 'undefined') {\n if (token) {\n localStorage.setItem('admin_session_token', token);\n } else {\n localStorage.removeItem('admin_session_token');\n }\n }\n };\n return [adminToken, setToken];\n}\nfunction Header({\n currentPage,\n setCurrentPage,\n userWallet,\n settings,\n setShowSettings\n}) {\n const {\n devbaseClient\n } = useDevapp();\n const [twitterConnected, setTwitterConnected] = useState(false);\n const [twitterUsername, setTwitterUsername] = useState('');\n const [twitterLoading, setTwitterLoading] = useState(false);\n const [showTokenSearch, setShowTokenSearch] = useState(false);\n const [selectedToken, setSelectedToken] = useState(null);\n const handleTwitterAction = async () => {\n if (!userWallet) {\n alert('Please connect your wallet first');\n return;\n }\n if (twitterConnected) {\n const confirmDisconnect = window.confirm('Are you sure you want to disconnect your X account?');\n if (!confirmDisconnect) return;\n try {\n setTwitterLoading(true);\n const users = await devbaseClient.listEntities('users', {\n wallet: userWallet\n });\n if (users.length > 0) {\n await devbaseClient.updateEntity('users', users[0].id, {\n x_handle: '',\n x_user_id: '',\n x_followers: 0,\n x_access_token_encrypted: '',\n x_refresh_token_encrypted: ''\n });\n }\n setTwitterConnected(false);\n setTwitterUsername('');\n } catch (error) {\n console.error('Error disconnecting Twitter:', error);\n alert('Failed to disconnect X account. Please try again.');\n } finally {\n setTwitterLoading(false);\n }\n } else {\n setTwitterLoading(true);\n const twitterLoginUrl = `https://oauth.dev.fun/twitter/login/bb76442b014984dd89c3/${userWallet}`;\n openLink(twitterLoginUrl);\n const pollInterval = setInterval(() => {\n checkTwitterConnection();\n }, 2000);\n setTimeout(() => {\n clearInterval(pollInterval);\n setTwitterLoading(false);\n }, 60000);\n }\n };\n const handleTokenSelect = token => {\n setSelectedToken(token);\n setShowTokenSearch(false);\n };\n const checkTwitterConnection = async () => {\n if (!devbaseClient || !userWallet) {\n setTwitterConnected(false);\n setTwitterUsername('');\n setTwitterLoading(false);\n return;\n }\n if (typeof devbaseClient.evalString !== 'function') {\n console.warn('devbaseClient.evalString is not available yet');\n setTwitterLoading(false);\n return;\n }\n try {\n const fetchedUsername = await devbaseClient.evalString('$USER_X_USERNAME');\n if (fetchedUsername) {\n setTwitterConnected(true);\n setTwitterUsername(fetchedUsername);\n } else {\n setTwitterConnected(false);\n setTwitterUsername('');\n }\n } catch (error) {\n console.error('Error checking Twitter connection:', error);\n setTwitterConnected(false);\n setTwitterUsername('');\n } finally {\n setTwitterLoading(false);\n }\n };\n useEffect(() => {\n let interval;\n if (userWallet && devbaseClient) {\n checkTwitterConnection();\n let attempts = 0;\n interval = setInterval(() => {\n if (attempts < 10) {\n checkTwitterConnection();\n attempts++;\n } else {\n clearInterval(interval);\n }\n }, 1000);\n } else {\n setTwitterConnected(false);\n setTwitterUsername('');\n setTwitterLoading(false);\n }\n return () => {\n if (interval) clearInterval(interval);\n };\n }, [userWallet, devbaseClient]);\n return

\n KOL.fun\n

\n \n \n \n {userWallet === ADMIN_WALLET && }\n

\n \n \n \n \n

\n setShowTokenSearch(false)} onTokenSelect={handleTokenSelect} />\n {selectedToken &&

\n {selectedToken.name || selectedToken.symbol}\n

\n \n

\n {selectedToken.price &&

Price: ${selectedToken.price.toFixed(6)}

}\n {selectedToken.marketcap &&

Market Cap: ${(selectedToken.marketcap / 1000000).toFixed(1)}M

}\n {selectedToken.priceChangeIn24h !== undefined &&

24h Change: = 0 ? colors.success : colors.danger\n }}>\n {selectedToken.priceChangeIn24h > 0 ? '+' : ''}{selectedToken.priceChangeIn24h.toFixed(2)}%\n

}\n

;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet,\n signMessage\n } = useDevapp();\n const [currentPage, setCurrentPage] = useState('board');\n const [selectedCampaign, setSelectedCampaign] = useState(null);\n const [searchTerm, setSearchTerm] = useState('');\n const [activeFilter, setActiveFilter] = useState('hot');\n const [campaigns, setCampaigns] = useState([]);\n const [loading, setLoading] = useState(false);\n const [page, setPage] = useState(1);\n const [hasMore, setHasMore] = useState(true);\n const [, setInitialLoadComplete] = useState(false);\n const [settings, updateSettings] = useSettings();\n const [showSettings, setShowSettings] = useState(false);\n const [flashingCards, setFlashingCards] = useState(new Map());\n const [toast, setToast] = useState(null);\n const [showFloatingAdmin, setShowFloatingAdmin] = useState(false);\n const [showAdminSignIn, setShowAdminSignIn] = useState(false);\n const [showConnectModal, setShowConnectModal] = useState(false);\n const [adminToken, setAdminToken] = useAdminSession();\n const [devscanPrices, setDevscanPrices] = useState({\n sol: 100,\n usdc: 1\n });\n const [liveTokenData, setLiveTokenData] = useState({});\n const observerRef = useRef();\n const processedEventIds = useRef(new Set());\n const {\n socket,\n connectedUsers\n } = useRealtimeConnection(devbaseClient, userWallet);\n const events = useEventStream(devbaseClient, socket, currentPage === 'board');\n const filters = [{\n id: 'hot',\n label: 'Hot',\n icon: Flame\n }, {\n id: 'new',\n label: 'New',\n icon: Plus\n }, {\n id: 'ending',\n label: 'Ending Soon',\n icon: Clock\n }, {\n id: 'biggest',\n label: 'Biggest',\n icon: TrendingUp\n }, {\n id: 'watchlist',\n label: 'My Watchlist',\n icon: Crown\n }];\n useEffect(() => {\n const handleScroll = () => {\n setShowFloatingAdmin(window.scrollY > 100);\n };\n window.addEventListener('scroll', handleScroll);\n return () => window.removeEventListener('scroll', handleScroll);\n }, []);\n const showToast = (message, type = 'info') => {\n setToast({\n message,\n type\n });\n };\n const handleAdminAccess = () => {\n if (userWallet !== ADMIN_WALLET) {\n showToast('Wallet not authorized for admin', 'error');\n return;\n }\n if (adminToken) {\n setCurrentPage('admin');\n } else {\n setShowAdminSignIn(true);\n }\n };\n const handleAdminSignInSuccess = token => {\n setAdminToken(token);\n setShowAdminSignIn(false);\n setCurrentPage('admin');\n showToast('Admin access granted', 'success');\n };\n const handleEventClick = event => {\n if (event.campaign_id) {\n const campaign = campaigns.find(c => c.id === event.campaign_id);\n if (campaign) {\n setSelectedCampaign(campaign);\n setCurrentPage('campaign');\n if (settings.showAnimations) {\n flashCard(event.campaign_id, event.type);\n }\n }\n }\n };\n useEffect(() => {\n setInitialLoadComplete(false);\n }, [activeFilter, searchTerm]);\n const flashCard = (campaignId, eventType) => {\n const color = getFlashColor(eventType);\n setFlashingCards(prev => new Map(prev.set(campaignId, color)));\n setTimeout(() => {\n setFlashingCards(prev => {\n const newMap = new Map(prev);\n newMap.delete(campaignId);\n return newMap;\n });\n }, 1200);\n };\n const getFlashColor = eventType => {\n switch (eventType) {\n case 'CAMPAIGN_TOPUP':\n return colors.success;\n case 'KOL_ACCEPTED':\n return colors.info;\n case 'LEAD_CHANGED':\n return colors.warning;\n case 'CAMPAIGN_CREATED':\n return colors.accent;\n case 'WINNER_CLAIMED':\n return colors.accent;\n default:\n return colors.accent;\n }\n };\n useEffect(() => {\n const newEventsToProcess = [];\n for (const event of events) {\n if (!processedEventIds.current.has(event.id)) {\n newEventsToProcess.push(event);\n processedEventIds.current.add(event.id);\n console.log(`APP LOG: New event received - ID: ${event.id}, Type: ${event.type}, Campaign ID: ${event.campaign_id}`);\n }\n }\n if (newEventsToProcess.length > 0) {\n newEventsToProcess.sort((a, b) => a.created_at - b.created_at);\n setCampaigns(prevCampaigns => {\n let updatedCampaigns = [...prevCampaigns];\n for (const event of newEventsToProcess) {\n if (settings.showAnimations && event.campaign_id && updatedCampaigns.some(c => c.id === event.campaign_id)) {\n flashCard(event.campaign_id, event.type);\n }\n if (event.type === 'KOL_ACCEPTED') {\n updatedCampaigns = updatedCampaigns.map(c => {\n if (c.id === event.campaign_id) {\n const newCount = (c.accepts_count || 0) + 1;\n console.log(`APP LOG: Event processing - Campaign ${c.id} accepts_count updated from ${c.accepts_count} to ${newCount}`);\n return {\n ...c,\n accepts_count: newCount\n };\n }\n return c;\n });\n }\n }\n return updatedCampaigns;\n });\n }\n }, [events, settings.showAnimations]);\n useEffect(() => {\n if (devbaseClient) {\n loadCampaigns(true);\n fetchPrices();\n }\n }, [devbaseClient, activeFilter, searchTerm]);\n useEffect(() => {\n if (devbaseClient) {\n fetchPrices();\n const priceInterval = setInterval(fetchPrices, 60000);\n return () => clearInterval(priceInterval);\n }\n }, [devbaseClient]);\n const fetchPrices = async () => {\n if (!devbaseClient) return;\n let currentSolPrice = 100;\n try {\n if (typeof devbaseClient.evalString === 'function') {\n const pricesFromDevbaseFunc = await devbaseClient.evalString('JSON.stringify($FUNC_GET_PRICES())');\n const parsedPrices = JSON.parse(pricesFromDevbaseFunc);\n if (parsedPrices.sol) {\n currentSolPrice = parsedPrices.sol;\n }\n } else {\n console.warn('devbaseClient.evalString is not available yet for $FUNC_GET_PRICES.');\n }\n } catch (error) {\n console.error('Error fetching prices from Devbase function ($FUNC_GET_PRICES):', error);\n }\n let solTokenInfo = null;\n try {\n solTokenInfo = await fetchTokenInfoBySymbol('SOL');\n if (solTokenInfo?.price) {\n currentSolPrice = solTokenInfo.price;\n }\n setLiveTokenData({\n SOL: solTokenInfo,\n USDC: null\n });\n } catch (tokenError) {\n console.log('SOL token data fetch from @devfunlabs/web-sdk failed:', tokenError);\n setLiveTokenData({\n SOL: null,\n USDC: null\n });\n }\n setDevscanPrices({\n sol: currentSolPrice,\n usdc: 1\n });\n };\n useEffect(() => {\n const observer = new IntersectionObserver(entries => {\n if (entries[0].isIntersecting && hasMore && !loading) {\n loadCampaigns(false);\n }\n }, {\n threshold: 1.0\n });\n if (observerRef.current) {\n observer.observe(observerRef.current);\n }\n return () => observer.disconnect();\n }, [hasMore, loading]);\n const deduplicateCampaigns = campaigns => {\n const seen = new Set();\n return campaigns.filter(campaign => {\n if (seen.has(campaign.id)) {\n return false;\n }\n seen.add(campaign.id);\n return true;\n });\n };\n const loadCampaigns = async (reset = false) => {\n if (!devbaseClient || loading) return;\n try {\n setLoading(true);\n let fetchedCampaigns = [];\n let hasMoreData = false;\n if (activeFilter === 'watchlist' && userWallet) {\n const watchlistEntries = await devbaseClient.listEntities('watchlist', {\n wallet: userWallet\n });\n const campaignIds = new Set(watchlistEntries.map(w => w.campaign_id));\n if (campaignIds.size === 0) {\n setCampaigns([]);\n setHasMore(false);\n setInitialLoadComplete(true);\n return;\n }\n const allActiveCampaigns = await devbaseClient.listEntities('campaigns', {\n status: 'active'\n });\n fetchedCampaigns = allActiveCampaigns.filter(campaign => campaignIds.has(campaign.id));\n hasMoreData = false;\n setPage(1);\n } else {\n const currentPage = reset ? 1 : page;\n let filter = {\n status: 'active'\n };\n if (activeFilter === 'ending') {}\n const result = await devbaseClient.paginateEntities('campaigns', filter, {\n pageSize: 20,\n currentPage\n });\n fetchedCampaigns = result.entities;\n hasMoreData = result.currentPage < result.totalPages;\n setPage(reset ? 2 : prev => prev + 1);\n }\n let processedCampaigns = fetchedCampaigns.map(campaign => {\n const displayUsd = campaign.tcc_usd > 1000000000 && campaign.reward_amount ? convertAtomicToUsd(campaign.reward_amount, campaign.reward_token, 100) : campaign.tcc_usd || 0;\n return {\n ...campaign,\n tcc_usd_display: displayUsd\n };\n });\n let filteredCampaigns = processedCampaigns;\n if (searchTerm && searchTerm.trim()) {\n const searchLower = searchTerm.toLowerCase().trim();\n filteredCampaigns = processedCampaigns.filter(campaign => {\n const projectName = (campaign.project_name || '').toLowerCase();\n const tokenCa = (campaign.token_ca || '').toLowerCase();\n const projectHandle = (campaign.project_x_handle || '').toLowerCase();\n return projectName.includes(searchLower) || tokenCa.includes(searchLower) || projectHandle.includes(searchLower);\n });\n }\n const sortedFetchedCampaigns = sortCampaigns(filteredCampaigns, activeFilter);\n setCampaigns(prevCampaigns => {\n let finalCampaigns;\n if (reset) {\n finalCampaigns = sortedFetchedCampaigns;\n } else {\n const currentCampaignsMap = new Map(prevCampaigns.map(c => [c.id, c]));\n const newCampaignsMap = new Map(sortedFetchedCampaigns.map(c => [c.id, c]));\n const mergedCampaigns = Array.from(new Set([...currentCampaignsMap.keys(), ...newCampaignsMap.keys()])).map(id => {\n const current = currentCampaignsMap.get(id);\n const fetched = newCampaignsMap.get(id);\n if (fetched) {\n if (current && fetched.accepts_count !== undefined && current.accepts_count !== undefined) {\n const mergedCount = Math.max(Number(current.accepts_count || 0), Number(fetched.accepts_count || 0));\n return {\n ...fetched,\n accepts_count: mergedCount\n };\n }\n return fetched;\n }\n return current;\n }).filter(Boolean);\n finalCampaigns = mergedCampaigns;\n }\n return sortCampaigns(deduplicateCampaigns(finalCampaigns), activeFilter);\n });\n setHasMore(hasMoreData && activeFilter !== 'watchlist' && !searchTerm);\n setInitialLoadComplete(true);\n } catch (error) {\n console.error('Error loading campaigns:', error);\n } finally {\n setLoading(false);\n }\n };\n const sortCampaigns = (campaigns, filter) => {\n const now = Date.now();\n switch (filter) {\n case 'hot':\n return campaigns.sort((a, b) => (b.total_posts_count || 0) - (a.total_posts_count || 0));\n case 'new':\n return campaigns.sort((a, b) => b.created_at - a.created_at);\n case 'ending':\n return campaigns.sort((a, b) => {\n const aEnded = a.end_time <= now;\n const bEnded = b.end_time <= now;\n if (aEnded && !bEnded) return 1;\n if (!aEnded && bEnded) return -1;\n return a.end_time - b.end_time;\n });\n case 'biggest':\n return campaigns.sort((a, b) => (b.tcc_usd_display || b.tcc_usd || 0) - (a.tcc_usd_display || a.tcc_usd || 0));\n default:\n return campaigns;\n }\n };\n if (currentPage === 'launch') {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} showToast={showToast} devscanPrices={devscanPrices} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n {toast && setToast(null)} />}\n

;\n }\n if (currentPage === 'campaign' && selectedCampaign) {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} setSelectedCampaign={setSelectedCampaign} socket={socket} devscanPrices={devscanPrices} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n {toast && setToast(null)} />}\n

;\n }\n if (currentPage === 'kol-dashboard') {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n {toast && setToast(null)} />}\n

;\n }\n if (currentPage === 'project-dashboard') {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} setSelectedCampaign={setSelectedCampaign} setCurrentPage={setCurrentPage} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n {toast && setToast(null)} />}\n

;\n }\n if (currentPage === 'admin' && userWallet === ADMIN_WALLET) {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} signMessage={signMessage} showToast={showToast} />\n setShowSettings(false)} settings={settings} onUpdateSettings={updateSettings} />\n \n setShowAdminSignIn(false)} onSuccess={handleAdminSignInSuccess} userWallet={userWallet} devbaseClient={devbaseClient} signMessage={signMessage} />\n setShowConnectModal(false)} userWallet={userWallet} devbaseClient={devbaseClient} />\n {toast && setToast(null)} />}\n

;\n }\n return

\n \n

\n Now pumping\n

\n \n \n SOL: ${devscanPrices.sol?.toFixed(2) || '100.00'}\n \n

\n {campaigns.slice(0, 6).map(campaign =>

\n {campaign.project_name?.[0] || 'P'}\n

\n \n {campaign.project_name}\n \n \n ${((campaign.tcc_usd_display || campaign.tcc_usd) / 1000).toFixed(1)}K\n \n

)}\n

\n {filters.map(filter => {\n const Icon = filter.icon;\n return ;\n })}\n

\n {loading &&

}\n

\n {campaign.campaign_image ? ${campaign.project_name}$ : campaign.project_name?.[0] || 'P'}\n

\n {campaign.project_name || 'Unknown Project'}\n

\n ${campaign.token_ca?.slice(0, 8) || 'No CA'}\n

\n {hasUnreadChat &&

}\n \n

\n {formatAmount(campaign.reward_amount, campaign.reward_token)} {campaign.reward_token}\n

\n TCP: ${formatAmount(totalTCP, 'USD')}\n

\n Ends in\n

\n {timeLeft}\n

\n {campaign.accepts_count || 0}\n

KOLs

\n {campaign.topups_count || 0}\n

Top-ups

\n {topScore}\n

Top Score

\n Winners\n \n {campaign.winner_count}\n \n

\n \n \n

;\n function getTimeLeftBadgeColor(endTime) {\n const now = Date.now();\n const timeLeft = (endTime - now) / (1000 * 60 * 60);\n if (timeLeft <= 0) return colors.danger;\n if (timeLeft < 0.5) return colors.danger;\n if (timeLeft < 6) return colors.warning;\n return colors.textMuted;\n }\n}\nfunction formatAmount(amount, token) {\n let num = Number(amount);\n if (token === 'USDC') {\n num = num / 1000000;\n } else if (token === 'SOL') {\n num = num / 1000000000;\n }\n if (num >= 1000000) return `${(num / 1000000).toFixed(1)}M`;\n if (num >= 1000) return `${(num / 1000).toFixed(1)}K`;\n return num.toFixed(2);\n}\nfunction formatTimeLeft(endTime) {\n const now = Date.now();\n const diff = endTime - now;\n if (diff <= 0) return 'ENDED';\n const days = Math.floor(diff / (1000 * 60 * 60 * 24));\n const hours = Math.floor(diff % (1000 * 60 * 60 * 24) / (1000 * 60 * 60));\n const minutes = Math.floor(diff % (1000 * 60 * 60) / (1000 * 60));\n if (days > 0) return `${days}d ${hours}h`;\n if (hours > 0) return `${hours}h ${minutes}m`;\n return `${minutes}m`;\n}\nfunction getTimeColor(endTime) {\n const now = Date.now();\n const timeLeft = (endTime - now) / (1000 * 60 * 60);\n if (timeLeft <= 0) return colors.danger;\n if (timeLeft < 0.5) return colors.danger;\n if (timeLeft < 6) return colors.warning;\n return colors.textMuted;\n}\nfunction FeesDisplay({\n campaignDraft,\n userWallet,\n devbaseClient,\n devscanPrices\n}) {\n const [demoMode, setDemoMode] = useState(false);\n const [creationFee, setCreationFee] = useState('0.1');\n useEffect(() => {\n if (devbaseClient) {\n loadFeeSettings();\n }\n }, [devbaseClient]);\n const loadFeeSettings = async () => {\n try {\n const settings = await devbaseClient.listEntities('admin_settings');\n const settingsMap = {};\n settings.forEach(setting => {\n settingsMap[setting.setting_key] = setting.setting_value;\n });\n setDemoMode(settingsMap.demo_mode === 'true');\n setCreationFee(settingsMap.creation_fee || '0.1');\n } catch (error) {\n console.error('Error loading fee settings:', error);\n }\n };\n const displayFee = () => {\n if (userWallet === ADMIN_WALLET || demoMode) return '0';\n return creationFee;\n };\n return

\n {demoMode ? 'Demo Mode - Free Campaign' : 'Fees'}\n

\n Creation fee: {displayFee()} SOL{demoMode && ' (Demo Mode)'}
\n Reward escrow: {campaignDraft.reward_amount} {campaignDraft.reward_token}\n

\n \n

\n Campaign Created!\n

\n Your campaign is now live and KOLs can start participating.\n

\n \n

;\n }\n return

\n \n

\n Launch Campaign\n

\n {[1, 2, 3].map(i =>

= i ? colors.accent : colors.surfaceHover,\n color: step >= i ? colors.background : colors.textMuted\n }}>\n {i}\n

\n {i < 3 &&

i ? colors.accent : colors.surfaceHover\n }} />}\n

)}\n

\n {step === 1 &&

\n Campaign Details\n

\n {errors.project_name}\n

}\n

\n \n Token Contract Address\n \n

\n \n Campaign Image (optional)\n \n

\n \n {campaignDraft.campaign_image &&

\n $\"Campaign$ \n \n

}\n

\n Maximum file size: 5MB. Supported formats: JPG, PNG, GIF\n

\n \n Campaign Duration\n \n \n

\n \n

}\n {step === 2 &&

\n Rewards & Rules\n

\n \n Reward Token\n \n \n

\n {errors.reward_amount}\n

}\n

\n \n Number of Winners\n \n

\n {[1, 3, 5].map(count => )}\n

\n \n Prize Split (%)\n \n

\n Total: {campaignDraft.split.reduce((sum, val) => sum + val, 0)}%\n

\n {errors.split &&

\n {errors.split}\n

}\n

\n \n \n

}\n {step === 3 &&

\n Review & Launch\n

\n {campaignDraft.project_name || (demoMode ? 'Demo Project' : 'Unnamed Project')}\n

\n Token:\n {campaignDraft.token_ca || (demoMode ? 'DemoTokenCA123456789' : 'No CA')}\n

\n Winners:\n {campaignDraft.winner_count}\n

\n Duration:\n \n {campaignDraft.duration_hours / 24} days\n \n

\n \n

\n \n \n

\n {userWallet === ADMIN_WALLET && }\n

}\n setShowTokenSearch(false)} onTokenSelect={handleTokenSelect} />\n

;\n}\nconst convertAtomicToUsdDetail = (amount, token, solPrice = 100) => {\n const numAmount = Number(amount);\n if (token === 'USDC') {\n return numAmount / 1000000;\n }\n if (token === 'SOL') {\n return numAmount / 1000000000 * solPrice;\n }\n return numAmount;\n};\nfunction CampaignDetail({\n campaign,\n onBack,\n devbaseClient,\n userWallet,\n setSelectedCampaign,\n socket,\n devscanPrices\n}) {\n const [activeTab, setActiveTab] = useState('overview');\n const [leaderboard, setLeaderboard] = useState([]);\n const [chatMessages, setChatMessages] = useState([]);\n const [chatInput, setChatInput] = useState('');\n const [userAccepted, setUserAccepted] = useState(false);\n const [userPosts, setUserPosts] = useState([]);\n const [tweetUrl, setTweetUrl] = useState('');\n const [totalTCP, setTotalTCP] = useState(campaign.tcc_usd);\n const [twitterUsername, setTwitterUsername] = useState('');\n const parsedSplit = campaign.split ? JSON.parse(campaign.split) : [];\n useEffect(() => {\n if (devbaseClient && campaign.id) {\n checkAcceptance();\n loadLeaderboard();\n loadChat();\n loadUserPosts();\n calculateTotalTCP();\n checkTwitterConnection();\n }\n }, [devbaseClient, campaign.id, userWallet]);\n const calculateTotalTCP = async () => {\n try {\n const allCampaigns = await devbaseClient.listEntities('campaigns', {\n project_name: campaign.project_name,\n owner_wallet: campaign.owner_wallet\n });\n const total = allCampaigns.reduce((sum, c) => {\n const campaignUsdValue = convertAtomicToUsdDetail(c.reward_amount, c.reward_token, devscanPrices?.sol || 100);\n return sum + (campaignUsdValue || 0);\n }, 0);\n setTotalTCP(total);\n } catch (error) {\n console.error('Error calculating TCP:', error);\n }\n };\n const checkAcceptance = async () => {\n if (!userWallet) return;\n try {\n const accepts = await devbaseClient.listEntities('accepts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet\n });\n setUserAccepted(accepts.length > 0);\n } catch (error) {\n console.error('Error checking acceptance:', error);\n }\n };\n const loadLeaderboard = async () => {\n try {\n const posts = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n active: true,\n valid: true\n });\n const sorted = posts.sort((a, b) => {\n if (b.score !== a.score) return b.score - a.score;\n return a.created_at - b.created_at;\n });\n setLeaderboard(sorted);\n } catch (error) {\n console.error('Error loading leaderboard:', error);\n }\n };\n const checkTwitterConnection = async () => {\n if (!devbaseClient || !userWallet) return;\n if (typeof devbaseClient.evalString !== 'function') {\n console.warn('devbaseClient.evalString is not available yet');\n return;\n }\n try {\n const fetchedUsername = await devbaseClient.evalString('$USER_X_USERNAME');\n setTwitterUsername(fetchedUsername || '');\n } catch (error) {\n console.error('Error checking Twitter connection:', error);\n setTwitterUsername('');\n }\n };\n const loadChat = async () => {\n try {\n const messages = await devbaseClient.listEntities('chat', {\n campaign_id: campaign.id,\n deleted: false\n });\n setChatMessages(messages.sort((a, b) => a.created_at - b.created_at));\n } catch (error) {\n console.error('Error loading chat:', error);\n }\n };\n useEffect(() => {\n if (!socket || !campaign.id) return;\n const handleChatUpdate = data => {\n if (data.campaign_id === campaign.id) {\n loadChat();\n }\n };\n socket.on('chat_message', handleChatUpdate);\n socket.emit('join_campaign', {\n campaign_id: campaign.id\n });\n return () => {\n socket.off('chat_message', handleChatUpdate);\n socket.emit('leave_campaign', {\n campaign_id: campaign.id\n });\n };\n }, [socket, campaign.id]);\n const loadUserPosts = async () => {\n if (!userWallet) return;\n try {\n const posts = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet\n });\n setUserPosts(posts);\n } catch (error) {\n console.error('Error loading user posts:', error);\n }\n };\n const acceptCampaign = async () => {\n if (!userWallet || !devbaseClient) return;\n try {\n await devbaseClient.createEntity('accepts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet,\n accepted_at: Date.now()\n });\n setUserAccepted(true);\n const updatedCampaign = await devbaseClient.getEntity('campaigns', campaign.id);\n if (updatedCampaign) {\n setSelectedCampaign(updatedCampaign);\n }\n } catch (error) {\n console.error('Error accepting campaign:', error);\n }\n };\n const submitPost = async () => {\n if (!userWallet || !devbaseClient || !tweetUrl) return;\n try {\n const tweetId = extractTweetId(tweetUrl);\n if (!tweetId) {\n alert('Invalid tweet URL');\n return;\n }\n const existing = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet,\n tweet_id: tweetId\n });\n if (existing.length > 0) {\n alert('This tweet has already been submitted');\n return;\n }\n if (userPosts.length >= 5) {\n alert('Maximum 5 posts per campaign');\n return;\n }\n const isFirstPost = userPosts.length === 0;\n await devbaseClient.createEntity('posts', {\n campaign_id: campaign.id,\n kol_wallet: userWallet,\n tweet_id: tweetId,\n tweet_url: tweetUrl,\n created_at: Date.now(),\n likes: 0,\n retweets: 0,\n replies: 0,\n quotes: 0,\n score: 0,\n valid: true,\n reason: '',\n active: isFirstPost\n });\n setTweetUrl('');\n loadUserPosts();\n loadLeaderboard();\n } catch (error) {\n console.error('Error submitting post:', error);\n alert('Error submitting post. Please try again.');\n }\n };\n const setActivePost = async postId => {\n if (!userWallet || !devbaseClient) return;\n try {\n for (const post of userPosts) {\n await devbaseClient.updateEntity('posts', post.id, {\n active: false\n });\n }\n await devbaseClient.updateEntity('posts', postId, {\n active: true\n });\n loadUserPosts();\n loadLeaderboard();\n } catch (error) {\n console.error('Error setting active post:', error);\n }\n };\n const sendChatMessage = async () => {\n if (!userWallet || !devbaseClient || !chatInput.trim()) return;\n try {\n const displayHandle = twitterUsername ? `@${twitterUsername}` : `${userWallet.slice(0, 8)}...`;\n const newMessage = await devbaseClient.createEntity('chat', {\n campaign_id: campaign.id,\n msg_id: 'msg_' + Date.now(),\n sender_wallet: userWallet,\n x_handle: displayHandle,\n text: chatInput.trim(),\n created_at: Date.now(),\n deleted: false\n });\n setChatInput('');\n if (socket) {\n socket.emit('chat_message', {\n campaign_id: campaign.id,\n message: newMessage\n });\n }\n setTimeout(() => loadChat(), 100);\n } catch (error) {\n console.error('Error sending message:', error);\n alert('Failed to send message. Please try again.');\n }\n };\n const extractTweetId = url => {\n const match = url.match(/status\\/(\\d+)/);\n return match ? match[1] : null;\n };\n const formatScore = post => {\n return (post.likes || 0) + 2 * (post.retweets || 0) + 2 * (post.quotes || 0) + (post.replies || 0);\n };\n const timeLeft = formatTimeLeft(campaign.end_time);\n const timeColor = getTimeColor(campaign.end_time);\n return

\n \n

\n {campaign.project_name}\n

\n {campaign.campaign_image &&

\n ${campaign.project_name}$ \n

}\n {campaign.token_ca &&

Contract Address

\n {campaign.token_ca}\n

}\n

\n {formatAmount(campaign.reward_amount, campaign.reward_token)} {campaign.reward_token}\n

\n Campaign Reward\n

\n ${formatAmount(totalTCP, 'USD')}\n

\n TCP\n \n

\n {timeLeft}\n

Time Left

\n {campaign.accepts_count || 0}\n

KOLs Joined

\n {campaign.winner_count}\n

Winners

Prize Split

\n {parsedSplit?.map((percentage, index) =>

\n #{index + 1}: {percentage}%\n

)}\n

\n {userWallet &&

\n {!userAccepted ? : <>\n \n

\n }\n

}\n

\n {['overview', 'leaderboard', 'chat', 'posts'].map(tab => )}\n

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

\n Campaign Rules\n

Required Tags: {campaign.required_tags || 'None'}

Project Link Required: {campaign.require_project_link ? 'Yes' : 'No'}

Image Required: {campaign.require_image ? 'Yes' : 'No'}

Min Followers: {campaign.min_followers || 0}

Min Account Age: {campaign.min_account_age_days || 0} days

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

\n {leaderboard.map((post, index) =>

\n {index + 1}\n

\n {post.kol_wallet.slice(0, 8)}...\n

\n Score: {formatScore(post)}\n

\n \n

)}\n

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

\n {chatMessages.length === 0 ?

\n No messages yet. Start the conversation!\n

: chatMessages.map(msg =>

\n {msg.x_handle?.startsWith('@') ? msg.x_handle[1]?.toUpperCase() : msg.x_handle?.[0]?.toUpperCase() || 'U'}\n

\n \n {msg.x_handle || `${msg.sender_wallet?.slice(0, 8)}...`}\n \n {msg.sender_wallet === userWallet && \n You\n }\n \n {new Date(msg.created_at).toLocaleTimeString()}\n \n

{msg.text}

)}\n

\n {userWallet ?

\n setChatInput(e.target.value)} onKeyPress={e => e.key === 'Enter' && !e.shiftKey && sendChatMessage()} placeholder=\"Type a message...\" className=\"flex-1 px-4 py-2 rounded-lg border-0 focus:outline-none\" style={{\n backgroundColor: colors.surfaceHover,\n color: colors.textPrimary\n }} maxLength={500} />\n \n

\n Connect your wallet to join the chat\n

}\n

}\n {activeTab === 'posts' && userAccepted &&

\n {userPosts.map(post =>

\n \n Score: {formatScore(post)}\n \n {post.active && \n ACTIVE\n }\n

\n {!post.active && }\n \n

\n Likes: {post.likes} | Retweets: {post.retweets} | Replies: {post.replies} | Quotes: {post.quotes}\n

)}\n

}\n

\n \n

\n KOL Dashboard\n

;\n }\n return

\n \n

\n KOL Dashboard\n

\n {isTopKOL && activeView === 'my-dashboard' &&

\n \n TOP KOL\n

}\n

\n {}\n

\n \n \n

\n {}\n {activeView === 'my-dashboard' && !loading && <>\n {}\n

\n Potential Earnings\n

\n ${formatNumber(totalPotentialEarnings)}\n

Total Potential Earnings

If winning 1st place in all campaigns

\n {acceptedCampaigns.length}\n

Active Opportunities

Campaigns you're participating in

\n {}\n

\n Performance Overview\n

\n {isTopKOL &&

\n 🏆 Most Impressions Platform-wide\n

}\n

\n {totalStats.totalPosts}\n

Posts

\n {formatNumber(totalStats.totalImpressions)}\n

Total Impressions

\n {formatNumber(totalStats.totalLikes)}\n

Likes

\n {formatNumber(totalStats.totalRetweets)}\n

Retweets

\n {formatNumber(totalStats.totalReplies)}\n

Replies

\n {formatNumber(totalStats.totalQuotes)}\n

Quotes

\n {formatNumber(totalStats.totalScore)}\n

Total Score

\n {}\n

\n My Posts ({userPosts.length})\n

\n {userPosts.length === 0 ?

\n No posts submitted yet\n

: userPosts.map(post => {\n const campaign = campaignDetails[post.campaign_id];\n const impressions = (post.likes || 0) + (post.retweets || 0) + (post.replies || 0) + (post.quotes || 0);\n return

\n {campaign?.project_name || 'Unknown Campaign'}\n

\n {post.active && \n ACTIVE\n }\n {!post.valid && \n INVALID\n }\n

\n {campaign?.token_ca?.slice(0, 16)}... • {new Date(post.created_at).toLocaleDateString()}\n

\n \n

\n {formatNumber(impressions)}\n

Impressions

\n {formatScore(post)}\n

Score

\n {post.likes || 0}♥ {post.retweets || 0}🔄\n

Engagement

\n {post.reason &&

\n {post.reason}\n

}\n

;\n })}\n

\n {}\n

\n Active Campaigns ({acceptedCampaigns.length})\n

\n {acceptedCampaigns.length === 0 ?

\n No campaigns accepted\n

: acceptedCampaigns.map(accept => {\n const campaign = campaignDetails[accept.campaign_id];\n const potentialEarning = campaignPotentialEarnings[accept.campaign_id] || 0;\n return

\n {campaign?.project_name || 'Unknown Campaign'}\n

\n ${potentialEarning.toFixed(2)}\n

\n Potential 1st\n

\n Accepted: {new Date(accept.accepted_at).toLocaleDateString()}\n

\n {campaign &&

\n Ends: {formatTimeLeft(campaign.end_time)}\n

}\n

;\n })}\n

\n {}\n

\n Winnings & Claims\n

\n {claims.length === 0 ?

\n No winnings yet\n

: claims.map(claim => {\n const campaign = campaignDetails[claim.campaign_id];\n return

\n Rank #{claim.rank}\n

\n {campaign?.project_name || `Campaign ${claim.campaign_id}`}\n

\n {claim.reward_amount}\n

\n {claim.claimed ? 'Claimed' : 'Available'}\n

;\n })}\n

\n }\n {}\n {activeView === 'all-kols' &&

\n {allKOLsLoading ?

\n All KOLs Leaderboard\n

\n Ranked by total impressions across all campaigns\n

\n {allKOLs.length === 0 ?

\n No KOL data available\n

: allKOLs.map((kol, index) =>

\n {}\n

\n {index + 1}\n

\n {}\n

\n {kol.wallet.slice(0, 8)}...{kol.wallet.slice(-4)}\n {kol.wallet === userWallet && \n YOU\n }\n {index === 0 && }\n

\n {}\n

\n {formatNumber(kol.totalImpressions)}\n

Impressions

\n {kol.totalPosts}\n

Posts

\n {formatNumber(kol.totalLikes)}\n

Likes

\n {formatNumber(kol.totalRetweets)}\n

Retweets

\n {formatNumber(kol.totalScore)}\n

Total Score

\n ${formatNumber(kol.totalPayouts)}\n

Payouts

)}\n

}\n

}\n {}\n {activeView === 'my-dashboard' && loading &&

}\n

;\n}\nfunction ProjectDashboard({\n onBack,\n devbaseClient,\n userWallet,\n setSelectedCampaign,\n setCurrentPage\n}) {\n const [activeTab, setActiveTab] = useState('my-projects');\n const [campaigns, setCampaigns] = useState([]);\n const [topProjects, setTopProjects] = useState([]);\n const [totalPayouts, setTotalPayouts] = useState(0);\n const [loading, setLoading] = useState(false);\n const [topupLoading, setTopupLoading] = useState({});\n const [topupAmounts, setTopupAmounts] = useState({});\n useEffect(() => {\n if (devbaseClient && userWallet) {\n if (activeTab === 'my-projects') {\n loadMyCampaigns();\n } else {\n loadTopProjects();\n }\n }\n }, [devbaseClient, userWallet, activeTab]);\n const loadMyCampaigns = async () => {\n try {\n setLoading(true);\n const userCampaigns = await devbaseClient.listEntities('campaigns', {\n owner_wallet: userWallet\n });\n setCampaigns(userCampaigns.sort((a, b) => b.created_at - a.created_at));\n const completedCampaigns = userCampaigns.filter(c => c.status === 'completed');\n const totalPaid = completedCampaigns.reduce((sum, campaign) => {\n const usdValue = convertAtomicToUsd(campaign.reward_amount, campaign.reward_token, 100);\n return sum + usdValue;\n }, 0);\n setTotalPayouts(totalPaid);\n } catch (error) {\n console.error('Error loading campaigns:', error);\n } finally {\n setLoading(false);\n }\n };\n const loadTopProjects = async () => {\n try {\n setLoading(true);\n const allCampaigns = await devbaseClient.listEntities('campaigns', {\n status: 'active'\n });\n const campaignsWithMetrics = await Promise.all(allCampaigns.map(async campaign => {\n try {\n const posts = await devbaseClient.listEntities('posts', {\n campaign_id: campaign.id,\n active: true,\n valid: true\n });\n const totalEngagement = posts.reduce((sum, post) => {\n return sum + (post.likes || 0) + (post.retweets || 0) + (post.replies || 0) + (post.quotes || 0);\n }, 0);\n const avgScore = posts.length > 0 ? posts.reduce((sum, post) => sum + (post.score || 0), 0) / posts.length : 0;\n let usdValue = campaign.tcc_usd || 0;\n if (campaign.reward_amount && devscanPrices) {\n usdValue = convertAtomicToUsd(campaign.reward_amount, campaign.reward_token, devscanPrices.sol);\n }\n return {\n ...campaign,\n totalEngagement,\n avgScore,\n postCount: posts.length,\n engagementRate: posts.length > 0 ? totalEngagement / posts.length : 0,\n tcc_usd_realtime: usdValue\n };\n } catch (error) {\n console.error(`Error loading metrics for campaign ${campaign.id}:`, error);\n return {\n ...campaign,\n totalEngagement: 0,\n avgScore: 0,\n postCount: 0,\n engagementRate: 0,\n tcc_usd_realtime: campaign.tcc_usd || 0\n };\n }\n }));\n const sortedCampaigns = campaignsWithMetrics.sort((a, b) => {\n const scoreA = a.totalEngagement + (a.accepts_count || 0) * 10 + (a.tcc_usd_realtime || 0) * 0.1;\n const scoreB = b.totalEngagement + (b.accepts_count || 0) * 10 + (b.tcc_usd_realtime || 0) * 0.1;\n return scoreB - scoreA;\n });\n setTopProjects(sortedCampaigns.slice(0, 20));\n } catch (error) {\n console.error('Error loading top projects:', error);\n } finally {\n setLoading(false);\n }\n };\n const handleTopup = async campaignId => {\n const amount = topupAmounts[campaignId];\n if (!amount || Number(amount) <= 0) {\n alert('Please enter a valid top-up amount');\n return;\n }\n try {\n setTopupLoading(prev => ({\n ...prev,\n [campaignId]: true\n }));\n await devbaseClient.createEntity('topups', {\n campaign_id: campaignId,\n amount: amount\n });\n setTopupAmounts(prev => ({\n ...prev,\n [campaignId]: ''\n }));\n loadMyCampaigns();\n alert('Campaign topped up successfully!');\n } catch (error) {\n console.error('Error topping up campaign:', error);\n alert('Error topping up campaign. Please try again.');\n } finally {\n setTopupLoading(prev => ({\n ...prev,\n [campaignId]: false\n }));\n }\n };\n const getSuggestedTopup = campaign => {\n const timeLeft = (campaign.end_time - Date.now()) / (1000 * 60 * 60);\n if (timeLeft < 24 && timeLeft > 0) {\n return {\n suggested: true,\n message: 'Campaign ending soon - consider extending with a top-up!'\n };\n }\n return {\n suggested: false\n };\n };\n const formatAmount = (amount, token) => {\n let num = Number(amount);\n if (token === 'USDC') {\n num = num / 1000000;\n } else if (token === 'SOL') {\n num = num / 1000000000;\n }\n if (num >= 1000000) return `${(num / 1000000).toFixed(1)}M`;\n if (num >= 1000) return `${(num / 1000).toFixed(1)}K`;\n return num.toFixed(2);\n };\n return

\n \n

\n Project Dashboard\n

\n {}\n

\n \n \n

\n {loading &&

}\n {}\n {activeTab === 'my-projects' && !loading &&

\n {}\n

\n {campaigns.length}\n

\n Total Campaigns\n

\n {campaigns.filter(c => c.status === 'active').length}\n

\n Active Campaigns\n

\n ${formatAmount(totalPayouts * 1000000, 'USDC')}\n

\n Total Payouts\n

\n {}\n

\n {campaigns.length === 0 ?

\n No campaigns created yet\n

: campaigns.map(campaign => {\n const topupSuggestion = getSuggestedTopup(campaign);\n return

\n {}\n

\n {campaign.campaign_image && ${campaign.project_name}$ }\n

\n {campaign.project_name}\n

\n {campaign.token_ca?.slice(0, 20)}...\n

\n {campaign.status?.toUpperCase() || 'ACTIVE'}\n

\n {formatAmount(campaign.tcc_amount, campaign.reward_token)} {campaign.reward_token}\n

\n ${formatAmount(campaign.tcc_usd, 'USD')} USD\n

\n {}\n {topupSuggestion.suggested &&

\n \n \n {topupSuggestion.message}\n \n

}\n {}\n

\n {campaign.accepts_count || 0}\n

KOLs Joined

\n {campaign.topups_count || 0}\n

Top-ups

\n {campaign.winner_count || 0}\n

Winners

\n {formatTimeLeft(campaign.end_time)}\n

Time Left

\n {new Date(campaign.created_at).toLocaleDateString()}\n

Created

\n {}\n {campaign.status === 'active' &&

}\n

;\n })}\n

}\n {}\n {activeTab === 'top-projects' && !loading &&

\n Top Performing Campaigns\n

\n Ranked by engagement, KOL participation, and campaign value\n

\n {topProjects.length === 0 ?

\n No active campaigns found\n

: topProjects.map((campaign, index) =>

\n {}\n

\n {index + 1}\n

\n {}\n

\n {campaign.campaign_image && ${campaign.project_name}$ }\n

\n {campaign.project_name}\n

\n {campaign.token_ca?.slice(0, 16)}...\n

\n {}\n

\n {formatAmount(campaign.tcc_usd_realtime || campaign.tcc_usd, 'USD')}\n

Pool Value

\n {campaign.accepts_count || 0}\n

KOLs

\n {campaign.postCount || 0}\n

Posts

\n {campaign.totalEngagement || 0}\n

Total Engagement

\n {formatTimeLeft(campaign.end_time)}\n

Time Left

\n {}\n

\n \n

)}\n

}\n

;\n}\nfunction AdminPanel({\n onBack,\n devbaseClient,\n userWallet,\n signMessage,\n showToast\n}) {\n const [loading, setLoading] = useState(false);\n const [adminToken] = useAdminSession();\n const [settings, setSettings] = useState({\n creation_fee: '0.1',\n topup_fee: '0.075',\n demo_mode: 'false'\n });\n const [settingsLoading, setSettingsLoading] = useState(false);\n const [campaigns, setCampaigns] = useState([]);\n const [campaignsLoading, setCampaignsLoading] = useState(false);\n useEffect(() => {\n if (devbaseClient && userWallet === ADMIN_WALLET) {\n loadAdminSettings();\n loadActiveCampaigns();\n }\n }, [devbaseClient, userWallet]);\n const loadAdminSettings = async () => {\n try {\n const allSettings = await devbaseClient.listEntities('admin_settings');\n const settingsMap = {};\n allSettings.forEach(setting => {\n settingsMap[setting.setting_key] = setting.setting_value;\n });\n setSettings({\n creation_fee: settingsMap.creation_fee || '0.1',\n topup_fee: settingsMap.topup_fee || '0.075',\n demo_mode: settingsMap.demo_mode || 'false'\n });\n } catch (error) {\n console.error('Error loading admin settings:', error);\n }\n };\n const loadActiveCampaigns = async () => {\n try {\n setCampaignsLoading(true);\n const activeCampaigns = await devbaseClient.listEntities('campaigns', {\n status: 'active'\n });\n setCampaigns(activeCampaigns.sort((a, b) => b.created_at - a.created_at));\n } catch (error) {\n console.error('Error loading campaigns:', error);\n } finally {\n setCampaignsLoading(false);\n }\n };\n const cancelCampaign = async campaignId => {\n try {\n setCampaignsLoading(true);\n await devbaseClient.updateEntity('campaigns', campaignId, {\n status: 'cancelled'\n });\n await devbaseClient.createEntity('admin_events', {\n event_type: 'CAMPAIGN_CANCELLED',\n admin_wallet: userWallet,\n details: `Campaign ${campaignId} cancelled by admin`\n });\n showToast('Campaign cancelled successfully', 'success');\n loadActiveCampaigns();\n } catch (error) {\n console.error('Error cancelling campaign:', error);\n showToast('Failed to cancel campaign', 'error');\n } finally {\n setCampaignsLoading(false);\n }\n };\n const updateSetting = async (key, value) => {\n try {\n setSettingsLoading(true);\n const existingSettings = await devbaseClient.listEntities('admin_settings', {\n setting_key: key\n });\n if (existingSettings.length > 0) {\n await devbaseClient.updateEntity('admin_settings', existingSettings[0].id, {\n setting_value: value,\n updated_by: userWallet\n });\n } else {\n await devbaseClient.createEntity('admin_settings', {\n setting_key: key,\n setting_value: value,\n updated_by: userWallet\n });\n }\n setSettings(prev => ({\n ...prev,\n [key]: value\n }));\n showToast(`${key.replace('_', ' ')} updated successfully`, 'success');\n } catch (error) {\n console.error('Error updating setting:', error);\n showToast('Failed to update setting', 'error');\n } finally {\n setSettingsLoading(false);\n }\n };\n const handleSignIn = async () => {\n if (!userWallet || !devbaseClient || !signMessage) return;\n if (userWallet !== ADMIN_WALLET) {\n showToast('Wallet not authorized for admin', 'error');\n return;\n }\n try {\n setLoading(true);\n const nonce = Math.random().toString(36).substr(2, 32);\n const timestamp = Date.now();\n const message = `Admin Access Request for KOL.fun\nWallet: ${userWallet}\nNonce: ${nonce}\nTimestamp: ${timestamp}\nThis signature grants admin access for 24 hours.`;\n const messageBytes = new TextEncoder().encode(message);\n const signatureBytes = await signMessage(messageBytes);\n const publicKey = new PublicKey(userWallet);\n const isValidSignature = nacl.sign.detached.verify(messageBytes, signatureBytes, publicKey.toBytes());\n if (!isValidSignature) {\n showToast('Invalid signature. Access denied.', 'error');\n return;\n }\n const session = await devbaseClient.createEntity('admin_sessions', {\n wallet: userWallet,\n nonce: nonce,\n issued_at: timestamp,\n expires_at: timestamp + 24 * 60 * 60 * 1000,\n status: 'active'\n });\n localStorage.setItem('admin_session_token', session.id);\n showToast('Admin access granted', 'success');\n } catch (error) {\n console.error('Admin sign in error:', error);\n if (error.name === 'WalletConnectionError' || error.message?.includes('User rejected') || error.message?.includes('rejected')) {\n showToast('Signature rejected. Please approve the signature to access admin.', 'error');\n } else if (error.name === 'WalletNotConnectedError') {\n showToast('Wallet not connected. Please connect your wallet first.', 'error');\n } else {\n showToast('Failed to verify admin signature. Please try again.', 'error');\n }\n } finally {\n setLoading(false);\n }\n };\n if (adminToken) {\n return

\n \n

\n Admin Channel\n

\n Platform Settings\n

\n Demo Mode\n

\n Enable free campaigns without real payments\n

\n \n updateSetting('demo_mode', e.target.checked ? 'true' : 'false')} disabled={settingsLoading} className=\"sr-only peer\" />\n

\n \n

\n Campaign Creation Fee\n

\n {settings.demo_mode === 'true' &&

\n Disabled in demo mode\n

}\n

\n Campaign Top-up Fee\n

\n {settings.demo_mode === 'true' &&

\n Disabled in demo mode\n

}\n

\n {settings.demo_mode === 'true' ? 'Demo Mode Active' : 'Production Mode'}\n

\n \n

\n Active Campaigns Management\n

\n \n

\n {campaignsLoading ?

\n {campaigns.length === 0 ?

\n No active campaigns found\n

: campaigns.map(campaign =>

\n {campaign.campaign_image && ${campaign.project_name}$ }\n

\n {campaign.project_name}\n

\n {campaign.token_ca?.slice(0, 20)}...\n

\n Pool: \n \n {campaign.tcc_amount} {campaign.reward_token}\n \n

\n KOLs: \n \n {campaign.accepts_count || 0}\n \n

\n Ends: \n \n {formatTimeLeft(campaign.end_time)}\n \n

\n Created: \n \n {new Date(campaign.created_at).toLocaleDateString()}\n \n

\n \n

)}\n

}\n

;\n }\n return

\n \n

\n Admin Channel\n

\n \n

\n Admin Channel\n

\n Authorized access required\n

\n \n {userWallet !== ADMIN_WALLET &&

\n Wallet not authorized for admin access\n

}\n

;\n}","thinking","Looking at the current code and the user's requirement, I need to understand the problem:\n\n1. The TCP (Total Campaign Pool) calculation works well in campaign cards\n2. But when clicking on a campaign card to view details, the TCP doesn't show the right value\n3. It's currently setting 1 SOL as 100 USD, but should reflect the actual SOL price\n\nLooking at the code, I can see:\n\n1. In campaign cards, there's a `calculateTotalTCP` function that uses `convertAtomicToUsdCard(c.reward_amount, c.reward_token, devscanPrices?.sol || 100)`\n\n2. In the campaign detail view, there's also a `calculateTotalTCP` function that uses `convertAtomicToUsdDetail(c.reward_amount, c.reward_token, 100)` - this is hardcoded to 100!\n\nThe issue is in the `CampaignDetail` component. The `calculateTotalTCP` function is using a hardcoded value of 100 for SOL price instead of using the actual `devscanPrices.sol`.\n\nI need to:\n1. Pass `devscanPrices` to the `CampaignDetail` component\n2. Update the `calculateTotalTCP` function to use the actual SOL price\n\nLet me trace through the code:\n\n1. In the main `App` component, `devscanPrices` is available\n2. When calling `CampaignDetail`, it's not passing `devscanPrices`\n3. In `CampaignDetail`, the `calculateTotalTCP` function uses hardcoded 100\n\nI need to:\n1. Pass `devscanPrices` as a prop to `CampaignDetail`\n2. Update the `calculateTotalTCP` function in `CampaignDetail` to use the actual price","changelog","Fixed TCP display in campaign details to use real SOL price instead of hardcoded $100!\nCampaign detail pages now show accurate TCP values matching the campaign cards.","diff","isRephrased","isDebug","isSuccess","error","devbaseSchema","devbaseInsight","messageId",["B","164844"],[],"isDraft",[134],"👑","isLordOfDev","analytics",[138,142,144,146,148,150,152,154,156,158,160,162,164,166,168],{"_139":140,"_141":60},"day","2025-08-24","runCount",{"_139":143,"_141":60},"2025-08-25",{"_139":145,"_141":60},"2025-08-26",{"_139":147,"_141":60},"2025-08-27",{"_139":149,"_141":60},"2025-08-28",{"_139":151,"_141":60},"2025-08-29",{"_139":153,"_141":60},"2025-08-30",{"_139":155,"_141":60},"2025-08-31",{"_139":157,"_141":60},"2025-09-01",{"_139":159,"_141":60},"2025-09-02",{"_139":161,"_141":60},"2025-09-03",{"_139":163,"_141":60},"2025-09-04",{"_139":165,"_141":60},"2025-09-05",{"_139":167,"_141":60},"2025-09-06",{"_139":161,"_141":62},"https://cdn.dev.fun/og/image/43ceb989c37d18ee0ed6/9b37cceb.webp","isDevbase","project","actionData","errors"]

say something