[{"_1":2,"_239":-5,"_240":-5},"loaderData",{"_3":4,"_10":11},"root",{"_5":-5,"_6":7,"_8":9},"user","appId","cm7twdhs6009l11ml868xhxld","wsEndpoint","https://dev.fun","routes/p.$appId",{"_12":13,"_237":-5,"_118":-7,"_238":17},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":27,"_28":27,"_29":30,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_5":46,"_57":58,"_59":60,"_61":58,"_62":63,"_64":60,"_65":66,"_67":43,"_68":43,"_69":60,"_70":60,"_71":17,"_72":27,"_73":74,"_75":76,"_77":78,"_79":80,"_89":90,"_108":109,"_194":17,"_132":17,"_195":196,"_118":33,"_120":229,"_230":27,"_231":232},"id","a786149abf1539bb7ef5","isMyApp",false,"projectId","cmfnyzrju00058fyj66e3jopx","name","CGN","description","Your crypto portfolio meets mission impossible! Track your token origins like a blockchain detective while community proposals vanish into the digital void after exactly 72 hours. Every investment suggestion, trade idea, and governance proposal gets the Snapchat treatment - creating a high-stakes environment where decisions matter and timing is everything. Watch proposals countdown to digital destruction while your portfolio history lives forever.","brief","Crypto portfolio tracker where community proposals self-destruct in 72 hours!","isLive",true,"isPublic","tags",[31],"👑","cover","https://cdn.dev.fun/snapshot/a786149abf1539bb7ef5/104528_9688a823.webp","cdnUrl","https://cdn.dev.fun/app/a786149abf1539bb7ef5/104528","createdAt",["D",1758112844736],"updatedAt",["D",1758114625106],"lastCommitId",["B","104528"],"tier",1,"credits",27,{"_14":47,"_48":49,"_50":-5,"_51":49,"_52":53,"_54":-5,"_55":56},"92d937e5-b612-4f53-8a26-2dfad9e9dcf9","uniqueId","AdzfH5cnLZ1n5T5iqNMMRgpTSQPMh48PKshfm8a4LwBY","username","solanaWallet","displayName","Adz...wBY","bio","avatar","/avatar.svg","commitCount",5,"forkCount",0,"likeCount","runsCount",609,"downvoteCount","upvoteCount",2,"upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","927LiYw7a3AtCZtszLDaYY1kD7i5vN1w2YXnbn6c9dev","code","import { useState, useEffect } from 'react';\nimport { useDevapp, DevappProvider, UserButton, fetchTokenInfoByAddress } from '@devfunlabs/web-sdk';\nimport { Connection, PublicKey } from '@solana/web3.js';\nimport { TOKEN_PROGRAM_ID } from '@solana/spl-token';\nimport { Plus, Vote, Clock } from 'lucide-react';\nconst ELIGIBILITY_CUTOFF_TIMESTAMP = new Date('2025-05-13T00:00:00Z').getTime();\nconst PROPOSAL_EXPIRY_HOURS = 72;\nfunction App() {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [tokens, setTokens] = useState([]);\n const [loading, setLoading] = useState(false);\n const [selectedToken, setSelectedToken] = useState(null);\n const [proposalText, setProposalText] = useState('');\n const [showProposalForm, setShowProposalForm] = useState(false);\n const [proposals, setProposals] = useState([]);\n const [votes, setVotes] = useState([]);\n useEffect(() => {\n if (userWallet) {\n fetchUserTokens();\n }\n }, [userWallet]);\n useEffect(() => {\n if (selectedToken) {\n fetchProposals();\n fetchVotes();\n }\n }, [selectedToken]);\n useEffect(() => {\n setShowProposalForm(false);\n setProposalText('');\n }, [selectedToken?.mint]);\n useEffect(() => {\n setShowProposalForm(false);\n setProposalText('');\n }, [userWallet]);\n const isProposalValid = proposal => {\n const now = Date.now();\n const createdAt = proposal.createdAt;\n const hoursDiff = (now - createdAt) / (1000 * 60 * 60);\n return hoursDiff < PROPOSAL_EXPIRY_HOURS;\n };\n const getTimeRemaining = proposal => {\n const now = Date.now();\n const createdAt = proposal.createdAt;\n const expiryTime = createdAt + PROPOSAL_EXPIRY_HOURS * 60 * 60 * 1000;\n const timeLeft = expiryTime - now;\n if (timeLeft <= 0) return 'EXPIRED';\n const hours = Math.floor(timeLeft / (1000 * 60 * 60));\n const minutes = Math.floor(timeLeft % (1000 * 60 * 60) / (1000 * 60));\n return `${hours}h ${minutes}m`;\n };\n const fetchUserTokens = async () => {\n if (!userWallet) return;\n setLoading(true);\n try {\n const connection = new Connection('https://rpc.dev.fun/a786149abf1539bb7ef5');\n if (typeof userWallet !== 'string' || userWallet.length === 0) {\n console.error('Invalid userWallet:', userWallet);\n setLoading(false);\n return;\n }\n let walletPubkey;\n try {\n walletPubkey = new PublicKey(userWallet);\n } catch (pubkeyError) {\n console.error('Error creating PublicKey from userWallet:', pubkeyError);\n setLoading(false);\n return;\n }\n const tokenAccounts = await connection.getParsedTokenAccountsByOwner(walletPubkey, {\n programId: TOKEN_PROGRAM_ID\n });\n const tokensWithMetadata = [];\n for (const tokenAccount of tokenAccounts.value) {\n const tokenAmount = tokenAccount.account.data.parsed.info.tokenAmount;\n if (parseFloat(tokenAmount.amount) > 0) {\n const mint = tokenAccount.account.data.parsed.info.mint;\n try {\n const tokenInfo = await fetchTokenInfoByAddress(mint);\n const isEligible = tokenInfo?.createdTime ? tokenInfo.createdTime >= ELIGIBILITY_CUTOFF_TIMESTAMP : false;\n tokensWithMetadata.push({\n mint,\n name: tokenInfo?.name || `Token ${mint.slice(0, 4)}...`,\n symbol: tokenInfo?.symbol || 'UNKNOWN',\n image: tokenInfo?.image || `https://via.placeholder.com/64/64/9333ea/ffffff?text=${(tokenInfo?.symbol || 'T').charAt(0)}`,\n balance: tokenAmount.uiAmount || 0,\n marketCap: tokenInfo?.marketcap || 0,\n createdTime: tokenInfo?.createdTime || null,\n isEligible: isEligible\n });\n } catch (error) {\n console.log(`Could not fetch info for token ${mint}:`, error);\n tokensWithMetadata.push({\n mint,\n name: `Token ${mint.slice(0, 4)}...${mint.slice(-4)}`,\n symbol: 'UNKNOWN',\n image: `https://via.placeholder.com/64/64/6b7280/ffffff?text=?`,\n balance: tokenAmount.uiAmount || 0,\n marketCap: 0,\n createdTime: null,\n isEligible: false\n });\n }\n }\n }\n setTokens(tokensWithMetadata);\n } catch (error) {\n console.error('Error fetching tokens:', error);\n }\n setLoading(false);\n };\n const fetchProposals = async () => {\n if (!selectedToken || !devbaseClient) return;\n try {\n const tokenProposals = await devbaseClient.listEntities('proposals', {\n tokenMint: selectedToken.mint\n });\n const validProposals = (tokenProposals || []).filter(isProposalValid);\n setProposals(validProposals);\n } catch (error) {\n console.error('Error fetching proposals:', error);\n setProposals([]);\n }\n };\n const fetchVotes = async () => {\n if (!devbaseClient) return;\n try {\n const allVotes = await devbaseClient.listEntities('votes');\n setVotes(allVotes || []);\n } catch (error) {\n console.error('Error fetching votes:', error);\n setVotes([]);\n }\n };\n const submitProposal = async () => {\n if (!proposalText.trim() || !selectedToken || !userWallet || !devbaseClient) return;\n if (!selectedToken.isEligible) {\n alert('Cannot submit proposals for tokens created before May 13, 2025. This token is too old / created before creator rewards.');\n return;\n }\n try {\n await devbaseClient.createEntity('proposals', {\n tokenMint: selectedToken.mint,\n tokenName: selectedToken.name,\n tokenTicker: selectedToken.symbol,\n proposalText: proposalText.trim(),\n submittedBy: userWallet\n });\n setProposalText('');\n setShowProposalForm(false);\n fetchProposals();\n } catch (error) {\n console.error('Error submitting proposal:', error);\n }\n };\n const vote = async (proposalId, voteType) => {\n if (!userWallet || !devbaseClient) return;\n const proposal = proposals.find(p => p.id === proposalId);\n if (!proposal || !isProposalValid(proposal)) {\n alert('This proposal has expired and can no longer be voted on!');\n return;\n }\n const existingVote = votes.find(v => v.proposalId === proposalId && v.voterWallet === userWallet);\n if (existingVote) {\n alert('You have already voted on this proposal!');\n return;\n }\n try {\n await devbaseClient.createEntity('votes', {\n proposalId,\n voterWallet: userWallet,\n voteType\n });\n fetchVotes();\n } catch (error) {\n console.error('Error voting:', error);\n }\n };\n const getVoteScore = proposalId => {\n const proposalVotes = votes.filter(v => v.proposalId === proposalId);\n const upvotes = proposalVotes.filter(v => v.voteType === 'up').length;\n const downvotes = proposalVotes.filter(v => v.voteType === 'down').length;\n return upvotes - downvotes;\n };\n const hasUserVoted = proposalId => {\n return votes.some(v => v.proposalId === proposalId && v.voterWallet === userWallet);\n };\n const userOwnsToken = tokenMint => {\n return tokens.some(t => t.mint === tokenMint);\n };\n const formatCompactCurrency = value => {\n if (!value) return '$0';\n if (value >= 1000000) {\n return `${(value / 1000000).toFixed(1)}M`;\n }\n if (value >= 1000) {\n return `${(value / 1000).toFixed(1)}K`;\n }\n return `${value.toFixed(0)}`;\n };\n const formatCreationDate = timestamp => {\n if (!timestamp) return 'Unknown date';\n const date = new Date(timestamp);\n return date.toLocaleDateString('en-US', {\n year: 'numeric',\n month: 'short',\n day: 'numeric'\n });\n };\n const sortedProposals = proposals.map(proposal => ({\n ...proposal,\n score: getVoteScore(proposal.id)\n })).sort((a, b) => b.score - a.score);\n if (!userWallet) {\n return

