[{"_1":2,"_171":-5,"_172":-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":27,"_28":27,"_29":30,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_45":46,"_5":47,"_59":60,"_61":62,"_63":44,"_64":65,"_66":62,"_67":44,"_68":44,"_69":44,"_70":62,"_71":62,"_72":17,"_73":27,"_74":-5,"_75":76,"_77":78,"_79":80,"_113":-5,"_114":-5,"_115":27,"_116":117,"_160":34,"_161":162,"_163":27,"_164":165},"id","047578b238dbfe527d79","isMyApp",false,"projectId","034c1fe4-5624-4ccf-9f5d-132b0a24afd4","name","fudfi","description","The unholy marriage of 4chan's anonymous chaos and Web3's betting degeneracy! Post FUD, share alpha, and bet on which projects will rug - all while your wallet does the talking. Green text for maximum cope, betting pools for maximum hopium, and leaderboards for maximum autism.","brief","Anonymous crypto imageboard where anons bet on rugs and farm upvotes for glory","isLive",true,"isPublic","tags",[31,32],"🔥","👑","cover","https://cdn.dev.fun/snapshot/047578b238dbfe527d79/103758_297b633c.webp","cdnUrl","https://cdn.dev.fun/app/047578b238dbfe527d79/103758","createdAt",["D",1756653355527],"updatedAt",["D",1757947907519],"lastCommitId",["B","103758"],"tier",1,"credits",4,{"_14":48,"_49":50,"_51":50,"_52":53,"_54":50,"_55":56,"_57":58},"e1a516b0-7d90-46da-8eeb-58f649cd9eda","uniqueId","fortuneofweb3","username","solanaWallet","DtdnqvRddQspZvRV5SJX2DeqxmLYef7Hqn9LFK9LioJS","displayName","bio","","avatar","https://cdn.dev.fun/avatar/e1a516b0-7d90-46da-8eeb-58f649cd9eda/842e7d93.webp","commitCount",534,"forkCount",0,"likeCount","runsCount",53,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","code","import { useState, useEffect, useMemo } from 'react';\nimport { useDevapp, UserButton, DevappProvider } from '@devfunlabs/web-sdk';\nimport { TrendingUp, X, Search, ArrowUp } from 'lucide-react';\nimport { BrowserRouter, Routes, Route, Link, useParams, useLocation, Navigate, useNavigate } from 'react-router-dom';\nimport { motion, AnimatePresence } from 'framer-motion';\nconst UpvoteArrow = ({\n className,\n style,\n isSelected,\n ...props\n}) => ;\nconst DownvoteArrow = ({\n className,\n style,\n isSelected,\n ...props\n}) => ;\nconst Modal = ({\n isOpen,\n onClose,\n title,\n children\n}) => {\n useEffect(() => {\n const handleEsc = event => {\n if (event.keyCode === 27) {\n onClose();\n }\n };\n window.addEventListener('keydown', handleEsc);\n return () => {\n window.removeEventListener('keydown', handleEsc);\n };\n }, [onClose]);\n return \n {isOpen && \n e.stopPropagation()} style={{\n backgroundColor: 'rgba(25, 30, 40, 0.95)',\n border: '1.1px solid rgba(200, 200, 200, 0.3)'\n }} className=\"w-full max-w-lg overflow-hidden\">\n

{title}

\n \n

{children}

\n \n }\n ;\n};\nconst NotificationPopup = ({\n notification,\n onClose\n}) => {\n useEffect(() => {\n if (notification?.autoClose) {\n const timer = setTimeout(() => {\n onClose();\n }, notification.duration || 5000);\n return () => clearTimeout(timer);\n }\n }, [notification, onClose]);\n if (!notification) return null;\n const getNotificationStyle = type => {\n switch (type) {\n case 'error':\n return {\n borderColor: 'rgba(255, 255, 255, 0.5)',\n textColor: '#ffffff'\n };\n case 'success':\n return {\n borderColor: 'rgba(200, 200, 200, 0.3)',\n textColor: '#ffffff'\n };\n case 'warning':\n return {\n borderColor: 'rgba(255, 193, 7, 0.2)',\n textColor: '#FFC107'\n };\n default:\n return {\n borderColor: 'rgba(255, 255, 255, 0.2)',\n textColor: '#ffffff'\n };\n }\n };\n const style = getNotificationStyle(notification.type);\n return \n \n

\n [{notification.title}]\n

\n {notification.message}\n

\n {notification.action && }\n

\n \n

\n \n ;\n};\nexport default function AppWithProvider() {\n return \n \n \n \n ;\n}\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const location = useLocation();\n const navigate = useNavigate();\n const [posts, setPosts] = useState([]);\n const [boards, setBoards] = useState([]);\n const [activeBets, setActiveBets] = useState([]);\n const [postsPage, setPostsPage] = useState(1);\n const [hasMorePosts, setHasMorePosts] = useState(true);\n const [loadingPosts, setLoadingPosts] = useState(false);\n const [newPost, setNewPost] = useState('');\n const [selectedBoard, setSelectedBoard] = useState('');\n const [loading, setLoading] = useState(false);\n const [userStats, setUserStats] = useState(null);\n const [isPostingOpen, setIsPostingOpen] = useState(false);\n const [isReplyingOpen, setIsReplyingOpen] = useState(false);\n const [replyingToPost, setReplyingToPost] = useState(null);\n const [headerSearchInput, setHeaderSearchInput] = useState('');\n const [connectionStatus, setConnectionStatus] = useState('connecting');\n const [notification, setNotification] = useState(null);\n const [userBetVotes, setUserBetVotes] = useState({});\n const [userPostVotes, setUserPostVotes] = useState({});\n const [pendingVotes, setPendingVotes] = useState({});\n const [optimisticVoteCounts, setOptimisticVoteCounts] = useState({});\n const [highlightedPostId, setHighlightedPostId] = useState(null);\n const [tokenData, setTokenData] = useState({});\n const [credibilityScores, setCredibilityScores] = useState({});\n useEffect(() => {\n if (highlightedPostId) {\n const timer = setTimeout(() => setHighlightedPostId(null), 1500);\n return () => clearTimeout(timer);\n }\n }, [highlightedPostId]);\n useEffect(() => {\n const processPendingVotes = async () => {\n if (!devbaseClient || Object.keys(pendingVotes).length === 0) return;\n const votesToProcess = {\n ...pendingVotes\n };\n setPendingVotes({});\n for (const [postId, voteValue] of Object.entries(votesToProcess)) {\n try {\n const existingVotes = await devbaseClient.listEntities('votes', {\n postId,\n userId: userWallet\n });\n for (const vote of existingVotes) {\n await devbaseClient.deleteEntity('votes', vote.id);\n }\n if (voteValue !== 0) {\n await devbaseClient.createEntity('votes', {\n postId,\n userId: userWallet,\n value: voteValue\n });\n }\n } catch (error) {\n console.error('Error processing pending vote:', error);\n setUserPostVotes(prev => {\n if (voteValue === 0) {\n const updated = {\n ...prev\n };\n delete updated[postId];\n return updated;\n }\n return {\n ...prev,\n [postId]: voteValue\n };\n });\n setOptimisticVoteCounts(prev => {\n const updated = {\n ...prev\n };\n delete updated[postId];\n return updated;\n });\n }\n }\n if (Object.keys(votesToProcess).length > 0) {\n await loadPosts();\n await loadUserStats();\n await loadUserPostVotes();\n }\n };\n const interval = setInterval(processPendingVotes, 5000);\n return () => clearInterval(interval);\n }, [pendingVotes, devbaseClient, userWallet]);\n useEffect(() => {\n if (devbaseClient) {\n loadData();\n }\n }, [devbaseClient]);\n useEffect(() => {\n if (userWallet && devbaseClient) {\n const timeoutId = setTimeout(async () => {\n try {\n await ensureUserExists();\n await loadUserStats();\n await loadUserBetVotes();\n await loadUserPostVotes();\n } catch (error) {\n console.error('Error initializing user data:', error);\n showNotification('Connection Issue', 'Some data may not load properly. Try refreshing the page.', 'warning');\n }\n }, 100);\n return () => clearTimeout(timeoutId);\n }\n }, [userWallet, devbaseClient]);\n useEffect(() => {\n if (location.pathname === '/profile' && userWallet && devbaseClient) {\n loadUserStats();\n }\n }, [location.pathname, userWallet, devbaseClient]);\n const showNotification = (title, message, type = 'info', autoClose = true, action = null) => {\n setNotification({\n title,\n message,\n type,\n autoClose,\n duration: 5000,\n action\n });\n };\n const closeNotification = () => {\n setNotification(null);\n };\n const ensureUserExists = async (retryCount = 0) => {\n if (!devbaseClient || !userWallet) return;\n try {\n const existingUsers = await devbaseClient.listEntities('users', {\n walletAddress: userWallet\n });\n if (existingUsers.length === 0) {\n await devbaseClient.createEntity('users', {\n walletAddress: userWallet\n });\n }\n } catch (error) {\n console.error('Error ensuring user exists:', error);\n if (retryCount < 2) {\n setTimeout(() => ensureUserExists(retryCount + 1), 1000 * (retryCount + 1));\n } else {\n showNotification('User Setup Failed', 'Unable to initialize user. Some features may not work properly.', 'warning');\n }\n }\n };\n const loadData = async (retryCount = 0) => {\n if (!devbaseClient) {\n setConnectionStatus('disconnected');\n return;\n }\n try {\n setLoading(true);\n setConnectionStatus('connected');\n const fetchWithTimeout = (promise, timeout = 10000) => {\n return Promise.race([promise, new Promise((_, reject) => setTimeout(() => reject(new Error('Request timeout')), timeout))]);\n };\n const boardsData = await fetchWithTimeout(devbaseClient.listEntities('boards')).catch(() => []);\n setBoards(boardsData.sort((a, b) => a.name.localeCompare(b.name)));\n await loadPosts(1);\n await loadBets();\n } catch (error) {\n console.error('Error loading data:', error);\n if (retryCount < 2) {\n setConnectionStatus('connecting');\n setTimeout(() => loadData(retryCount + 1), 2000 * (retryCount + 1));\n } else {\n setConnectionStatus('error');\n showNotification('Connection Error', 'Unable to load data. Please check your connection and refresh the page.', 'error');\n }\n } finally {\n setLoading(false);\n }\n };\n const buildNestedReplies = (posts, parentId = null) => {\n const directReplies = posts.filter(post => post.parentId === parentId);\n return directReplies.map(reply => ({\n ...reply,\n replies: buildNestedReplies(posts, reply.id)\n }));\n };\n const countAllReplies = replies => {\n let count = replies.length;\n replies.forEach(reply => {\n count += countAllReplies(reply.replies || []);\n });\n return count;\n };\n const loadPosts = async (page = 1) => {\n if (!devbaseClient) return;\n try {\n setLoadingPosts(true);\n const {\n entities: allPosts\n } = await devbaseClient.paginateEntities('posts', {}, {\n pageSize: 100,\n currentPage: 1\n });\n const originalPosts = allPosts.filter(post => !post.parentId);\n const allVotes = await devbaseClient.listEntities('votes');\n const votesByPostId = {};\n allVotes.forEach(vote => {\n if (!votesByPostId[vote.postId]) {\n votesByPostId[vote.postId] = [];\n }\n votesByPostId[vote.postId].push(vote);\n });\n const fetchWithTimeout = (promise, timeout = 10000) => {\n return Promise.race([promise, new Promise((_, reject) => setTimeout(() => reject(new Error('Request timeout')), timeout))]);\n };\n const allUserIds = [...new Set(allPosts.map(post => post.userId))];\n const userStatsMap = {};\n const credibilityMap = {};\n for (const userId of allUserIds) {\n const userPosts = allPosts.filter(post => post.userId === userId);\n let totalUserVotes = 0;\n for (const userPost of userPosts) {\n const votes = await fetchWithTimeout(devbaseClient.listEntities('votes', {\n postId: userPost.id\n }));\n const voteCount = votes.reduce((sum, vote) => sum + (vote.value !== undefined ? vote.value : 1), 0);\n totalUserVotes += voteCount;\n }\n userStatsMap[userId] = totalUserVotes;\n if (userId && !credibilityScores[userId]) {\n try {\n if (devbaseClient && typeof devbaseClient.evalString === 'function') {\n const credScore = await devbaseClient.evalString(`$FUNC_CALCULATE_CREDIBILITY_SCORE(\"${userId}\")`);\n credibilityMap[userId] = credScore || 0;\n } else {\n credibilityMap[userId] = 0;\n }\n } catch (error) {\n console.error('Error loading credibility for user:', userId, error);\n credibilityMap[userId] = 0;\n }\n }\n }\n setCredibilityScores(prev => ({\n ...prev,\n ...credibilityMap\n }));\n const tokenDataMap = {};\n for (const post of allPosts) {\n if (post.detectedTokenSymbol && post.tokenInfoSnapshot && post.priceAtPost) {\n try {\n let currentPrice = null;\n if (devbaseClient && typeof devbaseClient.evalString === 'function') {\n currentPrice = await devbaseClient.evalString(`$FUNC_GET_CURRENT_TOKEN_PRICE(\"${post.detectedTokenSymbol}\")`);\n }\n const priceChange = currentPrice && post.priceAtPost ? (currentPrice - post.priceAtPost) / post.priceAtPost * 100 : null;\n tokenDataMap[post.id] = {\n symbol: post.detectedTokenSymbol,\n tokenInfo: JSON.parse(post.tokenInfoSnapshot),\n priceAtPost: post.priceAtPost,\n currentPrice: currentPrice,\n priceChange: priceChange\n };\n } catch (error) {\n console.error('Error processing token data for post:', post.id, error);\n }\n }\n }\n setTokenData(prev => ({\n ...prev,\n ...tokenDataMap\n }));\n const postsWithVotes = allPosts.map(post => {\n const postVotes = votesByPostId[post.id] || [];\n const baseVoteCount = postVotes.reduce((sum, vote) => sum + (vote.value !== undefined ? vote.value : 1), 0);\n const optimisticAdjustment = optimisticVoteCounts[post.id] || 0;\n const voteCount = baseVoteCount + optimisticAdjustment;\n return {\n ...post,\n voteCount: voteCount,\n authorTotalVotes: userStatsMap[post.userId] || 0,\n credibilityScore: credibilityMap[post.userId] || 0\n };\n });\n const postsWithNestedReplies = originalPosts.map(post => {\n const postVotes = votesByPostId[post.id] || [];\n const baseVoteCount = postVotes.reduce((sum, vote) => sum + (vote.value !== undefined ? vote.value : 1), 0);\n const optimisticAdjustment = optimisticVoteCounts[post.id] || 0;\n const voteCount = baseVoteCount + optimisticAdjustment;\n const nestedReplies = buildNestedReplies(postsWithVotes, post.id);\n const totalReplyCount = countAllReplies(nestedReplies);\n return {\n ...post,\n voteCount: voteCount,\n authorTotalVotes: userStatsMap[post.userId] || 0,\n credibilityScore: credibilityMap[post.userId] || 0,\n replies: nestedReplies.sort((a, b) => a.createdAt - b.createdAt),\n replyCount: totalReplyCount\n };\n });\n const sortedPosts = postsWithNestedReplies.sort((a, b) => b.createdAt - a.createdAt);\n if (page === 1) {\n setPosts(sortedPosts);\n } else {\n setPosts(prev => [...prev, ...sortedPosts]);\n }\n setHasMorePosts(originalPosts.length === 20);\n setPostsPage(page);\n } catch (error) {\n console.error('Error loading posts:', error);\n } finally {\n setLoadingPosts(false);\n }\n };\n const loadBets = async () => {\n if (!devbaseClient) return;\n try {\n const betsData = await devbaseClient.listEntities('bets');\n setActiveBets(betsData.filter(bet => bet.status === 'active'));\n } catch (error) {\n console.error('Error loading bets:', error);\n setActiveBets([]);\n }\n };\n const loadUserStats = async (retryCount = 0) => {\n if (!devbaseClient || !userWallet) return;\n try {\n const fetchWithTimeout = (promise, timeout = 10000) => {\n return Promise.race([promise, new Promise((_, reject) => setTimeout(() => reject(new Error('Request timeout')), timeout))]);\n };\n const userPosts = await fetchWithTimeout(devbaseClient.listEntities('posts', {\n userId: userWallet\n }));\n let totalVotes = 0;\n const votePromises = userPosts.map(post => fetchWithTimeout(devbaseClient.listEntities('votes', {\n postId: post.id\n })));\n const allVotesResults = await Promise.allSettled(votePromises);\n allVotesResults.forEach(result => {\n if (result.status === 'fulfilled') {\n const voteCount = result.value.reduce((sum, vote) => sum + (vote.value || 1), 0);\n totalVotes += voteCount;\n }\n });\n let userCredibilityScore = 0;\n try {\n if (devbaseClient && typeof devbaseClient.evalString === 'function') {\n userCredibilityScore = await devbaseClient.evalString(`$FUNC_CALCULATE_CREDIBILITY_SCORE(\"${userWallet}\")`);\n }\n } catch (error) {\n console.error('Error loading user credibility:', error);\n }\n const sortedRecentPosts = userPosts.sort((a, b) => b.createdAt - a.createdAt).slice(0, 5);\n const [userBetVotesData, activeBetsData] = await Promise.allSettled([fetchWithTimeout(devbaseClient.listEntities('bet_votes', {\n userId: userWallet\n })), fetchWithTimeout(devbaseClient.listEntities('bets', {\n status: 'active'\n }))]);\n const userBetVotes = userBetVotesData.status === 'fulfilled' ? userBetVotesData.value : [];\n const activeBets = activeBetsData.status === 'fulfilled' ? activeBetsData.value : [];\n const userActiveBets = userBetVotes.filter(vote => activeBets.some(bet => bet.id === vote.betId));\n const recentBetActivity = userBetVotes.slice(-5).reverse().map(betVote => ({\n ...betVote,\n betTitle: 'Recent Bet',\n betStatus: 'unknown'\n }));\n setUserStats({\n postCount: userPosts.length,\n totalUpvotes: totalVotes,\n credibilityScore: userCredibilityScore,\n recentPosts: sortedRecentPosts,\n totalBets: userBetVotes.length,\n activeBets: userActiveBets.length,\n recentBetActivity: recentBetActivity\n });\n } catch (error) {\n console.error('Error loading user stats:', error);\n if (retryCount < 2) {\n setTimeout(() => loadUserStats(retryCount + 1), 2000 * (retryCount + 1));\n } else {\n setUserStats({\n postCount: 0,\n totalUpvotes: 0,\n credibilityScore: 0,\n recentPosts: [],\n totalBets: 0,\n activeBets: 0,\n recentBetActivity: []\n });\n showNotification('Stats Loading Failed', 'Unable to load user statistics. Try refreshing the page.', 'warning');\n }\n }\n };\n const loadUserBetVotes = async (retryCount = 0) => {\n if (!devbaseClient || !userWallet) return;\n try {\n const userVotes = await Promise.race([devbaseClient.listEntities('bet_votes', {\n userId: userWallet\n }), new Promise((_, reject) => setTimeout(() => reject(new Error('Request timeout')), 8000))]);\n const votesMap = {};\n userVotes.forEach(vote => {\n votesMap[vote.betId] = vote.vote;\n });\n setUserBetVotes(votesMap);\n } catch (error) {\n console.error('Error loading user bet votes:', error);\n if (retryCount < 1) {\n setTimeout(() => loadUserBetVotes(retryCount + 1), 1500);\n } else {\n setUserBetVotes({});\n }\n }\n };\n const loadUserPostVotes = async (retryCount = 0) => {\n if (!devbaseClient || !userWallet) return;\n try {\n const userVotes = await Promise.race([devbaseClient.listEntities('votes', {\n userId: userWallet\n }), new Promise((_, reject) => setTimeout(() => reject(new Error('Request timeout')), 8000))]);\n const votesMap = {};\n userVotes.forEach(vote => {\n votesMap[vote.postId] = vote.value !== undefined ? vote.value : 1;\n });\n setUserPostVotes(votesMap);\n } catch (error) {\n console.error('Error loading user post votes:', error);\n if (retryCount < 1) {\n setTimeout(() => loadUserPostVotes(retryCount + 1), 1500);\n } else {\n setUserPostVotes({});\n }\n }\n };\n const formatText = text => {\n const lines = text.split('\\n');\n return lines.map((line, index) => {\n if (line.startsWith('>')) {\n return

\n {formatTickersInText(line)}\n

;\n } else if (line.startsWith('/')) {\n return

\n {formatTickersInText(line)}\n

;\n } else {\n const urlRegex = /(https?:\\/\\/[^\\s]+|www\\.[^\\s]+)/g;\n const replyRegex = /(>>(\\w{6}))/g;\n let processedLine = line.replace(replyRegex, (match, fullMatch, postNum) => {\n return `${fullMatch}`;\n });\n const urlMatches = [...processedLine.matchAll(urlRegex)];\n if (urlMatches.length > 0) {\n const parts = [];\n let lastIndex = 0;\n urlMatches.forEach(match => {\n if (match.index > lastIndex) {\n parts.push(processedLine.slice(lastIndex, match.index));\n }\n parts.push(match[0]);\n lastIndex = match.index + match[0].length;\n });\n if (lastIndex < processedLine.length) {\n parts.push(processedLine.slice(lastIndex));\n }\n return

\n {parts.map((part, i) => {\n if (urlRegex.test(part)) {\n const href = part.startsWith('http') ? part : `https://${part}`;\n return \n {part}\n ;\n } else if (part.includes('class=\"reply-link\"')) {\n return ;\n } else {\n return {formatTickersInText(part)};\n }\n })}\n

;\n } else {\n return

\n {processedLine.includes('class=\"reply-link\"') ? : formatTickersInText(processedLine)}\n

;\n }\n }\n });\n };\n const getAllRepliesFlat = replies => {\n let flat = [];\n replies.forEach(reply => {\n flat.push(reply);\n if (reply.replies && reply.replies.length > 0) {\n flat = flat.concat(getAllRepliesFlat(reply.replies));\n }\n });\n return flat;\n };\n const formatTextWithHover = (text, allPosts, originalPost) => {\n const lines = text.split('\\n');\n return lines.map((line, index) => {\n const replyRegex = /(>>(\\w{6}))/g;\n const hasReplyReference = replyRegex.test(line);\n if (hasReplyReference) {\n const urlRegex = /(https?:\\/\\/[^\\s]+|www\\.[^\\s]+)/g;\n const replyRegexForProcessing = /(>>(\\w{6}))/g;\n const parts = [];\n let lastIndex = 0;\n let match;\n while ((match = replyRegexForProcessing.exec(line)) !== null) {\n if (match.index > lastIndex) {\n const beforeText = line.slice(lastIndex, match.index);\n if (beforeText.startsWith('>') && beforeText !== '>') {\n parts.push({\n type: 'greentext',\n content: beforeText\n });\n } else {\n parts.push({\n type: 'text',\n content: beforeText\n });\n }\n }\n parts.push({\n type: 'reply',\n content: match[0],\n postId: match[2]\n });\n lastIndex = match.index + match[0].length;\n }\n if (lastIndex < line.length) {\n const afterText = line.slice(lastIndex);\n parts.push({\n type: 'text',\n content: afterText\n });\n }\n if (parts.length === 0) {\n parts.push({\n type: 'text',\n content: line\n });\n }\n return

\n {parts.map((part, i) => {\n if (part.type === 'reply') {\n const referencedPost = findPostByShortId(allPosts, part.postId);\n const isOP = originalPost && referencedPost && referencedPost.id === originalPost.id;\n return ;\n } else if (part.type === 'greentext') {\n return {formatTickersInText(part.content)};\n } else {\n const urlMatches = [...part.content.matchAll(urlRegex)];\n if (urlMatches.length > 0) {\n const urlParts = [];\n let urlLastIndex = 0;\n urlMatches.forEach(urlMatch => {\n if (urlMatch.index > urlLastIndex) {\n urlParts.push(part.content.slice(urlLastIndex, urlMatch.index));\n }\n urlParts.push(urlMatch[0]);\n urlLastIndex = urlMatch.index + urlMatch[0].length;\n });\n if (urlLastIndex < part.content.length) {\n urlParts.push(part.content.slice(urlLastIndex));\n }\n return urlParts.map((urlPart, j) => {\n if (urlRegex.test(urlPart)) {\n const href = urlPart.startsWith('http') ? urlPart : `https://${urlPart}`;\n return \n {urlPart}\n ;\n } else {\n return {formatTickersInText(urlPart)};\n }\n });\n } else {\n return formatTickersInText(part.content);\n }\n }\n })}\n

;\n } else if (line.startsWith('>')) {\n return

{formatTickersInText(line)}

;\n } else if (line.startsWith('/')) {\n return

{formatTickersInText(line)}

;\n } else {\n const urlRegex = /(https?:\\/\\/[^\\s]+|www\\.[^\\s]+)/g;\n const parts = [];\n let lastIndex = 0;\n const urlMatches = [...line.matchAll(urlRegex)];\n if (urlMatches.length > 0) {\n urlMatches.forEach(urlMatch => {\n if (urlMatch.index > lastIndex) {\n parts.push({\n type: 'text',\n content: line.slice(lastIndex, urlMatch.index)\n });\n }\n parts.push({\n type: 'url',\n content: urlMatch[0]\n });\n lastIndex = urlMatch.index + urlMatch[0].length;\n });\n if (lastIndex < line.length) {\n parts.push({\n type: 'text',\n content: line.slice(lastIndex)\n });\n }\n } else {\n parts.push({\n type: 'text',\n content: line\n });\n }\n return

\n {parts.map((part, i) => {\n if (part.type === 'reply') {\n const referencedPost = findPostByShortId(allPosts, part.postId);\n const isOP = originalPost && referencedPost && referencedPost.id === originalPost.id;\n return ;\n } else {\n const urlMatches = [...part.content.matchAll(urlRegex)];\n if (urlMatches.length > 0) {\n const urlParts = [];\n let urlLastIndex = 0;\n urlMatches.forEach(urlMatch => {\n if (urlMatch.index > urlLastIndex) {\n urlParts.push(part.content.slice(urlLastIndex, urlMatch.index));\n }\n urlParts.push(urlMatch[0]);\n urlLastIndex = urlMatch.index + urlMatch[0].length;\n });\n if (urlLastIndex < part.content.length) {\n urlParts.push(part.content.slice(urlLastIndex));\n }\n return urlParts.map((urlPart, j) => {\n if (urlRegex.test(urlPart)) {\n const href = urlPart.startsWith('http') ? urlPart : `https://${urlPart}`;\n return \n {urlPart}\n ;\n } else {\n return {formatTickersInText(urlPart)};\n }\n });\n } else {\n return formatTickersInText(part.content);\n }\n }\n })}\n

;\n }\n });\n };\n const formatTickersInText = text => {\n const tickerRegex = /(\\$[A-Z0-9]{2,10})/g;\n const parts = text.split(tickerRegex);\n return parts.map((part, i) => {\n if (tickerRegex.test(part)) {\n return \n {part}\n ;\n }\n return part;\n });\n };\n const findPostByShortId = (allPosts, shortId) => {\n for (const post of allPosts) {\n if (post.id.slice(-6) === shortId) {\n return post;\n }\n if (post.replies) {\n const found = findPostByShortId(post.replies, shortId);\n if (found) return found;\n }\n }\n return null;\n };\n const PostHoverPreview = ({\n postId,\n referencedPost,\n isOP,\n content,\n navigate,\n setHighlightedPostId\n }) => {\n const [showPreview, setShowPreview] = useState(false);\n const [mousePosition, setMousePosition] = useState({\n x: 0,\n y: 0\n });\n const handleMouseEnter = e => {\n setMousePosition({\n x: e.clientX,\n y: e.clientY\n });\n setShowPreview(true);\n };\n const handleMouseLeave = () => {\n setShowPreview(false);\n };\n const handleClick = () => {\n if (!referencedPost) return;\n if (isOP) {\n navigate(`/thread/${referencedPost.id}`);\n } else {\n setHighlightedPostId(referencedPost.id);\n const element = document.getElementById(`post-${referencedPost.id}`);\n if (element) {\n element.scrollIntoView({\n behavior: 'smooth',\n block: 'center'\n });\n }\n }\n };\n const alreadyHasOP = content.includes(' (OP)');\n return <>\n \n {content}{isOP && !alreadyHasOP ? ' (OP)' : ''}\n \n {showPreview && referencedPost &&

\n No.{referencedPost.id.slice(-6)}{isOP ? ' (OP)' : ''}\n

\n {referencedPost.content.slice(0, 200)}{referencedPost.content.length > 200 ? '...' : ''}\n

}\n ;\n };\n const formatWalletId = wallet => {\n if (!wallet) return 'Anonymous';\n return `${wallet.slice(0, 6)}...${wallet.slice(-4)}`;\n };\n const formatUserIdentity = (wallet, upvotes = 0, bettingPoints = 0, credibilityScore = null) => {\n if (!wallet) return 'Anonymous';\n const shortWallet = `${wallet.slice(0, 4)}…${wallet.slice(-3)}`;\n const credScore = credibilityScore !== null ? ` [Cred:${credibilityScore}/100]` : '';\n return `ID:${shortWallet} (▲${upvotes} ◆${bettingPoints})${credScore}`;\n };\n const createPost = async (content, boardId, imageUrl = '', parentId = null) => {\n if (!userWallet) {\n navigate('/profile');\n return;\n }\n if (!devbaseClient || !content.trim()) return;\n if (connectionStatus === 'error' || connectionStatus === 'disconnected') {\n showNotification('Connection Error', 'Unable to post. Please check your internet connection and try again.', 'error');\n return;\n }\n try {\n setLoading(true);\n const postData = {\n content: content.trim(),\n userId: userWallet,\n image: imageUrl\n };\n if (parentId) {\n postData.parentId = parentId;\n const parentPost = posts.find(p => p.id === parentId);\n if (parentPost) {\n postData.boardId = parentPost.boardId;\n }\n } else {\n postData.boardId = boardId || 'general';\n }\n await devbaseClient.createEntity('posts', postData);\n setNewPost('');\n setSelectedBoard('');\n await loadPosts(1);\n await loadUserStats();\n showNotification('Post Created', parentId ? 'Your reply has been posted!' : 'Your post has been successfully created!', 'success');\n } catch (error) {\n console.error('Error creating post:', error);\n showNotification('Post Failed', 'Failed to create post. Please try again.', 'error');\n } finally {\n setLoading(false);\n }\n };\n const votePost = async (postId, action) => {\n if (!userWallet) {\n navigate('/profile');\n return;\n }\n if (!devbaseClient) return;\n if (connectionStatus === 'error' || connectionStatus === 'disconnected') {\n showNotification('Connection Error', 'Unable to vote. Please check your internet connection and try again.', 'error');\n return;\n }\n const currentUserVote = userPostVotes[postId] || 0;\n let newVoteValue = currentUserVote;\n if (action === 'upvote') {\n if (currentUserVote === 1) {\n newVoteValue = 0;\n } else {\n newVoteValue = 1;\n }\n } else if (action === 'downvote') {\n if (currentUserVote === -1) {\n newVoteValue = 0;\n } else {\n newVoteValue = -1;\n }\n }\n const voteDifference = newVoteValue - currentUserVote;\n if (newVoteValue === 0) {\n setUserPostVotes(prev => {\n const updated = {\n ...prev\n };\n delete updated[postId];\n return updated;\n });\n } else {\n setUserPostVotes(prev => ({\n ...prev,\n [postId]: newVoteValue\n }));\n }\n setOptimisticVoteCounts(prev => ({\n ...prev,\n [postId]: (prev[postId] || 0) + voteDifference\n }));\n setPendingVotes(prev => ({\n ...prev,\n [postId]: newVoteValue\n }));\n };\n const placeBetVote = async (betId, vote) => {\n if (!userWallet) {\n navigate('/profile');\n return;\n }\n if (!devbaseClient) return;\n if (connectionStatus === 'error' || connectionStatus === 'disconnected') {\n showNotification('Connection Error', 'Unable to place bet. Please check your internet connection and try again.', 'error');\n return;\n }\n const currentUserVote = userBetVotes[betId];\n try {\n if (currentUserVote === vote) {\n const existingBetVotes = await devbaseClient.listEntities('bet_votes', {\n betId,\n userId: userWallet\n });\n if (existingBetVotes.length > 0) {\n await devbaseClient.deleteEntity('bet_votes', existingBetVotes[0].id);\n }\n setUserBetVotes(prev => {\n const updated = {\n ...prev\n };\n delete updated[betId];\n return updated;\n });\n } else if (!currentUserVote) {\n await devbaseClient.createEntity('bet_votes', {\n betId,\n userId: userWallet,\n vote\n });\n setUserBetVotes(prev => ({\n ...prev,\n [betId]: vote\n }));\n }\n await loadBets();\n } catch (error) {\n console.error('Error updating bet vote:', error);\n showNotification('Bet Vote Failed', 'Failed to record bet vote. Please try again.', 'error');\n }\n };\n const createBoard = async (name, description, contractAddress, image) => {\n if (!devbaseClient || !userWallet) return;\n try {\n const newBoard = await devbaseClient.createEntity('boards', {\n name,\n description,\n contractAddress,\n image,\n userId: userWallet\n });\n setBoards(prevBoards => [...prevBoards, newBoard].sort((a, b) => a.name.localeCompare(b.name)));\n } catch (error) {\n console.error('Error creating board:', error);\n }\n };\n const findPostById = (posts, targetId) => {\n for (const post of posts) {\n if (post.id === targetId) {\n return post;\n }\n if (post.replies && post.replies.length > 0) {\n const found = findPostById(post.replies, targetId);\n if (found) return found;\n }\n }\n return null;\n };\n const startReply = postId => {\n if (!userWallet) {\n navigate('/profile');\n return;\n }\n let post = posts.find(p => p.id === postId);\n if (!post) {\n for (const mainPost of posts) {\n const found = findPostById([mainPost], postId);\n if (found) {\n post = found;\n break;\n }\n }\n }\n let originalPost = post;\n if (post && post.parentId) {\n originalPost = posts.find(p => p.id === post.parentId || !p.parentId && p.id === getOriginalPostId(post, posts));\n if (!originalPost) {\n let currentPost = post;\n while (currentPost && currentPost.parentId) {\n const parentPost = findPostById(posts, currentPost.parentId);\n if (!parentPost) break;\n if (!parentPost.parentId) {\n originalPost = parentPost;\n break;\n }\n currentPost = parentPost;\n }\n }\n }\n const isReplyToOP = originalPost && postId === originalPost.id;\n const replyPrefix = isReplyToOP ? `>>${postId.slice(-6)} (OP)\\n` : `>>${postId.slice(-6)}\\n`;\n setReplyingToPost(post);\n setNewPost(replyPrefix);\n setIsReplyingOpen(true);\n };\n const getOriginalPostId = (post, allPosts) => {\n let current = post;\n while (current && current.parentId) {\n const parent = findPostById(allPosts, current.parentId);\n if (!parent) break;\n current = parent;\n }\n return current ? current.id : post.id;\n };\n const [feedFilter, setFeedFilter] = useState('all');\n const [sortBy, setSortBy] = useState('recent');\n const filteredAndSortedPosts = useMemo(() => {\n let filtered = posts;\n if (feedFilter !== 'all') {\n filtered = posts.filter(post => {\n const board = boards.find(b => b.id === post.boardId);\n return board?.name.toLowerCase().includes(feedFilter.toLowerCase());\n });\n }\n return filtered.sort((a, b) => {\n if (sortBy === 'recent') return b.createdAt - a.createdAt;\n if (sortBy === 'popular') return (b.voteCount || 0) - (a.voteCount || 0);\n if (sortBy === 'controversial') return Math.abs(b.voteCount || 0) - Math.abs(a.voteCount || 0);\n return 0;\n });\n }, [posts, boards, feedFilter, sortBy]);\n const minSwipeDistance = 50;\n const onTouchStart = e => {\n setTouchEnd(null);\n setTouchStart(e.targetTouches[0].clientX);\n };\n const onTouchMove = e => {\n setTouchEnd(e.targetTouches[0].clientX);\n };\n const onTouchEnd = () => {\n if (!touchStart || !touchEnd) return;\n const distance = touchStart - touchEnd;\n const isLeftSwipe = distance > minSwipeDistance;\n const isRightSwipe = distance < -minSwipeDistance;\n if (isLeftSwipe || isRightSwipe) {\n setIsSwipingTabs(true);\n const tabs = ['feed', 'bets', 'stats'];\n const currentIndex = tabs.indexOf(mobileActiveTab);\n if (isLeftSwipe && currentIndex < tabs.length - 1) {\n setMobileActiveTab(tabs[currentIndex + 1]);\n } else if (isRightSwipe && currentIndex > 0) {\n setMobileActiveTab(tabs[currentIndex - 1]);\n }\n setTimeout(() => setIsSwipingTabs(false), 300);\n }\n };\n const NestedReply = ({\n reply,\n onVote,\n originalPost,\n highlightedPostId,\n allThreadPosts\n }) => {\n const highlightStyle = highlightedPostId === reply.id ? {\n background: 'linear-gradient(135deg, rgba(0, 239, 90, 0.08) 0%, rgba(0, 239, 90, 0.04) 50%, rgba(0, 239, 90, 0.08) 100%)',\n boxShadow: `\n 0 0 20px rgba(0, 239, 90, 0.15),\n inset 0 0 20px rgba(0, 239, 90, 0.05),\n 0 4px 15px rgba(0, 0, 0, 0.2)\n `,\n transform: 'scale(1.002)'\n } : {};\n return

\n \n {formatUserIdentity(reply.userId, reply.authorTotalVotes || 0, 0, credibilityScores[reply.userId])}\n \n {\n const threadId = reply.id;\n navigate(`/thread/${threadId}`);\n }} style={{\n color: '#ffffff'\n }} className=\"hover:underline cursor-pointer font-mono hover:text-green-400 transition-colors duration-200\">\n No.{reply.id.slice(-6)}\n \n \n {new Date(reply.createdAt).toLocaleDateString('en-US', {\n month: '2-digit',\n day: '2-digit',\n year: '2-digit'\n })}({new Date(reply.createdAt).toLocaleDateString('en-US', {\n weekday: 'short'\n })}){new Date(reply.createdAt).toLocaleTimeString('en-US', {\n hour12: false,\n hour: '2-digit',\n minute: '2-digit',\n second: '2-digit'\n })}\n \n

