[{"_1":2,"_141":-5,"_142":-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,"_31":32,"_33":34,"_35":36,"_37":38,"_39":40,"_41":42,"_43":44,"_5":45,"_57":58,"_59":60,"_61":42,"_62":63,"_64":60,"_65":66,"_67":42,"_68":42,"_69":70,"_71":17,"_72":17,"_73":74,"_75":76,"_77":78,"_79":80,"_97":-5,"_98":17,"_99":100,"_138":32,"_139":140},"id","65b6496d4f06da20c463","isMyApp",false,"name","zalascape95","description","Travel back in time with this nostalgic Windows 95 desktop experience that serves as your project landing page! Complete with pixelated charm, classic system icons, and that sweet vintage aesthetic, visitors can navigate your content by clicking on authentic-looking desktop shortcuts.","brief","Your project landing page disguised as a delightfully retro Windows 95 desktop experience!","isLive",true,"tags",[28,29,30],"🔥","💰","👑","cover","https://cdn.dev.fun/snapshot/65b6496d4f06da20c463/58795_c1e91782.webp","cdnUrl","https://cdn.dev.fun/app/65b6496d4f06da20c463/58795","createdAt",["D",1744665180348],"updatedAt",["D",1745687088851],"lastCommitId",["B","58795"],"tier",1,"credits",49,{"_14":46,"_47":48,"_49":-5,"_50":48,"_51":52,"_53":54,"_55":56},"46c87991-407f-42a0-9a88-9d9c1dee10e8","uniqueId","89sFxq9mLKJLsb8WDzjm3kiXFnQhAQYyJypfRBQexE8a","username","solanaWallet","displayName","89s...E8a","bio","(buidl, buidl)","avatar","/avatar.svg","commitCount",47,"forkCount",0,"likeCount","runsCount",7679,"downvoteCount","upvoteCount",4,"upvoteRate","commentCount","visitorCount",7,"isArchived","isRenamed","contractAddress","CxpGDVrX2rA6penHD2zhopPYNMXAtXutizWSktwytZ18","code","import { useState, useRef, useEffect } from 'react';\nimport { useChat } from 'ai/react';\nexport default function App() {\n const [chatOpen, setChatOpen] = useState(false);\n const [chatMessage, setChatMessage] = useState('');\n const [particles, setParticles] = useState([]);\n const [, setChatHistory] = useState([]);\n const [copied, setCopied] = useState(false);\n const [icons,,] = useState([{\n id: 1,\n name: 'Talk to Zala AI',\n icon: 'computer',\n url: 'https://app.holoworld.com/agent/5kNebHHMbfuRA5DOsYW1'\n }, {\n id: 2,\n name: 'X',\n icon: 'x_link',\n url: 'https://x.com/Zala_AI'\n }, {\n id: 3,\n name: 'Telegram',\n icon: 'network',\n url: 'https://t.me/ZALA_AI'\n }, {\n id: 7,\n name: 'TikTok',\n icon: 'tiktok',\n url: 'https://www.tiktok.com/@zala_ai'\n }, {\n id: 8,\n name: 'ZALA VibeTracker',\n icon: 'vibetracker',\n url: 'https://dev.fun/p/e12a0775a82068485baa'\n }, {\n id: 4,\n name: 'Docs',\n icon: 'recyclebin',\n url: 'https://zalaai.gitbook.io/zalaai-whitepaper'\n }, {\n id: 5,\n name: 'HoloworldAI',\n icon: 'explorer',\n url: 'https://app.holoworld.com/'\n }, {\n id: 6,\n name: 'dev.fun',\n icon: 'devfun',\n url: 'https://dev.fun/'\n }]);\n const [startMenuOpen, setStartMenuOpen] = useState(false);\n const [dateTime, setDateTime] = useState(new Date());\n const [selectedIcon, setSelectedIcon] = useState(null);\n const startMenuRef = useRef(null);\n useEffect(() => {\n const timer = setInterval(() => {\n setDateTime(new Date());\n }, 60000);\n return () => clearInterval(timer);\n }, []);\n const win95Colors = ['#000000', '#000080', '#008000', '#008080', '#800000', '#800080', '#808000', '#c0c0c0', '#808080', '#0000ff', '#00ff00', '#00ffff', '#ff0000', '#ff00ff', '#ffff00', '#ffffff'];\n useEffect(() => {\n const handleMouseMove = e => {\n const newParticle = {\n id: Date.now() + Math.random(),\n x: e.clientX,\n y: e.clientY,\n size: Math.random() * 5 + 2,\n color: win95Colors[Math.floor(Math.random() * win95Colors.length)],\n velocity: {\n x: (Math.random() - 0.5) * 3,\n y: (Math.random() - 0.5) * 3\n },\n opacity: 1,\n createdAt: Date.now()\n };\n setParticles(prev => [...prev, newParticle]);\n };\n const handleClick = e => {\n const burstParticles = [];\n for (let i = 0; i < 20; i++) {\n const angle = Math.random() * Math.PI * 2;\n const speed = Math.random() * 5 + 3;\n burstParticles.push({\n id: Date.now() + Math.random() + i,\n x: e.clientX,\n y: e.clientY,\n size: Math.random() * 8 + 3,\n color: win95Colors[Math.floor(Math.random() * win95Colors.length)],\n velocity: {\n x: Math.cos(angle) * speed,\n y: Math.sin(angle) * speed\n },\n opacity: 1,\n createdAt: Date.now()\n });\n }\n setParticles(prev => [...prev, ...burstParticles]);\n };\n document.addEventListener('mousemove', handleMouseMove);\n document.addEventListener('click', handleClick);\n const animationFrame = requestAnimationFrame(function animate() {\n setParticles(prevParticles => {\n const now = Date.now();\n return prevParticles.filter(particle => now - particle.createdAt < 1000).map(particle => ({\n ...particle,\n x: particle.x + particle.velocity.x,\n y: particle.y + particle.velocity.y,\n opacity: 1 - (now - particle.createdAt) / 1000\n }));\n });\n requestAnimationFrame(animate);\n });\n return () => {\n document.removeEventListener('mousemove', handleMouseMove);\n document.removeEventListener('click', handleClick);\n cancelAnimationFrame(animationFrame);\n };\n }, []);\n useEffect(() => {\n function handleClickOutside(event) {\n if (startMenuRef.current && !startMenuRef.current.contains(event.target) && event.target.id !== 'start-button') {\n setStartMenuOpen(false);\n }\n if (chatOpen && !event.target.closest('.chat-container') && event.target.id !== 'chat-toggle') {\n setChatOpen(false);\n }\n }\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, [chatOpen]);\n const formatTime = () => {\n const hours = dateTime.getHours();\n const minutes = dateTime.getMinutes();\n const ampm = hours >= 12 ? 'PM' : 'AM';\n const formattedHours = hours % 12 || 12;\n const formattedMinutes = minutes < 10 ? `0${minutes}` : minutes;\n return `${formattedHours}:${formattedMinutes} ${ampm}`;\n };\n const handleIconClick = (iconId, url) => {\n setSelectedIcon(iconId);\n setTimeout(() => {\n window.open(url, '_blank');\n setSelectedIcon(null);\n }, 300);\n };\n const IconComponents = {\n computer:

\n $\"Talk$ \n

,\n documents:

,\n network:

\n $\"Telegram$ \n

,\n x_link:

\n $\"X$ \n

,\n recyclebin:

\n $\"Docs$ \n

,\n explorer:

\n $\"HoloworldAI$ \n

,\n devfun:

\n $\"dev.fun$ \n

,\n tiktok:

\n $\"TikTok$ \n

,\n vibetracker:

\n $\"ZALA$ \n

\n };\n const systemPrompt = `\n You are Zala AI, a helpful Windows 95-style assistant.\n You have a friendly, helpful personality with a touch of 90s nostalgia.\n Keep your responses concise and helpful, as if you're a built-in Windows 95 assistant.\n If asked about yourself, explain that you're Zala AI, a Windows 95 desktop assistant.\n `;\n useEffect(() => {\n const savedMessages = localStorage.getItem('zalaChat');\n if (savedMessages) {\n setChatHistory(JSON.parse(savedMessages));\n }\n }, []);\n const {\n messages,\n input,\n handleInputChange,\n handleSubmit,\n isLoading,\n setMessages\n } = useChat({\n api: 'https://chat.dev.fun/chat/65b6496d4f06da20c463',\n initialMessages: [{\n id: 'system',\n role: 'system',\n content: systemPrompt\n }, ...(localStorage.getItem('zalaChat') ? JSON.parse(localStorage.getItem('zalaChat')) : [])]\n });\n useEffect(() => {\n if (messages.length > 1) {\n const messagesToSave = messages.filter(msg => msg.role !== 'system');\n localStorage.setItem('zalaChat', JSON.stringify(messagesToSave));\n setChatHistory(messagesToSave);\n }\n }, [messages]);\n const handleSendMessage = e => {\n e.preventDefault();\n if (chatMessage.trim()) {\n handleSubmit(e);\n }\n };\n useEffect(() => {\n setChatMessage(input);\n }, [input]);\n return

