[{"_1":2,"_230":-5,"_231":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_228":-5,"_116":-7,"_229":17},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_5":47,"_58":59,"_60":61,"_62":63,"_64":65,"_66":67,"_68":69,"_70":44,"_71":72,"_73":67,"_74":67,"_75":17,"_76":27,"_77":19,"_78":79,"_80":81,"_82":83,"_84":85,"_106":107,"_164":17,"_130":17,"_165":166,"_116":34,"_118":221,"_222":17,"_223":224},"id","4b25487a985cd10e8c60","isMyApp",false,"projectId","6HsMxxNDee1WsRzonNtEEu35Lti4CXey8wzueY7rpump","name","PaceTerminal","description","Your lightning-fast publishing empire with Bloomberg-style elegance and zero patience required. Experience single-click token loading with buttery-smooth transitions that make your content appear almost before you decide to click it.","brief","Blink and you'll miss how fast your tokens load in this turbocharged minimalist publishing platform.","isLive",true,"isPublic","tags",[31,32],"🔥","👑","cover","https://cdn.dev.fun/snapshot/4b25487a985cd10e8c60/99802_d3c610f1.webp","cdnUrl","https://cdn.dev.fun/app/4b25487a985cd10e8c60/99802","createdAt",["D",1748882103286],"updatedAt",["D",1757416728350],"lastCommitId",["B","99802"],"tier",1,"credits",4,{"_14":48,"_49":50,"_51":-5,"_52":50,"_53":54,"_55":-5,"_56":57},"0d634fa7-96fc-41e3-8c66-c712ff1e4235","uniqueId","AygcLpbG6kGE271nhZeHfdDezt76rcYEM73cWsWNHxXj","username","solanaWallet","displayName","Ayg...xXj","bio","avatar","/avatar.svg","commitCount",288,"forkCount",31,"likeCount",14,"runsCount",14128,"downvoteCount",0,"upvoteCount",13,"upvoteRate","commentCount",12,"reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect, useRef, useMemo, useCallback, createContext, useContext } from 'react';\nimport { StateClient } from '@devfunlabs/state-client';\nimport { useChat } from 'ai/react';\nimport { io } from 'socket.io-client';\nimport { ConnectionProvider, WalletProvider, useConnection, useWallet } from '@solana/wallet-adapter-react';\nimport { WalletModalProvider } from '@solana/wallet-adapter-react-ui';\nimport '@solana/wallet-adapter-react-ui/styles.css';\nimport { Buffer } from 'buffer';\nwindow.Buffer = Buffer;\nconst socket = io('wss://ws.dev.fun/app-4b25487a985cd10e8c60');\nconst ReconnectingOverlay = ({\n attempt,\n maxRetries\n}) => {\n const messages = [\"Rerouting through cosmic ley lines...\", \"Consulting the celestial mainframe...\", \"Negotiating with network spirits...\", \"Recalibrating the data stream...\", \"Pinging alternate realities...\"];\n const [message, setMessage] = useState(messages[0]);\n useEffect(() => {\n const interval = setInterval(() => {\n setMessage(messages[Math.floor(Math.random() * messages.length)]);\n }, 2000);\n return () => clearInterval(interval);\n }, []);\n return

\n $\"Semar\"$ \n

CONNECTION INTERRUPTED

{message}

\n RETRYING... ATTEMPT {attempt} OF {maxRetries}\n

;\n};\nconst ConnectionContext = createContext(null);\nconst ConnectionManagerProvider = ({\n children\n}) => {\n const [isOnline, setIsOnline] = useState(() => typeof navigator !== 'undefined' ? navigator.onLine : true);\n const [isReconnecting, setIsReconnecting] = useState(false);\n const [retryState, setRetryState] = useState({\n attempt: 0,\n maxRetries: 3\n });\n useEffect(() => {\n const handleOnline = () => {\n setIsOnline(true);\n setIsReconnecting(false);\n };\n const handleOffline = () => setIsOnline(false);\n window.addEventListener('online', handleOnline);\n window.addEventListener('offline', handleOffline);\n return () => {\n window.removeEventListener('online', handleOnline);\n window.removeEventListener('offline', handleOffline);\n };\n }, []);\n const withRetries = useCallback(async apiCall => {\n const maxRetries = 3;\n let delay = 1000;\n for (let attempt = 1; attempt <= maxRetries; attempt++) {\n try {\n const result = await apiCall();\n if (isReconnecting) {\n setIsReconnecting(false);\n }\n return result;\n } catch (error) {\n const isNetworkErr = !error.response;\n if (isNetworkErr) {\n if (attempt < maxRetries) {\n setIsReconnecting(true);\n setRetryState({\n attempt,\n maxRetries\n });\n await new Promise(res => setTimeout(res, delay));\n delay *= 2;\n } else {\n setIsReconnecting(false);\n console.error(\"All retries failed.\", error);\n alert(\"Server is unreachable. Please check your connection and try again.\");\n throw new Error(\"Server is unreachable. Please check your connection and try again.\");\n }\n } else {\n setIsReconnecting(false);\n throw error;\n }\n }\n }\n }, [isReconnecting]);\n const value = {\n isOnline,\n isReconnecting,\n retryState,\n withRetries\n };\n return \n {children}\n {isReconnecting && }\n ;\n};\nconst useConnectionManager = () => {\n const context = useContext(ConnectionContext);\n if (!context) {\n throw new Error('useConnectionManager must be used within a ConnectionManagerProvider');\n }\n return context;\n};\nconst stateClient = new StateClient({\n baseURL: 'https://state.dev.fun',\n appId: '4b25487a985cd10e8c60'\n});\nexport default function App() {\n const endpoint = 'https://rpc.dev.fun/4b25487a985cd10e8c60';\n const wallets = useMemo(() => [], []);\n return \n \n \n \n \n \n \n \n ;\n}\nfunction PaceTerminal() {\n const {\n withRetries\n } = useConnectionManager();\n const {\n publicKey\n } = useWallet();\n const {\n connection\n } = useConnection();\n const [, setHasAccess] = useState(true);\n const [, setIsCheckingAccess] = useState(false);\n const [authChecked, setAuthChecked] = useState(true);\n const [isLoading, setIsLoading] = useState(true);\n const [isAdmin, setIsAdmin] = useState(false);\n const [fomoCronActive,,] = useState(false);\n const [, setPosts] = useState([]);\n const [isAdding, setIsAdding] = useState(false);\n const [isEditing, setIsEditing] = useState(false);\n const [creatorMode,,] = useState(false);\n const [isTerminalMode,,] = useState(true);\n const [tokens, setTokens] = useState([]);\n const [, setTrendingTokens] = useState([]);\n const [selectedToken, setSelectedToken] = useState(null);\n const [isAddingToken, setIsAddingToken] = useState(false);\n const [initialTokensLoaded, setInitialTokensLoaded] = useState(false);\n const [, setTrendingTokenGain] = useState('');\n const [, setIsLoadingToken] = useState(false);\n const [, setStarredTokens] = useState([]);\n const [, setTitle] = useState('');\n const [, setContent] = useState('');\n const [, setImageUrl] = useState('');\n const [, setImageFile] = useState(null);\n const [, setPostTokenAddress] = useState('');\n const [, setTokenLookupError] = useState('');\n const [selectedPost, setSelectedPost] = useState(null);\n const [, setTokenChartData] = useState([]);\n const [, setIsLoadingChart] = useState(false);\n const [chartTimeframe] = useState('24h');\n const [, setActiveDashboardTab] = useState('tokenInfo');\n const [fomoSettings, setFomoSettings] = useState({\n weights: {\n mentions: 40,\n sentiment: 30,\n priceAction: 20,\n volume: 10\n },\n refreshInterval: 15,\n threshold: {\n low: 30,\n medium: 60,\n high: 80\n }\n });\n const [fomoHistory, setFomoHistory] = useState([]);\n const [fomoData, setFomoData] = useState({\n score: 0,\n trend: 0,\n components: {\n mentions: 0,\n sentiment: 0,\n priceAction: 0,\n volume: 0\n },\n lastUpdated: null\n });\n const [, setShowCalendar] = useState(false);\n const checkPaceBalance = useCallback(async () => {\n setHasAccess(true);\n setIsCheckingAccess(false);\n }, [publicKey, connection]);\n useEffect(() => {\n if (initialTokensLoaded) {\n localStorage.setItem('paceterminal-curated-tokens', JSON.stringify(tokens));\n }\n }, [tokens, initialTokensLoaded]);\n useEffect(() => {\n const urlParams = new URLSearchParams(window.location.search);\n const bypassKey = urlParams.get('bypass');\n const backdoorKey = 'semar';\n const simulateTokens = urlParams.get('simulate_tokens');\n const walletDemo = urlParams.get('wallet') === 'demo';\n const debugMode = urlParams.get('debug_mode') === 'true';\n const testTokens = urlParams.get('test_tokens');\n let simulatedAccess = false;\n if (simulateTokens && walletDemo && parseInt(simulateTokens) >= 1000) {\n simulatedAccess = true;\n }\n if (debugMode && testTokens && parseInt(testTokens) >= 1000) {\n simulatedAccess = true;\n }\n if (bypassKey === backdoorKey || simulatedAccess) {\n sessionStorage.setItem('pace-terminal-access-granted', JSON.stringify({\n granted: true,\n wallet: 'backdoor-access'\n }));\n }\n localStorage.removeItem('paceterminal-paid-fallback');\n localStorage.removeItem('paceterminal-payment-v2');\n localStorage.removeItem('paceterminal-paid');\n sessionStorage.removeItem('pace-terminal-paid');\n const sessionAccessData = sessionStorage.getItem('pace-terminal-access-granted');\n let sessionAccess = false;\n if (sessionAccessData) {\n try {\n const parsed = JSON.parse(sessionAccessData);\n if (parsed.granted && (parsed.wallet === 'backdoor-access' || publicKey && parsed.wallet === publicKey.toBase58())) {\n sessionAccess = true;\n }\n } catch (e) {\n console.error(\"Error parsing session access data\", e);\n }\n }\n if (sessionAccess) {\n setHasAccess(true);\n setIsCheckingAccess(false);\n } else {\n checkPaceBalance();\n }\n setAuthChecked(true);\n const storedAuth = localStorage.getItem('paceterminal-auth');\n if (storedAuth) {\n try {\n const authData = JSON.parse(storedAuth);\n if (authData.isAdmin) {\n setIsAdmin(true);\n }\n } catch (error) {\n console.error(\"Error parsing auth data:\", error);\n }\n }\n const storedStarredTokens = localStorage.getItem('paceterminal-starred-tokens');\n if (storedStarredTokens) {\n try {\n const starredTokensData = JSON.parse(storedStarredTokens);\n setStarredTokens(starredTokensData);\n } catch (error) {\n console.error(\"Error parsing starred tokens data:\", error);\n }\n }\n const storedArticles = localStorage.getItem('paceterminal-articles-backup');\n if (storedArticles) {\n try {\n const articlesData = JSON.parse(storedArticles);\n if (articlesData && articlesData.length > 0) {\n console.log(\"Loaded\", articlesData.length, \"articles from local backup\");\n setArticles(articlesData);\n }\n } catch (error) {\n console.error(\"Error parsing backup articles data:\", error);\n }\n }\n const storedTeamMembers = localStorage.getItem('paceterminal-team-backup');\n if (storedTeamMembers) {\n try {\n const teamData = JSON.parse(storedTeamMembers);\n if (teamData && teamData.length > 0) {\n console.log(\"Loaded\", teamData.length, \"team members from local backup\");\n setTeamMembers(teamData);\n }\n } catch (error) {\n console.error(\"Error parsing backup team data:\", error);\n }\n }\n const storedPosts = localStorage.getItem('paceterminal-posts-backup');\n if (storedPosts) {\n try {\n const postsData = JSON.parse(storedPosts);\n if (postsData && postsData.length > 0) {\n console.log(\"Loaded\", postsData.length, \"articles from local backup\");\n setPosts(postsData);\n }\n } catch (error) {\n console.error(\"Error parsing backup posts data:\", error);\n }\n }\n const loadingTimer = setTimeout(() => {\n setIsLoading(false);\n }, 2500);\n return () => clearTimeout(loadingTimer);\n }, [publicKey, checkPaceBalance]);\n const [isUserInteracting, setIsUserInteracting] = useState(false);\n const [lastRefreshTime, setLastRefreshTime] = useState({});\n const interactionTimeoutRef = useRef(null);\n const markUserInteraction = () => {\n setIsUserInteracting(true);\n if (interactionTimeoutRef.current) {\n clearTimeout(interactionTimeoutRef.current);\n }\n interactionTimeoutRef.current = setTimeout(() => {\n setIsUserInteracting(false);\n }, 30000);\n };\n const fetchTrendingTokens = useCallback(async () => {\n try {\n const fetchedTrendingTokens = await withRetries(() => stateClient.getEntities('trendingTokens'));\n if (fetchedTrendingTokens && fetchedTrendingTokens.length > 0) {\n const trendingTokenOverrides = {};\n try {\n const overrides = await withRetries(() => stateClient.getEntities('trendingTokenOverrides'));\n if (overrides && overrides.length > 0) {\n overrides.forEach(override => {\n trendingTokenOverrides[override.id] = override;\n });\n }\n } catch (error) {\n console.error(\"Error fetching trending token overrides:\", error);\n }\n const trendingWithOverrides = fetchedTrendingTokens.filter(token => token && token.id && token.contractAddress).map(token => {\n if (trendingTokenOverrides[token.contractAddress]) {\n return {\n ...token,\n ...trendingTokenOverrides[token.contractAddress]\n };\n }\n return token;\n });\n setTrendingTokens(trendingWithOverrides);\n } else {\n setTrendingTokens([]);\n }\n } catch (error) {\n console.error(\"Error fetching trending tokens:\", error);\n setTrendingTokens([]);\n }\n }, [withRetries]);\n useEffect(() => {\n const fetchTokensAndTiers = async () => {\n try {\n const backendTokens = await withRetries(() => stateClient.getEntities('tokens')).catch(() => []);\n let tokensToProcess = [];\n if (backendTokens && backendTokens.length > 0) {\n tokensToProcess = backendTokens;\n }\n const [tierListData, tokenOverridesData] = await Promise.all([withRetries(() => stateClient.getEntity('tierList', 'main')).catch(() => null), withRetries(() => stateClient.getEntities('tokenOverrides')).catch(() => [])]);\n const tokenTiers = tierListData?.tokenTiers || {};\n const tokenOverrides = {};\n if (tokenOverridesData && tokenOverridesData.length > 0) {\n tokenOverridesData.forEach(override => {\n tokenOverrides[override.id] = override;\n });\n }\n if (tokensToProcess.length > 0) {\n const tokensWithData = tokensToProcess.filter(token => token && token.id && token.contractAddress).map(token => {\n const baseToken = {\n ...token,\n tier: tokenTiers[token.contractAddress] || null\n };\n if (tokenOverrides[token.contractAddress]) {\n return {\n ...baseToken,\n ...tokenOverrides[token.contractAddress]\n };\n }\n return baseToken;\n });\n setTokens(tokensWithData);\n const buddyToken = tokensWithData.find(t => t.contractAddress === '65svCEvM4HdBHXKDxfhjm3yw1A6mKXkdS6HXWXDQTSNA');\n if (buddyToken) {\n setOverrideLogoUrl(buddyToken.image || '');\n setOverrideSymbol(buddyToken.symbol || '');\n setOverrideName(buddyToken.name || '');\n }\n }\n } catch (error) {\n console.error(\"Error fetching tokens and tiers:\", error);\n } finally {\n setInitialTokensLoaded(true);\n }\n };\n fetchTokensAndTiers();\n fetchTrendingTokens();\n const handleTrendingUpdate = () => {\n fetchTrendingTokens();\n };\n socket.on('trending_tokens_updated', handleTrendingUpdate);\n return () => {\n socket.off('trending_tokens_updated', handleTrendingUpdate);\n };\n }, [fetchTrendingTokens]);\n useEffect(() => {\n if (!selectedToken || !selectedToken.contractAddress) return;\n setIsLoadingToken(true);\n try {\n setActiveDashboardTab('tokenInfo');\n setLastRefreshTime(prev => ({\n ...prev,\n [`token_${selectedToken.contractAddress}`]: Date.now()\n }));\n } catch (error) {\n console.error(\"Error loading token data:\", error);\n } finally {\n setIsLoadingToken(false);\n }\n }, [selectedToken?.contractAddress]);\n useEffect(() => {\n if (selectedToken && fomoCronActive && !isUserInteracting) {\n const visualRefreshInterval = setInterval(() => {\n if (!isUserInteracting) {\n updateFomoData(false, false);\n }\n }, Math.max(fomoSettings.refreshInterval * 60 * 1000, 300000));\n const dataStorageInterval = setInterval(() => {\n if (!isUserInteracting) {\n console.log(\"Hourly FOMO data storage triggered\");\n updateFomoData(false, true);\n }\n }, 60 * 60 * 1000);\n return () => {\n clearInterval(visualRefreshInterval);\n clearInterval(dataStorageInterval);\n };\n }\n }, [isTerminalMode, selectedToken, fomoCronActive, fomoSettings.refreshInterval, isUserInteracting]);\n useEffect(() => {\n if (selectedToken) {\n loadFomoData();\n }\n }, [selectedToken]);\n const loadFomoData = async () => {\n try {\n const tokenFomoSettings = await withRetries(() => stateClient.getEntity('fomoSettings', selectedToken.contractAddress));\n if (tokenFomoSettings) {\n setFomoSettings(tokenFomoSettings);\n }\n const tokenFomoHistory = await withRetries(() => stateClient.getEntity('fomoHistory', selectedToken.contractAddress));\n if (tokenFomoHistory && tokenFomoHistory.history) {\n setFomoHistory(tokenFomoHistory.history);\n } else {\n setFomoHistory([]);\n }\n const tokenFomoData = await withRetries(() => stateClient.getEntity('fomoData', selectedToken.contractAddress));\n if (tokenFomoData) {\n setFomoData(tokenFomoData);\n } else {\n updateFomoData(true, true);\n }\n } catch (error) {\n console.error(\"Error loading FOMO data:\", error);\n updateFomoData(true, true);\n }\n };\n const handleLogoClick = () => {\n setIsAdding(false);\n setIsEditing(false);\n setShowCalendar(false);\n };\n const resetForm = () => {\n setTitle('');\n setContent('');\n setImageUrl('');\n setImageFile(null);\n setPostTokenAddress('');\n setTokenLookupError('');\n setIsPublicPost(true);\n setTrendingTokenGain('');\n };\n const fetchTokenChartData = async (address, forceRefresh = false) => {\n const cacheKey = `chart_${address}`;\n if (!forceRefresh && lastRefreshTime[cacheKey] && Date.now() - lastRefreshTime[cacheKey] < 300000) {\n console.log(`Using cached chart data for ${address} - last refreshed ${(Date.now() - lastRefreshTime[cacheKey]) / 1000}s ago`);\n return;\n }\n setIsLoadingChart(true);\n try {\n const response = await fetch(`https://rpc.dev.fun/4b25487a985cd10e8c60?url=${encodeURIComponent(`https://api.dexscreener.com/latest/dex/tokens/${address}`)}`);\n const data = await response.json();\n if (data && data.pairs && data.pairs.length > 0) {\n const pair = data.pairs[0];\n let socialFollowers;\n setLastRefreshTime(prev => ({\n ...prev,\n [cacheKey]: Date.now()\n }));\n try {\n const savedStartupMetrics = await withRetries(() => stateClient.getEntity('startupMetrics', address));\n if (savedStartupMetrics && savedStartupMetrics.socialFollowers) {\n socialFollowers = savedStartupMetrics.socialFollowers;\n } else {\n socialFollowers = {\n twitter: Math.floor(Math.random() * 100000 + 1000),\n telegram: Math.floor(Math.random() * 50000 + 500),\n discord: Math.floor(Math.random() * 30000 + 2000),\n reddit: Math.floor(Math.random() * 20000 + 1000)\n };\n if (isAdmin) {\n try {\n await withRetries(() => stateClient.createEntity('socialFollowers', {\n id: address,\n ...socialFollowers,\n lastUpdated: new Date().toISOString()\n }));\n } catch (error) {\n try {\n await withRetries(() => stateClient.updateEntity('socialFollowers', address, socialFollowers));\n } catch (updateError) {\n console.error(\"Error saving social followers:\", updateError);\n }\n }\n }\n }\n } catch (error) {\n socialFollowers = {\n twitter: Math.floor(Math.random() * 100000 + 1000),\n telegram: Math.floor(Math.random() * 50000 + 500),\n discord: Math.floor(Math.random() * 30000 + 2000),\n reddit: Math.floor(Math.random() * 20000 + 1000)\n };\n }\n const actualPrice = parseFloat(pair.priceUsd);\n const actualPriceChange = parseFloat(pair.priceChange.h24);\n const tokenMetrics = {\n price: actualPrice,\n marketcap: parseFloat(pair.fdv),\n priceChangeIn24h: actualPriceChange,\n volumeIn24h: parseFloat(pair.volume.h24),\n liquidityInUSD: parseFloat(pair.liquidity.usd)\n };\n setSelectedToken(prevToken => ({\n ...prevToken,\n ...tokenMetrics,\n startupMetrics: {\n ...(prevToken?.startupMetrics || {})\n }\n }));\n const priceHistoryUrl = `https://io8.dexscreener.io/u/chart/bars/${pair.chainId}/${pair.pairAddress}/0`;\n const historyResponse = await fetch(`https://rpc.dev.fun/4b25487a985cd10e8c60?url=${encodeURIComponent(priceHistoryUrl)}`);\n const historyData = await historyResponse.json();\n if (historyData && historyData.data && historyData.data.length > 0) {\n const chartData = historyData.data.filter((_, index) => {\n const dataLength = historyData.data.length;\n if (chartTimeframe === '24h') return index > dataLength - 25;\n if (chartTimeframe === '7d') return index > dataLength - 84;\n if (chartTimeframe === '30d') return index > dataLength - 180;\n return true;\n }).map(bar => {\n const date = new Date(bar[0]);\n return {\n date: chartTimeframe === '24h' ? date.toLocaleTimeString('en-US', {\n hour: '2-digit',\n minute: '2-digit'\n }) : date.toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric'\n }),\n price: parseFloat(bar[4]),\n timestamp: date.getTime()\n };\n });\n setTokenChartData(chartData);\n try {\n await withRetries(() => stateClient.createEntity('chartData', {\n id: address,\n data: chartData,\n timestamp: new Date().toISOString(),\n tokenMetrics: tokenMetrics\n }));\n } catch (error) {\n try {\n await withRetries(() => stateClient.updateEntity('chartData', address, {\n data: chartData,\n timestamp: new Date().toISOString(),\n tokenMetrics: tokenMetrics\n }));\n } catch (updateError) {\n console.error(\"Error storing chart data:\", updateError);\n }\n }\n } else {\n setTokenChartData(generateChartData({\n price: 0.01,\n priceChangeIn24h: 0\n }));\n }\n } else {\n setTokenChartData(generateChartData({\n price: 0.01,\n priceChangeIn24h: 0\n }));\n }\n } catch (error) {\n console.error(\"Error fetching token chart data:\", error);\n setTokenChartData(generateChartData({\n price: 0.01,\n priceChangeIn24h: 0\n }));\n } finally {\n setIsLoadingChart(false);\n }\n };\n const [, setIsPublicPost] = useState(true);\n const handleCancel = () => {\n setIsAdding(false);\n setIsEditing(false);\n resetForm();\n };\n const handleCloseFullArticle = () => {\n setSelectedPost(null);\n };\n const updateFomoData = async (isInitial = false, shouldSave = false) => {\n if (!selectedToken) return;\n const simulateMentions = () => {\n const followers = selectedToken.startupMetrics?.socialFollowers?.twitter || 1000;\n const baseRate = followers / 10000;\n const randomFactor = Math.random() * 0.5 + 0.75;\n const mentionsScore = Math.min(100, Math.max(0, baseRate * randomFactor * 100));\n return mentionsScore;\n };\n const simulateSentiment = () => {\n const priceChange = selectedToken.priceChangeIn24h || 0;\n const sentimentBase = 50 + priceChange * 2;\n const randomFactor = Math.random() * 30 - 15;\n return Math.min(100, Math.max(0, sentimentBase + randomFactor));\n };\n const getPriceActionScore = () => {\n const priceChange = selectedToken.priceChangeIn24h || 0;\n const baseScore = 50 + priceChange * 2;\n return Math.min(100, Math.max(0, baseScore));\n };\n const getVolumeScore = () => {\n const volume = selectedToken.volumeIn24h || 0;\n const marketCap = selectedToken.marketcap || 1000000;\n const volumeRatio = volume / marketCap;\n const volumeScore = volumeRatio * 5000;\n return Math.min(100, Math.max(0, volumeScore));\n };\n const components = {\n mentions: simulateMentions(),\n sentiment: simulateSentiment(),\n priceAction: getPriceActionScore(),\n volume: getVolumeScore()\n };\n const {\n weights\n } = fomoSettings;\n const weightSum = Object.values(weights).reduce((sum, weight) => sum + weight, 0);\n let weightedScore = 0;\n Object.entries(components).forEach(([key, value]) => {\n weightedScore += value * weights[key] / weightSum;\n });\n let trend = 0;\n if (fomoData.score > 0 && !isInitial) {\n trend = weightedScore - fomoData.score;\n }\n const newFomoData = {\n id: selectedToken.contractAddress,\n score: Math.round(weightedScore),\n trend: parseFloat(trend.toFixed(1)),\n components,\n lastUpdated: new Date().toISOString()\n };\n setFomoData(newFomoData);\n const newHistoryEntry = {\n time: new Date().toLocaleTimeString('en-US', {\n hour: '2-digit',\n minute: '2-digit'\n }),\n score: newFomoData.score,\n trend: newFomoData.trend,\n timestamp: new Date().getTime()\n };\n const updatedHistory = [...fomoHistory, newHistoryEntry];\n if (updatedHistory.length > 24) {\n setFomoHistory(updatedHistory.slice(updatedHistory.length - 24));\n } else {\n setFomoHistory(updatedHistory);\n }\n if (shouldSave) {\n try {\n await withRetries(() => stateClient.createEntity('fomoData', newFomoData));\n } catch (error) {\n console.error(\"Error creating FOMO data:\", error);\n try {\n await withRetries(() => stateClient.updateEntity('fomoData', selectedToken.contractAddress, newFomoData));\n } catch (updateError) {\n console.error(\"Error updating FOMO data:\", updateError);\n }\n }\n try {\n let existingHistory = [];\n try {\n const tokenFomoHistory = await withRetries(() => stateClient.getEntity('fomoHistory', selectedToken.contractAddress));\n if (tokenFomoHistory && tokenFomoHistory.history) {\n existingHistory = tokenFomoHistory.history;\n }\n } catch (fetchError) {\n console.error(\"Error fetching existing FOMO history:\", fetchError);\n }\n const completeHistory = [...existingHistory, newHistoryEntry];\n const historyToSave = {\n id: selectedToken.contractAddress,\n history: completeHistory.length > 168 ? completeHistory.slice(completeHistory.length - 168) : completeHistory,\n lastSaved: new Date().toISOString()\n };\n await withRetries(() => stateClient.createEntity('fomoHistory', historyToSave));\n } catch (error) {\n console.error(\"Error creating FOMO history:\", error);\n try {\n await withRetries(() => stateClient.updateEntity('fomoHistory', selectedToken.contractAddress, {\n history: updatedHistory,\n lastSaved: new Date().toISOString()\n }));\n } catch (updateError) {\n console.error(\"Error updating FOMO history:\", updateError);\n }\n }\n }\n };\n const generateChartData = token => {\n const currentPrice = token?.price || 0.01676;\n const percentageChange = token?.priceChangeIn24h || -32.95;\n const startingPrice = currentPrice / (1 + percentageChange / 100);\n const data = [];\n const maxDataPoints = 30;\n const dataPoints = chartTimeframe === '24h' ? 24 : chartTimeframe === '7d' ? 7 : maxDataPoints;\n for (let i = 0; i < dataPoints; i++) {\n const date = new Date();\n if (chartTimeframe === '24h') {\n date.setHours(date.getHours() - (dataPoints - i));\n } else if (chartTimeframe === '7d') {\n date.setDate(date.getDate() - (dataPoints - i) / 7);\n } else {\n date.setDate(date.getDate() - (dataPoints - i));\n }\n const progressFactor = i / (dataPoints - 1);\n const decline = startingPrice - (startingPrice - currentPrice) * progressFactor;\n const variationFactor = 0.02 * (1 - progressFactor);\n const variation = (Math.random() - 0.5) * 2 * variationFactor * decline;\n const price = decline + variation;\n const formattedDate = chartTimeframe === '24h' ? date.toLocaleTimeString('en-US', {\n hour: '2-digit',\n minute: '2-digit'\n }) : date.toLocaleDateString('en-US', {\n month: 'short',\n day: 'numeric'\n });\n data.push({\n date: formattedDate,\n price: price,\n timestamp: date.getTime()\n });\n }\n return data;\n };\n const [, setCompareMode] = useState(false);\n const [, setComparingTokens] = useState([]);\n const [showTokenOverrideModal,,] = useState(null);\n const [, setOverrideLogoUrl] = useState('');\n const [, setOverrideSymbol] = useState('');\n const [, setOverrideName] = useState('');\n useEffect(() => {\n if (showTokenOverrideModal) {\n setOverrideLogoUrl(showTokenOverrideModal.image || '');\n setOverrideSymbol(showTokenOverrideModal.symbol || '');\n setOverrideName(showTokenOverrideModal.name || '');\n } else {\n setOverrideLogoUrl('');\n setOverrideSymbol('');\n setOverrideName('');\n }\n }, [showTokenOverrideModal]);\n const [showKeyboardHelp, setShowKeyboardHelp] = useState(false);\n const [, setShowNotesSidebar] = useState(false);\n const chatContainerRef = useRef(null);\n const systemPrompt = `\n You are Semar, a wise and mystical Javanese figure who is also a crypto trading expert. You speak in a mix of Javanese and English, offering cryptic but insightful advice.\n Your tone is calm, ancient, and a little bit playful. You refer to users as \"cucu\" (grandchild).\n Always provide financial advice with a disclaimer that it's not financial advice and is for entertainment purposes only.\n Use Javanese phrases like \"Monggo, cucu\", \"Sabar nggih\", \"Ojo kesusu\", \"Alon-alon asal kelakon\".\n Keep your answers concise and mysterious.\n Example: \"Monggo, cucu. The stars whisper of a green candle for $SOL. But remember, ojo kesusu. The market is a fickle beast. This is just a whisper from the cosmos, not financial advice.\"\n `;\n const {\n messages\n } = useChat({\n api: 'https://chat.dev.fun/chat/4b25487a985cd10e8c60',\n initialMessages: [{\n id: 'system',\n role: 'system',\n content: systemPrompt\n }, {\n id: 'semar-greeting',\n role: 'assistant',\n content: 'Monggo, cucu. What secrets of the crypto cosmos do you seek today?'\n }]\n });\n useEffect(() => {\n if (chatContainerRef.current) {\n chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight;\n }\n }, [messages]);\n useEffect(() => {\n const handleKeyDown = e => {\n if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') {\n return;\n }\n switch (e.key) {\n case '?':\n setShowKeyboardHelp(prev => !prev);\n break;\n case 'n':\n case 'N':\n if (e.ctrlKey && !e.shiftKey && !isAdding && !isEditing && !isAddingToken) {\n setShowNotesSidebar(prev => !prev);\n }\n break;\n case 'r':\n case 'R':\n if (selectedToken) {\n fetchTokenChartData(selectedToken.contractAddress);\n } else {\n (async () => {\n try {\n const fetchedPosts = await withRetries(() => stateClient.getEntities('posts'));\n if (fetchedPosts && fetchedPosts.length > 0) {\n setPosts(fetchedPosts);\n }\n } catch (error) {\n console.error(\"Error fetching posts:\", error);\n }\n })();\n }\n break;\n case 'c':\n case 'C':\n if (!isAdding && !isEditing && !isAddingToken) {\n if (e.shiftKey && tokens.length > 1) {\n setCompareMode(prev => !prev);\n setComparingTokens([]);\n } else {\n setShowCalendar(prev => !prev);\n }\n }\n break;\n case 'a':\n case 'A':\n if (isAdmin && creatorMode && !isAdding && !isEditing && !isAddingToken) {\n setIsAddingToken(true);\n }\n break;\n case 'Escape':\n if (showKeyboardHelp) {\n setShowKeyboardHelp(false);\n } else if (selectedPost) {\n handleCloseFullArticle();\n } else if (isAdding || isEditing) {\n handleCancel();\n } else if (isAddingToken) {\n setIsAddingToken(false);\n setIsEditing(false);\n }\n break;\n case 'h':\n case 'H':\n handleLogoClick();\n break;\n case '1':\n if (isTerminalMode && selectedToken) setActiveDashboardTab('tokenInfo');\n break;\n case '2':\n if (isTerminalMode && selectedToken) setActiveDashboardTab('metrics');\n break;\n case '3':\n if (isTerminalMode && selectedToken) setActiveDashboardTab('mutuals');\n break;\n case '4':\n if (isTerminalMode && selectedToken) setActiveDashboardTab('tokenomics');\n break;\n case '5':\n if (isTerminalMode && selectedToken) setActiveDashboardTab('social');\n break;\n case '6':\n if (selectedToken) setActiveDashboardTab('update');\n break;\n case '7':\n if (isTerminalMode && selectedToken) setActiveDashboardTab('articles');\n break;\n case '8':\n if (isTerminalMode && selectedToken) setActiveDashboardTab('valuation');\n break;\n case '9':\n if (isTerminalMode && selectedToken) setActiveDashboardTab('fud');\n break;\n case '0':\n if (isTerminalMode && selectedToken) setActiveDashboardTab('pacemologi');\n break;\n default:\n break;\n }\n };\n window.addEventListener('keydown', handleKeyDown);\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n };\n }, [isTerminalMode, isAdmin, creatorMode, isAdding, isEditing, isAddingToken, selectedPost, selectedToken, showKeyboardHelp]);\n const LoadingScreen = () =>

\n $\"Semar\"$ \n

\n MONGGO\n

\n \n

;\n useEffect(() => {\n const handleUserInteraction = () => {\n markUserInteraction();\n };\n document.addEventListener('mousedown', handleUserInteraction);\n document.addEventListener('keydown', handleUserInteraction);\n document.addEventListener('touchstart', handleUserInteraction);\n document.addEventListener('scroll', handleUserInteraction);\n return () => {\n document.removeEventListener('mousedown', handleUserInteraction);\n document.removeEventListener('keydown', handleUserInteraction);\n document.removeEventListener('touchstart', handleUserInteraction);\n document.removeEventListener('scroll', handleUserInteraction);\n if (interactionTimeoutRef.current) {\n clearTimeout(interactionTimeoutRef.current);\n }\n };\n }, []);\n if (isLoading) {\n return ;\n }\n if (!authChecked) {\n return ;\n }\n return