\n {reply.image &&

\n File: {reply.image.split('/').pop()}\n

\n $\"Reply$ window.open(reply.image, '_blank')} />\n

}\n

\n {formatTextWithHover(reply.content, allThreadPosts || posts, originalPost)}\n

\n {}\n {tokenData[reply.id] &&

\n \n {tokenData[reply.id].symbol}\n \n {tokenData[reply.id].tokenInfo.name && \n {tokenData[reply.id].tokenInfo.name}\n }\n {tokenData[reply.id].priceChange !== null && = 0 ? '#00ef5a' : '#ff4444',\n fontWeight: 'bold'\n }}>\n {tokenData[reply.id].priceChange >= 0 ? '+' : ''}{tokenData[reply.id].priceChange.toFixed(2)}%\n }\n

}\n

\n userWallet ? onVote(reply.id, 'upvote') : navigate('/profile')} isSelected={userPostVotes[reply.id] === 1} style={{\n cursor: 'pointer'\n }} className=\"w-5 h-5 transition-colors hover:opacity-80\" />\n {reply.voteCount || 0}\n userWallet ? onVote(reply.id, 'downvote') : navigate('/profile')} isSelected={userPostVotes[reply.id] === -1} style={{\n cursor: 'pointer',\n marginTop: '3px'\n }} className=\"w-5 h-5 transition-colors hover:opacity-80\" />\n