\n {}\n {particles.map(particle =>

)}\n {}\n

CA:

{\n navigator.clipboard.writeText(\"CxpGDVrX2rA6penHD2zhopPYNMXAtXutizWSktwytZ18\");\n setCopied(true);\n setTimeout(() => setCopied(false), 2000);\n }}>\n CxpGDVrX2rA6penHD2zhopPYNMXAtXutizWSktwytZ18\n {copied &&

\n Copied!\n

}\n

\n\n

\n {icons.map(icon =>

handleIconClick(icon.id, icon.url)} className={`flex flex-col items-center justify-center cursor-pointer p-4 rounded ${selectedIcon === icon.id ? 'bg-blue-700 bg-opacity-50' : 'hover:bg-blue-600 hover:bg-opacity-20'}`}>\n {IconComponents[icon.icon]}\n \n {icon.name}\n \n

)}\n

\n\n {}\n

\n {}\n \n\n {}\n

\n\n {}\n

\n {formatTime()}\n

\n\n {}\n {startMenuOpen &&

\n Zala\n Desktop\n

\n \n {}\n

\n Programs\n

\n Documents\n

\n Settings\n

\n Find\n

\n Help\n

\n Run...\n

\n \n

\n Shut Down...\n

}\n \n {}\n

setChatOpen(!chatOpen)}>\n

