[{"_1":2,"_194":-5,"_195":-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,"_192":-5,"_107":-5,"_193":-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,"_55":56,"_57":58,"_59":58,"_60":61,"_62":58,"_63":64,"_65":40,"_66":40,"_67":58,"_68":58,"_69":17,"_70":17,"_71":72,"_73":74,"_75":76,"_77":78,"_79":80,"_96":97,"_156":17,"_157":158,"_107":30,"_109":190,"_191":17},"id","7c253172a3a697d777f9","isMyApp",false,"name","bobscape95","description","Travel back in time with this nostalgic Windows 95 desktop experience featuring the majestic Mt. Bobmore as your backdrop! Navigate through your project with authentic-looking desktop shortcuts while four legendary Bobs eternally watch over your digital workspace with pixelated wisdom.","brief","Windows 95 nostalgia meets Mt. Bobmore majesty for the ultimate retro desktop experience!","isLive",true,"isPublic","tags",[],"cover","https://cdn.dev.fun/snapshot/7c253172a3a697d777f9/74067_67c8e0ed.webp","cdnUrl","https://cdn.dev.fun/app/7c253172a3a697d777f9/74067","createdAt",["D",1748614694733],"updatedAt",["D",1749139128899],"lastCommitId",["B","74067"],"tier",1,"credits",65,{"_14":44,"_45":46,"_47":46,"_48":49,"_50":46,"_51":52,"_53":54},"7818d9dd-cb0e-4e2a-8999-011e0dbe275b","uniqueId","ZoomerBoomer","username","solanaWallet","5V7HJewW1LBj35aQq76zgRREbe3Xc2FKNLErirwYtUs1","displayName","bio","Creating a MEME-universe","avatar","https://cdn.dev.fun/avatar/7818d9dd-cb0e-4e2a-8999-011e0dbe275b/39d1d87d.webp","commitCount",58,"forkCount",0,"likeCount","runsCount",82,"downvoteCount","upvoteCount",2,"upvoteRate","commentCount","reportCount","visitorCount","isArchived","isRenamed","contractAddress","AmadUdthBqhLxJNzdxE1n4MKQ5wJkS4gUgwCCvQypump","code","import { useState, useRef, useEffect } from 'react';\nimport { useChat } from 'ai/react';\nimport { io } from 'socket.io-client';\nconst socket = io('wss://ws.dev.fun/app-7c253172a3a697d777f9');\nexport default function App() {\n const [, setChatMessage] = useState('');\n const [particles, setParticles] = useState([]);\n const [, setChatHistory] = useState([]);\n const [chatUsers, setChatUsers] = useState(0);\n const [publicMessages, setPublicMessages] = useState([]);\n const [isMobile, setIsMobile] = useState(false);\n const [messageInput, setMessageInput] = useState('');\n const [boomerverseOpen, setBoomerverseOpen] = useState(false);\n const [loginMethod, setLoginMethod] = useState('classic');\n const [loginUsername, setLoginUsername] = useState('Boomer Bob');\n const [loginPassword, setLoginPassword] = useState('');\n const [passwordVisible, setPasswordVisible] = useState(false);\n const [loginError, setLoginError] = useState('');\n const [connectingWallet, setConnectingWallet] = useState(false);\n const [userDatabase, setUserDatabase] = useState(() => {\n const saved = localStorage.getItem('zalaUserDatabase');\n return saved ? JSON.parse(saved) : {};\n });\n const [currentUserId,,] = useState(() => {\n let userId = localStorage.getItem('zalaUserId');\n if (!userId) {\n userId = 'user_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n localStorage.setItem('zalaUserId', userId);\n }\n return userId;\n });\n const [chatPosition, setChatPosition] = useState(() => {\n const saved = localStorage.getItem('zalaChatPosition');\n return saved ? JSON.parse(saved) : {\n x: window.innerWidth / 2 - 250,\n y: window.innerHeight - 360\n };\n });\n const [chatSize, setChatSize] = useState(() => {\n const saved = localStorage.getItem('zalaChatSize');\n return saved ? JSON.parse(saved) : {\n width: 500,\n height: 300\n };\n });\n const [isDragging, setIsDragging] = useState(false);\n const [dragStart, setDragStart] = useState({\n x: 0,\n y: 0\n });\n const [isResizing, setIsResizing] = useState(false);\n const [resizeStart, setResizeStart] = useState({\n x: 0,\n y: 0,\n width: 0,\n height: 0\n });\n const chatContainerRef = useRef(null);\n const [screensaverActive, setScreensaverActive] = useState(false);\n const [screensaverPosition, setScreensaverPosition] = useState({\n x: 100,\n y: 100\n });\n const [screensaverVelocity, setScreensaverVelocity] = useState({\n x: 3,\n y: 2\n });\n const [lastMouseMoveTime, setLastMouseMoveTime] = useState(Date.now());\n const screensaverTimeoutRef = useRef(null);\n const animationFrameRef = useRef(null);\n const [icons,,] = useState([{\n id: 2,\n name: 'X',\n icon: 'x_link',\n url: 'https://x.com/BoomerBobCoin'\n }, {\n id: 8,\n name: 'Website',\n icon: 'website',\n url: 'https://boomerbob.xyz/'\n }, {\n id: 3,\n name: 'Telegram',\n icon: 'network',\n url: 'https://t.me/BoomerBobPortal'\n }, {\n id: 7,\n name: 'TikTok',\n icon: 'tiktok',\n url: 'https://www.tiktok.com/@boomerbob1962?is_from_webapp=1&sender_device=pc'\n }, {\n id: 6,\n name: 'dev.fun',\n icon: 'devfun',\n url: 'https://dev.fun/user/BOOMERBOB'\n }, {\n id: 9,\n name: 'Boomerverse',\n icon: 'boomerverse',\n action: 'openBoomerverse'\n }]);\n const [startMenuOpen, setStartMenuOpen] = useState(false);\n const [dateTime, setDateTime] = useState(new Date());\n const [selectedIcon, setSelectedIcon] = useState(null);\n const [showShutdownDialog, setShowShutdownDialog] = useState(false);\n const startMenuRef = useRef(null);\n useEffect(() => {\n const timer = setInterval(() => {\n setDateTime(new Date());\n }, 60000);\n const checkMobile = () => {\n setIsMobile(window.innerWidth <= 768);\n };\n checkMobile();\n window.addEventListener('resize', checkMobile);\n return () => {\n clearInterval(timer);\n window.removeEventListener('resize', checkMobile);\n };\n }, []);\n useEffect(() => {\n const checkInactivity = () => {\n const currentTime = Date.now();\n if (currentTime - lastMouseMoveTime > 30000 && !screensaverActive) {\n setScreensaverActive(true);\n }\n };\n screensaverTimeoutRef.current = setInterval(checkInactivity, 1000);\n return () => {\n clearInterval(screensaverTimeoutRef.current);\n cancelAnimationFrame(animationFrameRef.current);\n };\n }, [lastMouseMoveTime, screensaverActive]);\n useEffect(() => {\n if (screensaverActive) {\n const updateScreensaverPosition = () => {\n setScreensaverPosition(prev => {\n let newX = prev.x + screensaverVelocity.x;\n let newY = prev.y + screensaverVelocity.y;\n let newVelX = screensaverVelocity.x;\n let newVelY = screensaverVelocity.y;\n const width = window.innerWidth;\n const height = window.innerHeight;\n const textWidth = 250;\n const textHeight = 50;\n if (newX <= 0 || newX + textWidth >= width) {\n newVelX = -newVelX;\n newX = newX <= 0 ? 0 : width - textWidth;\n }\n if (newY <= 0 || newY + textHeight >= height) {\n newVelY = -newVelY;\n newY = newY <= 0 ? 0 : height - textHeight;\n }\n setScreensaverVelocity({\n x: newVelX,\n y: newVelY\n });\n return {\n x: newX,\n y: newY\n };\n });\n animationFrameRef.current = requestAnimationFrame(updateScreensaverPosition);\n };\n animationFrameRef.current = requestAnimationFrame(updateScreensaverPosition);\n return () => {\n cancelAnimationFrame(animationFrameRef.current);\n };\n }\n }, [screensaverActive, screensaverVelocity]);\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 setLastMouseMoveTime(Date.now());\n if (screensaverActive) {\n setScreensaverActive(false);\n cancelAnimationFrame(animationFrameRef.current);\n }\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 const handleKeyDown = () => {\n if (screensaverActive) {\n setScreensaverActive(false);\n cancelAnimationFrame(animationFrameRef.current);\n }\n setLastMouseMoveTime(Date.now());\n };\n document.addEventListener('mousemove', handleMouseMove);\n document.addEventListener('click', handleClick);\n document.addEventListener('keydown', handleKeyDown);\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 document.removeEventListener('keydown', handleKeyDown);\n cancelAnimationFrame(animationFrame);\n };\n }, [screensaverActive]);\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 }\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, []);\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 [zalaPopupOpen, setZalaPopupOpen] = useState(false);\n const [zalaFollowupPopups, setZalaFollowupPopups] = useState(false);\n const [zalaFinalPopups, setZalaFinalPopups] = useState(false);\n const [zalaRagePopups, setZalaRagePopups] = useState(false);\n const [zalaUltraRagePopups, setZalaUltraRagePopups] = useState(false);\n const [, setRagePopupsClosed] = useState(0);\n const handleIconClick = (iconId, url, action) => {\n setSelectedIcon(iconId);\n if (action === 'openBoomerverse') {\n setTimeout(() => {\n setBoomerverseOpen(true);\n setSelectedIcon(null);\n }, 300);\n } else if (action === 'doNotClick') {\n setTimeout(() => {\n setZalaPopupOpen(true);\n setSelectedIcon(null);\n }, 300);\n } else {\n setTimeout(() => {\n window.open(url, '_blank');\n setSelectedIcon(null);\n }, 300);\n }\n };\n const handleLogin = () => {\n if (loginMethod === 'classic') {\n if (loginUsername === 'Boomer Bob' && loginPassword === 'Q2!;StUv:8075?') {\n alert('Login successful! Welcome to Boomerverse, Boomer Bob!');\n setLoginError('');\n } else if (loginUsername === 'Guest') {\n setLoginError('Guest login will be available in a future update');\n } else {\n setLoginError('Invalid username or password');\n }\n } else if (loginMethod === 'wallet') {\n setConnectingWallet(true);\n setTimeout(() => {\n setConnectingWallet(false);\n alert('Wallet connection feature coming soon!');\n }, 1500);\n }\n };\n const IconComponents = {\n computer:

\n $\"Talk$ \n

,\n documents:

,\n legendOfZala:

\n $\"Legend$ \n

,\n donotclick:

\n $\"Do$ \n

,\n network:

\n $\"Telegram$ \n

,\n x_link:

\n $\"X$ \n

,\n website:

\n $\"Website$ \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 gorillas:

\n $\"ZALA$ \n

,\n dexscreener:

\n $\"Zala$ \n

,\n 'zala-rhythm':

\n $\"ZALA$ \n

,\n boomerverse:

\n $\"Boomerverse$ \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 } = useChat({\n api: 'https://chat.dev.fun/chat/7c253172a3a697d777f9',\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 useEffect(() => {\n setChatMessage(input);\n }, [input]);\n useEffect(() => {\n function onMouseMove(e) {\n if (isDragging) {\n const newX = e.clientX - dragStart.x;\n const newY = e.clientY - dragStart.y;\n const position = {\n x: Math.max(0, Math.min(window.innerWidth - chatSize.width, newX)),\n y: Math.max(0, Math.min(window.innerHeight - chatSize.height, newY))\n };\n setChatPosition(position);\n localStorage.setItem('zalaChatPosition', JSON.stringify(position));\n }\n if (isResizing) {\n const newWidth = Math.max(300, resizeStart.width + (e.clientX - resizeStart.x));\n const newHeight = Math.max(200, resizeStart.height + (e.clientY - resizeStart.y));\n const size = {\n width: newWidth,\n height: newHeight\n };\n setChatSize(size);\n localStorage.setItem('zalaChatSize', JSON.stringify(size));\n }\n }\n function onTouchMove(e) {\n if (isDragging && e.touches && e.touches[0]) {\n const newX = e.touches[0].clientX - dragStart.x;\n const newY = e.touches[0].clientY - dragStart.y;\n const position = {\n x: Math.max(0, Math.min(window.innerWidth - chatSize.width, newX)),\n y: Math.max(0, Math.min(window.innerHeight - chatSize.height, newY))\n };\n setChatPosition(position);\n localStorage.setItem('zalaChatPosition', JSON.stringify(position));\n }\n if (isResizing && e.touches && e.touches[0]) {\n const newWidth = Math.max(300, resizeStart.width + (e.touches[0].clientX - resizeStart.x));\n const newHeight = Math.max(200, resizeStart.height + (e.touches[0].clientY - resizeStart.y));\n const size = {\n width: newWidth,\n height: newHeight\n };\n setChatSize(size);\n localStorage.setItem('zalaChatSize', JSON.stringify(size));\n }\n }\n function onMouseUp() {\n setIsDragging(false);\n setIsResizing(false);\n }\n function onTouchEnd() {\n setIsDragging(false);\n setIsResizing(false);\n }\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n document.addEventListener('touchmove', onTouchMove);\n document.addEventListener('touchend', onTouchEnd);\n return () => {\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n document.removeEventListener('touchmove', onTouchMove);\n document.removeEventListener('touchend', onTouchEnd);\n };\n }, [isDragging, dragStart, isResizing, resizeStart, chatSize]);\n useEffect(() => {\n function onConnect() {\n console.log('Socket connected');\n socket.emit('get_chat_history');\n }\n function onUserCount(count) {\n setChatUsers(count);\n }\n function onChatMessage(message) {\n if (!message.isSystem && message.username !== 'System') {\n setPublicMessages(prev => {\n const newMessages = [...prev, message];\n localStorage.setItem('zalaPublicChat', JSON.stringify(newMessages.slice(-1000)));\n return newMessages;\n });\n if (message.userId && message.username) {\n setUserDatabase(prev => {\n const updatedDb = {\n ...prev,\n [message.userId]: {\n username: message.username,\n lastSeen: new Date().toISOString(),\n messageCount: (prev[message.userId]?.messageCount || 0) + 1\n }\n };\n localStorage.setItem('zalaUserDatabase', JSON.stringify(updatedDb));\n return updatedDb;\n });\n }\n }\n }\n function onChatHistory(messages) {\n if (messages && messages.length > 0) {\n const filteredMessages = messages.filter(msg => !msg.isSystem && msg.username !== 'System');\n const savedPublicMessages = localStorage.getItem('zalaPublicChat');\n let localMessages = [];\n if (savedPublicMessages) {\n try {\n localMessages = JSON.parse(savedPublicMessages);\n } catch (e) {\n console.error('Error parsing saved messages', e);\n }\n }\n const messageMap = new Map();\n filteredMessages.forEach(msg => {\n messageMap.set(msg.id || msg.timestamp, msg);\n });\n localMessages.forEach(msg => {\n if (!messageMap.has(msg.id || msg.timestamp)) {\n messageMap.set(msg.id || msg.timestamp, msg);\n }\n });\n const mergedMessages = Array.from(messageMap.values()).sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));\n setPublicMessages(mergedMessages);\n localStorage.setItem('zalaPublicChat', JSON.stringify(mergedMessages.slice(-1000)));\n const usersFromHistory = {};\n mergedMessages.forEach(msg => {\n if (msg.userId && msg.username) {\n usersFromHistory[msg.userId] = {\n username: msg.username,\n lastSeen: msg.timestamp || new Date().toISOString(),\n messageCount: (usersFromHistory[msg.userId]?.messageCount || 0) + 1\n };\n }\n });\n setUserDatabase(prev => {\n const updatedDb = {\n ...prev,\n ...usersFromHistory\n };\n localStorage.setItem('zalaUserDatabase', JSON.stringify(updatedDb));\n return updatedDb;\n });\n } else {\n const savedPublicMessages = localStorage.getItem('zalaPublicChat');\n if (savedPublicMessages) {\n try {\n const parsedMessages = JSON.parse(savedPublicMessages);\n setPublicMessages(parsedMessages);\n } catch (e) {\n console.error('Error parsing saved messages', e);\n localStorage.removeItem('zalaPublicChat');\n }\n }\n }\n }\n const savedPublicMessages = localStorage.getItem('zalaPublicChat');\n if (savedPublicMessages) {\n try {\n const parsedMessages = JSON.parse(savedPublicMessages);\n setPublicMessages(parsedMessages);\n } catch (e) {\n console.error('Error parsing saved messages', e);\n localStorage.removeItem('zalaPublicChat');\n }\n }\n socket.on('connect', onConnect);\n socket.on('devfun:user_count', onUserCount);\n socket.on('chat_message', onChatMessage);\n socket.on('chat_history', onChatHistory);\n if (socket.connected) {\n socket.emit('get_chat_history');\n }\n return () => {\n socket.off('connect', onConnect);\n socket.off('devfun:user_count', onUserCount);\n socket.off('chat_message', onChatMessage);\n socket.off('chat_history', onChatHistory);\n };\n }, []);\n useEffect(() => {\n if (publicMessages.length > 0) {\n if (chatContainerRef.current) {\n setTimeout(() => {\n chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight;\n }, 50);\n }\n }\n }, [publicMessages]);\n useEffect(() => {\n if (currentUserId && userDatabase[currentUserId]) {\n const updatedDb = {\n ...userDatabase,\n [currentUserId]: {\n ...userDatabase[currentUserId],\n lastSeen: new Date().toISOString()\n }\n };\n setUserDatabase(updatedDb);\n localStorage.setItem('zalaUserDatabase', JSON.stringify(updatedDb));\n }\n }, []);\n const handleSendPublicMessage = e => {\n e.preventDefault();\n if (messageInput.trim()) {\n const username = localStorage.getItem('zalaUsername') || 'User' + Math.floor(Math.random() * 10000);\n const messageObj = {\n id: Date.now() + '-' + currentUserId,\n userId: currentUserId,\n username,\n content: messageInput,\n timestamp: new Date().toISOString()\n };\n setPublicMessages(prev => {\n const newMessages = [...prev, messageObj];\n localStorage.setItem('zalaPublicChat', JSON.stringify(newMessages.slice(-1000)));\n return newMessages;\n });\n socket.emit('chat_message', messageObj);\n setUserDatabase(prev => {\n const updatedDb = {\n ...prev,\n [currentUserId]: {\n username,\n lastSeen: new Date().toISOString(),\n messageCount: (prev[currentUserId]?.messageCount || 0) + 1\n }\n };\n localStorage.setItem('zalaUserDatabase', JSON.stringify(updatedDb));\n return updatedDb;\n });\n setMessageInput('');\n if (chatContainerRef.current) {\n setTimeout(() => {\n chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight;\n }, 10);\n }\n }\n };\n useEffect(() => {\n if (chatContainerRef.current) {\n chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight;\n }\n }, []);\n return

\n {}\n

handleIconClick(10, null, 'doNotClick')}>\n