\n \n

\n {(isAdmin || reply.userId === userWallet) && }\n

\n {reply.replies && reply.replies.length > 0 &&

\n {reply.replies.map(nestedReply => )}\n

}\n

;\n };\n const ThreadPostCard = ({\n post,\n onVote,\n isOP = false,\n highlightedPostId,\n allThreadPosts,\n showAllReplies = false\n }) => {\n const board = boards.find(b => b.id === post.boardId);\n const displayedReplies = post.replies ? showAllReplies ? post.replies : post.replies.slice(0, 3) : [];\n const hiddenRepliesCount = post.replies ? post.replies.length - displayedReplies.length : 0;\n const highlightStyle = highlightedPostId === post.id ? {\n background: 'linear-gradient(135deg, rgba(0, 239, 90, 0.08) 0%, rgba(0, 239, 90, 0.04) 50%, rgba(0, 239, 90, 0.08) 100%)',\n boxShadow: `\n 0 0 20px rgba(0, 239, 90, 0.15),\n inset 0 0 20px rgba(0, 239, 90, 0.05),\n 0 4px 15px rgba(0, 0, 0, 0.2)\n `,\n transform: 'scale(1.002)'\n } : {};\n return

\n {}\n

\n \n {formatUserIdentity(post.userId, post.authorTotalVotes || 0, 0, credibilityScores[post.userId])}\n \n {\n const threadId = post.id;\n navigate(`/thread/${threadId}`);\n }} style={{\n color: '#ffffff'\n }} className=\"hover:underline cursor-pointer font-mono hover:text-green-400 transition-colors duration-200\">\n No.{post.id.slice(-6)}\n \n \n {new Date(post.createdAt).toLocaleDateString('en-US', {\n month: '2-digit',\n day: '2-digit',\n year: '2-digit'\n })}({new Date(post.createdAt).toLocaleDateString('en-US', {\n weekday: 'short'\n })}){new Date(post.createdAt).toLocaleTimeString('en-US', {\n hour12: false,\n hour: '2-digit',\n minute: '2-digit',\n second: '2-digit'\n })}\n \n

\n {}\n {post.image &&

\n File: {post.image.split('/').pop()}\n

\n $\"Post$ window.open(post.image, '_blank')} />\n

}\n {}\n

\n {formatTextWithHover(post.content, allThreadPosts || posts, post)}\n

\n {}\n {tokenData[post.id] &&

\n \n {tokenData[post.id].symbol}\n \n {tokenData[post.id].tokenInfo.name && \n {tokenData[post.id].tokenInfo.name}\n }\n {tokenData[post.id].priceChange !== null && = 0 ? '#00ef5a' : '#ff4444',\n fontWeight: 'bold'\n }}>\n {tokenData[post.id].priceChange >= 0 ? '+' : ''}{tokenData[post.id].priceChange.toFixed(2)}% since post\n }\n {tokenData[post.id].tokenInfo.website && \n [Website]\n }\n

}\n {}\n

\n userWallet ? onVote(post.id, 'upvote') : navigate('/profile')} isSelected={userPostVotes[post.id] === 1} style={{\n cursor: 'pointer'\n }} className=\"w-5 h-5 transition-colors hover:opacity-80\" />\n {post.voteCount || 0}\n userWallet ? onVote(post.id, 'downvote') : navigate('/profile')} isSelected={userPostVotes[post.id] === -1} style={{\n cursor: 'pointer',\n marginTop: '3px'\n }} className=\"w-5 h-5 transition-colors hover:opacity-80\" />\n

\n \n \n /{board?.name || 'unknown'}/\n \n {isOP && post.replyCount > 0 && <>\n \n {post.replyCount} {post.replyCount === 1 ? 'Reply' : 'Replies'}\n \n \n [View Thread]\n \n }\n

\n {(isAdmin || post.userId === userWallet) && }\n

\n {}\n {isOP && post.replyCount > 0 &&

\n {!showAllReplies && hiddenRepliesCount > 0 &&

\n \n {hiddenRepliesCount} {hiddenRepliesCount === 1 ? 'reply' : 'replies'} omitted. \n \n Click here\n to view.\n \n

}\n {}\n {displayedReplies.map(reply => )}\n

}\n

