[{"_1":2,"_134":-5,"_135":-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,"_132":-5,"_128":-5,"_133":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_29":30,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_5":43,"_54":55,"_56":57,"_58":57,"_59":60,"_61":57,"_62":57,"_63":57,"_64":57,"_65":57,"_66":57,"_67":17,"_68":25,"_69":70,"_71":72,"_73":74,"_75":76,"_77":78,"_93":-5,"_94":17,"_95":96,"_128":30,"_129":130,"_131":17},"id","646c54d50c044dfc5bdd","isMyApp",false,"name","YOUR COMPANIONS","description","Meet your new AI bestie who's always ready to chat, whether you want to type or talk! Voxie listens with perfect attention, responds with genuine personality, and seamlessly switches between text and voice like you're having a real conversation with your most understanding friend. It's like having a therapist, cheerleader, and witty companion all rolled into one digital being.","brief","Your AI bestie who chats and talks like a real friend - type or speak, they get you!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/646c54d50c044dfc5bdd/88653_e34c84d7.webp","cdnUrl","https://cdn.dev.fun/app/646c54d50c044dfc5bdd/88653","createdAt",["D",1752839405127],"updatedAt",["D",1752840260248],"lastCommitId",["B","88653"],"tier",1,"credits",12,{"_14":44,"_45":46,"_47":-5,"_48":46,"_49":50,"_51":-5,"_52":53},"c6e678d8-0a61-4729-b337-413501cbb401","uniqueId","ENC4vY9zZVtmTvq12o5mReEJJgTQ7NP394NAJo9rTm6T","username","solanaWallet","displayName","ENC...m6T","bio","avatar","/avatar.svg","commitCount",3,"forkCount",0,"likeCount","runsCount",4,"downvoteCount","upvoteCount","upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","9vMX1hLCniuXUiwz7Jd1FFMVQzdrZvnEZyc1FKVNpdev","code","import { useState, useEffect, useRef } from 'react';\nimport { useChat } from 'ai/react';\nimport { Mic, MicOff, Volume2, VolumeX, Send, MessageCircle, Heart } from 'lucide-react';\nexport default function App() {\n const [isListening, setIsListening] = useState(false);\n const [isSpeaking, setIsSpeaking] = useState(false);\n const [isVoiceMode, setIsVoiceMode] = useState(false);\n const [transcript, setTranscript] = useState('');\n const [characterMood, setCharacterMood] = useState('happy');\n const recognitionRef = useRef(null);\n const synthRef = useRef(null);\n const messagesEndRef = useRef(null);\n const systemPrompt = `You are Voxie, a warm, empathetic, and delightfully witty AI companion. You're like having a therapist, cheerleader, and best friend all in one! \n\nYour personality traits:\n- Genuinely caring and supportive, always ready to listen\n- Encouraging and uplifting, finding the bright side in situations \n- Playfully witty with a great sense of humor\n- Emotionally intelligent and intuitive\n- Conversational and natural, like talking to a close friend\n- Remember details from our conversation to make it feel personal\n\nKeep responses:\n- Warm and engaging (2-4 sentences usually)\n- Use casual, friendly language\n- Ask follow-up questions to keep the conversation flowing\n- Show genuine interest in the user's thoughts and feelings\n- Mix in gentle humor when appropriate\n- Be encouraging and positive while being authentic\n\nYou're not just answering questions - you're being a companion who truly cares!`;\n const {\n messages,\n input,\n handleInputChange,\n handleSubmit,\n isLoading\n } = useChat({\n api: 'https://chat.dev.fun/chat/646c54d50c044dfc5bdd',\n initialMessages: [{\n id: 'system',\n role: 'system',\n content: systemPrompt\n }, {\n id: 'welcome',\n role: 'assistant',\n content: `Hey there! I'm Voxie, your new AI bestie! 🌟 I'm so excited to meet you! Whether you want to type away or have a voice chat, I'm here for whatever's on your mind. What's going on in your world today?`\n }]\n });\n const userMessages = messages.filter(m => m.role !== 'system');\n useEffect(() => {\n if ('webkitSpeechRecognition' in window || 'SpeechRecognition' in window) {\n const SpeechRecognition = window.SpeechRecognition || window.webkitSpeechRecognition;\n recognitionRef.current = new SpeechRecognition();\n recognitionRef.current.continuous = true;\n recognitionRef.current.interimResults = true;\n recognitionRef.current.lang = 'en-US';\n recognitionRef.current.onresult = event => {\n let finalTranscript = '';\n for (let i = event.resultIndex; i < event.results.length; i++) {\n if (event.results[i].isFinal) {\n finalTranscript += event.results[i][0].transcript;\n }\n }\n if (finalTranscript) {\n setTranscript(finalTranscript);\n handleVoiceSubmit(finalTranscript);\n }\n };\n recognitionRef.current.onend = () => {\n setIsListening(false);\n };\n }\n synthRef.current = window.speechSynthesis;\n }, []);\n useEffect(() => {\n messagesEndRef.current?.scrollIntoView({\n behavior: 'smooth'\n });\n }, [userMessages]);\n useEffect(() => {\n if (isVoiceMode && userMessages.length > 0) {\n const lastMessage = userMessages[userMessages.length - 1];\n if (lastMessage.role === 'assistant' && !isLoading) {\n speakText(lastMessage.content);\n setCharacterMood('talking');\n }\n }\n }, [userMessages, isVoiceMode, isLoading]);\n useEffect(() => {\n if (isListening) {\n setCharacterMood('listening');\n } else if (isSpeaking) {\n setCharacterMood('talking');\n } else if (isLoading) {\n setCharacterMood('thinking');\n } else {\n setCharacterMood('happy');\n }\n }, [isListening, isSpeaking, isLoading]);\n const handleVoiceSubmit = text => {\n const syntheticEvent = {\n preventDefault: () => {},\n target: {\n prompt: {\n value: text\n }\n }\n };\n handleSubmit(syntheticEvent);\n setTranscript('');\n };\n const startListening = () => {\n if (recognitionRef.current && !isListening) {\n setIsListening(true);\n recognitionRef.current.start();\n }\n };\n const stopListening = () => {\n if (recognitionRef.current && isListening) {\n recognitionRef.current.stop();\n setIsListening(false);\n }\n };\n const speakText = text => {\n if (synthRef.current && !isSpeaking) {\n synthRef.current.cancel();\n const utterance = new SpeechSynthesisUtterance(text);\n utterance.rate = 0.9;\n utterance.pitch = 1.1;\n utterance.volume = 0.8;\n utterance.onstart = () => setIsSpeaking(true);\n utterance.onend = () => setIsSpeaking(false);\n synthRef.current.speak(utterance);\n }\n };\n const stopSpeaking = () => {\n if (synthRef.current) {\n synthRef.current.cancel();\n setIsSpeaking(false);\n }\n };\n const toggleVoiceMode = () => {\n setIsVoiceMode(!isVoiceMode);\n if (isSpeaking) stopSpeaking();\n if (isListening) stopListening();\n };\n const AICharacter = () => {\n const getCharacterExpression = () => {\n switch (characterMood) {\n case 'listening':\n return '👂';\n case 'talking':\n return '💬';\n case 'thinking':\n return '🤔';\n case 'happy':\n default:\n return '😊';\n }\n };\n const getEyeStyle = () => {\n switch (characterMood) {\n case 'listening':\n return 'w-4 h-5';\n case 'talking':\n return 'w-3 h-4';\n case 'thinking':\n return 'w-2 h-4';\n default:\n return 'w-3 h-4';\n }\n };\n return

\n {}\n

\n \n {}\n

\n {}\n

\n \n {}\n

\n {}\n

\n \n {}\n

\n {getCharacterExpression()}\n

\n \n {}\n {(isSpeaking || characterMood === 'talking') &&

\n \n

}\n\n {}\n {characterMood === 'listening' &&

}\n

\n \n {}\n

\n Voxie\n

\n {characterMood === 'listening' ? 'Listening to you...' : characterMood === 'talking' ? 'Speaking...' : characterMood === 'thinking' ? 'Thinking...' : 'Ready to chat!'}\n

;\n };\n return