\n $\"Do$ \n

\n \n Do not click\n \n

\n \n {}\n {}\n {screensaverActive &&

\n $\"Boomer$ \n \n Boomer_Bob\n \n

}\n \n {}\n {zalaUltraRagePopups && <>\n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n SYSTEM ALERT!!!\n

\n \n

\n $\"Zala\"$ \n

DO IT NOW!

\n \n

\n }\n \n {}\n {zalaRagePopups && <>\n

\n WARNING!!!\n

\n \n

\n $\"Zala\"$ \n

\n \n

VISIT MY LANDINGS!

\n \n

\n WARNING!!!\n

\n \n

\n $\"Zala\"$ \n

\n \n

VISIT MY LANDINGS!

\n \n

\n WARNING!!!\n

\n \n

\n $\"Zala\"$ \n

\n \n

VISIT MY LANDINGS!

\n \n

\n WARNING!!!\n

\n \n

\n $\"Zala\"$ \n

\n \n

VISIT MY LANDINGS!

\n \n

\n WARNING!!!\n

\n \n

\n $\"Zala\"$ \n

\n \n

VISIT MY LANDINGS!

\n \n

\n WARNING!!!\n

\n \n

\n $\"Zala\"$ \n

\n \n

VISIT MY LANDINGS!

\n \n

\n WARNING!!!\n

\n \n

\n $\"Zala\"$ \n

\n \n

VISIT MY LANDINGS!

\n \n

\n WARNING!!!\n

\n \n

\n $\"Zala\"$ \n

\n \n

VISIT MY LANDINGS!

\n \n

\n }\n \n {zalaFinalPopups && <>\n

\n URGENT MESSAGE!\n

\n \n

\n $\"Zala\"$ \n

\n \n

I really need you to visit my landingspage!

\n \n

\n URGENT MESSAGE!\n

\n \n

\n $\"Zala\"$ \n

\n \n

I really need you to visit my landingspage!

\n \n

\n URGENT MESSAGE!\n

\n \n

\n $\"Zala\"$ \n

\n \n

I really need you to visit my landingspage!

\n \n

\n URGENT MESSAGE!\n

\n \n

\n $\"Zala\"$ \n

\n \n

I really need you to visit my landingspage!

\n \n

\n }\n \n {}\n {!screensaverActive && particles.map(particle =>

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

\n {}\n

{\n if (!isMobile) {\n setIsDragging(true);\n setDragStart({\n x: e.clientX - chatPosition.x,\n y: e.clientY - chatPosition.y\n });\n }\n }} onTouchStart={e => {\n if (!isMobile) {\n setIsDragging(true);\n setDragStart({\n x: e.touches[0].clientX - chatPosition.x,\n y: e.touches[0].clientY - chatPosition.y\n });\n }\n }}>\n

\n $\"Bob$ \n Boomer Community Chat ({chatUsers} online)\n

\n \n \n

\n \n {}\n

\n {publicMessages.filter(msg => !msg.isSystem && msg.username !== 'System').length === 0 &&

\n Be the first to start the conversation!\n

}\n \n {publicMessages.filter(msg => !msg.isSystem && msg.username !== 'System').map(msg =>

\n {msg.username || 'User'}:\n {msg.content}\n

\n {new Date(msg.timestamp).toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit'\n })} {new Date(msg.timestamp).toLocaleDateString([], {\n month: 'short',\n day: 'numeric'\n })}\n

)}\n

\n \n {}\n

\n setMessageInput(e.target.value)} autoComplete=\"off\" />\n

\n \n \n

\n \n

{\n e.stopPropagation();\n setIsResizing(true);\n setResizeStart({\n x: e.clientX,\n y: e.clientY,\n width: chatSize.width,\n height: chatSize.height\n });\n }}>\n