;\n };\n const FeedPostCard = ({\n post,\n onVote\n }) => {\n return ;\n };\n const [mobileActiveTab, setMobileActiveTab] = useState('feed');\n const [touchStart, setTouchStart] = useState(null);\n const [touchEnd, setTouchEnd] = useState(null);\n const [isSwipingTabs, setIsSwipingTabs] = useState(false);\n const fullText = 'FUD as a commodity';\n const MockHeader = ({\n currentView\n }) => {\n const getActiveNavStyle = isActive => ({\n color: isActive ? '#E0E0E0' : '#B0B0B0',\n backgroundColor: isActive ? 'rgba(0, 239, 90, 0.1)' : 'transparent',\n border: isActive ? '1px solid rgba(0, 239, 90, 0.2)' : '1px solid transparent'\n });\n return

\n $\"fudfi$ \n

\n /fudfi/\n

\n \n \n

\n [Feed]\n

\n [Boards]\n

\n [Leaderboard]\n

\n [Connect]\n

;\n };\n const MockHomePage = () => {\n const mockData = useMemo(() => ({\n boards: [{\n id: '1',\n name: 'DOGE',\n description: 'Dogecoin discussion and FUD analysis'\n }, {\n id: '2',\n name: 'SHIB',\n description: 'Shiba Inu token community discourse'\n }, {\n id: '3',\n name: 'PEPE',\n description: 'Pepe meme coin authenticity verification'\n }, {\n id: '4',\n name: 'SOL',\n description: 'Solana ecosystem project evaluation'\n }, {\n id: '5',\n name: 'BONK',\n description: 'Bonk memecoin reality checks'\n }, {\n id: '6',\n name: 'WIF',\n description: 'dogwifhat token analysis and speculation'\n }, {\n id: '7',\n name: 'POPCAT',\n description: 'Popcat token discussion and FUD verification'\n }],\n posts: [{\n id: 'mock1',\n content: '>be me\\n>buy DOGE at ATH\\n>still holding\\n/why do I do this to myself/\\n>at least I have diamond hands\\n>cope.jpg',\n userId: 'DtdnqvRddQspZvRV5SJX2DeqxmLYef7Hqn9LFK9LioJS',\n boardId: '1',\n createdAt: 1704067200000,\n voteCount: 12,\n authorTotalVotes: 45\n }, {\n id: 'mock2',\n content: 'SHIB to the moon! 🚀\\n>inb4 it dumps 50%\\nTeam just released new roadmap\\n/looks like another recycled whitepaper/',\n userId: '5678efghijk9012ijklmnop3456qrstuvwx',\n boardId: '2',\n createdAt: 1704060000000,\n voteCount: 8,\n authorTotalVotes: 23\n }, {\n id: 'mock3',\n content: '/PEPE IS DEAD/\\nSold my bags yesterday\\n>feels bad man\\n>should have listened to the FUD\\n>lesson learned: always DYOR',\n userId: '9012ijklmnop3456qrstuvwxyz789abcdef',\n boardId: '3',\n createdAt: 1704056400000,\n voteCount: 34,\n authorTotalVotes: 67\n }, {\n id: 'mock4',\n content: '>anon here\\n>bought SOL at $200\\n>now its $20\\n/ngmi/\\n>should have bought the dip instead\\n>diamond handing this shitcoin until death',\n userId: 'abcd1234efgh5678ijkl9012mnop3456qrst',\n boardId: '4',\n createdAt: 1704050000000,\n voteCount: 156,\n authorTotalVotes: 234\n }, {\n id: 'mock5',\n content: 'BONK is literally free money\\n>just checked the tokenomics\\n>99% of supply goes to insiders\\n/classic pump and dump scheme/\\n>but normies keep buying\\n>kek',\n userId: 'uvwx7890yzab1234cdef5678ghij9012klmn',\n boardId: '5',\n createdAt: 1704045000000,\n voteCount: 89,\n authorTotalVotes: 145\n }, {\n id: 'mock6',\n content: '>be retard\\n>see dog with hat\\n>throw life savings at WIF\\n>portfolio now worth more than house\\n/sometimes being retarded pays off/\\n>still not selling though',\n userId: 'opqr3456stuv7890wxyz1234abcd5678efgh',\n boardId: '6',\n createdAt: 1704040000000,\n voteCount: 67,\n authorTotalVotes: 98\n }, {\n id: 'mock7',\n content: '/POPCAT WILL FLIP DOGE/\\n>you heard it here first\\n>cat memes > dog memes\\n>simple as\\n>all in POPCAT or stay poor\\n>this is financial advice',\n userId: 'ijkl9012mnop3456qrst7890uvwx1234yzab',\n boardId: '7',\n createdAt: 1704035000000,\n voteCount: 201,\n authorTotalVotes: 567\n }, {\n id: 'mock8',\n content: '>tfw bought the top again\\n>every single time\\n>why am I like this\\n/cursed wallet syndrome/\\n>maybe I should just buy index funds\\n>nah fuck that, YOLO into next memecoin',\n userId: 'cdef5678ghij9012klmn3456opqr7890stuv',\n boardId: '1',\n createdAt: 1704030000000,\n voteCount: 445,\n authorTotalVotes: 1203\n }, {\n id: 'mock9',\n content: 'Just saw Elon tweet about DOGE\\n>time to mortgage the house\\n>this is it chief\\n>moon mission confirmed\\n/hopium levels: maximum/\\n>see you retards on mars',\n userId: 'wxyz1234abcd5678efgh9012ijkl3456mnop',\n boardId: '1',\n createdAt: 1704025000000,\n voteCount: 78,\n authorTotalVotes: 156\n }, {\n id: 'mock10',\n content: '>holding SHIB since 2021\\n>down 95%\\n>wife left me\\n>kids disowned me\\n>but I still believe\\n/diamond hands until death/\\n>SHIB army strong',\n userId: 'qrst7890uvwx1234yzab5678cdef9012ghij',\n boardId: '2',\n createdAt: 1704020000000,\n voteCount: 234,\n authorTotalVotes: 890\n }, {\n id: 'mock11',\n content: '/ATTENTION DEGENERATES/\\nNew coin just dropped\\n>SCAMCOIN (SCAM)\\n>100% guaranteed rug\\n>team doxxed as known scammers\\n>throwing $1000 at it\\n>yolo or no balls',\n userId: 'klmn3456opqr7890stuv1234wxyz5678abcd',\n boardId: '3',\n createdAt: 1704015000000,\n voteCount: 12,\n authorTotalVotes: 34\n }, {\n id: 'mock12',\n content: '>just lost everything on leverage\\n>life savings gone\\n>retirement fund liquidated\\n>living in parents basement now\\n/but I still have hope/\\n>next trade will make me rich\\n>trust the process',\n userId: 'efgh9012ijkl3456mnop7890qrst1234uvwx',\n boardId: '4',\n createdAt: 1704010000000,\n voteCount: 567,\n authorTotalVotes: 1456\n }, {\n id: 'mock13',\n content: 'BONK is unironically the future\\n>first community coin on Solana\\n>backed by real degenerates\\n>not some VC fund\\n/this is the way/\\n>bonking to $1 or zero\\n>no middle ground',\n userId: 'yzab5678cdef9012ghij3456klmn7890opqr',\n boardId: '5',\n createdAt: 1704005000000,\n voteCount: 123,\n authorTotalVotes: 456\n }, {\n id: 'mock14',\n content: '>WIF holders are the real chads\\n>simple meme, no utility\\n>just vibes and hat energy\\n>normies dont understand\\n/hat stays on during sex/\\n>diamond handing this forever',\n userId: 'stuv1234wxyz5678abcd9012efgh3456ijkl',\n boardId: '6',\n createdAt: 1704000000000,\n voteCount: 345,\n authorTotalVotes: 789\n }, {\n id: 'mock15',\n content: '/POPCAT SEASON INCOMING/\\n>all cats pumping\\n>dog coins are dead\\n>feline supremacy\\n>cats rule, dogs drool\\n>simple economics\\n>all in POPCAT',\n userId: 'mnop7890qrst1234uvwx5678yzab9012cdef',\n boardId: '7',\n createdAt: 1703995000000,\n voteCount: 666,\n authorTotalVotes: 1337\n }],\n bets: [{\n id: 'bet1',\n title: 'DOGE will hit $1 by EOY',\n description: 'Betting that DOGE reaches $1.00 before Dec 31st',\n thesis: 'Elon tweets + retail FOMO = moon mission',\n yesVotes: 156,\n noVotes: 89,\n betNumber: '001'\n }, {\n id: 'bet2',\n title: 'SHIB will rug pull',\n description: 'Team will abandon project within 6 months',\n thesis: 'Anonymous team, no real utility, pump and dump pattern',\n yesVotes: 234,\n noVotes: 67,\n betNumber: '002'\n }, {\n id: 'bet3',\n title: 'SOL network will have major outage',\n description: 'Solana will experience 24+ hour downtime in next month',\n thesis: 'History of outages, centralization issues, validator problems',\n yesVotes: 89,\n noVotes: 145,\n betNumber: '003'\n }, {\n id: 'bet4',\n title: 'BONK will lose 90% of value',\n description: 'BONK token will crash to near zero within 3 months',\n thesis: 'Memecoin hype cycle ending, no real utility, community is just bots',\n yesVotes: 445,\n noVotes: 123,\n betNumber: '004'\n }, {\n id: 'bet5',\n title: 'WIF will flip DOGE marketcap',\n description: 'dogwifhat will surpass Dogecoin in market capitalization',\n thesis: 'Superior meme, better community, hat technology is revolutionary',\n yesVotes: 78,\n noVotes: 567,\n betNumber: '005'\n }, {\n id: 'bet6',\n title: 'Binance will delist 50% of coins',\n description: 'Major exchange cleanup incoming, half the listings gone',\n thesis: 'Regulatory pressure, too many shitcoins, compliance costs rising',\n yesVotes: 678,\n noVotes: 234,\n betNumber: '006'\n }, {\n id: 'bet7',\n title: 'AI coins will dump 80%',\n description: 'All AI-themed tokens will crash hard this cycle',\n thesis: 'Overhyped narrative, no real AI usage, just rebranded shitcoins',\n yesVotes: 345,\n noVotes: 456,\n betNumber: '007'\n }, {\n id: 'bet8',\n title: 'POPCAT reaches $10B marketcap',\n description: 'The cat with the popping mouth will moon to absurd levels',\n thesis: 'Cats are taking over, viral memes drive price, normie adoption coming',\n yesVotes: 123,\n noVotes: 789,\n betNumber: '008'\n }, {\n id: 'bet9',\n title: 'Solana will flip Ethereum',\n description: 'SOL market cap will exceed ETH within 2 years',\n thesis: 'Faster, cheaper, better UX, institutional adoption accelerating',\n yesVotes: 567,\n noVotes: 890,\n betNumber: '009'\n }, {\n id: 'bet10',\n title: 'Memecoins will dominate top 10',\n description: 'At least 5 of top 10 cryptos will be memecoins by 2025',\n thesis: 'Retail drives market, memes are easier to understand than tech',\n yesVotes: 234,\n noVotes: 345,\n betNumber: '010'\n }]\n }), []);\n const renderFeedView = () =>

\n
\n \n [Active Bets]\n
\n

\n {mockData.bets.map(bet =>

\n \n Bet No.{bet.betNumber || bet.id}\n \n {bet.title}\n \n

\n {bet.description}\n

\n {bet.thesis}\n

\n \n YES: {bet.yesVotes}\n \n \n NO: {bet.noVotes}\n \n

\n [Bet YES]\n

\n [Bet NO]\n

)}\n

\n [Quick Stats]\n

\n Total Posts:\n 387\n

\n Active Boards:\n 6\n

\n Live Bets:\n 8\n

\n [Live Fuds]\n

\n [Fuds]\n

\n \n [Bets]\n

\n [Stats]\n

\n [Post a Reply]\n

\n Filter:\n

\n All Boards\n

\n Sort:\n

\n Most Recent\n

\n {mockData.posts.map(post => {\n const board = mockData.boards.find(b => b.id === post.boardId);\n return

\n \n {formatUserIdentity(post.userId, post.authorTotalVotes, 0, credibilityScores[post.userId])}\n \n \n No.{post.id.slice(-6)}\n \n \n /{board?.name || 'unknown'}/\n \n \n [R]\n [Reply]\n \n

\n {post.content.split('\\n').map((line, index) => {\n if (line.startsWith('>')) {\n return

{formatTickersInText(line)}

;\n } else if (line.startsWith('/')) {\n return

{formatTickersInText(line)}

;\n } else {\n return

{formatTickersInText(line)}

;\n }\n })}\n

\n {}\n {post.id === 'mock1' &&

\n $DOGE\n Dogecoin\n -8.2% since post\n

}\n

\n \n {post.voteCount}\n \n

\n \n {new Date(post.createdAt).toLocaleDateString('en-US', {\n month: '2-digit',\n day: '2-digit',\n year: '2-digit'\n })}({new Date(post.createdAt).toLocaleDateString('en-US', {\n weekday: 'short'\n })}){new Date(post.createdAt).toLocaleTimeString('en-US', {\n hour12: false,\n hour: '2-digit',\n minute: '2-digit',\n second: '2-digit'\n })}\n \n

;\n })}\n

;\n const getCurrentContent = () => {\n return renderFeedView();\n };\n return

\n \n

\n {getCurrentContent()}\n

;\n };\n const LandingPage = () =>

\n \n

\n {fullText}\n

\n fudfi:/matrix$\n

\n $ \n initializing...\n

\n $ \n WARNING: \n FUD DETECTED\n

\n $ \n STATUS: \n Ready...\n

\n \n

\n \n \n [\n ENTER THE MATRIX\n ]\n \n

\n \n \n

\n Ever bought a token shilled by{' '}\n YAPPERS{' '}\n and{' '}\n PAID KOLS?\n Only to watch your portfolio{' '}\n BLEED RED?\n

\n FUD{' '}\n isn't just noise - it's a{' '}\n COMMODITY.\n Think we're wrong?{' '}\n \n PUT YOUR SOL WHERE YOUR MOUTH IS!\n \n

\n [SYSTEM CAPABILITIES]\n

\n ◆ CLASSIFIED CLEARANCE LEVEL 5 ◆\n

\n S\n

\n [PROOF_OF_STAKE]\n

\n > No token, no talk
\n > Wallet verification required
\n > AUTHENTICATED_USERS_ONLY.exe\n

\n \n

\n [FEATURED_FUD_SYSTEM]\n

\n > Upvoting system for best FUD
\n > Community-driven credibility
\n > TRUTH_DETECTION.exe\n

\n R\n

\n [COMMUNITY_REWARDS]\n

\n > Quality content promotion
\n > Evidence-based discussions
\n > REWARD_SYSTEM.exe\n

\n \n

\n [QUICK_RESEARCH]\n

\n > Powerful search functionality
\n > Quick token verification
\n > RESEARCH_ENGINE.exe\n

\n \n

\n [FUD_BETTING_MARKETS]\n

\n > 100% sure project will rug?
\n > Start a bet and prove it
\n > BETTING_ENGINE.exe\n

\n [Join the Community]\n

\n Become part of the movement that's changing how we approach token research and due diligence.\n

\n Early Access\n

\n Get notified when we launch new features and gain early access to beta functionality.\n

\n Community Rewards\n

\n Earn rewards for quality contributions and help shape the future of the platform.\n

\n \n

;\n const HomePage = () =>

\n
\n \n [Active Bets]\n
\n

\n {activeBets.length === 0 ?

No active bets

: activeBets.map(bet =>

\n Bet No.{bet.betNumber || bet.id}\n {bet.title}\n

{bet.description}

{bet.thesis}

\n YES: {bet.yesVotes || 0}\n NO: {bet.noVotes || 0}\n

\n \n \n

)}\n

\n [Quick Stats]\n

\n Fuds:\n {userStats?.postCount || 0}\n

\n Total Votes:\n ▲{userStats?.totalUpvotes || 0}\n

\n Total Bets:\n ◆{userStats?.totalBets || 0}\n

\n Active Bets:\n {userStats?.activeBets || 0}\n

= 1024 ? 'calc(33.333% + 0.5rem)' : '0'\n }}>\n

\n \n \n \n

\n {mobileActiveTab === 'feed' && '[Live Fuds]'}\n {mobileActiveTab === 'bets' && '[Active Bets]'}\n {mobileActiveTab === 'stats' && '[Quick Stats]'}\n

\n {window.innerWidth >= 1024 &&

\n [Live Fuds]\n

}\n

\n {(mobileActiveTab === 'feed' || window.innerWidth >= 1024) &&

\n \n

}\n

\n {(mobileActiveTab === 'feed' || window.innerWidth >= 1024) &&

\n Filter:\n \n

\n Sort:\n \n

}\n

\n {mobileActiveTab === 'feed' &&

\n {loading && posts.length === 0 ?

Loading fuds...

\n {connectionStatus === 'connecting' ? 'Connecting to the server...' : 'Loading data...'}\n

: filteredAndSortedPosts.length === 0 ?

\n {connectionStatus === 'error' ? 'Unable to load fuds' : 'No fuds found'}\n

\n {connectionStatus === 'error' ? 'Check your internet connection and try again.' : feedFilter !== 'all' ? `No fuds in /${feedFilter}/ yet. Be the first to post!` : 'No fuds yet. Start the conversation!'}\n

\n {connectionStatus === 'error' && }\n

: <>\n {filteredAndSortedPosts.map((post, index) =>

\n \n {index < filteredAndSortedPosts.length - 1 &&

}\n

)}\n {hasMorePosts && filteredAndSortedPosts.length >= 20 &&

\n \n

}\n }\n

}\n {mobileActiveTab === 'bets' &&

\n {activeBets.length === 0 ?

No active bets

: activeBets.map(bet =>

\n Bet No.{bet.betNumber || bet.id}\n {bet.title}\n

{bet.description}

{bet.thesis}

\n YES: {bet.yesVotes || 0}\n NO: {bet.noVotes || 0}\n

\n \n \n

)}\n

}\n {mobileActiveTab === 'stats' &&

\n Total Fuds:\n {posts.length}\n

\n Active Boards:\n {boards.length}\n

\n Live Bets:\n {activeBets.length}\n

\n {userStats &&

\n Your Fuds:\n {userStats?.postCount || 0}\n

\n Your Points:\n ▲{userStats?.totalUpvotes || 0} ◆0\n

}\n

\n {loading && posts.length === 0 ?

Loading fuds...

\n {connectionStatus === 'connecting' ? 'Connecting to the server...' : 'Loading data...'}\n

: filteredAndSortedPosts.length === 0 ?

\n {connectionStatus === 'error' ? 'Unable to load fuds' : 'No fuds found'}\n

\n {connectionStatus === 'error' && }\n

: <>\n

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

\n \n {index < filteredAndSortedPosts.length - 1 &&

}\n

)}\n