\n $\"Creator$ \n

\n Decision-making infrastructure for Creator Capital Markets. \nWith creator fees, incentives are finally aligned. With CGN, decision-making is too.\n

\n \n

;\n }\n return

\n $\"CGN\"$ \n

Decision-making infrastructure for Creator Capital Markets

\n \n

\n {!selectedToken ?

Holdings

\n {loading ?

\n {[...Array(6)].map((_, i) =>

)}\n

: tokens.length === 0 ?

No SPL tokens found in your wallet.

\n {tokens.map(token =>

setSelectedToken(token)} className={`relative rounded-2xl bg-[#1d2531] text-white border border-transparent hover:border-[#83efaa] transition shadow-md p-4 flex items-center w-full min-h-[100px] sm:min-h-[110px] cursor-pointer touch-manipulation ${selectedToken?.mint === token.mint ? 'ring-2 ring-emerald-400' : ''} ${!token.isEligible ? 'grayscale opacity-50' : ''}`}>\n

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

{\n e.target.src = `https://via.placeholder.com/64/64/6b7280/ffffff?text=${token.symbol.charAt(0)}`;\n }} /> : 'no image'}\n

\n {token.name} ({token.symbol})\n

\n market cap: {formatCompactCurrency(token.marketCap)}\n

\n created: {formatCreationDate(token.createdTime)}\n

)}\n

}\n

