[{"_1":2,"_147":-5,"_148":-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,"_145":-5,"_141":-5,"_146":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_30":31,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_5":44,"_56":57,"_58":59,"_60":59,"_61":62,"_63":59,"_64":59,"_65":59,"_66":59,"_67":59,"_68":59,"_69":17,"_70":25,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_95":-5,"_96":17,"_97":98,"_141":31,"_142":143,"_144":25},"id","dc4ec59916d9dda14cc2","isMyApp",false,"name","I DARE YOU 🫵","description","Tired of your mundane existence? `dare.you` is your personal pocket provocateur, serving up daily doses of delightful defiance! Get ready to embrace the absurd, conquer the mundane, and unlock hidden levels of awesome you never knew existed, all with a single, audacious tap.","brief","Your pocket provocateur for daily doses of delightful defiance and reality-bending dares.","isLive",true,"isPublic","tags",[29],"👑","cover","https://cdn.dev.fun/snapshot/dc4ec59916d9dda14cc2/87040_a34f4261.webp","cdnUrl","https://cdn.dev.fun/app/dc4ec59916d9dda14cc2/87040","createdAt",["D",1752124292552],"updatedAt",["D",1752229977886],"lastCommitId",["B","87040"],"tier",1,"credits",138,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"c27b9548-95f8-4f1d-8351-21446684b9cf","uniqueId","iDareYou","username","solanaWallet","GrXgQb2KviNMzTxonV6zTwfMy61a3Ww7ZAJB82b4NAp","displayName","bio","🫵🫵🫵🫵🫵🫵🫵🫵🫵 2UWM2xpq7v3ZyAUt34oS7a75GurJR4hV5X6MVmL8pump","avatar","https://cdn.dev.fun/avatar/c27b9548-95f8-4f1d-8351-21446684b9cf/fd2f1fe9.webp","commitCount",30,"forkCount",0,"likeCount","runsCount",178,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","2UWM2xpq7v3ZyAUt34oS7a75GurJR4hV5X6MVmL8pump","code","import { useState, useEffect } from 'react';\nimport { Trophy, Zap, MessageSquare, Shield, Send, ArrowLeft, Copy, Plus, Trash2, CheckCircle, User, Edit2 } from 'lucide-react';\nimport { useDevapp, DevappProvider, UserButton } from '@devfunlabs/web-sdk';\nconst ADMIN_WALLET = 'GrXgQb2KviNMzTxonV6zTwfMy61a3Ww7ZAJB82b4NAp';\nfunction DareApp() {\n const {\n userWallet\n } = useDevapp();\n const [currentView, setCurrentView] = useState('dare');\n const [isAdmin, setIsAdmin] = useState(false);\n const [refreshKey, setRefreshKey] = useState(0);\n useEffect(() => {\n if (userWallet) {\n setIsAdmin(userWallet === ADMIN_WALLET);\n }\n }, [userWallet]);\n const handleBackToDare = () => {\n setCurrentView('dare');\n setRefreshKey(prev => prev + 1);\n };\n if (currentView === 'admin' && isAdmin) {\n return ;\n }\n if (currentView === 'user' && userWallet) {\n return ;\n }\n if (currentView === 'message') {\n return ;\n }\n return ;\n}\nfunction ChallengeCard({\n challenge\n}) {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [comments, setComments] = useState([]);\n const [reactions, setReactions] = useState([]);\n const [newComment, setNewComment] = useState('');\n const [newCommentImage, setNewCommentImage] = useState('');\n const [showComments, setShowComments] = useState(false);\n const [loading, setLoading] = useState(false);\n const [enlargedImage, setEnlargedImage] = useState(null);\n const [replyingTo, setReplyingTo] = useState(null);\n const [replyContent, setReplyContent] = useState('');\n useEffect(() => {\n loadCommentsAndReactions();\n }, [challenge.id]);\n const loadCommentsAndReactions = async () => {\n try {\n const [commentList, reactionList] = await Promise.all([devbaseClient.listEntities('comments', {\n challengeId: challenge.id\n }), devbaseClient.listEntities('reactions', {\n challengeId: challenge.id\n })]);\n setComments(commentList.sort((a, b) => new Date(a.createdAt) - new Date(b.createdAt)));\n setReactions(reactionList);\n } catch (error) {\n console.error('Failed to load comments and reactions:', error);\n }\n };\n const addComment = async () => {\n if (!newComment.trim() && !newCommentImage || !userWallet) return;\n setLoading(true);\n try {\n await devbaseClient.createEntity('comments', {\n challengeId: challenge.id,\n content: newComment.trim(),\n image: newCommentImage,\n userWallet: userWallet,\n parentCommentId: null\n });\n setNewComment('');\n setNewCommentImage('');\n loadCommentsAndReactions();\n } catch (error) {\n console.error('Failed to add comment:', error);\n }\n setLoading(false);\n };\n const addReply = async parentCommentId => {\n if (!replyContent.trim() || !userWallet) return;\n setLoading(true);\n try {\n await devbaseClient.createEntity('comments', {\n challengeId: challenge.id,\n content: replyContent.trim(),\n image: '',\n userWallet: userWallet,\n parentCommentId: parentCommentId\n });\n setReplyContent('');\n setReplyingTo(null);\n loadCommentsAndReactions();\n } catch (error) {\n console.error('Failed to add reply:', error);\n }\n setLoading(false);\n };\n const getTopLevelComments = () => {\n return comments.filter(comment => !comment.parentCommentId);\n };\n const getReplies = commentId => {\n return comments.filter(comment => comment.parentCommentId === commentId);\n };\n const handleImageUpload = event => {\n const file = event.target.files[0];\n if (file && file.type.startsWith('image/')) {\n const reader = new FileReader();\n reader.onload = e => {\n setNewCommentImage(e.target.result);\n };\n reader.readAsDataURL(file);\n }\n };\n const removeImage = () => {\n setNewCommentImage('');\n };\n const addReaction = async emoji => {\n if (!userWallet) return;\n try {\n const existingReaction = reactions.find(r => r.userWallet === userWallet && r.emoji === emoji);\n if (existingReaction) {\n await devbaseClient.deleteEntity('reactions', existingReaction.id);\n } else {\n await devbaseClient.createEntity('reactions', {\n challengeId: challenge.id,\n emoji: emoji,\n userWallet: userWallet\n });\n }\n loadCommentsAndReactions();\n } catch (error) {\n console.error('Failed to add reaction:', error);\n }\n };\n const getReactionCount = emoji => {\n return reactions.filter(r => r.emoji === emoji).length;\n };\n const hasUserReacted = emoji => {\n return reactions.some(r => r.userWallet === userWallet && r.emoji === emoji);\n };\n return

{challenge.content}

\n {challenge.completed && }\n

\n Added: {new Date(challenge.createdAt).toLocaleDateString()}\n {challenge.completed && • Completed ✓}\n

\n \n {challenge.userWallet === 'GrXgQb2KviNMzTxonV6zTwfMy61a3Ww7ZAJB82b4NAp' ? 'ADMIN' : `${challenge.userWallet?.slice(0, 6)}...${challenge.userWallet?.slice(-4)}`}\n \n {challenge.userWallet === 'GrXgQb2KviNMzTxonV6zTwfMy61a3Ww7ZAJB82b4NAp' &&

\n ✓\n

}\n

\n {}\n

\n {['❤️', '👍', '😄', '🫵'].map(emoji => )}\n \n

\n {}\n {showComments &&

\n {}\n {userWallet ?

\n setNewComment(e.target.value)} placeholder=\"Add a comment...\" className=\"flex-1 px-3 py-2 bg-white/10 border border-white/20 rounded-lg text-white placeholder-white/60 text-sm focus:outline-none focus:ring-1 focus:ring-pink-500\" maxLength={200} />\n \n \n 📷\n \n \n

\n {newCommentImage &&

\n $\"Upload$ \n \n

}\n

\n Connect your wallet to add comments\n

}\n {}\n

\n {getTopLevelComments().length === 0 ?

No comments yet

: getTopLevelComments().map(comment =>

\n {}\n

\n \n {comment.userWallet.slice(0, 6)}...{comment.userWallet.slice(-4)}\n \n \n {new Date(comment.createdAt).toLocaleDateString()}\n \n

\n {comment.content &&

{comment.content}

}\n {comment.image && $\"Comment$ setEnlargedImage(comment.image)} />}\n \n {}\n {userWallet && }\n \n {}\n {replyingTo === comment.id &&

\n setReplyContent(e.target.value)} placeholder=\"Write a reply...\" className=\"flex-1 px-2 py-1 bg-white/10 border border-white/20 rounded text-white placeholder-white/60 text-sm focus:outline-none focus:ring-1 focus:ring-blue-500\" maxLength={200} />\n \n

}\n

\n\n {}\n {getReplies(comment.id).map(reply =>

\n \n {reply.userWallet.slice(0, 6)}...{reply.userWallet.slice(-4)}\n \n \n {new Date(reply.createdAt).toLocaleDateString()}\n \n

\n {reply.content &&

{reply.content}

}\n

)}\n

}\n \n {}\n {enlargedImage &&

setEnlargedImage(null)}>\n

\n $\"Enlarged$ e.stopPropagation()} />\n \n

}\n

;\n}\nfunction MainDareApp({\n onNavigate,\n isAdmin\n}) {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [customChallenges, setCustomChallenges] = useState([]);\n const [userChallenges, setUserChallenges] = useState([]);\n const [copied, setCopied] = useState(false);\n const completedDares = userChallenges.filter(challenge => challenge.completed).length;\n const refreshData = () => {\n loadCustomChallenges();\n if (userWallet) {\n loadUserChallenges();\n }\n };\n useEffect(() => {\n refreshData();\n }, [userWallet]);\n useEffect(() => {\n refreshData();\n }, []);\n const loadCustomChallenges = async () => {\n try {\n const challenges = await devbaseClient.listEntities('challenges');\n setCustomChallenges(challenges);\n } catch (error) {\n console.error('Failed to load custom challenges:', error);\n }\n };\n const loadUserChallenges = async () => {\n if (!userWallet) return;\n try {\n const challenges = await devbaseClient.listEntities('challenges', {\n userWallet\n });\n setUserChallenges(challenges);\n } catch (error) {\n console.error('Failed to load user challenges:', error);\n }\n };\n const copyCA = async () => {\n const contractAddress = '2UWM2xpq7v3ZyAUt34oS7a75GurJR4hV5X6MVmL8pump';\n try {\n if (navigator.clipboard && navigator.clipboard.writeText) {\n await navigator.clipboard.writeText(contractAddress);\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n return;\n }\n const textArea = document.createElement('textarea');\n textArea.value = contractAddress;\n textArea.style.position = 'fixed';\n textArea.style.left = '-999999px';\n textArea.style.top = '-999999px';\n document.body.appendChild(textArea);\n textArea.focus();\n textArea.select();\n if (document.execCommand('copy')) {\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n } else {\n console.error('Failed to copy using fallback method');\n }\n document.body.removeChild(textArea);\n } catch (err) {\n console.error('Failed to copy:', err);\n }\n };\n return

\n \n

\n {isAdmin && }\n {userWallet && !isAdmin && }\n $\"I$ \n

\n I DARE YOU 🫵\n

\n 2UWM2xpq7v3ZyAUt34oS7a75GurJR4hV5X6MVmL8pump\n

\n \n

\n {customChallenges.length > 0 &&

\n 🫵 Dare Challenges 🫵\n

\n {customChallenges.map((challenge, index) => )}\n

}\n

\n \n \n {userWallet ? `${completedDares} dares completed` : 'Connect wallet to track dares'}\n \n

\n \n

\n 0.05 SOL to send message or challenge to DEV\n

;\n}\nfunction UserPanel({\n onBack\n}) {\n const {\n devbaseClient,\n userWallet\n } = useDevapp();\n const [messages, setMessages] = useState([]);\n const [challenges, setChallenges] = useState([]);\n const [loading, setLoading] = useState(true);\n const [activeTab, setActiveTab] = useState('challenges');\n const [editingChallenge, setEditingChallenge] = useState(null);\n const [editContent, setEditContent] = useState('');\n const [newChallenge, setNewChallenge] = useState('');\n const [creating, setCreating] = useState(false);\n useEffect(() => {\n loadData();\n }, []);\n const loadData = async () => {\n if (!userWallet) return;\n try {\n const [messageList, challengeList] = await Promise.all([devbaseClient.listEntities('messages', {\n senderWallet: userWallet\n }), devbaseClient.listEntities('challenges', {\n userWallet\n })]);\n setMessages(messageList.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n setChallenges(challengeList.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n } catch (error) {\n console.error('Failed to load data:', error);\n }\n setLoading(false);\n };\n const deleteChallenge = async id => {\n try {\n await devbaseClient.deleteEntity('challenges', id);\n loadData();\n } catch (error) {\n console.error('Failed to delete challenge:', error);\n }\n };\n const startEditing = challenge => {\n setEditingChallenge(challenge.id);\n setEditContent(challenge.content);\n };\n const saveEdit = async id => {\n if (!editContent.trim()) return;\n try {\n await devbaseClient.updateEntity('challenges', id, {\n content: editContent.trim()\n });\n setEditingChallenge(null);\n setEditContent('');\n loadData();\n } catch (error) {\n console.error('Failed to update challenge:', error);\n }\n };\n const cancelEdit = () => {\n setEditingChallenge(null);\n setEditContent('');\n };\n const createChallenge = async () => {\n if (!newChallenge.trim() || !userWallet) return;\n setCreating(true);\n try {\n await devbaseClient.createEntity('challenges', {\n content: newChallenge.trim(),\n completed: false,\n userWallet: userWallet\n });\n setNewChallenge('');\n loadData();\n } catch (error) {\n console.error('Failed to create challenge:', error);\n }\n setCreating(false);\n };\n const toggleChallengeCompletion = async (id, currentStatus) => {\n try {\n await devbaseClient.updateEntity('challenges', id, {\n completed: !currentStatus\n });\n loadData();\n } catch (error) {\n console.error('Failed to update challenge:', error);\n }\n };\n return

\n \n

\n My Panel 👤\n

\n \n \n

\n {loading ?

: activeTab === 'challenges' ?

Create New Challenge

setNewChallenge(e.target.value)} placeholder=\"Enter your dare challenge...\" className=\"flex-1 p-3 bg-white/10 border border-white/20 rounded-lg text-white placeholder-white/60 resize-none focus:outline-none focus:ring-2 focus:ring-pink-500\" rows={3} maxLength={200} />\n                <button onClick={createChallenge} disabled={!newChallenge.trim() || creating} className=\"px-6 py-3 bg-gradient-to-r from-pink-500 to-purple-600 hover:from-pink-600 hover:to-purple-700 disabled:opacity-50 rounded-lg font-bold transition-all duration-300 flex items-center gap-2\">\n                  <Plus className=\"w-5 h-5\" />\n                  {creating ? 'Adding...' : 'Add'}\n                </button>\n              </div>\n              <p className=\"text-white/60 text-sm mt-2\">{newChallenge.length}/200 characters</p>\n            </div>\n\n            {challenges.length === 0 ? <div className=\"bg-white/15 backdrop-blur-lg rounded-3xl p-8 border border-white/20 shadow-2xl text-center\">\n                <Zap className=\"w-12 h-12 mx-auto mb-4 text-white/60\" />\n                <p className=\"text-white/60\">You haven't created any challenges yet</p>\n              </div> : <div className=\"space-y-4\">\n                <h3 className=\"text-lg font-bold text-white\">My Challenges ({challenges.length})</h3>\n              {challenges.map(challenge => <div key={challenge.id} className=\"bg-white/15 backdrop-blur-lg rounded-2xl p-6 border border-white/20 shadow-xl\">\n                  <div className=\"flex justify-between items-start\">\n                    <div className=\"flex-1\">\n                      {editingChallenge === challenge.id ? <div className=\"mb-4\">\n                          <textarea value={editContent} onChange={e => setEditContent(e.target.value)} className=\"w-full p-3 bg-white/10 border border-white/20 rounded-lg text-white placeholder-white/60 resize-none focus:outline-none focus:ring-2 focus:ring-pink-500\" rows={3} maxLength={200} />\n                          <p className=\"text-white/60 text-sm mt-1\">{editContent.length}/200 characters</p>\n                          <div className=\"flex gap-2 mt-3\">\n                            <button onClick={() => saveEdit(challenge.id)} className=\"px-4 py-2 bg-green-500/20 hover:bg-green-500/30 rounded-lg transition-colors text-sm font-bold\">\n                              Save\n                            </button>\n                            <button onClick={cancelEdit} className=\"px-4 py-2 bg-gray-500/20 hover:bg-gray-500/30 rounded-lg transition-colors text-sm font-bold\">\n                              Cancel\n                            </button>\n                          </div>\n                        </div> : <div className=\"flex items-start gap-3 mb-2\">\n                          <p className=\"text-white leading-relaxed flex-1\">{challenge.content}</p>\n                          {challenge.completed && <CheckCircle className=\"w-5 h-5 text-green-400 flex-shrink-0 mt-1\" />}\n                        </div>}\n                      {editingChallenge !== challenge.id && <p className=\"text-white/60 text-sm\">\n                          Created: {new Date(challenge.createdAt).toLocaleDateString()}\n                          {challenge.completed && <span className=\"ml-2 text-green-400\">• Completed</span>}\n                        </p>}\n                    </div>\n                    {editingChallenge !== challenge.id && <div className=\"ml-4 flex gap-2\">\n                        <button onClick={() => toggleChallengeCompletion(challenge.id, challenge.completed)} className={`p-2 rounded-lg transition-colors ${challenge.completed ? 'bg-green-500/20 hover:bg-green-500/30' : 'bg-gray-500/20 hover:bg-gray-500/30'}`} title={challenge.completed ? \"Mark as incomplete\" : \"Mark as completed\"}>\n                          <CheckCircle className={`w-4 h-4 ${challenge.completed ? 'text-green-400' : 'text-gray-400'}`} />\n                        </button>\n                        <button onClick={() => startEditing(challenge)} className=\"p-2 bg-blue-500/20 hover:bg-blue-500/30 rounded-lg transition-colors\" title=\"Edit challenge\">\n                          <Edit2 className=\"w-4 h-4 text-blue-400\" />\n                        </button>\n                        <button onClick={() => deleteChallenge(challenge.id)} className=\"p-2 bg-red-500/20 hover:bg-red-500/30 rounded-lg transition-colors\" title=\"Delete challenge\">\n                          <Trash2 className=\"w-4 h-4 text-red-400\" />\n                        </button>\n                      </div>}\n                  </div>\n                </div>)}\n              </div>}\n          </div> : messages.length === 0 ? <div className=\"bg-white/15 backdrop-blur-lg rounded-3xl p-8 border border-white/20 shadow-2xl text-center\">\n              <MessageSquare className=\"w-12 h-12 mx-auto mb-4 text-white/60\" />\n              <p className=\"text-white/60\">No messages sent yet</p>\n            </div> : <div className=\"space-y-4\">\n              <h3 className=\"text-lg font-bold text-white\">My Messages to Admin ({messages.length})</h3>\n              {messages.map(message => <div key={message.id} className=\"bg-white/15 backdrop-blur-lg rounded-2xl p-6 border border-white/20 shadow-xl\">\n                  <div className=\"flex justify-between items-start mb-3\">\n                    <p className=\"text-white/60 text-sm\">\n                      Sent: {new Date(message.createdAt).toLocaleDateString()} at {new Date(message.createdAt).toLocaleTimeString()}\n                    </p>\n                  </div>\n                  <p className=\"text-white leading-relaxed\">{message.content}</p>\n                </div>)}\n            </div>}\n      </div>\n    </div>;\n}\nfunction MessagePanel({\n  onBack\n}) {\n  const {\n    devbaseClient,\n    userWallet\n  } = useDevapp();\n  const [message, setMessage] = useState('');\n  const [sending, setSending] = useState(false);\n  const [sent, setSent] = useState(false);\n  const sendMessage = async () => {\n    if (!message.trim() || !userWallet) return;\n    setSending(true);\n    try {\n      await devbaseClient.createEntity('messages', {\n        content: message.trim(),\n        senderWallet: userWallet\n      });\n      setSent(true);\n      setMessage('');\n      setTimeout(() => setSent(false), 3000);\n    } catch (error) {\n      console.error('Failed to send message:', error);\n    }\n    setSending(false);\n  };\n  return <div className=\"min-h-screen bg-black text-white\">\n      <div className=\"pt-8 pb-6 text-center relative\">\n        <button onClick={onBack} className=\"absolute top-4 left-4 p-2 bg-white/20 rounded-full hover:bg-white/30 transition-colors\">\n          <ArrowLeft className=\"w-6 h-6\" />\n        </button>\n        <div className=\"absolute top-4 right-4\">\n          <UserButton />\n        </div>\n        <h1 className=\"text-2xl font-black mb-2 text-white\">\n          Message Admin 📩\n        </h1>\n      </div>\n      <div className=\"px-6 mb-8\">\n        <div className=\"bg-white/15 backdrop-blur-lg rounded-3xl p-8 border border-white/20 shadow-2xl\">\n          {sent && <div className=\"mb-6 p-4 bg-green-500/20 rounded-2xl border border-green-400/30\">\n              <p className=\"text-green-300 text-center font-bold\">Message sent successfully! 🎉</p>\n            </div>}\n          <div className=\"mb-6\">\n            <label className=\"block text-lg font-bold mb-3\">Your Message:</label>\n            <textarea value={message} onChange={e => setMessage(e.target.value)} placeholder=\"Share your thoughts, feedback, or dare suggestions...\" className=\"w-full h-32 p-4 bg-white/10 border border-white/20 rounded-2xl text-white placeholder-white/60 resize-none focus:outline-none focus:ring-2 focus:ring-pink-500\" maxLength={500} />\n            <p className=\"text-white/60 text-sm mt-2\">{message.length}/500 characters</p>\n          </div>\n          <button onClick={sendMessage} disabled={!message.trim() || !userWallet || sending} className=\"w-full bg-gradient-to-r from-pink-500 to-purple-600 hover:from-pink-600 hover:to-purple-700 disabled:opacity-50 rounded-2xl py-4 px-8 font-bold text-lg transition-all duration-300 transform hover:scale-105 active:scale-95 flex items-center justify-center gap-3\">\n            <Send className={`w-6 h-6 ${sending ? 'animate-pulse' : ''}`} />\n            {sending ? 'Sending...' : 'Send Message'}\n          </button>\n          <p className=\"text-white/60 text-center mt-4\">\n            {!userWallet ? \"Please connect your wallet to send a message\" : \"0.05 SOL to send message or challenge to DEV\"}\n          </p>\n        </div>\n      </div>\n    </div>;\n}\nfunction AdminPanel({\n  onBack\n}) {\n  const {\n    devbaseClient\n  } = useDevapp();\n  const [messages, setMessages] = useState([]);\n  const [challenges, setChallenges] = useState([]);\n  const [loading, setLoading] = useState(true);\n  const [activeTab, setActiveTab] = useState('messages');\n  const [newChallenge, setNewChallenge] = useState('');\n  const [creating, setCreating] = useState(false);\n  useEffect(() => {\n    loadData();\n  }, []);\n  const loadData = async () => {\n    try {\n      const [messageList, challengeList] = await Promise.all([devbaseClient.listEntities('messages'), devbaseClient.listEntities('challenges')]);\n      setMessages(messageList.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n      setChallenges(challengeList.sort((a, b) => new Date(b.createdAt) - new Date(a.createdAt)));\n    } catch (error) {\n      console.error('Failed to load data:', error);\n    }\n    setLoading(false);\n  };\n  const createChallenge = async () => {\n    if (!newChallenge.trim()) return;\n    setCreating(true);\n    try {\n      await devbaseClient.createEntity('challenges', {\n        content: newChallenge.trim(),\n        completed: false,\n        userWallet: 'ADMIN'\n      });\n      setNewChallenge('');\n      loadData();\n    } catch (error) {\n      console.error('Failed to create challenge:', error);\n    }\n    setCreating(false);\n  };\n  const toggleChallengeCompletion = async (id, currentStatus) => {\n    try {\n      await devbaseClient.updateEntity('challenges', id, {\n        completed: !currentStatus\n      });\n      loadData();\n    } catch (error) {\n      console.error('Failed to update challenge:', error);\n    }\n  };\n  const deleteChallenge = async id => {\n    try {\n      await devbaseClient.deleteEntity('challenges', id);\n      loadData();\n    } catch (error) {\n      console.error('Failed to delete challenge:', error);\n    }\n  };\n  return <div className=\"min-h-screen bg-black text-white\">\n      <div className=\"pt-8 pb-6 text-center relative\">\n        <button onClick={onBack} className=\"absolute top-4 left-4 p-2 bg-white/20 rounded-full hover:bg-white/30 transition-colors\">\n          <ArrowLeft className=\"w-6 h-6\" />\n        </button>\n        <h1 className=\"text-2xl font-black mb-2 text-white\">\n          Admin Panel 🛡️\n        </h1>\n        <div className=\"flex justify-center gap-4 mt-4\">\n          <button onClick={() => setActiveTab('messages')} className={`px-4 py-2 rounded-lg font-bold transition-colors ${activeTab === 'messages' ? 'bg-white/20 text-white' : 'bg-white/10 text-white/60 hover:bg-white/15'}`}>\n            Messages\n          </button>\n          <button onClick={() => setActiveTab('challenges')} className={`px-4 py-2 rounded-lg font-bold transition-colors ${activeTab === 'challenges' ? 'bg-white/20 text-white' : 'bg-white/10 text-white/60 hover:bg-white/15'}`}>\n            Challenges\n          </button>\n        </div>\n      </div>\n      <div className=\"px-6 pb-8\">\n        {loading ? <div className=\"text-center\">\n            <div className=\"animate-spin w-8 h-8 border-2 border-white/20 border-t-white rounded-full mx-auto\"></div>\n            <p className=\"mt-2 text-white/60\">Loading...</p>\n          </div> : activeTab === 'messages' ? messages.length === 0 ? <div className=\"bg-white/15 backdrop-blur-lg rounded-3xl p-8 border border-white/20 shadow-2xl text-center\">\n              <MessageSquare className=\"w-12 h-12 mx-auto mb-4 text-white/60\" />\n              <p className=\"text-white/60\">No messages yet</p>\n            </div> : <div className=\"space-y-4\">\n              {messages.map(message => <div key={message.id} className=\"bg-white/15 backdrop-blur-lg rounded-2xl p-6 border border-white/20 shadow-xl\">\n                  <div className=\"flex justify-between items-start mb-3\">\n                    <p className=\"text-white/60 text-sm font-mono\">\n                      {message.senderWallet.slice(0, 6)}...{message.senderWallet.slice(-6)}\n                    </p>\n                    <p className=\"text-white/60 text-sm\">\n                      {new Date(message.createdAt).toLocaleDateString()}\n                    </p>\n                  </div>\n                  <p className=\"text-white leading-relaxed\">{message.content}</p>\n                </div>)}\n            </div> : <div className=\"space-y-6\">\n            <div className=\"bg-white/15 backdrop-blur-lg rounded-2xl p-6 border border-white/20 shadow-xl\">\n              <h3 className=\"text-lg font-bold mb-4 text-white\">Create New Challenge</h3>\n              <div className=\"flex gap-3\">\n                <textarea value={newChallenge} onChange={e => setNewChallenge(e.target.value)} placeholder=\"Enter a new dare challenge...\" className=\"flex-1 p-3 bg-white/10 border border-white/20 rounded-lg text-white placeholder-white/60 resize-none focus:outline-none focus:ring-2 focus:ring-pink-500\" rows={3} maxLength={200} />\n                <button onClick={createChallenge} disabled={!newChallenge.trim() || creating} className=\"px-6 py-3 bg-gradient-to-r from-green-500 to-emerald-600 hover:from-green-600 hover:to-emerald-700 disabled:opacity-50 rounded-lg font-bold transition-all duration-300 flex items-center gap-2\">\n                  <Plus className=\"w-5 h-5\" />\n                  {creating ? 'Adding...' : 'Add'}\n                </button>\n              </div>\n              <p className=\"text-white/60 text-sm mt-2\">{newChallenge.length}/200 characters</p>\n            </div>\n            {challenges.length === 0 ? <div className=\"bg-white/15 backdrop-blur-lg rounded-3xl p-8 border border-white/20 shadow-2xl text-center\">\n                <Zap className=\"w-12 h-12 mx-auto mb-4 text-white/60\" />\n                <p className=\"text-white/60\">No custom challenges yet</p>\n              </div> : <div className=\"space-y-4\">\n                <h3 className=\"text-lg font-bold text-white\">Custom Challenges ({challenges.length})</h3>\n                {challenges.map(challenge => <div key={challenge.id} className=\"bg-white/15 backdrop-blur-lg rounded-2xl p-6 border border-white/20 shadow-xl\">\n                    <div className=\"flex justify-between items-start\">\n                      <div className=\"flex-1\">\n                        <div className=\"flex items-start gap-3 mb-2\">\n                          <p className=\"text-white leading-relaxed flex-1\">{challenge.content}</p>\n                          {challenge.completed && <CheckCircle className=\"w-5 h-5 text-green-400 flex-shrink-0 mt-1\" />}\n                        </div>\n                        <p className=\"text-white/60 text-sm\">\n                          Created: {new Date(challenge.createdAt).toLocaleDateString()}\n                          {challenge.userWallet && challenge.userWallet !== 'ADMIN' && <span className=\"ml-2\">• By: {challenge.userWallet.slice(0, 6)}...{challenge.userWallet.slice(-4)}</span>}\n                          {challenge.completed && <span className=\"ml-2 text-green-400\">• Completed</span>}\n                        </p>\n                      </div>\n                      <div className=\"ml-4 flex gap-2\">\n                        <button onClick={() => toggleChallengeCompletion(challenge.id, challenge.completed)} className={`p-2 rounded-lg transition-colors ${challenge.completed ? 'bg-green-500/20 hover:bg-green-500/30' : 'bg-gray-500/20 hover:bg-gray-500/30'}`} title={challenge.completed ? \"Mark as incomplete\" : \"Mark as completed\"}>\n                          <CheckCircle className={`w-4 h-4 ${challenge.completed ? 'text-green-400' : 'text-gray-400'}`} />\n                        </button>\n                        <button onClick={() => deleteChallenge(challenge.id)} className=\"p-2 bg-red-500/20 hover:bg-red-500/30 rounded-lg transition-colors\" title=\"Delete challenge\">\n                          <Trash2 className=\"w-4 h-4 text-red-400\" />\n                        </button>\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/dc4ec59916d9dda14cc2\" devbaseEndpoint=\"https://devbase.dev.fun\" appId=\"dc4ec59916d9dda14cc2\">\n      <DareApp />\n    </DevappProvider>;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"@devfunlabs/web-sdk\":\"0.5.5\",\"@solana/web3.js\":\"1.95.3\"}}","appFunctions",[],"token",{"_18":19,"_81":82,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":41,"_94":41,"_71":72},"symbol","DARE","price",0.00000334,"marketcap",3338,"image","https://pump.mypinata.cloud/ipfs/bafkreib6ldonac7um47b5lvcrj4eyvl4hxj4mithw6bjwko73u7y2msx7i?img-width=256&img-dpr=2","website","https://dev.fun/p/dc4ec59916d9dda14cc2","twitter","https://x.com/darepumpdotfun?s=21","devCount","appCount","upstreamApp","isLordOfDev","analytics",[99,103,105,107,109,111,113,115,117,119,121,123,125,127,129,131,133,135,137,139],{"_100":101,"_102":59},"day","2025-07-03","runCount",{"_100":104,"_102":59},"2025-07-04",{"_100":106,"_102":59},"2025-07-05",{"_100":108,"_102":59},"2025-07-06",{"_100":110,"_102":59},"2025-07-07",{"_100":112,"_102":59},"2025-07-08",{"_100":114,"_102":59},"2025-07-09",{"_100":116,"_102":59},"2025-07-10",{"_100":118,"_102":59},"2025-07-11",{"_100":120,"_102":59},"2025-07-12",{"_100":122,"_102":59},"2025-07-13",{"_100":124,"_102":59},"2025-07-14",{"_100":126,"_102":59},"2025-07-15",{"_100":128,"_102":59},"2025-07-16",{"_100":116,"_102":130},37,{"_100":118,"_102":132},38,{"_100":120,"_102":134},9,{"_100":124,"_102":136},13,{"_100":126,"_102":138},76,{"_100":128,"_102":140},5,"snapshot","ogImage","https://cdn.dev.fun/og/image/dc4ec59916d9dda14cc2/96dba2c0.webp","isDevbase","commitDetail","livestream","actionData","errors"]
</article></body></html>