[{"_1":2,"_175":-5,"_176":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/app.$appId",{"_12":13},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":17,"_27":28,"_29":30,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_5":46,"_58":59,"_60":61,"_62":43,"_63":64,"_65":61,"_66":61,"_67":61,"_68":43,"_69":61,"_70":61,"_71":28,"_72":28,"_73":-5,"_74":75,"_76":77,"_78":79,"_80":-5,"_81":82,"_135":17,"_136":137,"_91":33,"_93":168,"_169":17,"_170":171},"id","bb76442b014984dd89c3","isMyApp",false,"projectId","2ca2d7c7-bbc2-4a92-a8b2-5ac739cb2ba2","name","KOL.fun","description","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!","brief","Bringing dead campaign chats back to life with unstoppable real-time messaging power!","isLive","isPublic",true,"tags",[31],"👑","cover","https://cdn.dev.fun/snapshot/bb76442b014984dd89c3/96847_84256e4c.webp","cdnUrl","https://cdn.dev.fun/app/bb76442b014984dd89c3/96847","createdAt",["D",1756857381686],"updatedAt",["D",1756858118918],"lastCommitId",["B","96847"],"tier",1,"credits",79,{"_14":47,"_48":49,"_50":49,"_51":52,"_53":49,"_54":55,"_56":57},"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",26,"forkCount",0,"likeCount","runsCount",15,"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 \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 {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\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

;\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/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 {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.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 \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 {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 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}\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 [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 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', '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}\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 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 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.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 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 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}","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":83,"_36":84,"_38":85,"_86":87,"_20":88,"_22":89,"_24":90,"_73":-5,"_91":92,"_93":94,"_34":95,"_96":97,"_42":43,"_44":98,"_99":100,"_101":17,"_27":28,"_71":28,"_72":17,"_102":17,"_103":17,"_104":17,"_58":98,"_60":61,"_62":61,"_63":105,"_68":61,"_66":61,"_65":61,"_106":47,"_107":108,"_40":109,"_18":110,"_111":112,"_133":17,"_26":17,"_67":61,"_29":134},"12b508f8bfa576ca6f22",["D",1756854024974],["D",1757027888222],"template","web","kol.nexus","The ultimate Solana-powered infrastructure monster that just leveled up! Real-time token data streams through Devscan like liquid lightning, pulling live prices and metadata straight from the blockchain's heartbeat. X social login slides users into your ecosystem smoother than silk, while campaigns and chat rooms pulse with unstoppable energy - it's like having a crypto trading floor in your pocket!","Supercharged Solana infrastructure with live token data and X login magic!","snapshot","https://cdn.dev.fun/snapshot/12b508f8bfa576ca6f22/96841_9e6b38e8.webp","ogImage","https://cdn.dev.fun/og/image/12b508f8bfa576ca6f22/aa2fa7c9.webp","https://cdn.dev.fun/app/12b508f8bfa576ca6f22/96841","category","money",6,"featureScore","0","isAutomated","isTagHot","isTagMoney","isTagCrown",4,"userId","upstreamAppId","d231346785caf7e1814e",["B","96841"],"4df5ca2f-77c3-4550-9e80-52f2e9dfb38d","lastCommit",{"_14":109,"_36":113,"_114":115,"_116":117,"_74":118,"_76":77,"_119":120,"_121":122,"_123":117,"_91":92,"_34":95,"_124":17,"_125":28,"_126":28,"_86":87,"_127":-5,"_128":-5,"_129":-5,"_6":83,"_106":47,"_130":131,"_78":132},["D",1756856885827],"input","The app is throwing the following errors:\n/App.js: setShowTokenSearch is not defined (2172:51)\n\n 2169 | backgroundColor: colors.surface,\n 2170 | color: colors.textPrimary\n 2171 | }} placeholder=\"Enter token contract address\" />\n> 2172 | \n

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

}\n

;\n=======\n \n

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

}\n setShowTokenSearch(false)} onTokenSelect={handleTokenSelect} />\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-12b508f8bfa576ca6f22');\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/12b508f8bfa576ca6f22/${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 }\n if (currentPage === 'campaign' && selectedCampaign) {\n return

\n \n setCurrentPage('board')} devbaseClient={devbaseClient} userWallet={userWallet} setSelectedCampaign={setSelectedCampaign} socket={socket} />\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 if (currentPage === 'project-dashboard') {\n return

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

;\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}\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 [, 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 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 {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}) {\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 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 }\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, 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 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 newMessage = await devbaseClient.createEntity('chat', {\n campaign_id: campaign.id,\n msg_id: 'msg_' + Date.now(),\n sender_wallet: userWallet,\n x_handle: '@user',\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 loadChat();\n } catch (error) {\n console.error('Error sending message:', 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.tcc_amount, campaign.reward_token)} {campaign.reward_token}\n

\n TCP\n \n

${formatAmount(totalTCP, 'USD')}

\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.map(msg =>

\n {msg.x_handle?.[1] || 'U'}\n

\n \n {msg.x_handle || 'User'}\n \n \n {new Date(msg.created_at).toLocaleTimeString()}\n \n

{msg.text}

)}\n

\n {userAccepted &&

\n setChatInput(e.target.value)} onKeyPress={e => e.key === 'Enter' && 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 }} />\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 \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 \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 \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","The user is getting an error because `setShowTokenSearch` is not defined in the `LaunchCampaign` component where it's being used. Looking at the code, I can see that `setShowTokenSearch` is defined in the `Header` component but not in `LaunchCampaign`.\n\nIn the LaunchCampaign component, there's a line:\n```\n

say something