\n \n

{\n e.target.src = `https://via.placeholder.com/48/48/6b7280/ffffff?text=${selectedToken.symbol.charAt(0)}`;\n }} />\n

{selectedToken.name}

{selectedToken.symbol}

\n \n Creator Fee Proposals\n (72h burn notice)\n

\n \n {!selectedToken.isEligible &&

\n Token too old / created before creator rewards.\n

}\n

\n {showProposalForm &&

Submit New Proposal

\n \n ⚠️ Proposal will auto-destruct in 72 hours\n

setProposalText(e.target.value)} placeholder=\"Describe how creator fees should be used...\" className=\"w-full bg-neutral-800 border border-neutral-700 rounded-lg p-3 sm:p-4 text-neutral-200 placeholder-neutral-500 mb-4 min-h-[100px] sm:min-h-[120px] resize-none focus:outline-none focus:ring-2 focus:ring-white focus:border-white text-sm sm:text-base\" />\n                <div className=\"flex flex-col sm:flex-row gap-3\">\n                  <button onClick={submitProposal} disabled={!proposalText.trim()} className=\"bg-[#83efaa] hover:bg-[#74e39a] text-black px-6 py-3 rounded-lg transition-colors disabled:bg-neutral-700 disabled:text-neutral-400 disabled:cursor-not-allowed min-h-[44px] touch-manipulation\">\n                    Submit Proposal\n                  </button>\n                  <button onClick={() => {\n              setShowProposalForm(false);\n              setProposalText('');\n            }} className=\"bg-neutral-700 hover:bg-neutral-600 text-white px-6 py-3 rounded-lg transition-colors min-h-[44px] touch-manipulation\">\n                    Cancel\n                  </button>\n                </div>\n              </div>}\n            <div className=\"space-y-4\">\n              {sortedProposals.length === 0 ? <div className=\"bg-[#191b23] border border-neutral-800 rounded-2xl shadow-[inset_0_1px_0_0_rgba(255,255,255,.04)] p-6 sm:p-8 text-center\">\n                  <p className=\"text-neutral-400 text-sm sm:text-base\">No active proposals. Be the first to suggest how creator fees should be used!</p>\n                </div> : sortedProposals.map((proposal, index) => <div key={proposal.id} className=\"bg-[#191b23] border border-neutral-800 rounded-2xl shadow-[inset_0_1px_0_0_rgba(255,255,255,.04)] p-4 sm:p-6\">\n                    <div className=\"flex flex-col sm:flex-row items-start gap-4\">\n                      <div className=\"flex flex-row sm:flex-col items-center sm:items-center gap-2 sm:gap-0\">\n                        <div className=\"text-lg sm:text-2xl font-bold text-neutral-300 mb-0 sm:mb-1\">#{index + 1}</div>\n                        <div className=\"text-base sm:text-lg font-bold text-[#83efaa]\">{proposal.score}</div>\n                        <div className=\"text-xs text-neutral-400 mt-0 sm:mt-1\">\n                          {votes.filter(v => v.proposalId === proposal.id).length} votes\n                        </div>\n                      </div>\n                      <div className=\"flex-1 min-w-0\">\n                        <div className=\"flex items-center gap-2 mb-2\">\n                          <Clock className=\"w-4 h-4 text-red-400 flex-shrink-0\" />\n                          <span className=\"text-red-400 text-xs sm:text-sm font-medium\">\n                            {getTimeRemaining(proposal)} remaining\n                          </span>\n                        </div>\n                        <p className=\"text-neutral-200 text-sm sm:text-lg mb-2 break-words leading-relaxed\">{proposal.proposalText}</p>\n                        <p className=\"text-neutral-500 text-xs sm:text-sm break-all\">\n                          Proposed by: {proposal.submittedBy.slice(0, 4)}...{proposal.submittedBy.slice(-4)}\n                        </p>\n                      </div>\n                      <div className=\"flex sm:flex-col items-center gap-3 sm:gap-2 w-full sm:w-auto\">\n                        {userOwnsToken(proposal.tokenMint) && !hasUserVoted(proposal.id) ? <>\n                          <button onClick={() => vote(proposal.id, 'up')} className=\"flex-1 sm:flex-none px-4 sm:px-6 py-3 rounded-xl bg-[#27464A] text-[#83efaa] font-semibold shadow-md hover:opacity-90 min-h-[44px] touch-manipulation text-sm sm:text-base\">Yes</button>\n                          <button onClick={() => vote(proposal.id, 'down')} className=\"flex-1 sm:flex-none px-4 sm:px-6 py-3 rounded-xl bg-[#3A3242] text-red-400 font-semibold shadow-md hover:opacity-90 min-h-[44px] touch-manipulation text-sm sm:text-base\">No</button>\n                        </> : <div className=\"text-neutral-500 text-xs sm:text-sm\">✓ Voted</div>}\n                      </div>\n                    </div>\n                  </div>)}\n            </div>\n          </div>}\n      </div>\n    </div>;\n}\nexport default function AppWithProvider() {\n  return <DevappProvider rpcEndpoint=\"https://rpc.dev.fun/a786149abf1539bb7ef5\" devbaseEndpoint=\"https://devbase.dev.fun\" appId=\"a786149abf1539bb7ef5\">\n      <App />\n    </DevappProvider>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"@devfunlabs/web-sdk\":\"0.5.6\",\"@solana/web3.js\":\"1.95.3\",\"lucide-react\":\"0.441.0\",\"@solana/spl-token\":\"0.4.8\"}}","appFunctions",[81],{"_14":82,"_36":83,"_38":84,"_20":85,"_86":87,"_88":41},["B","29542"],["D",1758114637046],["D",1758114637046],"$FUNC_CAN_VOTE","body","async function $FUNC_CAN_VOTE(proposalId) {\n      const existingVote = await $ENTITY('votes').exists({ \n        proposalId: proposalId, \n        voterWallet: $USER_ID \n      });\n      return !existingVote;\n    }","commitId","token",{"_20":21,"_91":21,"_92":93,"_94":95,"_96":97,"_98":99,"_100":101,"_102":103,"_104":105,"_106":43,"_107":43,"_62":63,"_73":74},"symbol","image","https://pump.mypinata.cloud/ipfs/QmZ29VRBjeeiXFbfgcEhLtD5n3mLZHmMGz8qMHnaynXrkS?img-width=256&img-dpr=2","website","https://dev.fun/project/cmfnyzrju00058fyj66e3jopx","twitter","https://x.com/cgnetworkx","marketcap",7359.73357609,"volumeIn24h",217.17,"price",0.00000739,"priceChangeIn24h",8.72,"devCount","appCount","upstreamApp",{"_14":110,"_36":111,"_38":112,"_113":114,"_20":115,"_22":116,"_24":117,"_118":119,"_120":121,"_34":122,"_123":124,"_42":43,"_44":125,"_126":127,"_128":17,"_28":27,"_71":27,"_72":17,"_129":17,"_130":17,"_131":17,"_132":17,"_57":133,"_59":43,"_61":60,"_62":60,"_68":60,"_65":60,"_64":60,"_134":47,"_135":136,"_40":137,"_18":138,"_139":140,"_192":17,"_26":17,"_67":60,"_29":193},"d892b89bb3583851e911",["D",1757751723160],["D",1764494498006],"template","web","tokengenesis","Dive deep into your crypto portfolio's origin story! Discover exactly when each of your tokens was born into existence, displayed in beautiful timeline cards that make your holdings feel like a digital archaeology expedition. Watch your wallet transform into a museum of blockchain history where every token tells the tale of its creation date.","Uncover the birth dates of all your tokens in a gorgeous timeline of crypto history!","snapshot","https://cdn.dev.fun/snapshot/d892b89bb3583851e911/103169_fad2b1e7.webp","ogImage","https://cdn.dev.fun/og/image/d892b89bb3583851e911/ffb6b3c1.webp","https://cdn.dev.fun/app/d892b89bb3583851e911/103169","category","money",138,"featureScore","0","isAutomated","isTagHot","isTagMoney","isTagCrown","isExternalApp",16,"userId","upstreamAppId","d95bdc5eb368e53cc207",["B","103169"],"cmfffh8g9000gxtk2l5k7m6d7","lastCommit",{"_14":137,"_36":141,"_142":143,"_144":145,"_75":146,"_77":78,"_147":148,"_149":150,"_151":145,"_118":119,"_34":122,"_152":17,"_153":17,"_154":27,"_113":114,"_155":-5,"_156":157,"_183":184,"_6":110,"_134":47,"_185":186,"_79":187},["D",1757863512335],"input","in the authenticated header (App, after the !userWallet branch). Replace the current CGN logo with this new logo  ![CGN2.png](https://cdn.dev.fun/asset/d892b89bb3583851e911/CGN2_90aec25c.png)","output","<<<<<<< OLD\n          <div>\n            <img src=\"https://cdn.dev.fun/asset/d892b89bb3583851e911/CGN_d5ca7ee5.png\" alt=\"CGN\" className=\"h-12 w-auto\" />\n            <p className=\"text-neutral-400 mt-2\">Decision-making infrastructure for Creator Capital Markets</p>\n          </div>\n=======\n          <div>\n            <img src=\"https://cdn.dev.fun/asset/d892b89bb3583851e911/CGN2_90aec25c.png\" alt=\"CGN\" className=\"h-12 w-auto\" />\n            <p className=\"text-neutral-400 mt-2\">Decision-making infrastructure for Creator Capital Markets</p>\n          </div>\n>>>>>>> NEW","import { useState, useEffect } from 'react';\nimport { useDevapp, DevappProvider, UserButton, fetchTokenInfoByAddress } from '@devfunlabs/web-sdk';\nimport { Connection, PublicKey } from '@solana/web3.js';\nimport { TOKEN_PROGRAM_ID } from '@solana/spl-token';\nimport { Plus, Vote } from 'lucide-react';\nconst ELIGIBILITY_CUTOFF_TIMESTAMP = new Date('2025-05-13T00:00:00Z').getTime();\nfunction App() {\n  const {\n    devbaseClient,\n    userWallet\n  } = useDevapp();\n  const [tokens, setTokens] = useState([]);\n  const [loading, setLoading] = useState(false);\n  const [selectedToken, setSelectedToken] = useState(null);\n  const [proposalText, setProposalText] = useState('');\n  const [showProposalForm, setShowProposalForm] = useState(false);\n  const [proposals, setProposals] = useState([]);\n  const [votes, setVotes] = useState([]);\n  useEffect(() => {\n    if (userWallet) {\n      fetchUserTokens();\n    }\n  }, [userWallet]);\n  useEffect(() => {\n    if (selectedToken) {\n      fetchProposals();\n      fetchVotes();\n    }\n  }, [selectedToken]);\n  useEffect(() => {\n    setShowProposalForm(false);\n    setProposalText('');\n  }, [selectedToken?.mint]);\n  useEffect(() => {\n    setShowProposalForm(false);\n    setProposalText('');\n  }, [userWallet]);\n  const fetchUserTokens = async () => {\n    if (!userWallet) return;\n    setLoading(true);\n    try {\n      const connection = new Connection('https://rpc.dev.fun/d892b89bb3583851e911');\n      if (typeof userWallet !== 'string' || userWallet.length === 0) {\n        console.error('Invalid userWallet:', userWallet);\n        setLoading(false);\n        return;\n      }\n      let walletPubkey;\n      try {\n        walletPubkey = new PublicKey(userWallet);\n      } catch (pubkeyError) {\n        console.error('Error creating PublicKey from userWallet:', pubkeyError);\n        setLoading(false);\n        return;\n      }\n      const tokenAccounts = await connection.getParsedTokenAccountsByOwner(walletPubkey, {\n        programId: TOKEN_PROGRAM_ID\n      });\n      const tokensWithMetadata = [];\n      for (const tokenAccount of tokenAccounts.value) {\n        const tokenAmount = tokenAccount.account.data.parsed.info.tokenAmount;\n        if (parseFloat(tokenAmount.amount) > 0) {\n          const mint = tokenAccount.account.data.parsed.info.mint;\n          try {\n            const tokenInfo = await fetchTokenInfoByAddress(mint);\n            const isEligible = tokenInfo?.createdTime ? tokenInfo.createdTime >= ELIGIBILITY_CUTOFF_TIMESTAMP : false;\n            tokensWithMetadata.push({\n              mint,\n              name: tokenInfo?.name || `Token ${mint.slice(0, 4)}...`,\n              symbol: tokenInfo?.symbol || 'UNKNOWN',\n              image: tokenInfo?.image || `https://via.placeholder.com/64/64/9333ea/ffffff?text=${(tokenInfo?.symbol || 'T').charAt(0)}`,\n              balance: tokenAmount.uiAmount || 0,\n              marketCap: tokenInfo?.marketcap || 0,\n              createdTime: tokenInfo?.createdTime || null,\n              isEligible: isEligible\n            });\n          } catch (error) {\n            console.log(`Could not fetch info for token ${mint}:`, error);\n            tokensWithMetadata.push({\n              mint,\n              name: `Token ${mint.slice(0, 4)}...${mint.slice(-4)}`,\n              symbol: 'UNKNOWN',\n              image: `https://via.placeholder.com/64/64/6b7280/ffffff?text=?`,\n              balance: tokenAmount.uiAmount || 0,\n              marketCap: 0,\n              createdTime: null,\n              isEligible: false\n            });\n          }\n        }\n      }\n      setTokens(tokensWithMetadata);\n    } catch (error) {\n      console.error('Error fetching tokens:', error);\n    }\n    setLoading(false);\n  };\n  const fetchProposals = async () => {\n    if (!selectedToken || !devbaseClient) return;\n    try {\n      const tokenProposals = await devbaseClient.listEntities('proposals', {\n        tokenMint: selectedToken.mint\n      });\n      setProposals(tokenProposals || []);\n    } catch (error) {\n      console.error('Error fetching proposals:', error);\n      setProposals([]);\n    }\n  };\n  const fetchVotes = async () => {\n    if (!devbaseClient) return;\n    try {\n      const allVotes = await devbaseClient.listEntities('votes');\n      setVotes(allVotes || []);\n    } catch (error) {\n      console.error('Error fetching votes:', error);\n      setVotes([]);\n    }\n  };\n  const submitProposal = async () => {\n    if (!proposalText.trim() || !selectedToken || !userWallet || !devbaseClient) return;\n    if (!selectedToken.isEligible) {\n      alert('Cannot submit proposals for tokens created before May 13, 2025. This token is too old / created before creator rewards.');\n      return;\n    }\n    try {\n      await devbaseClient.createEntity('proposals', {\n        tokenMint: selectedToken.mint,\n        tokenName: selectedToken.name,\n        tokenTicker: selectedToken.symbol,\n        proposalText: proposalText.trim(),\n        submittedBy: userWallet\n      });\n      setProposalText('');\n      setShowProposalForm(false);\n      fetchProposals();\n    } catch (error) {\n      console.error('Error submitting proposal:', error);\n    }\n  };\n  const vote = async (proposalId, voteType) => {\n    if (!userWallet || !devbaseClient) return;\n    const existingVote = votes.find(v => v.proposalId === proposalId && v.voterWallet === userWallet);\n    if (existingVote) {\n      alert('You have already voted on this proposal!');\n      return;\n    }\n    try {\n      await devbaseClient.createEntity('votes', {\n        proposalId,\n        voterWallet: userWallet,\n        voteType\n      });\n      fetchVotes();\n    } catch (error) {\n      console.error('Error voting:', error);\n    }\n  };\n  const getVoteScore = proposalId => {\n    const proposalVotes = votes.filter(v => v.proposalId === proposalId);\n    const upvotes = proposalVotes.filter(v => v.voteType === 'up').length;\n    const downvotes = proposalVotes.filter(v => v.voteType === 'down').length;\n    return upvotes - downvotes;\n  };\n  const hasUserVoted = proposalId => {\n    return votes.some(v => v.proposalId === proposalId && v.voterWallet === userWallet);\n  };\n  const userOwnsToken = tokenMint => {\n    return tokens.some(t => t.mint === tokenMint);\n  };\n  const formatCompactCurrency = value => {\n    if (!value) return '$0';\n    if (value >= 1000000) {\n      return `${(value / 1000000).toFixed(1)}M`;\n    }\n    if (value >= 1000) {\n      return `${(value / 1000).toFixed(1)}K`;\n    }\n    return `${value.toFixed(0)}`;\n  };\n  const formatCreationDate = timestamp => {\n    if (!timestamp) return 'Unknown date';\n    const date = new Date(timestamp);\n    return date.toLocaleDateString('en-US', {\n      year: 'numeric',\n      month: 'short',\n      day: 'numeric'\n    });\n  };\n  const sortedProposals = proposals.map(proposal => ({\n    ...proposal,\n    score: getVoteScore(proposal.id)\n  })).sort((a, b) => b.score - a.score);\n  if (!userWallet) {\n    return <div className=\"min-h-screen bg-[#15161b] flex items-center justify-center p-4\">\n        <div className=\"bg-[#191b23] border border-neutral-800 rounded-2xl shadow-[inset_0_1px_0_0_rgba(255,255,255,.04)] p-8 text-center max-w-md w-full\">\n        <img src=\"https://cdn.dev.fun/asset/d892b89bb3583851e911/CREATOR GOVERNANCE NETWORK_7e8d3e6b.png\" alt=\"Creator Governance Network\" className=\"h-16 w-auto mx-auto mb-4 object-contain md:h-20\" />\n      <p className=\"text-neutral-400 mb-6\">\n          Decision-making infrastructure for Creator Capital Markets. \nWith creator fees, incentives are finally aligned. With CGN, decision-making is too.\n        </p>\n          <UserButton primaryColor=\"#83efaa\" bgColor=\"#83efaa\" textColor=\"#000000\" hoverBgColor=\"#74e39a\" />\n        </div>\n      </div>;\n  }\n  return <div className=\"min-h-screen bg-[#15161b] text-neutral-200 p-4\">\n      <div className=\"max-w-6xl mx-auto\">\n        <header className=\"flex justify-between items-center mb-8\">\n          <div>\n            <img src=\"https://cdn.dev.fun/asset/d892b89bb3583851e911/CGN2_90aec25c.png\" alt=\"CGN\" className=\"h-12 w-auto\" />\n            <p className=\"text-neutral-400 mt-2\">Decision-making infrastructure for Creator Capital Markets</p>\n          </div>\n          <UserButton primaryColor=\"#8b5cf6\" bgColor=\"#262626\" textColor=\"#f5f5f5\" hoverBgColor=\"#404040\" />\n        </header>\n        {!selectedToken ? <div>\n            <h2 className=\"text-2xl font-bold text-neutral-100 mb-6\">Holdings</h2>\n            {loading ? <div className=\"overflow-x-auto\">\n                <div className=\"flex gap-4 md:grid md:grid-cols-3 lg:grid-cols-4 md:gap-6 min-w-max md:min-w-0\">\n                  {[...Array(6)].map((_, i) => <div key={i} className=\"relative rounded-2xl bg-[#1d2531] text-white border border-transparent shadow-md px-4 py-3 flex items-center w-full h-[110px] min-w-[280px] md:min-w-0\">\n                      <div className=\"w-16 h-16 rounded-lg bg-slate-700 overflow-hidden mr-4 animate-pulse\"></div>\n                      <div className=\"grid grid-rows-[20px,20px,20px] gap-1 w-full\">\n                        <div className=\"h-5 bg-slate-700 rounded w-3/4 animate-pulse\"></div>\n                        <div className=\"h-4 bg-slate-700 rounded w-1/2 animate-pulse\"></div>\n                        <div className=\"h-4 bg-slate-700 rounded w-2/3 animate-pulse\"></div>\n                      </div>\n                    </div>)}\n                </div>\n              </div> : tokens.length === 0 ? <div className=\"bg-neutral-900/95 border border-neutral-800 rounded-2xl shadow-[inset_0_1px_0_0_rgba(255,255,255,.04)] p-8 text-center\">\n                <p className=\"text-neutral-400\">No SPL tokens found in your wallet.</p>\n              </div> : <div className=\"overflow-x-auto\">\n                <div className=\"flex gap-4 md:grid md:grid-cols-3 lg:grid-cols-4 md:gap-6 min-w-max md:min-w-0\">\n                  {tokens.map(token => <div key={token.mint} onClick={() => setSelectedToken(token)} className={`relative rounded-2xl bg-[#1d2531] text-white border border-transparent hover:border-[#83efaa] transition shadow-md px-4 py-3 flex items-center w-full h-[110px] cursor-pointer min-w-[280px] md:min-w-0 ${selectedToken?.mint === token.mint ? 'ring-2 ring-emerald-400' : ''} ${!token.isEligible ? 'grayscale opacity-50' : ''}`}>\n                      <div className=\"w-16 h-16 rounded-lg bg-slate-700 overflow-hidden mr-4 flex items-center justify-center text-xs text-slate-400\">\n                        {token.image ? <img src={token.image} alt={token.name} className=\"w-full h-full object-cover block\" onError={e => {\n                  e.target.src = `https://via.placeholder.com/64/64/6b7280/ffffff?text=${token.symbol.charAt(0)}`;\n                }} /> : 'no image'}\n                      </div>\n                      <div className=\"grid grid-rows-[20px,20px,20px] gap-1 w-full\">\n                        <h3 className=\"text-[17px] font-semibold leading-[20px] truncate\">\n                          {token.name} ({token.symbol})\n                        </h3>\n                        <div className=\"text-sm leading-[20px] text-[#83efaa]\">\n                          market cap: {formatCompactCurrency(token.marketCap)}\n                        </div>\n                        <div className=\"text-sm leading-[20px] text-neutral-400\">\n                          created: {formatCreationDate(token.createdTime)}\n                        </div>\n                      </div>\n                    </div>)}\n                </div>\n              </div>}\n          </div> : <div>\n            <div className=\"flex items-center gap-4 mb-6\">\n              <button onClick={() => {\n            setShowProposalForm(false);\n            setProposalText('');\n            setProposals([]);\n            setVotes([]);\n            setSelectedToken(null);\n          }} className=\"text-neutral-400 hover:text-neutral-200 transition-colors\">\n                ← Back to tokens\n              </button>\n              <div className=\"flex items-center gap-3\">\n                <img src={selectedToken.image} alt={selectedToken.name} className=\"w-12 h-12 rounded-full\" onError={e => {\n              e.target.src = `https://via.placeholder.com/48/48/6b7280/ffffff?text=${selectedToken.symbol.charAt(0)}`;\n            }} />\n                <div>\n                  <h2 className=\"text-2xl font-bold text-neutral-100\">{selectedToken.name}</h2>\n                  <p className=\"text-neutral-400\">{selectedToken.symbol}</p>\n                </div>\n              </div>\n            </div>\n            <div className=\"flex justify-between items-center mb-6\">\n              <h3 className=\"text-xl font-bold text-neutral-100 flex items-center gap-2\">\n                <Vote className=\"w-6 h-6\" />\n                Creator Fee Proposals\n              </h3>\n              <div>\n                <button onClick={() => setShowProposalForm(true)} disabled={!selectedToken.isEligible} className=\"bg-[#83efaa] hover:bg-[#74e39a] text-black font-medium px-8 py-3 rounded-2xl shadow-md border border-transparent flex items-center gap-2 transition-colors disabled:opacity-60 disabled:cursor-not-allowed\">\n                  <Plus className=\"w-4 h-4\" />\n                  New Proposal\n                </button>\n                {!selectedToken.isEligible && <p className=\"text-red-400 text-sm mt-2 text-right\">\n                    Token too old / created before creator rewards.\n                  </p>}\n              </div>\n            </div>\n            {showProposalForm && <div className=\"bg-[#191b23] border border-neutral-800 rounded-2xl shadow-[inset_0_1px_0_0_rgba(255,255,255,.04)] p-6 mb-6\">\n                <h4 className=\"text-lg font-bold text-neutral-100 mb-4\">Submit New Proposal</h4>\n                <textarea value={proposalText} onChange={e => setProposalText(e.target.value)} placeholder=\"Describe how creator fees should be used...\" className=\"w-full bg-neutral-800 border border-neutral-700 rounded-lg p-4 text-neutral-200 placeholder-neutral-500 mb-4 min-h-[120px] resize-none focus:outline-none focus:ring-2 focus:ring-white focus:border-white\" />\n                <div className=\"flex gap-3\">\n                  <button onClick={submitProposal} disabled={!proposalText.trim()} className=\"bg-[#83efaa] hover:bg-[#74e39a] text-black px-6 py-2 rounded-lg transition-colors disabled:bg-neutral-700 disabled:text-neutral-400 disabled:cursor-not-allowed\">\n                    Submit Proposal\n                  </button>\n                  <button onClick={() => {\n              setShowProposalForm(false);\n              setProposalText('');\n            }} className=\"bg-neutral-700 hover:bg-neutral-600 text-white px-6 py-2 rounded-lg transition-colors\">\n                    Cancel\n                  </button>\n                </div>\n              </div>}\n            <div className=\"space-y-4\">\n              {sortedProposals.length === 0 ? <div className=\"bg-[#191b23] border border-neutral-800 rounded-2xl shadow-[inset_0_1px_0_0_rgba(255,255,255,.04)] p-8 text-center\">\n                  <p className=\"text-neutral-400\">No proposals yet. Be the first to suggest how creator fees should be used!</p>\n                </div> : sortedProposals.map((proposal, index) => <div key={proposal.id} className=\"bg-[#191b23] border border-neutral-800 rounded-2xl shadow-[inset_0_1px_0_0_rgba(255,255,255,.04)] p-6\">\n                    <div className=\"flex items-start gap-4\">\n                      <div className=\"flex flex-col items-center\">\n                        <div className=\"text-2xl font-bold text-neutral-300 mb-1\">#{index + 1}</div>\n                        <div className=\"text-lg font-bold text-[#83efaa]\">{proposal.score}</div>\n                        <div className=\"text-xs text-neutral-400 mt-1\">\n                          {votes.filter(v => v.proposalId === proposal.id).length} votes\n                        </div>\n                      </div>\n                      <div className=\"flex-1\">\n                        <p className=\"text-neutral-200 text-lg mb-2\">{proposal.proposalText}</p>\n                        <p className=\"text-neutral-500 text-sm\">\n                          Proposed by: {proposal.submittedBy.slice(0, 4)}...{proposal.submittedBy.slice(-4)}\n                        </p>\n                      </div>\n                      {userOwnsToken(proposal.tokenMint) && !hasUserVoted(proposal.id) ? <div className=\"flex items-center gap-3\">\n                          <button onClick={() => vote(proposal.id, 'up')} className=\"px-6 py-3 rounded-xl bg-[#27464A] text-[#83efaa] font-semibold shadow-md hover:opacity-90\">Yes</button>\n                          <button onClick={() => vote(proposal.id, 'down')} className=\"px-6 py-3 rounded-xl bg-[#3A3242] text-red-400 font-semibold shadow-md hover:opacity-90\">No</button>\n                        </div> : <div className=\"text-neutral-500 text-sm\">✓ Voted</div>}\n                    </div>\n                  </div>)}\n            </div>\n          </div>}\n      </div>\n    </div>;\n}\nexport default function AppWithProvider() {\n  return <DevappProvider rpcEndpoint=\"https://rpc.dev.fun/d892b89bb3583851e911\" devbaseEndpoint=\"https://devbase.dev.fun\" appId=\"d892b89bb3583851e911\">\n      <App />\n    </DevappProvider>;\n}","thinking","The user wants me to replace the current CGN logo in the authenticated header with a new logo image. Looking at the current code, I can see in the authenticated header section there's:\n\n```jsx\n<img src=\"https://cdn.dev.fun/asset/d892b89bb3583851e911/CGN_d5ca7ee5.png\" alt=\"CGN\" className=\"h-12 w-auto\" />\n```\n\nI need to replace this with the new logo URL:\n`https://cdn.dev.fun/asset/d892b89bb3583851e911/CGN2_90aec25c.png`\n\nLet me find the exact location in the code and make this change using the git conflict markers format.","changelog","Updated the authenticated header to use the new CGN2 logo image!","diff","isRephrased","isDebug","isSuccess","error","devbaseSchema",{"_158":159,"_173":174},"votes",{"_160":161,"_167":168},"rules",{"_162":163,"_164":163,"_165":166},"get","true","list","create","$FUNC_CAN_VOTE($newData.proposalId)","fields",{"_169":170,"_171":170,"_172":170},"voteType","String","proposalId","voterWallet","proposals",{"_160":175,"_167":177},{"_162":163,"_164":163,"_165":176},"$USER_ID === $newData.submittedBy",{"_178":170,"_179":170,"_180":170,"_181":170,"_182":170},"tokenMint","tokenName","submittedBy","tokenTicker","proposalText","devbaseInsight","## Proposals Entity\n### Fields:\n- `tokenMint` (String): The unique identifier (contract address) of the token related to the proposal.\n- `tokenName` (String): The full name of the token.\n- `submittedBy` (String): The ID of the user who created the proposal.\n- `tokenTicker` (String): The short symbol or ticker for the token (e.g., SOL, USDC).\n- `proposalText` (String): The detailed description or content of the proposal.\n### Permissions:\n- Anyone can view individual proposals (`get`).\n- Anyone can see a list of all proposals (`list`).\n- Only the currently logged-in user can create a new proposal, and they must submit it under their own user ID.\n\n## Votes Entity\n### Fields:\n- `voteType` (String): The type of vote cast (e.g., \"yes\", \"no\", \"abstain\").\n- `proposalId` (String): The ID of the proposal this vote is for.\n- `voterWallet` (String): The wallet address of the user who cast the vote.\n### Permissions:\n- Anyone can view individual votes (`get`).\n- Anyone can see a list of all votes (`list`).\n- Creating a new vote is controlled by a special function (`$FUNC_CAN_VOTE`), which likely enforces rules like \"one vote per user per proposal\" or other eligibility criteria.\n\n## Key Behaviors:\n- **Public Transparency:** All proposals and votes are publicly visible to everyone.\n- **Controlled Proposal Submission:** Only authenticated users can submit new proposals, ensuring accountability for proposal creation.\n- **Custom Voting Logic:** The system uses a custom function to determine if a user is allowed to vote on a specific proposal, enabling complex voting rules.\n- **Data-Centric:** This schema focuses on managing and accessing proposal and voting data, without direct on-chain token transfers or other blockchain actions defined within the schema itself.","messageId",["B","172115"],[188],{"_14":189,"_36":190,"_38":191,"_20":85,"_86":87,"_88":137},["B","26301"],["D",1757863520748],["D",1757863520748],"isDraft",[],"isLordOfDev","analytics",[197,201,203,205,207,209,211,213,215,217,219,221,223,225,227,228],{"_198":199,"_200":60},"day","2025-11-16","runCount",{"_198":202,"_200":60},"2025-11-17",{"_198":204,"_200":60},"2025-11-18",{"_198":206,"_200":60},"2025-11-19",{"_198":208,"_200":60},"2025-11-20",{"_198":210,"_200":60},"2025-11-21",{"_198":212,"_200":60},"2025-11-22",{"_198":214,"_200":60},"2025-11-23",{"_198":216,"_200":60},"2025-11-24",{"_198":218,"_200":60},"2025-11-25",{"_198":220,"_200":60},"2025-11-26",{"_198":222,"_200":60},"2025-11-27",{"_198":224,"_200":60},"2025-11-28",{"_198":226,"_200":60},"2025-11-29",{"_198":204,"_200":66},{"_198":226,"_200":66},"https://cdn.dev.fun/og/image/a786149abf1539bb7ef5/bc334f65.webp","isDevbase","project",{"_14":19,"_92":233,"_20":21,"_234":235,"_22":236},"https://cdn.dev.fun/upload/projects/b2d8b806.jpg","oneliner","Creator Governance Network","Decision-making infrastructure for Creator Capital Markets. With creator fees, incentives are finally aligned. With CGN, decision-making is too.","commitDetail","livestream","actionData","errors"]
</article></body></html>