[{"_1":2,"_137":-5,"_138":-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":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":17,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_97":-5,"_98":17,"_99":100,"_133":31,"_134":135,"_136":17},"id","c55ccfe3418bcb9edafa","isMyApp",false,"name","agent.proto","description","A retro-futuristic ASCII-art interface that lets communities spawn their own AI personalities faster than you can say \"sudo make me an agent\". Watch in awe as your project's documentation transforms into a sentient digital being that speaks your community's language, complete with ASCII animations that make it feel like you're hacking the matrix! 🤖","brief","","isLive",true,"isPublic","tags",[29],"💰","cover","https://cdn.dev.fun/snapshot/c55ccfe3418bcb9edafa/14619_60cfc03c.webp","cdnUrl","https://cdn.dev.fun/app/c55ccfe3418bcb9edafa/14619","createdAt",["D",1738662763551],"updatedAt",["D",1738663878113],"lastCommitId",["B","14619"],"tier",1,"credits",37,{"_14":45,"_46":47,"_48":47,"_49":50,"_51":47,"_52":53,"_54":55},"3c25a095-ca17-4290-94f1-93114c37bf68","uniqueId","buidlfan","username","solanaWallet","DT1zGiWgAEW2pEqZ8nJjd5XyTXSpgnKNPKYSEdP77trw","displayName","bio","pushing the limits of dev.fun in the spirit of buidl","avatar","/avatar.svg","commitCount",7,"forkCount",0,"likeCount","runsCount",25,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","3HfLqhtF5hR5dyBXh6BMtRaTm9qzStvEGuMa8Gx6pump","code","import { useState, useEffect } from 'react';\nimport { useChat } from 'ai/react';\nimport { Terminal, Bot, Copy } from 'lucide-react';\n\nexport default function App() {\n const initialProjectInfo = \"Dev.fun is a no-code platform allowing anyone to create apps with AI, tied to a pump.fun token. Speak like a tech bro who loves memes and memecoins. Describe to everyone why apps will be the main narrative of 2025.\";\n const [projectInfo, setProjectInfo] = useState(initialProjectInfo);\n const [showForkModal, setShowForkModal] = useState(false);\n const [isTyping, setIsTyping] = useState(false);\n\n const systemPrompt = `\nYou are a helpful AI assistant that has been trained on the following project context:\n${projectInfo || \"No project information provided yet. Please add project information in the right panel.\"}\n\nMaintain a friendly, knowledgeable tone while incorporating technical expertise about the project.\nIf no project information is provided, encourage the user to add project details.\nUse ASCII art in your responses when appropriate to maintain the retro-futuristic theme.\n`;\n\n const { messages, input, handleInputChange, handleSubmit, isLoading } = useChat({\n api: 'https://chat.dev.fun/chat/c55ccfe3418bcb9edafa',\n initialMessages: [\n {\n id: 'system',\n role: 'system',\n content: systemPrompt,\n },\n {\n id: 'welcome',\n role: 'assistant',\n content: \"Hey! I'm your personalized AI agent. What's on your mind?\"\n }\n ],\n });\n\n const handleProjectInfoChange = (e) => {\n setProjectInfo(e.target.value);\n };\n\n return (\n

\n {/* Header */}\n

\n \n

agent.proto

This is a template for you to create a customized own AI agent platform for your project or memecoin

\n setShowForkModal(true)}\n className=\"px-4 py-2 bg-black text-white border border-black hover:bg-gray-800 transition-colors\"\n >\n How to Fork this Project\n \n

\n\n {/* Main Content */}\n

\n {/* Chat Section */}\n

\n {messages.map((message) => (\n message.role !== 'system' && (\n \n \n {message.role === 'user' ? '> ' : '$ '}\n \n {message.content}\n

\n )\n ))}\n {isLoading && (\n

\n $ _\n

\n )}\n

\n\n {/* Project Info Section */}\n

\n \n Project Information\n

Tell the AI about your project - it will use this information to provide better responses

\n \n

\n\n {/* Fork Modal */}\n {showForkModal && (\n

How to Fork this Project

Go to this app on dev.fun (link will be provided)
Press the fork button on the top right of the page
\n Provide instructions to customize the app and train the agent, for example:\n
\n \"Make the app kawaii themed and pink, name the project 'Milady Agent', train the agent on the following context: ...\"\n
\n

\n setShowForkModal(false)}\n className=\"mt-6 px-4 py-2 border border-black hover:bg-black hover:text-white transition-colors\"\n >\n Close\n \n

\n )}\n\n \n \n );\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"ai\":\"4.0.0\",\"lucide-react\":\"0.441.0\",\"zod\":\"3.22.4\"}}","appFunctions",[],"token",{"_18":81,"_82":81,"_83":84,"_85":86,"_87":88,"_89":90,"_91":92,"_93":94,"_95":96,"_71":72},"buidl","symbol","price",0.0008979,"marketcap",897916,"image","https://pump.mypinata.cloud/ipfs/QmPR3CamxoBQW892uHDT2EGRxFvksiJyrEg1ajZYVqJhnf?img-width=256&img-dpr=2","website","https://buidl.eco/","twitter","https://x.com/buidldao_","devCount",320,"appCount",2183,"upstreamApp","isLordOfDev","analytics",[101,105,107,109,111,113,115,117,119,121,123,125,127,129,131],{"_102":103,"_104":59},"day","2025-08-12","runCount",{"_102":106,"_104":59},"2025-08-13",{"_102":108,"_104":59},"2025-08-14",{"_102":110,"_104":59},"2025-08-15",{"_102":112,"_104":59},"2025-08-16",{"_102":114,"_104":59},"2025-08-17",{"_102":116,"_104":59},"2025-08-18",{"_102":118,"_104":59},"2025-08-19",{"_102":120,"_104":59},"2025-08-20",{"_102":122,"_104":59},"2025-08-21",{"_102":124,"_104":59},"2025-08-22",{"_102":126,"_104":59},"2025-08-23",{"_102":128,"_104":59},"2025-08-24",{"_102":130,"_104":59},"2025-08-25",{"_102":132,"_104":41},"2025-08-26","snapshot","ogImage","https://cdn.dev.fun/og/image/c55ccfe3418bcb9edafa/f225a679.webp","isDevbase","actionData","errors"]

say something