\n $\"Zala$ \n

\n\n {}\n {chatOpen &&

\n {}\n

\n Ask Zala AI\n \n

\n \n {}\n

\n {messages.map((message, index) => message.role !== 'system' &&

\n {message.role === 'assistant' && $\"Zala$ }\n

{message.content}

\n {message.role === 'user' && $\"User\"$ }\n

)}\n {messages.filter(m => m.role !== 'system').length === 0 &&

\n $\"Zala$ \n

Hello! I'm Zala AI. How can I help you today?

}\n {isLoading &&

\n $\"Zala$ \n

\n Thinking\n \n \n \n

}\n

\n \n {}\n \n

}\n \n {}\n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"zod\":\"3.22.4\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"socket.io-client\":\"4.7.1\",\"ai\":\"4.0.0\",\"recharts\":\"2.8.0\"}}","token",{"_18":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":95,"_96":66,"_73":74},"Z△L△ △I","symbol","ZALA","price",0.0003746,"marketcap",371798.83795389,"image","https://pump.mypinata.cloud/ipfs/QmUaDbuzVdFZy4uvH4tNsFq8byXnq2SiCfM1zudfQs1EhZ?img-width=256&img-dpr=2","website","https://dev.fun/p/65b6496d4f06da20c463","twitter","https://x.com/Zala_AI","devCount",3,"appCount","upstreamApp","isLordOfDev","analytics",[101,105,107,109,111,113,115,117,119,121,123,125,127,129,131,133,135],{"_102":103,"_104":60},"day","2025-04-13","runCount",{"_102":106,"_104":60},"2025-04-14",{"_102":108,"_104":60},"2025-04-15",{"_102":110,"_104":60},"2025-04-16",{"_102":112,"_104":60},"2025-04-17",{"_102":114,"_104":60},"2025-04-18",{"_102":116,"_104":60},"2025-04-19",{"_102":118,"_104":60},"2025-04-20",{"_102":120,"_104":60},"2025-04-21",{"_102":122,"_104":60},"2025-04-22",{"_102":124,"_104":60},"2025-04-23",{"_102":126,"_104":60},"2025-04-24",{"_102":128,"_104":60},"2025-04-25",{"_102":130,"_104":60},"2025-04-26",{"_102":128,"_104":132},6644,{"_102":130,"_104":134},908,{"_102":136,"_104":137},"2025-04-27",129,"snapshot","ogImage","https://cdn.dev.fun/og/image/65b6496d4f06da20c463/a4ace868.webp","actionData","errors"]