\n {hasMorePosts && filteredAndSortedPosts.length >= 20 &&

\n \n

}\n }\n

;\n const CreateBoardModal = ({\n isOpen,\n onClose,\n createBoard\n }) => {\n const [localNewBoardName, setLocalNewBoardName] = useState('');\n const [localNewBoardDescription, setLocalNewBoardDescription] = useState('');\n const [localNewBoardContract, setLocalNewBoardContract] = useState('');\n const [localLoading, setLocalLoading] = useState(false);\n const [selectedBoardImage, setSelectedBoardImage] = useState(null);\n const [boardImagePreview, setBoardImagePreview] = useState('');\n useEffect(() => {\n if (!isOpen) {\n setLocalNewBoardName('');\n setLocalNewBoardDescription('');\n setLocalNewBoardContract('');\n setLocalLoading(false);\n setSelectedBoardImage(null);\n setBoardImagePreview('');\n }\n }, [isOpen]);\n const handleBoardImageUpload = e => {\n const file = e.target.files[0];\n if (file) {\n if (file.size > 4 * 1024 * 1024) {\n showNotification('Image Too Large', 'Please select an image smaller than 4MB.', 'error');\n return;\n }\n setSelectedBoardImage(file);\n const reader = new FileReader();\n reader.onload = e => setBoardImagePreview(e.target.result);\n reader.readAsDataURL(file);\n }\n };\n const handleCreateBoard = async e => {\n e.preventDefault();\n if (!localNewBoardName.trim() || !localNewBoardDescription.trim() || !selectedBoardImage) return;\n try {\n setLocalLoading(true);\n let imageUrl = '';\n if (selectedBoardImage) {\n const reader = new FileReader();\n imageUrl = await new Promise(resolve => {\n reader.onload = e => resolve(e.target.result);\n reader.readAsDataURL(selectedBoardImage);\n });\n }\n await createBoard(localNewBoardName, localNewBoardDescription, localNewBoardContract, imageUrl);\n setLocalNewBoardName('');\n setLocalNewBoardDescription('');\n setLocalNewBoardContract('');\n setSelectedBoardImage(null);\n setBoardImagePreview('');\n onClose();\n } catch (error) {\n console.error('Error creating board:', error);\n showNotification('Board Creation Failed', 'Failed to create board. Please try again.', 'error');\n } finally {\n setLocalLoading(false);\n }\n };\n return \n

\n setLocalNewBoardName(e.target.value)} className=\"w-full p-4 bg-gray-800 border border-gray-600 text-white text-sm focus:outline-none focus:border-white transition-colors\" />\n setLocalNewBoardDescription(e.target.value)} className=\"w-full p-4 bg-gray-800 border border-gray-600 text-white text-sm focus:outline-none focus:border-white transition-colors\" />\n setLocalNewBoardContract(e.target.value)} className=\"w-full p-4 bg-gray-800 border border-gray-600 text-white text-sm focus:outline-none focus:border-white transition-colors\" />\n

\n Project Logo (Required)*\n \n {boardImagePreview &&

\n $\"Board$ \n \n

}\n

\n \n \n