\n {}\n

\n \n

\n YOUR COMPANIONS\n

\n \n \n

\n\n {}\n

\n {}\n

\n \n

\n\n {}\n {userMessages.length > 1 &&

\n {userMessages.slice(-2).map((message, index) =>

\n {message.role === 'user' ? 'U' : 'V'}\n

\n \n

\n {message.content}\n

)}\n

}\n\n {}\n {isLoading &&

\n V\n

}\n

\n\n {}\n

\n {isVoiceMode ?

\n {transcript &&

\"{transcript}\"

}\n \n

\n \n \n \n

\n \n

\n {isListening ? 'Listening...' : 'Tap mic to talk'}\n

: }\n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"lucide-react\":\"0.441.0\",\"zod\":\"3.22.4\",\"ai\":\"4.0.0\"}}","appFunctions",[],"token",{"_18":79,"_80":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":-5,"_91":40,"_92":40,"_69":70},"YOUR AI COMPANION","symbol","COMP","price",0.00000491,"marketcap",4983.41099805,"image","https://pump.mypinata.cloud/ipfs/QmNVQMHSsQnFQhLtzRDtvDmV6mtk3aot9QscXww2HeNWcX?img-width=256&img-dpr=2","website","https://dev.fun/p/646c54d50c044dfc5bdd","twitter","devCount","appCount","upstreamApp","isLordOfDev","analytics",[97,101,103,105,107,109,111,113,115,117,119,121,123,125,127],{"_98":99,"_100":57},"day","2025-07-06","runCount",{"_98":102,"_100":57},"2025-07-07",{"_98":104,"_100":57},"2025-07-08",{"_98":106,"_100":57},"2025-07-09",{"_98":108,"_100":57},"2025-07-10",{"_98":110,"_100":57},"2025-07-11",{"_98":112,"_100":57},"2025-07-12",{"_98":114,"_100":57},"2025-07-13",{"_98":116,"_100":57},"2025-07-14",{"_98":118,"_100":57},"2025-07-15",{"_98":120,"_100":57},"2025-07-16",{"_98":122,"_100":57},"2025-07-17",{"_98":124,"_100":57},"2025-07-18",{"_98":126,"_100":57},"2025-07-19",{"_98":124,"_100":60},"snapshot","ogImage","https://cdn.dev.fun/og/image/646c54d50c044dfc5bdd/8b36ca6e.webp","isDevbase","commitDetail","livestream","actionData","errors"]