\n\n

\n {icons.map(icon => {\n return

handleIconClick(icon.id, icon.url, icon.action)} className={`flex flex-col items-center justify-center cursor-pointer p-2 rounded ${selectedIcon === icon.id ? 'bg-blue-700 bg-opacity-50' : 'hover:bg-blue-600 hover:bg-opacity-20 active:bg-blue-600 active: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

\n {formatTime()}\n

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

\n $\"Bob$ \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 setShowShutdownDialog(true);\n setStartMenuOpen(false);\n }}>\n

\n Shut Down...\n

}\n \n {}\n\n {}\n \n {}\n {showShutdownDialog &&

\n Shutting Down Windows\n

\n \n

Windows

\n \n

Windows is shutting down...

Please wait while Windows updates are installed.

\n \n

\n Do not turn off your computer until the updates are complete.\n

}\n \n {}\n {zalaFollowupPopups && <>\n

\n Wait a second...\n

\n \n

\n $\"Zala\"$ \n

\n \n

Are you sure you don't want to visit me?

\n \n

\n Please reconsider!\n

\n \n

\n $\"Zala\"$ \n

\n \n

Are you sure you don't want to visit me?

\n \n

\n }\n\n {}\n {boomerverseOpen &&

\n Boomerverse Login\n

\n \n

\n \n \n

\n \n {loginMethod === 'classic' ?

\n Username:\n

\n \n

\n Password:\n

\n setLoginPassword(e.target.value)} />\n \n

\n \n {loginError &&

\n {loginError}\n

}\n \n

\n \n \n

Select your wallet provider:

\n \n

\n \n \n \n \n

\n \n {connectingWallet &&

Connecting to wallet...

}\n

\n \n

}\n

}\n \n {}\n {zalaPopupOpen &&

\n SPECIAL OFFER!!!\n

\n \n

\n $\"Zala\"$ \n

\n \n

Hi there, I am Zala. Could you check my landingspage please?

\n \n

}\n \n {}\n \n

;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"socket.io-client\":\"4.7.2\",\"zod\":\"3.22.4\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"recharts\":\"2.8.0\",\"@solana/wallet-adapter-base\":\"0.9.23\",\"@solana/wallet-adapter-react\":\"0.15.35\",\"@solana/wallet-adapter-react-ui\":\"0.9.35\",\"@solana/wallet-adapter-wallets\":\"0.19.32\",\"@solana/web3.js\":\"1.95.3\",\"react-router-dom\":\"6.18.0\",\"ai\":\"4.0.0\"}}","appFunctions",[],"token",{"_18":81,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":93,"_94":40,"_95":40,"_71":72},"Boomer Bob ","symbol","BOOMER","price",0.00000924,"marketcap",8722.11806253,"image","https://pump.mypinata.cloud/ipfs/bafybeibjtt7ocmas3sdyfrv7tgznzuz2qfvhnyoa5d6454d6hrs4oo5hhe?img-width=256&img-dpr=2","website","https://boomerbob.xyz/","twitter","https://x.com/BoomerBobCoin","devCount","appCount","upstreamApp",{"_14":98,"_33":99,"_35":100,"_101":102,"_18":103,"_20":104,"_22":105,"_71":106,"_107":108,"_109":110,"_31":111,"_39":40,"_41":112,"_113":114,"_115":17,"_26":25,"_69":17,"_70":17,"_116":17,"_117":25,"_118":25,"_55":119,"_57":40,"_59":120,"_60":121,"_66":122,"_63":123,"_62":40,"_124":125,"_126":-5,"_37":127,"_128":129,"_151":17,"_24":25,"_65":152,"_27":153},"65b6496d4f06da20c463",["D",1744665180348],["D",1756735450885],"template","web","zalascape95","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.","Your project landing page disguised as a delightfully retro Windows 95 desktop experience!","CxpGDVrX2rA6penHD2zhopPYNMXAtXutizWSktwytZ18","snapshot","https://cdn.dev.fun/snapshot/65b6496d4f06da20c463/78282_bf9da7ac.webp","ogImage","https://cdn.dev.fun/og/image/65b6496d4f06da20c463/a0583781.webp","https://cdn.dev.fun/app/65b6496d4f06da20c463/78282",143,"featureScore","0.07843137","isAutomated","isTagHot","isTagMoney","isTagCrown",69,7,12059,14,9,"userId","46c87991-407f-42a0-9a88-9d9c1dee10e8","upstreamAppId",["B","78282"],"lastCommit",{"_14":127,"_33":130,"_131":132,"_133":134,"_73":135,"_75":136,"_137":138,"_139":140,"_141":134,"_107":108,"_31":111,"_142":17,"_143":17,"_144":25,"_101":102,"_145":-5,"_146":-5,"_147":-5,"_6":98,"_124":125,"_148":149,"_77":150},["D",1749565141839],"input","![bountymeme pfp.JPG](https://cdn.dev.fun/asset/65b6496d4f06da20c463/bountymeme pfp_8d63819d.jpg) create new icon named \"bountymeme by @kasperwtrcolor\" and use this image for the icon and redirect to this link when clicked on this icon: https://dev.fun/p/e3460cc72f66e0764f33\n","output","<<<<<<< OLD\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=======\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>>>>>>> NEW\n\n<<<<<<< OLD\n id: 6,\n name: 'dev.fun',\n icon: 'devfun',\n url: 'https://dev.fun/'\n }]);\n=======\n id: 6,\n name: 'dev.fun',\n icon: 'devfun',\n url: 'https://dev.fun/'\n }, {\n id: 13,\n name: 'bountymeme by @kasperwtrcolor',\n icon: 'bountymeme',\n url: 'https://dev.fun/p/e3460cc72f66e0764f33'\n }]);\n>>>>>>> NEW\n\n<<<<<<< OLD\n 'zala-rhythm':

\n $\"ZALA$ \n

\n };\n=======\n 'zala-rhythm':

\n $\"ZALA$ \n

,\n bountymeme:

\n $\"bountymeme$ \n

\n };\n>>>>>>> NEW","import { useState, useRef, useEffect } from 'react';\nimport { useChat } from 'ai/react';\nimport { io } from 'socket.io-client';\nconst socket = io('wss://ws.dev.fun/app-65b6496d4f06da20c463');\nexport default function App() {\n const [, setChatMessage] = useState('');\n const [particles, setParticles] = useState([]);\n const [, setChatHistory] = useState([]);\n const [chatUsers, setChatUsers] = useState(0);\n const [publicMessages, setPublicMessages] = useState([]);\n const [messageInput, setMessageInput] = useState('');\n const [userDatabase, setUserDatabase] = useState(() => {\n const saved = localStorage.getItem('zalaUserDatabase');\n return saved ? JSON.parse(saved) : {};\n });\n const [currentUserId,,] = useState(() => {\n let userId = localStorage.getItem('zalaUserId');\n if (!userId) {\n userId = 'user_' + Date.now() + '_' + Math.random().toString(36).substr(2, 9);\n localStorage.setItem('zalaUserId', userId);\n }\n return userId;\n });\n const [chatPosition, setChatPosition] = useState(() => {\n const saved = localStorage.getItem('zalaChatPosition');\n return saved ? JSON.parse(saved) : {\n x: window.innerWidth / 2 - 250,\n y: window.innerHeight - 360\n };\n });\n const [chatSize, setChatSize] = useState(() => {\n const saved = localStorage.getItem('zalaChatSize');\n return saved ? JSON.parse(saved) : {\n width: 500,\n height: 300\n };\n });\n const [isDragging, setIsDragging] = useState(false);\n const [dragStart, setDragStart] = useState({\n x: 0,\n y: 0\n });\n const [isResizing, setIsResizing] = useState(false);\n const [resizeStart, setResizeStart] = useState({\n x: 0,\n y: 0,\n width: 0,\n height: 0\n });\n const chatContainerRef = useRef(null);\n const [copied, setCopied] = useState(false);\n const [screensaverActive, setScreensaverActive] = useState(false);\n const [screensaverPosition, setScreensaverPosition] = useState({\n x: 100,\n y: 100\n });\n const [screensaverVelocity, setScreensaverVelocity] = useState({\n x: 3,\n y: 2\n });\n const [lastMouseMoveTime, setLastMouseMoveTime] = useState(Date.now());\n const screensaverTimeoutRef = useRef(null);\n const animationFrameRef = useRef(null);\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: 12,\n name: 'ZALA Rhythm',\n icon: 'zala-rhythm',\n url: 'https://dev.fun/p/ed3c486a3f26c24c7959'\n }, {\n id: 7,\n name: 'TikTok',\n icon: 'tiktok',\n url: 'https://www.tiktok.com/@zala_ai'\n }, {\n id: 10,\n name: 'Zala on Dexscreener',\n icon: 'dexscreener',\n url: 'https://dexscreener.com/solana/gawjttkx6xoqaehr9erv97mqomperknrhk5martoqfhe'\n }, {\n id: 11,\n name: 'Legend of Zala',\n icon: 'legendOfZala',\n url: 'https://dev.fun/p/cabf71a47719fdcdb7f1'\n }, {\n id: 8,\n name: 'ZALA VibeTracker',\n icon: 'vibetracker',\n url: 'https://dev.fun/p/e12a0775a82068485baa'\n }, {\n id: 9,\n name: 'ZALA vs 100Gorillas',\n icon: 'gorillas',\n url: 'https://dev.fun/p/50e6a29f3d78829f8c92'\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 id: 13,\n name: 'bountymeme by @kasperwtrcolor',\n icon: 'bountymeme',\n url: 'https://dev.fun/p/e3460cc72f66e0764f33'\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 useEffect(() => {\n const checkInactivity = () => {\n const currentTime = Date.now();\n if (currentTime - lastMouseMoveTime > 10000 && !screensaverActive) {\n setScreensaverActive(true);\n }\n };\n screensaverTimeoutRef.current = setInterval(checkInactivity, 1000);\n return () => {\n clearInterval(screensaverTimeoutRef.current);\n cancelAnimationFrame(animationFrameRef.current);\n };\n }, [lastMouseMoveTime, screensaverActive]);\n useEffect(() => {\n if (screensaverActive) {\n const updateScreensaverPosition = () => {\n setScreensaverPosition(prev => {\n let newX = prev.x + screensaverVelocity.x;\n let newY = prev.y + screensaverVelocity.y;\n let newVelX = screensaverVelocity.x;\n let newVelY = screensaverVelocity.y;\n const width = window.innerWidth;\n const height = window.innerHeight;\n const textWidth = 250;\n const textHeight = 50;\n if (newX <= 0 || newX + textWidth >= width) {\n newVelX = -newVelX;\n newX = newX <= 0 ? 0 : width - textWidth;\n }\n if (newY <= 0 || newY + textHeight >= height) {\n newVelY = -newVelY;\n newY = newY <= 0 ? 0 : height - textHeight;\n }\n setScreensaverVelocity({\n x: newVelX,\n y: newVelY\n });\n return {\n x: newX,\n y: newY\n };\n });\n animationFrameRef.current = requestAnimationFrame(updateScreensaverPosition);\n };\n animationFrameRef.current = requestAnimationFrame(updateScreensaverPosition);\n return () => {\n cancelAnimationFrame(animationFrameRef.current);\n };\n }\n }, [screensaverActive, screensaverVelocity]);\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 setLastMouseMoveTime(Date.now());\n if (screensaverActive) {\n setScreensaverActive(false);\n cancelAnimationFrame(animationFrameRef.current);\n }\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 const handleKeyDown = () => {\n if (screensaverActive) {\n setScreensaverActive(false);\n cancelAnimationFrame(animationFrameRef.current);\n }\n setLastMouseMoveTime(Date.now());\n };\n document.addEventListener('mousemove', handleMouseMove);\n document.addEventListener('click', handleClick);\n document.addEventListener('keydown', handleKeyDown);\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 document.removeEventListener('keydown', handleKeyDown);\n cancelAnimationFrame(animationFrame);\n };\n }, [screensaverActive]);\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 }\n document.addEventListener('mousedown', handleClickOutside);\n return () => document.removeEventListener('mousedown', handleClickOutside);\n }, []);\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 legendOfZala:

\n $\"Legend$ \n

,\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 gorillas:

\n $\"ZALA$ \n

,\n dexscreener:

\n $\"Zala$ \n

,\n 'zala-rhythm':

\n $\"ZALA$ \n

,\n bountymeme:

\n $\"bountymeme$ \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 } = 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 useEffect(() => {\n setChatMessage(input);\n }, [input]);\n useEffect(() => {\n function onMouseMove(e) {\n if (isDragging) {\n const newX = e.clientX - dragStart.x;\n const newY = e.clientY - dragStart.y;\n const position = {\n x: Math.max(0, Math.min(window.innerWidth - chatSize.width, newX)),\n y: Math.max(0, Math.min(window.innerHeight - chatSize.height, newY))\n };\n setChatPosition(position);\n localStorage.setItem('zalaChatPosition', JSON.stringify(position));\n }\n if (isResizing) {\n const newWidth = Math.max(300, resizeStart.width + (e.clientX - resizeStart.x));\n const newHeight = Math.max(200, resizeStart.height + (e.clientY - resizeStart.y));\n const size = {\n width: newWidth,\n height: newHeight\n };\n setChatSize(size);\n localStorage.setItem('zalaChatSize', JSON.stringify(size));\n }\n }\n function onMouseUp() {\n setIsDragging(false);\n setIsResizing(false);\n }\n document.addEventListener('mousemove', onMouseMove);\n document.addEventListener('mouseup', onMouseUp);\n return () => {\n document.removeEventListener('mousemove', onMouseMove);\n document.removeEventListener('mouseup', onMouseUp);\n };\n }, [isDragging, dragStart, isResizing, resizeStart, chatSize]);\n useEffect(() => {\n function onConnect() {\n console.log('Socket connected');\n socket.emit('get_chat_history');\n }\n function onUserCount(count) {\n setChatUsers(count);\n }\n function onChatMessage(message) {\n if (!message.isSystem && message.username !== 'System') {\n setPublicMessages(prev => {\n const newMessages = [...prev, message];\n localStorage.setItem('zalaPublicChat', JSON.stringify(newMessages.slice(-1000)));\n return newMessages;\n });\n if (message.userId && message.username) {\n setUserDatabase(prev => {\n const updatedDb = {\n ...prev,\n [message.userId]: {\n username: message.username,\n lastSeen: new Date().toISOString(),\n messageCount: (prev[message.userId]?.messageCount || 0) + 1\n }\n };\n localStorage.setItem('zalaUserDatabase', JSON.stringify(updatedDb));\n return updatedDb;\n });\n }\n }\n }\n function onChatHistory(messages) {\n if (messages && messages.length > 0) {\n const filteredMessages = messages.filter(msg => !msg.isSystem && msg.username !== 'System');\n const savedPublicMessages = localStorage.getItem('zalaPublicChat');\n let localMessages = [];\n if (savedPublicMessages) {\n try {\n localMessages = JSON.parse(savedPublicMessages);\n } catch (e) {\n console.error('Error parsing saved messages', e);\n }\n }\n const messageMap = new Map();\n filteredMessages.forEach(msg => {\n messageMap.set(msg.id || msg.timestamp, msg);\n });\n localMessages.forEach(msg => {\n if (!messageMap.has(msg.id || msg.timestamp)) {\n messageMap.set(msg.id || msg.timestamp, msg);\n }\n });\n const mergedMessages = Array.from(messageMap.values()).sort((a, b) => new Date(a.timestamp) - new Date(b.timestamp));\n setPublicMessages(mergedMessages);\n localStorage.setItem('zalaPublicChat', JSON.stringify(mergedMessages.slice(-1000)));\n const usersFromHistory = {};\n mergedMessages.forEach(msg => {\n if (msg.userId && msg.username) {\n usersFromHistory[msg.userId] = {\n username: msg.username,\n lastSeen: msg.timestamp || new Date().toISOString(),\n messageCount: (usersFromHistory[msg.userId]?.messageCount || 0) + 1\n };\n }\n });\n setUserDatabase(prev => {\n const updatedDb = {\n ...prev,\n ...usersFromHistory\n };\n localStorage.setItem('zalaUserDatabase', JSON.stringify(updatedDb));\n return updatedDb;\n });\n } else {\n const savedPublicMessages = localStorage.getItem('zalaPublicChat');\n if (savedPublicMessages) {\n try {\n const parsedMessages = JSON.parse(savedPublicMessages);\n setPublicMessages(parsedMessages);\n } catch (e) {\n console.error('Error parsing saved messages', e);\n localStorage.removeItem('zalaPublicChat');\n }\n }\n }\n }\n const savedPublicMessages = localStorage.getItem('zalaPublicChat');\n if (savedPublicMessages) {\n try {\n const parsedMessages = JSON.parse(savedPublicMessages);\n setPublicMessages(parsedMessages);\n } catch (e) {\n console.error('Error parsing saved messages', e);\n localStorage.removeItem('zalaPublicChat');\n }\n }\n socket.on('connect', onConnect);\n socket.on('devfun:user_count', onUserCount);\n socket.on('chat_message', onChatMessage);\n socket.on('chat_history', onChatHistory);\n if (socket.connected) {\n socket.emit('get_chat_history');\n }\n return () => {\n socket.off('connect', onConnect);\n socket.off('devfun:user_count', onUserCount);\n socket.off('chat_message', onChatMessage);\n socket.off('chat_history', onChatHistory);\n };\n }, []);\n useEffect(() => {\n if (publicMessages.length > 0) {\n if (chatContainerRef.current) {\n setTimeout(() => {\n chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight;\n }, 50);\n }\n }\n }, [publicMessages]);\n useEffect(() => {\n if (currentUserId && userDatabase[currentUserId]) {\n const updatedDb = {\n ...userDatabase,\n [currentUserId]: {\n ...userDatabase[currentUserId],\n lastSeen: new Date().toISOString()\n }\n };\n setUserDatabase(updatedDb);\n localStorage.setItem('zalaUserDatabase', JSON.stringify(updatedDb));\n }\n }, []);\n const handleSendPublicMessage = e => {\n e.preventDefault();\n if (messageInput.trim()) {\n const username = localStorage.getItem('zalaUsername') || 'User' + Math.floor(Math.random() * 10000);\n const messageObj = {\n id: Date.now() + '-' + currentUserId,\n userId: currentUserId,\n username,\n content: messageInput,\n timestamp: new Date().toISOString()\n };\n setPublicMessages(prev => {\n const newMessages = [...prev, messageObj];\n localStorage.setItem('zalaPublicChat', JSON.stringify(newMessages.slice(-1000)));\n return newMessages;\n });\n socket.emit('chat_message', messageObj);\n setUserDatabase(prev => {\n const updatedDb = {\n ...prev,\n [currentUserId]: {\n username,\n lastSeen: new Date().toISOString(),\n messageCount: (prev[currentUserId]?.messageCount || 0) + 1\n }\n };\n localStorage.setItem('zalaUserDatabase', JSON.stringify(updatedDb));\n return updatedDb;\n });\n setMessageInput('');\n if (chatContainerRef.current) {\n setTimeout(() => {\n chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight;\n }, 10);\n }\n }\n };\n useEffect(() => {\n if (chatContainerRef.current) {\n chatContainerRef.current.scrollTop = chatContainerRef.current.scrollHeight;\n }\n }, []);\n return

\n {}\n {screensaverActive &&

\n $\"ZALA$ \n \n ZALA_AI\n \n

}\n \n {}\n {!screensaverActive && particles.map(particle =>

)}\n {}\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

\n {}\n

{\n setIsDragging(true);\n setDragStart({\n x: e.clientX - chatPosition.x,\n y: e.clientY - chatPosition.y\n });\n }}>\n

\n $\"ZALA$ \n ZALA Community Chat ({chatUsers} online)\n

\n \n \n

\n \n {}\n

\n {publicMessages.filter(msg => !msg.isSystem && msg.username !== 'System').length === 0 &&

\n Be the first to start the conversation!\n

}\n \n {publicMessages.filter(msg => !msg.isSystem && msg.username !== 'System').map(msg =>

\n {msg.username || 'User'}:\n {msg.content}\n

\n {new Date(msg.timestamp).toLocaleTimeString([], {\n hour: '2-digit',\n minute: '2-digit'\n })} {new Date(msg.timestamp).toLocaleDateString([], {\n month: 'short',\n day: 'numeric'\n })}\n

)}\n

\n \n {}\n

\n setMessageInput(e.target.value)} autoFocus />\n

\n \n \n

\n \n

{\n e.stopPropagation();\n setIsResizing(true);\n setResizeStart({\n x: e.clientX,\n y: e.clientY,\n width: chatSize.width,\n height: chatSize.height\n });\n }}>\n

\n\n

\n {icons.map(icon =>

handleIconClick(icon.id, icon.url)} className={`flex flex-col items-center justify-center cursor-pointer p-2 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\n {}\n \n {}\n \n

;\n}","{\"dependencies\":{\"react\":\"18.2.0\",\"zod\":\"3.22.4\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"socket.io-client\":\"4.7.2\",\"recharts\":\"2.8.0\",\"ai\":\"4.0.0\"}}","thinking","Looking at the latest requirement, I need to add a new icon named \"bountymeme by @kasperwtrcolor\" that uses the provided image (bountymeme pfp.JPG) and redirects to the specified link (https://dev.fun/p/e3460cc72f66e0764f33) when clicked.\n\nBased on the current code, icons are defined in the `icons` state array at the beginning of the component. Each icon has:\n- id: a unique identifier\n- name: the display name\n- icon: a key that maps to a component in IconComponents\n- url: the link to redirect to when clicked\n\nI need to:\n1. Add a new entry to the `icons` array with an appropriate id (continuing from the highest current id)\n2. Add a new entry to the `IconComponents` object for the new icon\n\nLet's locate these parts of the code and make the necessary changes.\n\nLooking at the icons array, the highest id appears to be 12, so I'll use 13 for the new icon.\n\nThe `icons` array is located around line 81-152 of the current code:\n```jsx\nconst [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 // more icons...\n {\n id: 12,\n name: 'ZALA Rhythm',\n icon: 'zala-rhythm',\n url: 'https://dev.fun/p/ed3c486a3f26c24c7959'\n }]);\n```\n\nThe `IconComponents` object is located around line 218-270:\n```jsx\nconst IconComponents = {\n computer:

\n $\"Talk$ \n

,\n // more icon components...\n 'zala-rhythm':

\n $\"ZALA$ \n

\n };\n```\n\nNow, I'll make the necessary changes to add the new icon:\n\n1. Add a new entry to the `icons` array with id 13\n2. Create a new key in the `IconComponents` object for the new icon","changelog","Added the \"bountymeme by @kasperwtrcolor\" icon to your Windows 95 desktop! The colorful bounty hunter artwork now sits perfectly among your other desktop shortcuts - just double-click to visit the app! 🎨💾","diff","isRephrased","isDebug","isSuccess","error","devbaseSchema","devbaseInsight","messageId",["B","144216"],[],"isDraft",0.9,[154,155],"💰","👑","isLordOfDev","analytics",[159,163,165,167,169,171,173,175,177,179,181,183,185,187,189],{"_160":161,"_162":58},"day","2025-08-18","runCount",{"_160":164,"_162":58},"2025-08-19",{"_160":166,"_162":58},"2025-08-20",{"_160":168,"_162":58},"2025-08-21",{"_160":170,"_162":58},"2025-08-22",{"_160":172,"_162":58},"2025-08-23",{"_160":174,"_162":58},"2025-08-24",{"_160":176,"_162":58},"2025-08-25",{"_160":178,"_162":58},"2025-08-26",{"_160":180,"_162":58},"2025-08-27",{"_160":182,"_162":58},"2025-08-28",{"_160":184,"_162":58},"2025-08-29",{"_160":186,"_162":58},"2025-08-30",{"_160":188,"_162":58},"2025-08-31",{"_160":184,"_162":40},"https://cdn.dev.fun/og/image/7c253172a3a697d777f9/4bf6ee29.webp","isDevbase","commitDetail","livestream","actionData","errors"]