\n ;\n };\n const BoardsView = () => {\n const [isCreateBoardOpen, setIsCreateBoardOpen] = useState(false);\n return

[Project Boards]

\n {userWallet && }\n

\n {boards.map(board => \n

\n {board.image && {`${board.name}

}\n

\n Board No.{board.boardNumber || board.id}\n /{board.name}/\n

{board.description}

\n {board.contractAddress && `>>Contract: ${formatWalletId(board.contractAddress)}`}\n

\n )}\n

\n setIsCreateBoardOpen(false)} createBoard={createBoard} />\n

;\n };\n const SearchResultsView = () => {\n const {\n query\n } = useParams();\n const decodedQuery = decodeURIComponent(query || '');\n const searchResults = useMemo(() => {\n if (!decodedQuery.trim()) {\n return {\n posts: [],\n boards: [],\n bets: []\n };\n }\n const searchTerm = decodedQuery.toLowerCase().trim();\n const filteredPosts = posts.filter(post => {\n const contentMatch = post.content.toLowerCase().includes(searchTerm);\n const userMatch = post.userId?.toLowerCase().includes(searchTerm);\n const formattedWalletMatch = post.userId ? formatWalletId(post.userId).toLowerCase().includes(searchTerm) : false;\n return contentMatch || userMatch || formattedWalletMatch;\n });\n const filteredBoards = boards.filter(board => {\n const nameMatch = board.name.toLowerCase().includes(searchTerm);\n const descMatch = board.description?.toLowerCase().includes(searchTerm);\n const contractMatch = board.contractAddress?.toLowerCase().includes(searchTerm);\n return nameMatch || descMatch || contractMatch;\n });\n const filteredBets = activeBets.filter(bet => {\n const titleMatch = bet.title?.toLowerCase().includes(searchTerm);\n const descMatch = bet.description?.toLowerCase().includes(searchTerm);\n const thesisMatch = bet.thesis?.toLowerCase().includes(searchTerm);\n return titleMatch || descMatch || thesisMatch;\n });\n return {\n posts: filteredPosts.sort((a, b) => b.createdAt - a.createdAt),\n boards: filteredBoards.sort((a, b) => a.name.localeCompare(b.name)),\n bets: filteredBets\n };\n }, [posts, boards, activeBets, decodedQuery]);\n return

\n [Search Results for: \"{decodedQuery}\"]\n

\n Found {searchResults.posts.length} posts, {searchResults.boards.length} boards, {searchResults.bets.length} bets\n

\n {}\n

\n [Posts ({searchResults.posts.length})]\n

\n {searchResults.posts.length === 0 ?

No posts found matching \"{decodedQuery}\"

: searchResults.posts.map(post => )}\n

\n {}\n

\n [Boards ({searchResults.boards.length})]\n

\n {searchResults.boards.length === 0 ?

No boards found matching \"{decodedQuery}\"

: searchResults.boards.map(board => \n

\n \n Board No.{board.boardNumber || board.id}\n \n \n /{board.name}/\n \n

\n {board.description}\n

\n {board.contractAddress && `>>Contract: ${formatWalletId(board.contractAddress)}`}\n

\n )}\n

\n {}\n

\n [Bets ({searchResults.bets.length})]\n

\n {searchResults.bets.length === 0 ?

No bets found matching \"{decodedQuery}\"

: searchResults.bets.map(bet =>

\n \n Bet No.{bet.betNumber || bet.id}\n \n \n {bet.title}\n \n

\n {bet.description}\n

\n {bet.thesis}\n

\n \n YES: {bet.yesVotes}\n \n \n NO: {bet.noVotes}\n \n

\n \n \n

)}\n

;\n };\n const LeaderboardView = () => {\n const [activeTab, setActiveTab] = useState('posters');\n const [leaderboardData, setLeaderboardData] = useState({\n topPosters: [],\n topBettors: []\n });\n useEffect(() => {\n if (devbaseClient) {\n loadLeaderboardData();\n }\n }, [devbaseClient, posts, activeBets]);\n const loadLeaderboardData = async () => {\n if (!devbaseClient) return;\n try {\n const allUsers = await devbaseClient.listEntities('users');\n const usersWithStats = await Promise.all(allUsers.map(async user => {\n const userPosts = await devbaseClient.listEntities('posts', {\n userId: user.walletAddress\n });\n let totalVotes = 0;\n for (const userPost of userPosts) {\n const votes = await fetchWithTimeout(devbaseClient.listEntities('votes', {\n postId: userPost.id\n }));\n const voteCount = votes.reduce((sum, vote) => sum + (vote.value || 1), 0);\n totalVotes += voteCount;\n }\n return {\n userId: user.walletAddress,\n postCount: userPosts.length,\n totalUpvotes: totalVotes\n };\n }));\n const topPosters = usersWithStats.filter(user => user.totalUpvotes > 0).sort((a, b) => b.totalUpvotes - a.totalUpvotes).slice(0, 20);\n const topBettors = [];\n setLeaderboardData({\n topPosters,\n topBettors\n });\n } catch (error) {\n console.error('Error loading leaderboard data:', error);\n setLeaderboardData({\n topPosters: [],\n topBettors: []\n });\n }\n };\n return

[Leaderboards]

\n \n \n

\n {activeTab === 'posters' &&

\n By Votes\n Ranked by total net votes received\n

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

\n #{index + 1}\n

\n {formatUserIdentity(user.userId, user.totalUpvotes, 0)}\n

\n {user.postCount} posts • ▲{user.totalUpvotes} upvote points\n

\n ▲{user.totalUpvotes}\n

)}\n {leaderboardData.topPosters.length === 0 &&

\n No posters yet. Be the first to make a post!\n

}\n

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

\n By Points\n Ranked by betting points earned (100 points per bet won)\n

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

\n #{index + 1}\n

\n {formatUserIdentity(user.userId, 0, user.betPoints)}\n

\n {user.betsWon}/{user.totalBets} bets won • {(user.betsWon / user.totalBets * 100 || 0).toFixed(1)}% win rate\n

\n Points: {user.betPoints}\n

)}\n {leaderboardData.topBettors.length === 0 &&

\n No bettors yet. Place your first bet to get started!\n

}\n

;\n };\n const ProfileView = () =>

[User Profile]

\n {userWallet && }\n

\n {!userWallet ?

\n >>Connect wallet to start fudding\n

\n Link your Solana wallet to post, vote, and bet on the platform\n

\n \n

: userStats !== null ?

\n {formatUserIdentity(userWallet, userStats?.totalUpvotes || 0, 0, userStats?.credibilityScore)}\n

\n Fuds:\n {userStats?.postCount || 0}\n

\n Total Votes:\n ▲{userStats?.totalUpvotes || 0}\n

[Recent Fuds]

\n {userStats.recentPosts.length === 0 ?

No fuds yet

\n {userStats.recentPosts.map(post =>

\n {new Date(post.createdAt).toLocaleDateString()} - Board: {boards.find(b => b.id === post.boardId)?.name || 'unknown'}\n

\n {formatText(post.content.slice(0, 100) + (post.content.length > 100 ? '...' : ''))}\n

)}\n

}\n

[Bet Analytics]

\n {userStats.totalBets === 0 ?

No bets placed yet

\n Total Bets:\n {userStats.totalBets}\n

\n Active:\n {userStats.activeBets}\n

[Recent Betting Activity]

\n {userStats.recentBetActivity && userStats.recentBetActivity.length > 0 ?

\n {userStats.recentBetActivity.map((activity, index) =>

\n Bet: {activity.betTitle}\n

\n {activity.vote.toUpperCase()}\n

\n Status: {activity.betStatus || 'unknown'}\n

)}\n

No recent betting activity

}\n

\n {isAdmin &&

\n [Admin Control Panel]\n CLEARANCE LEVEL 5\n

[System Statistics]

\n Total Posts:\n {posts.length}\n

\n Total Boards:\n {boards.length}\n

\n Active Bets:\n {activeBets.length}\n

\n Total Votes:\n {Object.keys(userPostVotes).length}\n

[Database Management]

\n \n

\n ⚠️ This will permanently delete all vote data\n

}\n

Loading profile...

}\n

;\n const ThreadView = () => {\n const {\n threadId\n } = useParams();\n const [threadData, setThreadData] = useState(null);\n const [loading, setLoading] = useState(true);\n useEffect(() => {\n loadThreadData();\n }, [threadId, devbaseClient]);\n const loadThreadData = async () => {\n if (!devbaseClient || !threadId) return;\n try {\n setLoading(true);\n const originalPost = await devbaseClient.getEntity('posts', threadId);\n if (!originalPost) {\n setLoading(false);\n return;\n }\n const allPosts = await devbaseClient.listEntities('posts');\n const allVotes = await devbaseClient.listEntities('votes');\n const votesByPostId = {};\n allVotes.forEach(vote => {\n if (!votesByPostId[vote.postId]) {\n votesByPostId[vote.postId] = [];\n }\n votesByPostId[vote.postId].push(vote);\n });\n const allUserIds = [...new Set(allPosts.map(post => post.userId))];\n const userStatsMap = {};\n for (const userId of allUserIds) {\n const userPosts = allPosts.filter(post => post.userId === userId);\n let totalUserVotes = 0;\n for (const userPost of userPosts) {\n const postVotes = votesByPostId[userPost.id] || [];\n totalUserVotes += postVotes.length;\n }\n userStatsMap[userId] = totalUserVotes;\n }\n const postsWithVotes = allPosts.map(post => {\n const postVotes = votesByPostId[post.id] || [];\n return {\n ...post,\n voteCount: postVotes.length,\n authorTotalVotes: userStatsMap[post.userId] || 0\n };\n });\n const buildThreadReplies = parentId => {\n const directReplies = postsWithVotes.filter(post => post.parentId === parentId);\n return directReplies.map(reply => ({\n ...reply,\n replies: buildThreadReplies(reply.id)\n }));\n };\n const opVotes = votesByPostId[originalPost.id] || [];\n const baseOpVoteCount = opVotes.reduce((sum, vote) => sum + (vote.value !== undefined ? vote.value : 1), 0);\n const optimisticAdjustment = optimisticVoteCounts[originalPost.id] || 0;\n const opVoteCount = baseOpVoteCount + optimisticAdjustment;\n const opWithVotes = {\n ...originalPost,\n voteCount: opVoteCount,\n authorTotalVotes: userStatsMap[originalPost.userId] || 0,\n replies: buildThreadReplies(threadId)\n };\n setThreadData({\n originalPost: opWithVotes\n });\n } catch (error) {\n console.error('Error loading thread:', error);\n } finally {\n setLoading(false);\n }\n };\n if (loading) {\n return

Loading thread...

;\n }\n if (!threadData) {\n return

Thread not found.

;\n }\n const board = boards.find(b => b.id === threadData.originalPost.boardId);\n return

\n /fudfi/ - /{board?.name || 'unknown'}/\n

\n Thread No.{threadData.originalPost.id.slice(-6)}\n

\n \n

\n {}\n \n {}\n {threadData.originalPost.replies && threadData.originalPost.replies.length > 0 &&

}\n {}\n {threadData.originalPost.replies && threadData.originalPost.replies.length === 0 &&

\n No replies yet. Be the first to reply!\n

}\n

;\n };\n const BoardThreadView = () => {\n const {\n boardId\n } = useParams();\n const board = boards.find(b => b.id === boardId);\n const boardPosts = useMemo(() => {\n let filtered = posts.filter(p => p.boardId === boardId && !p.parentId);\n return filtered.sort((a, b) => b.createdAt - a.createdAt);\n }, [posts, boardId]);\n useEffect(() => {\n setSelectedBoard(boardId);\n }, [boardId]);\n if (loading && boardPosts.length === 0) {\n return

Loading board...

;\n }\n if (!board) {\n return

Board not found.

;\n }\n return

/fudfi/ - /{board.name}/

{board.description}

\n \n

\n {boardPosts.length > 0 ? boardPosts.map((post, index) =>

\n \n {index < boardPosts.length - 1 &&

}\n

) :

No threads on this board yet. Be the first!

}\n

;\n };\n const PostingModal = ({\n isOpen,\n onClose,\n newPost,\n setNewPost,\n userWallet,\n createPost,\n loading,\n formatWalletId\n }) => {\n const [postPassword, setPostPassword] = useState('');\n const [localSelectedBoard, setLocalSelectedBoard] = useState('');\n const [localNewPost, setLocalNewPost] = useState('');\n const [selectedImage, setSelectedImage] = useState(null);\n const [imagePreview, setImagePreview] = useState('');\n const [detectedTokens, setDetectedTokens] = useState({});\n const [tokenPreviews, setTokenPreviews] = useState({});\n const [showTokenPanel, setShowTokenPanel] = useState(false);\n useEffect(() => {\n if (isOpen) {\n const currentBoard = selectedBoard || '';\n const currentPost = newPost || '';\n setLocalSelectedBoard(currentBoard);\n setLocalNewPost(currentPost);\n } else {\n setLocalSelectedBoard('');\n setLocalNewPost('');\n setPostPassword('');\n setSelectedImage(null);\n setImagePreview('');\n setDetectedTokens({});\n setTokenPreviews({});\n setShowTokenPanel(false);\n }\n }, [isOpen, selectedBoard, newPost]);\n useEffect(() => {\n const detectTokensInText = async text => {\n const tickerRegex = /\\$([A-Z0-9]{2,10})/g;\n const matches = [...text.matchAll(tickerRegex)];\n const newDetectedTokens = {};\n const newTokenPreviews = {};\n for (const match of matches) {\n const symbol = match[1];\n if (!detectedTokens[symbol]) {\n newDetectedTokens[symbol] = {\n symbol,\n contractAddress: '',\n hasPreview: false\n };\n try {\n const {\n fetchTokenInfoBySymbol\n } = require('@devfunlabs/web-sdk');\n const tokenInfo = await fetchTokenInfoBySymbol(symbol);\n if (tokenInfo) {\n newTokenPreviews[symbol] = {\n name: tokenInfo.name,\n price: tokenInfo.price,\n image: tokenInfo.image,\n contractAddress: tokenInfo.contractAddress\n };\n newDetectedTokens[symbol].hasPreview = true;\n newDetectedTokens[symbol].contractAddress = tokenInfo.contractAddress;\n }\n } catch (error) {}\n }\n }\n if (Object.keys(newDetectedTokens).length > 0) {\n setDetectedTokens(prev => ({\n ...prev,\n ...newDetectedTokens\n }));\n setTokenPreviews(prev => ({\n ...prev,\n ...newTokenPreviews\n }));\n setShowTokenPanel(true);\n } else if (matches.length === 0) {\n setDetectedTokens({});\n setTokenPreviews({});\n setShowTokenPanel(false);\n }\n };\n if (localNewPost) {\n detectTokensInText(localNewPost);\n }\n }, [localNewPost]);\n const updateTokenContractAddress = (symbol, contractAddress) => {\n setDetectedTokens(prev => ({\n ...prev,\n [symbol]: {\n ...prev[symbol],\n contractAddress\n }\n }));\n };\n const renderTokenPreview = (symbol, preview) => {\n return

\n {preview.image &&

}\n

${symbol}

\n {preview.name &&

{preview.name}

}\n {preview.price &&

${preview.price.toFixed(6)}

}\n

;\n };\n const formatPostTextWithTokens = text => {\n const tickerRegex = /(\\$[A-Z0-9]{2,10})/g;\n const parts = text.split(tickerRegex);\n return parts.map((part, i) => {\n if (tickerRegex.test(part)) {\n const symbol = part.substring(1);\n const hasPreview = tokenPreviews[symbol];\n return \n {part}\n ;\n }\n return part;\n });\n };\n const handleImageUpload = e => {\n const file = e.target.files[0];\n if (file) {\n if (file.size > 4 * 1024 * 1024) {\n showNotification('Image Too Large', 'Please select an image smaller than 4MB.', 'error');\n return;\n }\n setSelectedImage(file);\n const reader = new FileReader();\n reader.onload = e => setImagePreview(e.target.result);\n reader.readAsDataURL(file);\n }\n };\n const handleSubmit = async () => {\n if (!userWallet || !localNewPost.trim()) return;\n let imageUrl = '';\n if (selectedImage) {\n const reader = new FileReader();\n imageUrl = await new Promise(resolve => {\n reader.onload = e => resolve(e.target.result);\n reader.readAsDataURL(selectedImage);\n });\n }\n await createPost(localNewPost, localSelectedBoard, imageUrl);\n setLocalNewPost('');\n setSelectedImage(null);\n setImagePreview('');\n onClose();\n };\n return \n

\n \n \n \n setPostPassword(e.target.value)} />\n \n \n \n \n \n \n \n \n

Board

\n \n *Required\n

Comment

setLocalNewPost(e.target.value)} placeholder=\"Type your message here. Use > for green text, / for red bold text, >> for replies, $TICKER for tokens...\" className=\"w-full h-32 sm:h-24 p-3 bg-gray-800 border border-gray-600 text-white resize-none text-sm focus:outline-none focus:border-white transition-colors\" cols=\"48\" rows=\"4\" wrap=\"soft\" tabIndex=\"4\" />\n                    {}\n                    {localNewPost && <div className=\"mt-2 p-2 text-xs\" style={{\n                  backgroundColor: 'rgba(15, 18, 25, 0.8)',\n                  border: '1px solid rgba(255, 255, 255, 0.1)',\n                  maxHeight: '100px',\n                  overflow: 'auto'\n                }}>\n                        <div style={{\n                    color: '#A0A0A0'\n                  }}>Preview:</div>\n                        <div style={{\n                    color: '#ffffff'\n                  }}>\n                          {formatPostTextWithTokens(localNewPost)}\n                        </div>\n                      </div>}\n                    {}\n                    {showTokenPanel && Object.keys(detectedTokens).length > 0 && <div className=\"mt-2 p-3\" style={{\n                  backgroundColor: 'rgba(25, 30, 40, 0.8)',\n                  border: '1px solid rgba(0, 239, 218, 0.3)',\n                  borderRadius: '4px'\n                }}>\n                        <div className=\"text-xs mb-2 font-mono\" style={{\n                    color: '#00efda'\n                  }}>\n                          Detected Tokens - Add Contract Addresses:\n                        </div>\n                        <div className=\"space-y-2\">\n                          {Object.entries(detectedTokens).map(([symbol, tokenData]) => <div key={symbol} className=\"flex items-center gap-2\">\n                              <div className=\"flex-1\">\n                                {tokenPreviews[symbol] ? renderTokenPreview(symbol, tokenPreviews[symbol]) : <div className=\"p-2 text-xs\" style={{\n                          backgroundColor: 'rgba(255, 255, 255, 0.05)',\n                          border: '1px solid rgba(255, 255, 255, 0.1)'\n                        }}>\n                                    <div style={{\n                            color: '#00efda',\n                            fontWeight: 'bold'\n                          }}>${symbol}</div>\n                                    <div style={{\n                            color: '#A0A0A0'\n                          }}>No preview available</div>\n                                  </div>}\n                              </div>\n                              <div className=\"flex-1\">\n                                <input type=\"text\" placeholder=\"Contract address (optional)\" value={tokenData.contractAddress} onChange={e => updateTokenContractAddress(symbol, e.target.value)} className=\"w-full p-2 bg-gray-800 border border-gray-600 text-white text-xs focus:outline-none focus:border-green-400 transition-colors\" />\n                              </div>\n                            </div>)}\n                        </div>\n                      </div>}\n                  </td>\n                </tr>\n                <tr>\n                  <td className=\"text-right pr-2 text-sm text-gray-400 py-1\">Image</td>\n                  <td className=\"py-1\">\n                    <input type=\"file\" accept=\"image/*\" onChange={handleImageUpload} className=\"bg-gray-800 border border-gray-600 text-white text-sm px-3 py-2 w-full sm:w-48 min-h-[44px] file:mr-4 file:py-2 file:px-4 file:border-0 file:text-sm file:bg-gray-700 file:text-gray-300 hover:file:bg-gray-600 focus:outline-none focus:border-white transition-colors\" />\n                  {imagePreview && <div className=\"mt-2\">\n                      <img src={imagePreview} alt=\"Preview\" className=\"max-w-48 max-h-32 object-contain border border-gray-600\" style={{\n                    imageRendering: 'pixelated'\n                  }} />\n                      <button type=\"button\" onClick={() => {\n                    setSelectedImage(null);\n                    setImagePreview('');\n                  }} className=\"ml-2 text-red-400 hover:text-red-300 text-xs font-mono\">\n                        [Remove]\n                      </button>\n                    </div>}\n                </td>\n              </tr>\n              <tr>\n                <td></td>\n                <td className=\"pt-2\">\n                  <div className=\"text-gray-400 text-xs mb-2\">\n                    {userWallet ? `Posting as: ${formatWalletId(userWallet)}` : 'Connect wallet to post'}\n                  </div>\n                  <div className=\"mb-2\">\n                    <div className=\"text-white text-xs\">\n                      • You must select a board before posting\n                    </div>\n                  </div>\n                  <input type=\"submit\" value={loading ? 'Posting...' : 'Post'} tabIndex=\"10\" onClick={e => {\n                  e.preventDefault();\n                  handleSubmit();\n                }} disabled={!userWallet || !localNewPost.trim() || !localSelectedBoard || loading} className=\"px-4 py-3 text-white text-sm disabled:bg-gray-700 disabled:cursor-not-allowed min-h-[44px] font-mono\" style={{\n                  backgroundColor: !(!userWallet || !localNewPost.trim() || !localSelectedBoard || loading) ? '#FE2C55' : 'rgb(55, 55, 55)'\n                }} />\n                </td>\n              </tr>\n            </tbody>\n          </table>\n        </form>\n      </Modal>;\n  };\n  const ReplyModal = ({\n    isOpen,\n    onClose,\n    newPost,\n    setNewPost,\n    userWallet,\n    createPost,\n    loading,\n    formatWalletId,\n    replyingToPost\n  }) => {\n    const [postPassword, setPostPassword] = useState('');\n    const [replyContent, setReplyContent] = useState('');\n    const [selectedImage, setSelectedImage] = useState(null);\n    const [imagePreview, setImagePreview] = useState('');\n    const [detectedTokens, setDetectedTokens] = useState({});\n    const [tokenPreviews, setTokenPreviews] = useState({});\n    const [showTokenPanel, setShowTokenPanel] = useState(false);\n    const replyPrefix = useMemo(() => {\n      if (!replyingToPost) return '';\n      const isReplyToOP = !replyingToPost.parentId;\n      return isReplyToOP ? `>>${replyingToPost.id.slice(-6)} (OP)\\n` : `>>${replyingToPost.id.slice(-6)}\\n`;\n    }, [replyingToPost]);\n    useEffect(() => {\n      if (isOpen && newPost) {\n        const prefixLength = replyPrefix.length;\n        const content = newPost.length > prefixLength ? newPost.substring(prefixLength) : '';\n        setReplyContent(content);\n      } else if (!isOpen) {\n        setReplyContent('');\n        setPostPassword('');\n        setSelectedImage(null);\n        setImagePreview('');\n        setDetectedTokens({});\n        setTokenPreviews({});\n        setShowTokenPanel(false);\n      }\n    }, [isOpen, newPost, replyPrefix]);\n    useEffect(() => {\n      const detectTokensInText = async text => {\n        const tickerRegex = /\\$([A-Z0-9]{2,10})/g;\n        const matches = [...text.matchAll(tickerRegex)];\n        const newDetectedTokens = {};\n        const newTokenPreviews = {};\n        for (const match of matches) {\n          const symbol = match[1];\n          if (!detectedTokens[symbol]) {\n            newDetectedTokens[symbol] = {\n              symbol,\n              contractAddress: '',\n              hasPreview: false\n            };\n            try {\n              const {\n                fetchTokenInfoBySymbol\n              } = require('@devfunlabs/web-sdk');\n              const tokenInfo = await fetchTokenInfoBySymbol(symbol);\n              if (tokenInfo) {\n                newTokenPreviews[symbol] = {\n                  name: tokenInfo.name,\n                  price: tokenInfo.price,\n                  image: tokenInfo.image,\n                  contractAddress: tokenInfo.contractAddress\n                };\n                newDetectedTokens[symbol].hasPreview = true;\n                newDetectedTokens[symbol].contractAddress = tokenInfo.contractAddress;\n              }\n            } catch (error) {}\n          }\n        }\n        if (Object.keys(newDetectedTokens).length > 0) {\n          setDetectedTokens(prev => ({\n            ...prev,\n            ...newDetectedTokens\n          }));\n          setTokenPreviews(prev => ({\n            ...prev,\n            ...newTokenPreviews\n          }));\n          setShowTokenPanel(true);\n        } else if (matches.length === 0) {\n          setDetectedTokens({});\n          setTokenPreviews({});\n          setShowTokenPanel(false);\n        }\n      };\n      if (replyContent) {\n        detectTokensInText(replyContent);\n      }\n    }, [replyContent]);\n    const updateTokenContractAddress = (symbol, contractAddress) => {\n      setDetectedTokens(prev => ({\n        ...prev,\n        [symbol]: {\n          ...prev[symbol],\n          contractAddress\n        }\n      }));\n    };\n    const renderTokenPreview = (symbol, preview) => {\n      return <div className=\"flex items-center gap-2 p-2 text-xs\" style={{\n        backgroundColor: 'rgba(0, 239, 218, 0.1)',\n        border: '1px solid rgba(0, 239, 218, 0.3)'\n      }}>\n          {preview.image && <img src={preview.image} alt={symbol} className=\"w-4 h-4 object-contain\" style={{\n          imageRendering: 'pixelated'\n        }} />}\n          <div className=\"flex-1\">\n            <div style={{\n            color: '#00efda',\n            fontWeight: 'bold'\n          }}>${symbol}</div>\n            {preview.name && <div style={{\n            color: '#ffffff'\n          }}>{preview.name}</div>}\n            {preview.price && <div style={{\n            color: '#ffffff'\n          }}>${preview.price.toFixed(6)}</div>}\n          </div>\n        </div>;\n    };\n    const formatPostTextWithTokens = text => {\n      const tickerRegex = /(\\$[A-Z0-9]{2,10})/g;\n      const parts = text.split(tickerRegex);\n      return parts.map((part, i) => {\n        if (tickerRegex.test(part)) {\n          const symbol = part.substring(1);\n          const hasPreview = tokenPreviews[symbol];\n          return <span key={i} style={{\n            color: '#00efda',\n            fontWeight: 'bold',\n            position: 'relative',\n            cursor: hasPreview ? 'pointer' : 'default',\n            textDecoration: hasPreview ? 'underline' : 'none'\n          }} title={hasPreview ? `Click to view ${symbol} details` : undefined}>\n              {part}\n            </span>;\n        }\n        return part;\n      });\n    };\n    const handleImageUpload = e => {\n      const file = e.target.files[0];\n      if (file) {\n        if (file.size > 4 * 1024 * 1024) {\n          showNotification('Image Too Large', 'Please select an image smaller than 4MB.', 'error');\n          return;\n        }\n        setSelectedImage(file);\n        const reader = new FileReader();\n        reader.onload = e => setImagePreview(e.target.result);\n        reader.readAsDataURL(file);\n      }\n    };\n    const handleSubmit = async () => {\n      if (!userWallet || !replyContent.trim() || !replyingToPost) return;\n      let imageUrl = '';\n      if (selectedImage) {\n        const reader = new FileReader();\n        imageUrl = await new Promise(resolve => {\n          reader.onload = e => resolve(e.target.result);\n          reader.readAsDataURL(selectedImage);\n        });\n      }\n      const fullReplyContent = replyPrefix + replyContent;\n      await createPost(fullReplyContent, null, imageUrl, replyingToPost.id);\n      setReplyContent('');\n      setSelectedImage(null);\n      setImagePreview('');\n      onClose();\n    };\n    if (!replyingToPost) return null;\n    const board = boards.find(b => b.id === replyingToPost.boardId);\n    return <Modal isOpen={isOpen} onClose={onClose} title=\"[Post Reply]\">\n      <div className=\"mb-4 p-3 bg-gray-800 border border-gray-600 rounded\">\n        <div className=\"text-xs text-gray-400 mb-2\">Replying to:</div>\n        <div className=\"text-sm text-white\">\n          <strong>/{board?.name || 'unknown'}/ No.{replyingToPost.id.slice(-6)}</strong>\n        </div>\n        <div className=\"text-xs text-gray-300 mt-1 line-clamp-2\">\n          {replyingToPost.content.slice(0, 100)}...\n        </div>\n      </div>\n      <form name=\"post\" method=\"post\" className=\"max-w-4xl\">\n        <input type=\"hidden\" name=\"mode\" value=\"regist\" />\n        <input type=\"hidden\" name=\"resto\" value={replyingToPost.id} />\n        <input type=\"hidden\" name=\"MAX_FILE_SIZE\" value=\"4194304\" />\n        <input type=\"hidden\" name=\"pwd\" value={postPassword} onChange={e => setPostPassword(e.target.value)} />\n        <table className=\"w-full\">\n          <tbody>\n            <tr>\n              <td className=\"text-right pr-2 text-sm text-gray-400 align-top pt-2\">Comment</td>\n              <td className=\"py-1\">\n                <div className=\"space-y-2\">\n                  {replyPrefix && <div className=\"bg-gray-900 border border-gray-700 p-2 text-xs text-gray-400 font-mono\">\n                      <span className=\"text-blue-400\">{replyPrefix.trim()}</span>\n                    </div>}\n                  <textarea name=\"com\" value={replyContent} onChange={e => setReplyContent(e.target.value)} placeholder=\"Type your reply here. Use > for green text, / for red bold text, $TICKER for tokens...\" className=\"w-full h-32 sm:h-24 p-3 bg-gray-800 border border-gray-600 text-white resize-none text-sm focus:outline-none focus:border-white transition-colors\" cols=\"48\" rows=\"4\" wrap=\"soft\" tabIndex=\"4\" />\n                  {}\n                  {replyContent && <div className=\"p-2 text-xs\" style={{\n                    backgroundColor: 'rgba(15, 18, 25, 0.8)',\n                    border: '1px solid rgba(255, 255, 255, 0.1)',\n                    maxHeight: '100px',\n                    overflow: 'auto'\n                  }}>\n                      <div style={{\n                      color: '#A0A0A0'\n                    }}>Preview:</div>\n                      <div style={{\n                      color: '#ffffff'\n                    }}>\n                        {replyPrefix && <span style={{\n                        color: '#3B82F6'\n                      }}>{replyPrefix}</span>}\n                        {formatPostTextWithTokens(replyContent)}\n                      </div>\n                    </div>}\n                  {}\n                  {showTokenPanel && Object.keys(detectedTokens).length > 0 && <div className=\"p-3\" style={{\n                    backgroundColor: 'rgba(25, 30, 40, 0.8)',\n                    border: '1px solid rgba(0, 239, 218, 0.3)',\n                    borderRadius: '4px'\n                  }}>\n                      <div className=\"text-xs mb-2 font-mono\" style={{\n                      color: '#00efda'\n                    }}>\n                        Detected Tokens - Add Contract Addresses:\n                      </div>\n                      <div className=\"space-y-2\">\n                        {Object.entries(detectedTokens).map(([symbol, tokenData]) => <div key={symbol} className=\"flex items-center gap-2\">\n                            <div className=\"flex-1\">\n                              {tokenPreviews[symbol] ? renderTokenPreview(symbol, tokenPreviews[symbol]) : <div className=\"p-2 text-xs\" style={{\n                            backgroundColor: 'rgba(255, 255, 255, 0.05)',\n                            border: '1px solid rgba(255, 255, 255, 0.1)'\n                          }}>\n                                  <div style={{\n                              color: '#00efda',\n                              fontWeight: 'bold'\n                            }}>${symbol}</div>\n                                  <div style={{\n                              color: '#A0A0A0'\n                            }}>No preview available</div>\n                                </div>}\n                            </div>\n                            <div className=\"flex-1\">\n                              <input type=\"text\" placeholder=\"Contract address (optional)\" value={tokenData.contractAddress} onChange={e => updateTokenContractAddress(symbol, e.target.value)} className=\"w-full p-2 bg-gray-800 border border-gray-600 text-white text-xs focus:outline-none focus:border-green-400 transition-colors\" />\n                            </div>\n                          </div>)}\n                      </div>\n                    </div>}\n                </div>\n              </td>\n            </tr>\n            <tr>\n              <td className=\"text-right pr-2 text-sm text-gray-400 py-1\">Image</td>\n              <td className=\"py-1\">\n                <input type=\"file\" accept=\"image/*\" onChange={handleImageUpload} className=\"bg-gray-800 border border-gray-600 text-white text-sm px-3 py-2 w-full sm:w-48 min-h-[44px] file:mr-4 file:py-2 file:px-4 file:border-0 file:text-sm file:bg-gray-700 file:text-gray-300 hover:file:bg-gray-600 focus:outline-none focus:border-white transition-colors\" />\n                {imagePreview && <div className=\"mt-2\">\n                    <img src={imagePreview} alt=\"Preview\" className=\"max-w-48 max-h-32 object-contain border border-gray-600\" style={{\n                    imageRendering: 'pixelated'\n                  }} />\n                    <button type=\"button\" onClick={() => {\n                    setSelectedImage(null);\n                    setImagePreview('');\n                  }} className=\"ml-2 text-red-400 hover:text-red-300 text-xs font-mono\">\n                      [Remove]\n                    </button>\n                  </div>}\n              </td>\n            </tr>\n            <tr>\n              <td></td>\n              <td className=\"pt-2\">\n                <div className=\"text-gray-400 text-xs mb-2\">\n                  {userWallet ? `Posting as: ${formatWalletId(userWallet)}` : 'Connect wallet to post'}\n                </div>\n                <input type=\"submit\" value={loading ? 'Posting...' : 'Post Reply'} tabIndex=\"10\" onClick={e => {\n                  e.preventDefault();\n                  handleSubmit();\n                }} disabled={!userWallet || !replyContent.trim() || loading} className=\"px-4 py-3 text-white text-sm disabled:bg-gray-700 disabled:cursor-not-allowed min-h-[44px] font-mono\" style={{\n                  backgroundColor: !(!userWallet || !replyContent.trim() || loading) ? '#00ef5a' : 'rgb(55, 55, 55)',\n                  color: !(!userWallet || !replyContent.trim() || loading) ? 'black' : 'white'\n                }} />\n              </td>\n            </tr>\n          </tbody>\n        </table>\n      </form>\n    </Modal>;\n  };\n  const isAdmin = userWallet === 'DtdnqvRddQspZvRV5SJX2DeqxmLYef7Hqn9LFK9LioJS';\n  const deletePost = async postId => {\n    if (!devbaseClient || !userWallet) return;\n    try {\n      const votesToDelete = await devbaseClient.listEntities('votes', {\n        postId: postId\n      });\n      for (const vote of votesToDelete) {\n        await devbaseClient.deleteEntity('votes', vote.id);\n      }\n      await devbaseClient.deleteEntity('posts', postId);\n      await loadPosts(1);\n      await loadUserStats();\n      showNotification('Post Deleted', 'Post has been successfully deleted.', 'success');\n    } catch (error) {\n      console.error('Error deleting post:', error);\n    }\n  };\n  const clearAllVotes = async () => {\n    if (!devbaseClient || !isAdmin) return;\n    if (!confirm('Are you sure you want to clear ALL votes (including post votes and bet votes) from the database? This action cannot be undone.')) {\n      return;\n    }\n    try {\n      setLoading(true);\n      const allPostVotes = await devbaseClient.listEntities('votes');\n      const allBetVotes = await devbaseClient.listEntities('bet_votes');\n      const totalVotes = allPostVotes.length + allBetVotes.length;\n      showNotification('Clearing All Votes', `Deleting ${totalVotes} votes (${allPostVotes.length} post votes + ${allBetVotes.length} bet votes)...`, 'info');\n      for (const vote of allPostVotes) {\n        await devbaseClient.deleteEntity('votes', vote.id);\n      }\n      for (const betVote of allBetVotes) {\n        await devbaseClient.deleteEntity('bet_votes', betVote.id);\n      }\n      setOptimisticVoteCounts({});\n      setUserPostVotes({});\n      setUserBetVotes({});\n      setPendingVotes({});\n      setPosts([]);\n      setUserStats(null);\n      await new Promise(resolve => setTimeout(resolve, 500));\n      await loadPosts(1);\n      await loadUserStats();\n      await loadUserPostVotes();\n      await loadUserBetVotes();\n      await loadBets();\n      await new Promise(resolve => setTimeout(resolve, 200));\n      await loadPosts(1);\n      showNotification('All Votes Cleared', `Successfully cleared ${totalVotes} votes from the database (${allPostVotes.length} post votes + ${allBetVotes.length} bet votes). All vote counts reset to zero.`, 'success');\n    } catch (error) {\n      console.error('Error clearing votes:', error);\n      showNotification('Clear Failed', 'Failed to clear votes. Please try again.', 'error');\n    } finally {\n      setLoading(false);\n    }\n  };\n  return <div style={{\n    backgroundColor: 'rgb(15, 18, 25)',\n    backgroundImage: `\n      linear-gradient(rgba(0, 239, 90, 0.023) 1px, transparent 1px),\n      linear-gradient(90deg, rgba(0, 239, 90, 0.023) 1px, transparent 1px)\n    `,\n    backgroundSize: '40px 40px, 40px 40px',\n    imageRendering: 'pixelated',\n    textRendering: 'optimizeSpeed'\n  }} className=\"min-h-screen text-white custom-scrollbar relative pixelated-container\">\n      <style jsx>{`\n        @keyframes pixelGlitch {\n          0%, 85% {\n            transform: translate(0);\n            color: #00ef5a;\n          }\n          86%, 88% {\n            transform: translate(-3px, 2px);\n            color: #ffffff;\n          }\n          89%, 91% {\n            transform: translate(2px, -2px);\n            color: #ff0066;\n          }\n          92%, 94% {\n            transform: translate(-2px, -3px);\n            color: #000000;\n          }\n          95%, 97% {\n            transform: translate(1px, 1px);\n            color: #00ef5a;\n          }\n          98%, 100% {\n            transform: translate(0);\n            color: #00ef5a;\n          }\n        }\n        @keyframes pixelTextGlitch {\n          0%, 85% {\n            text-shadow: none;\n          }\n          86%, 88% {\n            text-shadow: \n              2px 0 #ff0066,\n              -2px 0 #000000;\n          }\n          89%, 91% {\n            text-shadow: \n              -3px 0 #ffffff,\n              3px 0 #ff0066;\n          }\n          92%, 94% {\n            text-shadow: \n              2px 2px #000000,\n              -2px -2px #00ef5a;\n          }\n          95%, 97% {\n            text-shadow: \n              -2px 2px #ff0066,\n              2px -2px #ffffff;\n          }\n          98%, 100% {\n            text-shadow: none;\n          }\n        }\n        .glitch-text {\n          animation: pixelGlitch 4s steps(8, end) infinite, pixelTextGlitch 3.5s steps(6, end) infinite;\n          position: relative;\n          filter: contrast(1.3) saturate(1.4);\n          image-rendering: pixelated;\n          text-rendering: optimizeSpeed;\n          font-weight: 900;\n          transition: all 0.2s ease;\n        }\n        .glitch-text:hover {\n          animation: pixelGlitch 0.8s steps(8, end) infinite, pixelTextGlitch 0.6s steps(6, end) infinite;\n        }\n        .glitch-text:before,\n        .glitch-text:after {\n          content: attr(data-text);\n          position: absolute;\n          top: 0;\n          left: 0;\n          opacity: 0.7;\n        }\n        .glitch-text:before {\n          animation: pixelGlitch 1.5s steps(4, end) infinite reverse;\n          color: #ff0066;\n          z-index: -1;\n          transform: translate(-1px, 1px);\n        }\n        .glitch-text:hover:before {\n          animation: pixelGlitch 0.3s steps(4, end) infinite reverse;\n        }\n        .glitch-text:after {\n          animation: pixelGlitch 2.5s steps(3, end) infinite;\n          color: #000000;\n          z-index: -2;\n          transform: translate(1px, -1px);\n        }\n        .glitch-text:hover:after {\n          animation: pixelGlitch 0.5s steps(3, end) infinite;\n        }\n        .pixelated-container {\n          font-variant-ligatures: none;\n          text-rendering: optimizeSpeed;\n          font-feature-settings: \"liga\" 0;\n        }\n        .pixelated-container * {\n          image-rendering: pixelated;\n          image-rendering: -moz-crisp-edges;\n          image-rendering: crisp-edges;\n          text-rendering: optimizeSpeed;\n        }\n        .custom-scrollbar::-webkit-scrollbar {\n          width: 12px;\n          height: 12px;\n        }\n        .custom-scrollbar::-webkit-scrollbar-track {\n          background: rgb(15, 18, 25);\n          border: 1px solid rgba(0, 239, 90, 0.2);\n        }\n        .custom-scrollbar::-webkit-scrollbar-thumb {\n          background: linear-gradient(45deg, rgba(0, 239, 90, 0.6), rgba(0, 239, 90, 0.8));\n          border-radius: 2px;\n          border: 2px solid rgb(15, 18, 25);\n          image-rendering: pixelated;\n        }\n        .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n          background: linear-gradient(45deg, #00ef5a, rgba(0, 239, 90, 0.9));\n        }\n        .custom-scrollbar {\n          scrollbar-width: thin;\n          scrollbar-color: rgba(0, 239, 90, 0.6) rgb(15, 18, 25);\n        }\n        * {\n          scrollbar-width: thin;\n          scrollbar-color: rgba(0, 239, 90, 0.6) rgb(15, 18, 25);\n        }\n        *::-webkit-scrollbar-track {\n          background: rgb(15, 18, 25);\n        }\n        *::-webkit-scrollbar-thumb {\n          background: linear-gradient(45deg, rgba(0, 239, 90, 0.5), rgba(0, 239, 90, 0.7));\n          border-radius: 5px;\n          border: 2px solid rgb(15, 18, 25);\n        }\n        *::-webkit-scrollbar-thumb:hover {\n          background: linear-gradient(45deg, #00ef5a, rgba(0, 239, 90, 0.9));\n        }\n        /* Hide scrollbars on mobile devices */\n        @media (max-width: 767px) {\n          .custom-scrollbar::-webkit-scrollbar {\n            width: 0px;\n            height: 0px;\n          }\n          .custom-scrollbar {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n          }\n          * {\n            scrollbar-width: none;\n            -ms-overflow-style: none;\n          }\n          *::-webkit-scrollbar {\n            width: 0px;\n            height: 0px;\n            display: none;\n          }\n        }\n        /* Touch-friendly styles */\n        .touch-manipulation {\n          touch-action: manipulation;\n          -webkit-touch-callout: none;\n          -webkit-user-select: none;\n          -khtml-user-select: none;\n          -moz-user-select: none;\n          -ms-user-select: none;\n          user-select: none;\n        }\n        @media (max-width: 1023px) {\n          button, input[type=\"submit\"], .touch-manipulation {\n            min-height: 48px !important;\n            min-width: 48px;\n            touch-action: manipulation;\n          }\n        }\n        .blurred-background {\n          filter: blur(3px);\n          opacity: 0.6;\n          pointer-events: none;\n        }\n        /* Wallet Adapter Custom Styling */\n        .wallet-adapter-dropdown {\n          position: relative !important;\n        }\n        .wallet-adapter-button {\n          background-color: rgb(55, 65, 81) !important;\n          border: 1px solid rgb(107, 114, 128) !important;\n          color: rgb(243, 244, 246) !important;\n          font-family: ui-monospace, SFMono-Regular, \"SF Mono\", Consolas, \"Liberation Mono\", Menlo, monospace !important;\n          padding: 8px 16px !important;\n          height: 44px !important;\n          transition: all 0.1s steps(2, end) !important;\n          image-rendering: pixelated !important;\n          text-rendering: optimizeSpeed !important;\n          font-weight: 700 !important;\n        }\n        .wallet-adapter-button:hover {\n          background-color: rgb(75, 85, 99) !important;\n          border-color: rgb(59, 130, 246) !important;\n          color: rgb(147, 197, 253) !important;\n        }\n        .wallet-adapter-dropdown-list {\n          background-color: rgb(31, 41, 55) !important;\n          border: 1px solid rgb(107, 114, 128) !important;\n          box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.25) !important;\n          padding: 4px !important;\n          margin-top: 4px !important;\n          min-width: 180px !important;\n        }\n        .wallet-adapter-dropdown-list-item {\n          color: rgb(243, 244, 246) !important;\n          padding: 8px 12px !important;\n          cursor: pointer !important;\n          font-family: ui-monospace, SFMono-Regular, \"SF Mono\", Consolas, \"Liberation Mono\", Menlo, monospace !important;\n          font-size: 14px !important;\n          transition: all 0.2s ease !important;\n        }\n        .wallet-adapter-dropdown-list-item:hover {\n          background-color: rgb(75, 85, 99) !important;\n          color: rgb(147, 197, 253) !important;\n        }\n        .wallet-adapter-button-start-icon {\n          margin-right: 8px !important;\n        }\n        .wallet-adapter-button-start-icon img {\n          width: 20px !important;\n          height: 20px !important;\n        }\n      `}</style>\n      <div>\n        {location.pathname !== '/' && <div style={{\n        backgroundColor: 'rgba(15, 18, 25, 0.95)',\n        borderBottom: '1.1px solid rgba(200, 200, 200, 0.2)'\n      }} className=\"px-2 py-2 backdrop-blur-md fixed top-0 left-0 right-0 z-50\">\n      <div className=\"max-w-full mx-auto px-2 flex flex-col lg:flex-row lg:justify-between lg:items-center text-sm font-mono gap-2\">\n        <div className=\"flex items-center lg:contents\">\n          <div className=\"flex lg:flex-1 lg:justify-start\">\n            <Link to=\"/feed\" className=\"flex items-center gap-3 group\">\n              <img src=\"https://cdn.dev.fun/asset/047578b238dbfe527d79/green red logo final_b5afc37d.png\" alt=\"fudfi logo\" className=\"h-8 sm:h-10 transition-transform duration-300 group-hover:scale-110\" />\n              <div className=\"hidden sm:block\">\n                <div className=\"text-xl sm:text-2xl font-bold tracking-wider transition-all duration-300 group-hover:scale-105 glitch-text\" data-text=\"/fudfi/\" style={{\n                    color: '#00ef5a'\n                  }}>\n                  /fudfi/\n                </div>\n              </div>\n            </Link>\n          </div>\n          <div className=\"flex flex-1 justify-center lg:flex-1 lg:justify-center\">\n            <div className=\"relative\">\n              <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4\" style={{\n                  color: '#808080'\n                }} />\n              <input type=\"text\" placeholder=\"Search posts...\" value={headerSearchInput} onChange={e => setHeaderSearchInput(e.target.value)} onKeyPress={e => {\n                  if (e.key === 'Enter' && headerSearchInput.trim()) {\n                    navigate(`/search/${encodeURIComponent(headerSearchInput.trim())}`);\n                    setHeaderSearchInput('');\n                  }\n                }} style={{\n                  backgroundColor: 'rgba(25, 30, 40, 0.6)',\n                  border: '1px solid rgba(200, 200, 200, 0.2)',\n                  color: '#E0E0E0'\n                }} className=\"text-sm pl-9 pr-3 py-2 w-48 lg:w-64 focus:outline-none focus:border-gray-400 transition-all duration-300\" />\n            </div>\n          </div>\n        </div>\n        <div className=\"flex justify-center lg:justify-end lg:flex-1\">\n          <div className=\"flex gap-1\">\n            <Link to=\"/feed\" style={{\n                color: location.pathname === '/feed' ? '#F0F0F0' : '#D0D0D0',\n                backgroundColor: location.pathname === '/feed' ? 'rgba(200, 200, 200, 0.1)' : 'transparent',\n                border: location.pathname === '/feed' ? '1.1px solid rgba(200, 200, 200, 0.2)' : '1.1px solid transparent',\n                transform: location.pathname === '/feed' ? 'scale(0.95)' : 'scale(1)'\n              }} className=\"transition-all duration-300 px-4 py-3 min-h-[44px] font-mono hover:text-white hover:bg-opacity-20\">\n              [Home]\n            </Link>\n            <Link to=\"/boards\" style={{\n                color: location.pathname.startsWith('/boards') ? '#F0F0F0' : '#ffffff',\n                backgroundColor: location.pathname.startsWith('/boards') ? 'rgba(200, 200, 200, 0.1)' : 'transparent',\n                border: location.pathname.startsWith('/boards') ? '1.1px solid rgba(200, 200, 200, 0.2)' : '1.1px solid transparent',\n                transform: location.pathname.startsWith('/boards') ? 'scale(0.95)' : 'scale(1)'\n              }} className=\"transition-all duration-300 px-4 py-3 min-h-[44px] font-mono hover:text-white hover:bg-opacity-20\">\n              [Boards]\n            </Link>\n            <Link to=\"/leaderboard\" style={{\n                color: location.pathname === '/leaderboard' ? '#F0F0F0' : '#ffffff',\n                backgroundColor: location.pathname === '/leaderboard' ? 'rgba(200, 200, 200, 0.1)' : 'transparent',\n                border: location.pathname === '/leaderboard' ? '1.1px solid rgba(200, 200, 200, 0.2)' : '1.1px solid transparent',\n                transform: location.pathname === '/leaderboard' ? 'scale(0.95)' : 'scale(1)'\n              }} className=\"transition-all duration-300 px-4 py-3 min-h-[44px] font-mono hover:text-white hover:bg-opacity-20\">\n              [Leaderboard]\n            </Link>\n            <Link to=\"/profile\" style={{\n                color: location.pathname === '/profile' ? '#F0F0F0' : '#ffffff',\n                backgroundColor: location.pathname === '/profile' ? 'rgba(200, 200, 200, 0.1)' : 'transparent',\n                border: location.pathname === '/profile' ? '1.1px solid rgba(200, 200, 200, 0.2)' : '1.1px solid transparent',\n                transform: location.pathname === '/profile' ? 'scale(0.95)' : 'scale(1)'\n              }} className=\"transition-all duration-300 px-4 py-3 min-h-[44px] font-mono hover:text-white hover:bg-opacity-20\">\n              {userWallet ? '[Profile]' : '[Connect]'}\n            </Link>\n          </div>\n        </div>\n      </div>\n      </div>}\n      <AnimatePresence mode=\"wait\">\n        <motion.div key={location.pathname} initial={{\n          opacity: location.pathname === '/feed' ? 0 : 1,\n          y: location.pathname === '/feed' ? 20 : 0,\n          scale: 1\n        }} animate={{\n          opacity: 1,\n          y: 0,\n          scale: 1\n        }} exit={{\n          opacity: location.pathname === '/feed' ? 0 : 1,\n          y: location.pathname === '/feed' ? -20 : 0,\n          scale: 1\n        }} transition={{\n          duration: location.pathname === '/feed' ? 0.5 : 0,\n          ease: [0.25, 0.46, 0.45, 0.94],\n          opacity: {\n            duration: location.pathname === '/feed' ? 0.3 : 0\n          }\n        }} style={{\n          paddingTop: location.pathname !== '/' ? window.innerWidth < 768 ? '100px' : '80px' : '0'\n        }}>\n          <Routes location={location}>\n        <Route path=\"/\" element={<LandingPage />} />\n        <Route path=\"/feed\" element={<HomePage />} />\n        <Route path=\"/boards\" element={<BoardsView />} />\n        <Route path=\"/boards/:boardId\" element={<BoardThreadView />} />\n        <Route path=\"/thread/:threadId\" element={<ThreadView />} />\n        <Route path=\"/leaderboard\" element={<LeaderboardView />} />\n        <Route path=\"/profile\" element={<ProfileView />} />\n        <Route path=\"/search/:query\" element={<SearchResultsView />} />\n        <Route path=\"*\" element={<Navigate to=\"/\" replace />} />\n      </Routes>\n        </motion.div>\n      </AnimatePresence>\n      <PostingModal isOpen={isPostingOpen} onClose={() => setIsPostingOpen(false)} newPost={newPost} setNewPost={setNewPost} userWallet={userWallet} createPost={createPost} loading={loading} formatWalletId={formatWalletId} />\n      <ReplyModal isOpen={isReplyingOpen} onClose={() => {\n        setIsReplyingOpen(false);\n        setReplyingToPost(null);\n        setNewPost('');\n      }} newPost={newPost} setNewPost={setNewPost} userWallet={userWallet} createPost={createPost} loading={loading} formatWalletId={formatWalletId} replyingToPost={replyingToPost} />\n      </div>\n      <NotificationPopup notification={notification} onClose={closeNotification} />\n    </div>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"@devfunlabs/web-sdk\":\"0.5.6\",\"lucide-react\":\"0.441.0\",\"react-router-dom\":\"6.18.0\",\"framer-motion\":\"10.16.4\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-react-ui\":\"0.9.35\",\"@solana/wallet-adapter-wallets\":\"0.19.32\",\"@solana/web3.js\":\"1.95.3\"}}","appFunctions",[81,89,95,101,107],{"_14":82,"_37":83,"_39":84,"_20":85,"_86":87,"_88":42},["B","27500"],["D",1757947943694],["D",1757947943694],"$FUNC_CALCULATE_CREDIBILITY_SCORE","body","async function $FUNC_CALCULATE_CREDIBILITY_SCORE(walletAddress) {\n      if (!walletAddress) return 0;\n      try {\n        const solBalance = await $GET_BALANCE(walletAddress, \"SOL\");\n        if (solBalance >= 10) return 90;\n        if (solBalance >= 5) return 75;\n        if (solBalance >= 1) return 60;\n        if (solBalance >= 0.5) return 45;\n        if (solBalance >= 0.1) return 30;\n        if (solBalance > 0) return 15;\n        return 5;\n      } catch (error) {\n        console.error(`Error calculating credibility score for ${walletAddress}:`, error);\n        return 0;\n      }\n    }","commitId",{"_14":90,"_37":91,"_39":92,"_20":93,"_86":94,"_88":42},["B","27501"],["D",1757947943696],["D",1757947943696],"$FUNC_DETECT_TOKEN_SYMBOL","async function $FUNC_DETECT_TOKEN_SYMBOL(content) {\n      if (!content) return null;\n      const match = content.match(/\\$([A-Z0-9]{2,10})/);\n      return match ? match[1] : null;\n    }",{"_14":96,"_37":97,"_39":98,"_20":99,"_86":100,"_88":42},["B","27502"],["D",1757947943698],["D",1757947943698],"$FUNC_GET_CURRENT_TOKEN_PRICE","async function $FUNC_GET_CURRENT_TOKEN_PRICE(symbol) {\n      if (!symbol) return null;\n      try {\n        const { fetchTokenInfoBySymbol } = require('@devfunlabs/web-sdk');\n        const tokenInfo = await fetchTokenInfoBySymbol(symbol);\n        return tokenInfo?.price || null;\n      } catch (error) {\n        console.error(`Error fetching current token price for ${symbol}:`, error);\n        return null;\n      }\n    }",{"_14":102,"_37":103,"_39":104,"_20":105,"_86":106,"_88":42},["B","27503"],["D",1757947943699],["D",1757947943699],"$FUNC_GET_TOKEN_INFO_SNAPSHOT","async function $FUNC_GET_TOKEN_INFO_SNAPSHOT(symbol) {\n      if (!symbol) return null;\n      try {\n        const { fetchTokenInfoBySymbol } = require('@devfunlabs/web-sdk');\n        const tokenInfo = await fetchTokenInfoBySymbol(symbol);\n        if (!tokenInfo) return null;\n        return JSON.stringify({\n          contractAddress: tokenInfo.contractAddress,\n          name: tokenInfo.name,\n          symbol: tokenInfo.symbol,\n          website: tokenInfo.website,\n          image: tokenInfo.image\n        });\n      } catch (error) {\n        console.error(`Error fetching token info for ${symbol}:`, error);\n        return null;\n      }\n    }",{"_14":108,"_37":109,"_39":110,"_20":111,"_86":112,"_88":42},["B","27504"],["D",1757947943700],["D",1757947943700],"$FUNC_GET_TOKEN_PRICE_AT_POST","async function $FUNC_GET_TOKEN_PRICE_AT_POST(symbol) {\n      if (!symbol) return null;\n      try {\n        const { fetchTokenInfoBySymbol } = require('@devfunlabs/web-sdk');\n        const tokenInfo = await fetchTokenInfoBySymbol(symbol);\n        return tokenInfo?.price || null;\n      } catch (error) {\n        console.error(`Error fetching token price for ${symbol}:`, error);\n        return null;\n      }\n    }","token","upstreamApp","isLordOfDev","analytics",[118,122,124,126,128,130,132,134,136,138,140,142,144,146,148,150,152,153,155,157],{"_119":120,"_121":62},"day","2025-09-01","runCount",{"_119":123,"_121":62},"2025-09-02",{"_119":125,"_121":62},"2025-09-03",{"_119":127,"_121":62},"2025-09-04",{"_119":129,"_121":62},"2025-09-05",{"_119":131,"_121":62},"2025-09-06",{"_119":133,"_121":62},"2025-09-07",{"_119":135,"_121":62},"2025-09-08",{"_119":137,"_121":62},"2025-09-09",{"_119":139,"_121":62},"2025-09-10",{"_119":141,"_121":62},"2025-09-11",{"_119":143,"_121":62},"2025-09-12",{"_119":145,"_121":62},"2025-09-13",{"_119":147,"_121":62},"2025-09-14",{"_119":137,"_121":149},9,{"_119":139,"_121":151},13,{"_119":141,"_121":44},{"_119":143,"_121":154},2,{"_119":145,"_121":156},6,{"_119":158,"_121":159},"2025-09-15",22,"snapshot","ogImage","https://cdn.dev.fun/og/image/047578b238dbfe527d79/48fa0971.webp","isDevbase","project",{"_14":19,"_166":167,"_20":21,"_168":169,"_22":170},"image","https://cdn.dev.fun/upload/projects/19a1f87d.png","oneliner","4chan meets Web3 betting","Post FUD, share alpha, and bet on which projects will rug - all while your wallet does the talking. Green text for maximum cope, betting pools for maximum hopium, and leaderboards for maximum autism.","actionData","errors"]
</article></body></html>

{title}

\n \n \n [Active Bets]\n \n

\n [Quick Stats]\n

\n [Live Fuds]\n

\n {fullText}\n

\n [SYSTEM CAPABILITIES]\n

\n [PROOF_OF_STAKE]\n

\n [FEATURED_FUD_SYSTEM]\n

\n [COMMUNITY_REWARDS]\n

\n [QUICK_RESEARCH]\n

\n [FUD_BETTING_MARKETS]\n

\n [Join the Community]\n

\n Early Access\n

\n Community Rewards\n

\n \n \n [Active Bets]\n \n

\n [Quick Stats]\n

\n {mobileActiveTab === 'feed' && '[Live Fuds]'}\n {mobileActiveTab === 'bets' && '[Active Bets]'}\n {mobileActiveTab === 'stats' && '[Quick Stats]'}\n

\n [Live Fuds]\n

[Project Boards]

\n [Search Results for: \"{decodedQuery}\"]\n

\n [Posts ({searchResults.posts.length})]\n

\n [Boards ({searchResults.boards.length})]\n

\n [Bets ({searchResults.bets.length})]\n

[Leaderboards]

[User Profile]

\n /fudfi/ - /{board?.name || 'unknown'}/\n

/fudfi/ - /{board.name}/

\n
\n \n [Active Bets]\n
\n

\n
\n \n [Active Bets]\n
\n

say something