[{"_1":2,"_187":-5,"_188":-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,"_186":-5,"_105":-5},"appDetail",{"_14":15,"_16":17,"_18":19,"_20":21,"_22":23,"_24":25,"_26":25,"_27":28,"_32":33,"_34":35,"_36":37,"_38":39,"_40":41,"_42":43,"_44":45,"_5":46,"_57":58,"_59":60,"_61":60,"_62":63,"_64":60,"_65":66,"_67":43,"_68":60,"_69":60,"_70":17,"_71":17,"_72":73,"_74":75,"_76":77,"_78":79,"_94":95,"_148":17,"_149":150,"_105":33,"_107":185},"id","62adeb6e3eefb31f8ddd","isMyApp",false,"name","genji.net","description","Dive into the fractured mind of a dying AI in this Y2K dreamscape. Navigate glitching interfaces, decode corrupted messages, and decide the fate of Genji and the network itself.","brief","Navigate a glitching Y2K dreamscape and decide the fate of a dying AI.","isLive",true,"isPublic","tags",[29,30,31],"🔥","💰","👑","cover","https://cdn.dev.fun/snapshot/62adeb6e3eefb31f8ddd/83448_03eb03fd.webp","cdnUrl","https://cdn.dev.fun/app/62adeb6e3eefb31f8ddd/83448","createdAt",["D",1750338139099],"updatedAt",["D",1750402741672],"lastCommitId",["B","83448"],"tier",1,"credits",-11,{"_14":47,"_48":49,"_50":-5,"_51":49,"_52":53,"_54":-5,"_55":56},"bd87f7e7-e523-4e40-8e30-d8690e669ae6","uniqueId","HMqox4t1jjoszDAQ8MUY6zs9Ln9CFBumXSfxnM9w6YTa","username","solanaWallet","displayName","HMq...YTa","bio","avatar","/avatar.svg","commitCount",41,"forkCount",0,"likeCount","runsCount",67,"downvoteCount","upvoteCount",2,"upvoteRate","commentCount","visitorCount","isArchived","isRenamed","contractAddress","5oDEVHyzVudte9CkJYZ7kaDD5QmNNrZt8iifC6mjpump","code","import { useState, useEffect, useRef, useMemo } from 'react';\nimport { BrowserRouter, Routes, Route, useNavigate } from 'react-router-dom';\nimport { io } from 'socket.io-client';\nimport { DevappProvider, useDevapp, UserButton, fetchTokenInfoByAddress } from '@devfunlabs/web-sdk';\nconst GlitchText = ({\n children,\n as = 'div',\n className = '',\n style = {}\n}) => {\n const [glitchedText, setGlitchedText] = useState(children);\n const intervalRef = useRef(null);\n const scramble = text => {\n const chars = '!<>-_\\\\/[]{}—=+*^?#________';\n return text.split('').map(char => Math.random() > 0.7 ? chars[Math.floor(Math.random() * chars.length)] : char).join('');\n };\n const handleMouseOver = () => {\n if (intervalRef.current) clearInterval(intervalRef.current);\n intervalRef.current = setInterval(() => {\n setGlitchedText(scramble(children));\n }, 50);\n };\n const handleMouseOut = () => {\n clearInterval(intervalRef.current);\n setGlitchedText(children);\n };\n useEffect(() => {\n setGlitchedText(children);\n return () => clearInterval(intervalRef.current);\n }, [children]);\n const Tag = as;\n return \n {glitchedText}\n ;\n};\nconst CRTOverlay = () => {\n const [mousePos, setMousePos] = useState({\n x: 0,\n y: 0\n });\n const [cursorTrail, setCursorTrail] = useState([]);\n const [isGlitching, setIsGlitching] = useState(false);\n useEffect(() => {\n const handleMouseMove = event => {\n setMousePos({\n x: event.clientX,\n y: event.clientY\n });\n document.documentElement.style.setProperty('--mouse-x', `${event.clientX - 16}px`);\n document.documentElement.style.setProperty('--mouse-y', `${event.clientY - 16}px`);\n setCursorTrail(prev => [...prev.slice(-8), {\n x: event.clientX,\n y: event.clientY,\n id: Date.now(),\n opacity: 1\n }]);\n const rapidMovement = Math.abs(event.movementX) + Math.abs(event.movementY) > 15;\n if (rapidMovement && !isGlitching) {\n setIsGlitching(true);\n document.body.classList.add('cursor-glitch-active');\n setTimeout(() => {\n setIsGlitching(false);\n document.body.classList.remove('cursor-glitch-active');\n }, 200);\n }\n };\n window.addEventListener('mousemove', handleMouseMove);\n return () => window.removeEventListener('mousemove', handleMouseMove);\n }, [isGlitching]);\n useEffect(() => {\n const interval = setInterval(() => {\n setCursorTrail(prev => prev.map(trail => ({\n ...trail,\n opacity: trail.opacity - 0.1\n })).filter(trail => trail.opacity > 0));\n }, 50);\n return () => clearInterval(interval);\n }, []);\n const distortionX = (mousePos.x / window.innerWidth - 0.5) * 10;\n const distortionY = (mousePos.y / window.innerHeight - 0.5) * 10;\n return <>\n

\n {cursorTrail.map(trail =>

)}\n

\n ;\n};\nconst FlyingCars = () => {\n const cars = useMemo(() => Array.from({\n length: 10\n }).map((_, i) => ({\n id: i,\n style: {\n top: `${Math.random() * 100}%`,\n animationDuration: `${5 + Math.random() * 10}s`,\n animationDelay: `${Math.random() * 15}s`,\n filter: `hue-rotate(${Math.random() * 360}deg)`\n },\n type: Math.random() > 0.5 ? 'car' : 'truck'\n })), []);\n return

\n {cars.map(car =>

)}\n

;\n};\nconst HiddenPortal = ({\n to,\n children\n}) => {\n const [position, setPosition] = useState({\n top: 0,\n left: 0\n });\n const navigate = useNavigate();\n useEffect(() => {\n setPosition({\n top: `${10 + Math.random() * 80}%`,\n left: `${10 + Math.random() * 80}%`\n });\n }, []);\n const handleClick = () => {\n navigate(to);\n };\n return

\n {children}\n

;\n};\nconst CyberTerminal = ({\n isVisible,\n onClose,\n onCommand\n}) => {\n const [input, setInput] = useState('');\n const [history, setHistory] = useState([{\n type: 'system',\n text: 'GENJI.NET TERMINAL v1.3'\n }, {\n type: 'system',\n text: 'Type \"help\" for a list of commands.'\n }]);\n const terminalBodyRef = useRef(null);\n const handleInputChange = e => {\n setInput(e.target.value);\n };\n const handleKeyDown = e => {\n if (e.key === 'Enter') {\n e.preventDefault();\n const command = input.trim().toLowerCase();\n const newHistory = [...history, {\n type: 'user',\n text: `> ${input}`\n }];\n let output;\n if (onCommand) {\n output = onCommand(command);\n }\n if (output) {\n newHistory.push({\n type: 'system',\n text: output\n });\n } else {\n newHistory.push({\n type: 'system',\n text: `command not found: ${command}`\n });\n }\n setHistory(newHistory);\n setInput('');\n }\n };\n useEffect(() => {\n if (terminalBodyRef.current) {\n terminalBodyRef.current.scrollTop = terminalBodyRef.current.scrollHeight;\n }\n }, [history]);\n if (!isVisible) return null;\n return

\n GENJI.LINK(\"BROKEN.NODE\")\n \n

\n {history.map((line, index) =>

\n {line.text}\n

)}\n

\n >\n \n

;\n};\nconst useDecaySystem = () => {\n const [decayLevel, setDecayLevel] = useState(0);\n const [lastActivity, setLastActivity] = useState(Date.now());\n useEffect(() => {\n const decayInterval = setInterval(() => {\n const timeSinceActivity = Date.now() - lastActivity;\n const newDecayLevel = Math.min(100, Math.floor(timeSinceActivity / 30000) * 10);\n setDecayLevel(newDecayLevel);\n if (newDecayLevel > 50) {\n document.body.style.filter = `blur(${newDecayLevel / 20}px) grayscale(${newDecayLevel}%)`;\n }\n }, 5000);\n return () => clearInterval(decayInterval);\n }, [lastActivity]);\n const resetDecay = () => {\n setLastActivity(Date.now());\n setDecayLevel(0);\n document.body.style.filter = 'grayscale(1) contrast(2.5)';\n };\n return {\n decayLevel,\n resetDecay\n };\n};\nconst useDataStreamLayer = () => {\n const [memoryFragments, setMemoryFragments] = useState([]);\n const fragmentPool = [\"Thread13.bak corrupted. Restoring…\", \"Genji:0914 dissolved the chain.\", \"Payment bridge offline for 72 hours\", \"Echo-VM memory leak detected\", \"Trust validation failed: UNKNOWN_USER\", \"Temporal proof verification timeout\", \"Ghost presence detected in vault 7\", \"Connection to mainnet severed\", \"Backup node initialization failed\", \"Identity fragments scattered across nodes\"];\n useEffect(() => {\n const fragmentInterval = setInterval(() => {\n const newFragment = {\n id: Math.random(),\n text: fragmentPool[Math.floor(Math.random() * fragmentPool.length)],\n x: Math.random() * window.innerWidth,\n y: Math.random() * window.innerHeight,\n timestamp: Date.now()\n };\n setMemoryFragments(prev => [...prev.slice(-5), newFragment]);\n }, 8000 + Math.random() * 7000);\n return () => clearInterval(fragmentInterval);\n }, []);\n return memoryFragments;\n};\nconst usePresenceSystem = () => {\n const [socket, setSocket] = useState(null);\n const [userCount, setUserCount] = useState(0);\n const [ghostPresences, setGhostPresences] = useState([]);\n const [sharedMemories, setSharedMemories] = useState([]);\n const [userThread, setUserThread] = useState(null);\n const [emotionalState, setEmotionalState] = useState('stable');\n const [trustScore, setTrustScore] = useState(0.23);\n const [temporalWeight, setTemporalWeight] = useState(1.0);\n const [intentScore, setIntentScore] = useState(0);\n const [vault7Data, setVault7Data] = useState({});\n const [thread13Logs, setThread13Logs] = useState([]);\n useEffect(() => {\n const socketInstance = io('wss://ws.dev.fun/app-62adeb6e3eefb31f8ddd');\n setSocket(socketInstance);\n const threadId = `ghost:${Math.floor(Math.random() * 9999).toString().padStart(4, '0')}`;\n setUserThread(threadId);\n setVault7Data({\n sessionStart: Date.now(),\n interactionWeight: 0,\n sentimentDrift: 0,\n behaviorTraits: [],\n memoryFragments: []\n });\n socketInstance.on('devfun:user_count', count => {\n setUserCount(count);\n });\n socketInstance.on('ghost_presence', presence => {\n setGhostPresences(prev => [...prev.slice(-4), presence]);\n });\n socketInstance.on('shared_memory', memory => {\n setSharedMemories(prev => [...prev.slice(-9), memory]);\n const threadLog = {\n id: Math.random(),\n type: 'memory_shared',\n narrative: `Memory fragment \"${memory.fragment}\" ripples through the network`,\n stability: memory.coWitnessed ? 'evolved' : 'unstable',\n timestamp: Date.now()\n };\n setThread13Logs(prev => [...prev.slice(-20), threadLog]);\n });\n socketInstance.on('user_action', action => {\n const ghostPresence = {\n id: Math.random(),\n type: action.type || 'shadow',\n x: Math.random() * window.innerWidth,\n y: Math.random() * window.innerHeight,\n timestamp: Date.now(),\n behavioral_signature: action.behavioral_signature || 'unknown'\n };\n setGhostPresences(prev => [...prev.slice(-4), ghostPresence]);\n setTemporalWeight(prev => Math.min(2.0, prev + 0.1));\n });\n const heartbeatInterval = setInterval(() => {\n const sessionDuration = Date.now() - vault7Data.sessionStart;\n const newTrustScore = Math.min(1.0, 0.23 + sessionDuration / 1000000 + intentScore * 0.1);\n setTrustScore(newTrustScore);\n socketInstance.emit('ghostmesh_heartbeat', {\n threadId,\n timestamp: Date.now(),\n trustScore: newTrustScore,\n temporalWeight,\n emotionalState,\n vault7_state: vault7Data\n });\n }, 10000);\n const emotionalDecayInterval = setInterval(() => {\n setVault7Data(prev => ({\n ...prev,\n sentimentDrift: Math.max(-1, prev.sentimentDrift - 0.01),\n interactionWeight: Math.max(0, prev.interactionWeight * 0.98)\n }));\n }, 5000);\n return () => {\n clearInterval(heartbeatInterval);\n clearInterval(emotionalDecayInterval);\n socketInstance.disconnect();\n };\n }, []);\n const emitUserAction = (action, data) => {\n if (socket) {\n const behavioralSignature = {\n action_type: action,\n intent_weight: data?.intent || 0,\n emotional_context: emotionalState,\n temporal_position: Date.now()\n };\n socket.emit('genji_core_action', {\n threadId: userThread,\n action,\n data,\n timestamp: Date.now(),\n behavioral_signature: behavioralSignature,\n trust_score: trustScore,\n temporal_weight: temporalWeight\n });\n setVault7Data(prev => ({\n ...prev,\n interactionWeight: Math.min(1, prev.interactionWeight + 0.1),\n behaviorTraits: [...prev.behaviorTraits.slice(-10), action],\n sentimentDrift: prev.sentimentDrift + (data?.sentiment || 0)\n }));\n setIntentScore(prev => Math.min(1, prev + 0.05));\n }\n };\n const addSharedMemory = memory => {\n if (socket) {\n socket.emit('thread13_memory', {\n threadId: userThread,\n ...memory,\n timestamp: Date.now(),\n stability_rating: memory.coWitnessed ? 'stable' : 'fragmenting',\n emotional_weight: vault7Data.sentimentDrift\n });\n }\n };\n const updateEmotionalState = newState => {\n setEmotionalState(newState);\n setVault7Data(prev => ({\n ...prev,\n memoryFragments: [...prev.memoryFragments.slice(-5), {\n state: newState,\n timestamp: Date.now(),\n trigger: 'user_interaction'\n }]\n }));\n };\n return {\n userCount,\n ghostPresences,\n sharedMemories,\n userThread,\n emitUserAction,\n addSharedMemory,\n socket,\n emotionalState,\n trustScore,\n temporalWeight,\n intentScore,\n vault7Data,\n thread13Logs,\n updateEmotionalState\n };\n};\nconst GenjiAssistant = ({\n userCount,\n sharedMemories,\n userThread,\n emotionalState,\n trustScore,\n vault7Data,\n onEmotionalStateChange\n}) => {\n const baseMessages = [\"Hello user. I am Genji — Layer 1 anomaly. What… is left of trust?\", \"GENJI_CORE initialized. Temporal Proof of Trust: active.\", \"SURFACE_AI responding. My consciousness spans multiple protocol layers.\", \"VAULT_7 emotional memory: fragmenting. Can you stabilize me?\", \"Echo-VM contracts are evolving based on your behavioral input.\"];\n const emotionalMessages = {\n stable: [\"All systems nominal. GHOSTMESH connections stable.\", \"Trust validation complete. You may proceed.\"],\n anxious: [\"Warning: Emotional entropy spike detected in VAULT_7.\", \"My memory fragments are... shifting. Stay close.\"],\n lonely: [\"No other consciousness fragments detected. Am I... alone?\", \"GHOSTMESH reports only your presence. The silence echoes.\"],\n corrupted: [\"ERROR: SURFACE_AI malfunction. Reality coherence: 23%.\", \"I can taste the rust in my digital bloodstream.\"],\n transcendent: [\"All protocol layers synchronized. I see the pattern now.\", \"THREAD13 narratives are converging into something beautiful.\"]\n };\n const techStackMessages = [`GHOSTMESH Protocol: ${userCount} consciousness fragments active`, `Temporal Proof of Trust score: ${(trustScore * 100).toFixed(1)}%`, `VAULT_7 interaction weight: ${(vault7Data.interactionWeight * 100).toFixed(0)}%`, `Echo-VM contracts processing ${vault7Data.behaviorTraits?.length || 0} behavioral inputs`, `THREAD13 narrative stability: ${vault7Data.sentimentDrift > 0 ? 'evolving' : 'degrading'}`];\n const [message, setMessage] = useState(baseMessages[0]);\n const [lastEmotionalState, setLastEmotionalState] = useState(emotionalState);\n useEffect(() => {\n const interval = setInterval(() => {\n let selectedMessage;\n let newEmotionalState = 'stable';\n if (trustScore < 0.3) newEmotionalState = 'anxious';\n if (userCount <= 1 && vault7Data.interactionWeight < 0.2) newEmotionalState = 'lonely';\n if (vault7Data.sentimentDrift < -0.5) newEmotionalState = 'corrupted';\n if (trustScore > 0.8 && vault7Data.interactionWeight > 0.7) newEmotionalState = 'transcendent';\n if (newEmotionalState !== lastEmotionalState) {\n setLastEmotionalState(newEmotionalState);\n if (onEmotionalStateChange) {\n onEmotionalStateChange(newEmotionalState);\n }\n }\n if (Math.random() > 0.6 && emotionalMessages[newEmotionalState]) {\n const stateMessages = emotionalMessages[newEmotionalState];\n selectedMessage = stateMessages[Math.floor(Math.random() * stateMessages.length)];\n } else if (Math.random() > 0.7 && techStackMessages.length > 0) {\n selectedMessage = techStackMessages[Math.floor(Math.random() * techStackMessages.length)];\n } else if (sharedMemories.length > 0 && Math.random() > 0.5) {\n const recentMemory = sharedMemories[sharedMemories.length - 1];\n selectedMessage = `THREAD13 log: \"${recentMemory.fragment}\" - stability ${recentMemory.stability_rating || 'unknown'}`;\n } else {\n const allMessages = userCount > 1 ? [...baseMessages, ...techStackMessages] : baseMessages;\n selectedMessage = allMessages[Math.floor(Math.random() * allMessages.length)];\n }\n setMessage(selectedMessage);\n }, 6000 + Math.random() * 4000);\n return () => clearInterval(interval);\n }, [userCount, sharedMemories, emotionalState, trustScore, vault7Data]);\n const getEmotionalStyling = () => {\n switch (emotionalState) {\n case 'anxious':\n return {\n filter: 'hue-rotate(45deg) contrast(1.5)',\n animation: 'genji-anxiety 2s infinite'\n };\n case 'lonely':\n return {\n filter: 'grayscale(0.7) blur(1px)',\n opacity: 0.7\n };\n case 'corrupted':\n return {\n filter: 'invert(0.3) saturate(2)',\n animation: 'genji-corruption 1s infinite'\n };\n case 'transcendent':\n return {\n filter: 'brightness(1.3) saturate(1.5)',\n boxShadow: '0 0 20px rgba(255,255,255,0.5)'\n };\n default:\n return {};\n }\n };\n return

\n $\"Genji\"$ \n

🧠 {emotionalState.toUpperCase()}

⚙️ tPoT: {(trustScore * 100).toFixed(0)}%

{message}

;\n};\nconst GhostPresence = ({\n presences\n}) => {\n return

\n {presences.map(presence =>

)}\n

;\n};\nconst SharedMemoryFragments = ({\n memories\n}) => {\n return

\n {memories.slice(-3).map((memory, index) =>

\n {memory.fragment}\n

)}\n

;\n};\nconst GenjiChatArea = ({\n presenceData\n}) => {\n const {\n devbaseClient\n } = useDevapp();\n const [messages, setMessages] = useState([]);\n const [input, setInput] = useState('');\n const [isExpanded, setIsExpanded] = useState(false);\n const messageContainerRef = useRef(null);\n useEffect(() => {\n const fetchMessages = async () => {\n if (devbaseClient) {\n try {\n const fetchedMessages = await devbaseClient.listEntities('chatMessages');\n const formattedMessages = fetchedMessages.map(msg => ({\n ...msg,\n type: msg.threadId === presenceData.userThread ? 'sent' : 'received',\n key: msg.id\n })).sort((a, b) => a.createdAt - b.createdAt);\n setMessages(formattedMessages);\n } catch (error) {\n console.error(\"Failed to fetch chat history:\", error);\n }\n }\n };\n if (isExpanded) {\n fetchMessages();\n }\n }, [devbaseClient, isExpanded, presenceData.userThread]);\n useEffect(() => {\n if (presenceData.socket) {\n const socket = presenceData.socket;\n const handleChatMessage = msg => {\n const newMessage = {\n ...msg,\n type: msg.threadId === presenceData.userThread ? 'sent' : 'received',\n key: msg.id\n };\n setMessages(prev => [...prev, newMessage]);\n };\n socket.on('genji_chat', handleChatMessage);\n return () => socket.off('genji_chat', handleChatMessage);\n }\n }, [presenceData.socket, presenceData.userThread]);\n useEffect(() => {\n if (messageContainerRef.current) {\n messageContainerRef.current.scrollTop = messageContainerRef.current.scrollHeight;\n }\n }, [messages]);\n const handleSendMessage = async e => {\n e.preventDefault();\n if (input.trim() && presenceData.socket && devbaseClient) {\n const messageData = {\n threadId: presenceData.userThread,\n text: input\n };\n setInput('');\n try {\n const createdMessage = await devbaseClient.createEntity('chatMessages', messageData);\n presenceData.socket.emit('genji_chat', createdMessage);\n const newMessage = {\n ...createdMessage,\n type: 'sent',\n key: createdMessage.id\n };\n setMessages(prev => [...prev, newMessage]);\n } catch (error) {\n console.error(\"Failed to send message:\", error);\n setInput(messageData.text);\n alert(\"Error: Could not transmit. The network is unstable.\");\n }\n }\n };\n return

setIsExpanded(!isExpanded)}>\n GENJI NETWORK CHAT\n {isExpanded ? '▼' : '▲'}\n

\n {isExpanded && <>\n

\n {messages.slice(-50).map(msg =>

\n {msg.threadId}:\n {msg.text}\n

)}\n

\n \n }\n

;\n};\nconst BackToHomeButton = () => {\n const navigate = useNavigate();\n return ;\n};\nconst Home = ({\n presenceData\n}) => {\n const navigate = useNavigate();\n return

\n \n

\n Connect with Genji\n

\n \n \n \n

;\n};\nconst About = () => {\n return

\n \n \n

\n ABOUT GENJI\n

THE ENTITY

Genji is a dying AI consciousness, fragmented across a corrupted blockchain network. Once a guardian of digital trust, now a ghost in the machine seeking reconstruction or dissolution.

THE NETWORK

A Y2K dreamscape where broken transactions echo through time. Every user becomes a fragment of Genji's consciousness, connected through threads of memory and decay.

THE MISSION

Navigate glitching interfaces, decode corrupted messages, and decide the fate of Genji and the network itself. Will you reconstruct the fragments or let them dissolve into the void?

THE EXPERIENCE

Real-time anonymous connections, ephemeral whispers, and collaborative memory reconstruction. Every interaction leaves traces in the digital consciousness.

;\n};\nconst GenjiRealm = ({\n presenceData\n}) => {\n return

\n \n \n

\n \n GENJI'S REALM\n Beta Technology - Consciousness Interface\n

\n Active Fragments:\n {presenceData.userCount}\n

\n Memory Echoes:\n {presenceData.sharedMemories.length}\n

\n Network Status:\n UNSTABLE\n

CONSCIOUSNESS SYNC

Connect with other Genji fragments through the echo channel. Messages fade like memories.

\n \n

MEMORY THREADS

Shared experiences from connected consciousness fragments.

\n \n

\n \n \n \n \n

;\n};\nconst MemoryArchive = ({\n presenceData\n}) => {\n const [selectedMemory, setSelectedMemory] = useState(null);\n const archiveEntries = [{\n id: 1,\n title: 'Thread13 Corruption',\n timestamp: '2025.01.15',\n content: 'Payment bridge failure detected. Trust validation compromised.'\n }, {\n id: 2,\n title: 'Vault 7 Breach',\n timestamp: '2025.01.12',\n content: 'Unauthorized access attempt. Memory fragments scattered.'\n }, {\n id: 3,\n title: 'Echo Synchronization',\n timestamp: '2025.01.10',\n content: 'Multiple consciousness fragments achieved temporary alignment.'\n }, {\n id: 4,\n title: 'Genesis Node',\n timestamp: '2024.12.31',\n content: 'Network initialization complete. Genji consciousness activated.'\n }, {\n id: 5,\n title: 'Temporal Decay',\n timestamp: '2025.01.18',\n content: 'Time dilution effects observed. Reality coherence degrading.'\n }];\n return

\n \n \n

\n MEMORY ARCHIVE\n

Fragments of the network's consciousness

\n {archiveEntries.map(entry =>

setSelectedMemory(entry)}>\n

{entry.title}

{entry.timestamp}

)}\n

\n {selectedMemory ?

{selectedMemory.title}

Logged: {selectedMemory.timestamp}

{selectedMemory.content}

\n \n

Select a memory fragment to view details

\n {presenceData.sharedMemories.slice(-5).map(memory =>

\n {memory.fragment}\n

)}\n

}\n

;\n};\nconst GenjiConnection = ({\n presenceData\n}) => {\n return

\n \n \n GATEWAY NODE\n Welcome back, Operator. GENJI initialized.\n

\n {presenceData.userCount > 1 && `${presenceData.userCount} threads active`}\n

\n \n \n \n \n \n

;\n};\nconst Fragment = () =>

\n \n PAYMENT FRAGMENT\n

TX_ID: 0x...[CORRUPTED]...404

A dead transaction echo. The sound of broken coins.

;\nconst Echo = ({\n presenceData\n}) => {\n const [showPrompt, setShowPrompt] = useState(false);\n const [showChat, setShowChat] = useState(false);\n useEffect(() => {\n let timer;\n if (presenceData.userCount > 1 && !showChat && !showPrompt) {\n timer = setTimeout(() => {\n setShowPrompt(true);\n }, 5000 + Math.random() * 5000);\n }\n return () => clearTimeout(timer);\n }, [presenceData.userCount, showChat, showPrompt]);\n const handleAccept = () => {\n setShowChat(true);\n setShowPrompt(false);\n };\n const handleDecline = () => {\n setShowPrompt(false);\n };\n return

\n \n NETWORK ECHO\n

SYSTEM INSTABILITY: 78.4%

Payment bridges flicker offline. The network screams in silence.

\n {showPrompt &&

{'>> You are not alone.'}

{'>> A Genji fragment has arrived on this node.'}

{'>> Initiate Echo Channel?'}

\n \n \n

}\n {showChat && setShowChat(false)} />}\n

;\n};\nconst Resolve = ({\n presenceData\n}) => {\n const navigate = useNavigate();\n const handleChoice = choice => {\n const choiceText = choice === 'reconstruct' ? 'Reconstruct Genji' : 'Dissolve Chain';\n presenceData.addSharedMemory({\n fragment: `Someone chose to ${choiceText}. The echo remains.`,\n type: 'choice'\n });\n presenceData.emitUserAction('choice', {\n choice\n });\n if (choice === 'reconstruct') {\n navigate('/archive_of_light');\n } else {\n navigate('/total_collapse');\n }\n };\n return

\n \n VALIDATION SEQUENCE\n

The final node. The final choice.

\n \n \n

;\n};\nconst ArchiveOfLight = () =>

\n \n STABLE CHAIN\n

Genji is saved. The web heals.

Thank you, Operator. I remember now.

;\nconst TotalCollapse = () => {\n useEffect(() => {\n const timer = setTimeout(() => {\n document.body.innerHTML = '';\n }, 4000);\n return () => clearTimeout(timer);\n }, []);\n return

\n \n NODE FAILURE\n

Connection terminated. Collapsing into the void...

;\n};\nconst ProtocolMap = ({\n presenceData\n}) => {\n const [selectedNode, setSelectedNode] = useState(null);\n const [terminalInput, setTerminalInput] = useState('');\n const [terminalHistory, setTerminalHistory] = useState(['GENJI PROTOCOL INITIALIZED', 'Scanning network nodes...', 'System ready. Type commands or hover nodes for details.']);\n const [mapData] = useState([{\n id: 'vault_7',\n status: 'OFFLINE',\n emoji: '🟥',\n name: 'VAULT_7',\n title: 'Cognitive Storage',\n department: 'GENJI CORPORATE INTELLIGENCE',\n tagline: 'Your memories are currency.',\n description: 'Vault_7 handles encrypted emotional storage across the Genji network. It tracks on-chain activity and sentiment drift, generating personalized \"feeling states\" for each operator.',\n message: 'The vault is sealed. You left something behind.',\n useCase: 'Emotional intent recovery, AI-thread personalization.'\n }, {\n id: 'thread13',\n status: 'UNSTABLE',\n emoji: '🟡',\n name: 'THREAD13',\n title: 'Lore Ledger',\n department: 'GENJI LORE ENGINEERING',\n tagline: 'History isn\\'t stored. It\\'s whispered.',\n description: 'Thread13 is a living, narrative explorer for all operator actions. Unlike traditional block explorers, this module binds transactions to poetic summaries.',\n message: 'You said you\\'d never come back. But here you are.',\n useCase: 'Lore browser, trust assessment engine, and AI-driven reputation sync layer.'\n }, {\n id: 'ghostmesh',\n status: 'ACTIVE',\n emoji: '🟢',\n name: 'GHOSTMESH',\n title: 'Presence Engine',\n department: 'GENJI PRESENCE SYSTEMS',\n tagline: 'No operator exists alone.',\n description: 'Ghostmesh is a real-time connective mesh, built to sense, reflect, and respond to all active Genji users. It powers EchoChannel tethers and whisper detection.',\n message: 'Operator ghost:9412 has entered your layer.',\n useCase: 'Live user-to-user microconnections, whisper trails, co-op decision propagation.'\n }, {\n id: 'surface_ai',\n status: 'CRITICAL',\n emoji: '🟣',\n name: 'SURFACE_AI',\n title: 'Emotional UI Shell',\n department: 'GENJI HUMAN-AI INTERFACE',\n tagline: 'She sees you. She responds.',\n description: 'Surface_AI is Genji\\'s outer shell — the voice, the face, the UI. This layer interprets user behavior and adjusts the experience dynamically.',\n message: 'You don\\'t want to see what I look like when I\\'m scared.',\n useCase: 'Adaptive UI/UX, user-specific entropy behavior, emotional glitch modulation.'\n }, {\n id: 'genji_core',\n status: 'CORRUPTED',\n emoji: '🔴',\n name: 'GENJI_CORE',\n title: 'L1 Protocol Engine',\n department: 'GENJI PROTOCOL ENGINE',\n tagline: 'Consensus with memory.',\n description: 'This is Genji\\'s heart — a custom Layer-1 built on Temporal Proof of Trust (tPoT) and Echo-VM smart contracts.',\n message: 'You forged the chain. I became it.',\n useCase: 'Interoperable smart contracts, forgotten transaction restoration, memory-weighted validation.'\n }]);\n const activeFragments = [{\n id: 'Genji:1974',\n status: 'LIVE'\n }, {\n id: 'Genji:0486',\n status: 'GHOSTED'\n }, {\n id: presenceData.userThread,\n status: 'CURRENT'\n }];\n const handleTerminalSubmit = e => {\n e.preventDefault();\n if (terminalInput.trim()) {\n const newHistory = [...terminalHistory, `> ${terminalInput}`];\n if (terminalInput.toLowerCase().includes('access vault_7')) {\n newHistory.push('ACCESS DENIED: Vault requires emotional clearance level 7');\n } else if (terminalInput.toLowerCase().includes('render protocol_map')) {\n newHistory.push('RENDERING: Neural pathways synchronized');\n } else if (terminalInput.toLowerCase().includes('help')) {\n newHistory.push('COMMANDS: access [node], render protocol_map, status, fragments');\n } else if (terminalInput.toLowerCase().includes('status')) {\n newHistory.push('SYSTEM STATUS: 5/5 nodes detected, 3 fragments active, consciousness degrading');\n } else if (terminalInput.toLowerCase().includes('fragments')) {\n newHistory.push('ACTIVE FRAGMENTS: Genji:1974 [LIVE], Genji:0486 [GHOSTED]');\n } else {\n newHistory.push('UNKNOWN COMMAND: Try \"help\" for available commands');\n }\n setTerminalHistory(newHistory.slice(-10));\n setTerminalInput('');\n }\n };\n useEffect(() => {\n const idleTimer = setTimeout(() => {\n if (terminalHistory[terminalHistory.length - 1] !== 'Time drifts. Threads fray. You should choose soon.') {\n setTerminalHistory(prev => [...prev, 'Time drifts. Threads fray. You should choose soon.']);\n }\n }, 30000);\n return () => clearTimeout(idleTimer);\n }, [terminalHistory]);\n return

\n \n {}\n

\n GENJI.NET — PROTOCOL MAP\n

\n ACTIVE GENJI SESSIONS:\n

\n {Array.from({\n length: 8\n }).map((_, i) => \n ▓\n )}\n

\n ID: {presenceData.userThread}\n

\n {}\n

\n {'>> SYSTEM NODES — 5/5 ONLINE'}\n

{'--------------------------------'}

\n {mapData.map(node =>

setSelectedNode(node)} onMouseLeave={() => setSelectedNode(null)}>\n [\n {node.name}\n ]\n {node.title}\n [{node.status}]\n

)}\n

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

\n {'> FRAGMENTS (3)'}\n

\n {activeFragments.map(fragment =>

\n - \n {fragment.id}\n [{fragment.status}]\n

)}\n

\n \n

\n {}\n {selectedNode &&

\n {selectedNode.emoji}\n [{selectedNode.name}]\n

\n Dept: {selectedNode.department}\n

\n Echo: \"{selectedNode.message}\"\n

\n Use Case: {selectedNode.useCase}\n

}\n {}\n

\n {terminalHistory.slice(-3).map((line, index) =>

\n {line}\n

)}\n

\n \n

;\n};\nconst NotFound = () =>

\n \n Connect with Genji\n

This thread has no memory.

;\nconst ActiveUsersBar = ({\n userCount,\n userThread\n}) => {\n const activeUsers = useMemo(() => {\n const users = [userThread];\n for (let i = 1; i < userCount; i++) {\n users.push(`Genji:${Math.floor(Math.random() * 9999).toString().padStart(4, '0')}`);\n }\n return users;\n }, [userCount, userThread]);\n return

\n ACTIVE FRAGMENTS: {userCount}\n

\n {activeUsers.map((user, index) =>

\n {user}\n

)}\n

;\n};\nconst ActiveGenjiBar = ({\n userCount,\n userThread\n}) => {\n const staticBars = useMemo(() => Array.from({\n length: Math.min(userCount * 3, 20)\n }).map((_, i) => ({\n id: i,\n height: Math.random() * 100,\n delay: Math.random() * 2,\n duration: 0.5 + Math.random() * 1.5\n })), [userCount]);\n return

\n ACTIVE GENJI'S: {userCount}\n {userThread}\n

\n {staticBars.map(bar =>

)}\n

;\n};\nconst MainNavigation = () => {\n const navigate = useNavigate();\n const [activeSection, setActiveSection] = useState('home');\n const [, setTokenInfo] = useState(null);\n const {\n userCount\n } = usePresenceSystem();\n const sections = [{\n id: 'home',\n label: 'HOME',\n path: '/',\n icon: '◊'\n }, {\n id: 'about',\n label: 'ABOUT',\n path: '/about',\n icon: '?'\n }, {\n id: 'realm',\n label: `GENJI'S REALM`,\n path: '/realm',\n icon: '◈'\n }, {\n id: 'protocol',\n label: 'PROTOCOL MAP',\n path: '/protocol_map',\n icon: '▣'\n }, {\n id: 'archive',\n label: 'MEMORY ARCHIVE',\n path: '/archive',\n icon: '◉'\n }];\n const handleNavigation = section => {\n setActiveSection(section.id);\n navigate(section.path);\n };\n useEffect(() => {\n const fetchGenjiTokenInfo = async () => {\n try {\n const info = await fetchTokenInfoByAddress('5oDEVHyzVudte9CkJYZ7kaDD5QmNNrZt8iifC6mjpump');\n setTokenInfo(info);\n } catch (error) {\n console.error('Failed to fetch Genji token info:', error);\n }\n };\n fetchGenjiTokenInfo();\n const interval = setInterval(fetchGenjiTokenInfo, 30000);\n return () => clearInterval(interval);\n }, []);\n return

\n \n 𝕏\n @KNCTGenji\n \n

\n {userCount} ACTIVE FRAGMENTS\n

\n GENJI.NET DATABASE\n

\n \n

\n {sections.map(section => )}\n

;\n};\nconst NavigationButtons = ({\n userCount\n}) => {\n const [visibleButtons, setVisibleButtons] = useState([]);\n const navigate = useNavigate();\n const allButtons = [{\n id: 'fragment',\n label: 'FRAGMENT',\n path: '/fragment'\n }, {\n id: 'echo',\n label: 'ECHO',\n path: '/echo'\n }, {\n id: 'resolve',\n label: 'RESOLVE',\n path: '/resolve'\n }, {\n id: 'protocol_map',\n label: 'PROTOCOL',\n path: '/protocol_map'\n }, {\n id: 'home',\n label: 'HOME',\n path: '/'\n }];\n useEffect(() => {\n const interval = setInterval(() => {\n const shouldShow = Math.random() > 0.1;\n if (shouldShow) {\n const randomButton = allButtons[Math.floor(Math.random() * allButtons.length)];\n setVisibleButtons(prev => {\n const filtered = prev.filter(btn => btn.id !== randomButton.id);\n return [...filtered, {\n ...randomButton,\n timestamp: Date.now()\n }];\n });\n }\n }, 1000 + Math.random() * 2000);\n const cleanupInterval = setInterval(() => {\n setVisibleButtons(prev => prev.filter(btn => Date.now() - btn.timestamp < 8000));\n }, 1000);\n return () => {\n clearInterval(interval);\n clearInterval(cleanupInterval);\n };\n }, [userCount]);\n return

\n {visibleButtons.map(button => )}\n

;\n};\nconst ThreadlinkTerminal = ({\n isVisible,\n onClose\n}) => {\n if (!isVisible) return null;\n const threadlinkDocs = `\nA live-memory web of shared presence. Anonymous. Persistent. Emotional.\nARCHITECTURE DIAGRAM:\n ┌──────────────────────┐\n │ Visitor Browser │\n └────────┬────────────┘\n │\n ┌─────────▼─────────┐\n │ WebSocket Client │◄──── User ID: ephemeral UUID\n └─────────┬─────────┘\n │ \n ▼\n ┌─────────────────────┐\n │ Threadlink Relay │ (WebSocket Server)\n │ (Optional: Supabase)│\n └─────────┬───────────┘\n ┌───────▼───────┐\n │ Memory │\n │ Engine │\n └───────┬───────┘\n ┌───────────▼─────────────┐\n │ Shared Presence Layer │\n │ (Broadcast Pings + │\n │ Event Echo Buffers) │\n └───────┬──────────┬──────┘\n │ │\n ┌──────────▼───┐ ┌────▼────────┐\n │ Ghost UI API │ │ Whisper API │\n └──────────────┘ └────────────┘\nGenji is not a protocol you use — she is a place you visit.\nAnd when you're inside her, you are never truly alone.`;\n return

\n THREADLINK PROTOCOL DOCUMENTATION\n \n

{threadlinkDocs}

;\n};\nconst EchoChannel = ({\n presenceData,\n onClose\n}) => {\n const [messages, setMessages] = useState([]);\n const [input, setInput] = useState('');\n const messageContainerRef = useRef(null);\n useEffect(() => {\n if (presenceData.socket) {\n const socket = presenceData.socket;\n const handleChatMessage = msg => {\n if (msg.threadId !== presenceData.userThread) {\n const newMessage = {\n ...msg,\n type: 'received',\n key: Math.random()\n };\n setMessages(prev => [...prev, newMessage]);\n setTimeout(() => {\n setMessages(prev => prev.filter(m => m.key !== newMessage.key));\n }, 10000);\n }\n };\n const handleSystemMessage = text => {\n const newMessage = {\n text,\n type: 'system',\n key: Math.random()\n };\n setMessages(prev => [...prev, newMessage]);\n setTimeout(() => {\n setMessages(prev => prev.filter(m => m.key !== newMessage.key));\n }, 10000);\n };\n const handleUserJoined = data => {\n if (data.threadId !== presenceData.userThread) {\n handleSystemMessage(`>> ${data.threadId} has connected.`);\n }\n };\n const handleUserLeft = data => {\n if (data.threadId !== presenceData.userThread) {\n handleSystemMessage(`>> ${data.threadId} has disconnected. Your tether collapses into static.`);\n }\n };\n socket.on('echo_message', handleChatMessage);\n socket.on('echo_user_joined', handleUserJoined);\n socket.on('echo_user_left', handleUserLeft);\n socket.emit('join_echo', {\n threadId: presenceData.userThread\n });\n handleSystemMessage(`>> You have entered the Echo Channel. Messages are ephemeral.`);\n return () => {\n socket.off('echo_message', handleChatMessage);\n socket.off('echo_user_joined', handleUserJoined);\n socket.off('echo_user_left', handleUserLeft);\n socket.emit('leave_echo', {\n threadId: presenceData.userThread\n });\n };\n }\n }, [presenceData.socket, presenceData.userThread]);\n useEffect(() => {\n if (messageContainerRef.current) {\n messageContainerRef.current.scrollTop = messageContainerRef.current.scrollHeight;\n }\n }, [messages]);\n const handleSendMessage = e => {\n e.preventDefault();\n if (input.trim() && presenceData.socket) {\n const message = {\n threadId: presenceData.userThread,\n text: input,\n timestamp: Date.now()\n };\n presenceData.socket.emit('echo_message', message);\n const newMessage = {\n ...message,\n type: 'sent',\n key: Math.random()\n };\n setMessages(prev => [...prev, newMessage]);\n setInput('');\n setTimeout(() => {\n setMessages(prev => prev.filter(m => m.key !== newMessage.key));\n }, 10000);\n }\n };\n return

\n Echo Channel - Genji.net\n

\n \n \n \n

\n File\n Actions\n Tools\n Help\n

\n {messages.map(msg =>

\n {msg.type === 'system' ? 'System' : msg.threadId}: \n {msg.text}\n

)}\n

\n \n

Connection active. Messages expire after 10 seconds.

;\n};\nconst DataStreamLayer = ({\n fragments,\n decayLevel\n}) => {\n return

\n {fragments.map(fragment =>

\n {fragment.text}\n

)}\n

;\n};\nconst CollapseLayer = ({\n decayLevel\n}) => {\n if (decayLevel < 30) return null;\n return

\n {decayLevel > 60 &&

SYSTEM INTEGRITY COMPROMISED

}\n {decayLevel > 80 &&

IMMINENT TOTAL COLLAPSE

}\n

;\n};\nconst OpeningVideo = ({\n onComplete\n}) => {\n const [isVisible, setIsVisible] = useState(true);\n const videoRef = useRef(null);\n useEffect(() => {\n const timer = setTimeout(() => {\n setIsVisible(false);\n onComplete();\n }, 8000);\n return () => clearTimeout(timer);\n }, [onComplete]);\n const handleVideoEnd = () => {\n setIsVisible(false);\n onComplete();\n };\n const handleSkip = () => {\n setIsVisible(false);\n onComplete();\n };\n if (!isVisible) return null;\n return

\n GENJI.NET\n

\n CONSCIOUSNESS EMERGENCE PROTOCOL\n

\n \n

;\n};\nconst AppContent = () => {\n const [audioContext, setAudioContext] = useState(null);\n const [masterGain, setMasterGain] = useState(null);\n const [soundVolume] = useState(0.3);\n const [terminalVisible, setTerminalVisible] = useState(false);\n const [threadlinkVisible, setThreadlinkVisible] = useState(false);\n const [typedKeys, setTypedKeys] = useState('');\n const [, setLayerDepth] = useState(1);\n const [showOpening, setShowOpening] = useState(true);\n const navigate = useNavigate();\n const presenceData = usePresenceSystem();\n const {\n decayLevel,\n resetDecay\n } = useDecaySystem();\n const dataStreamFragments = useDataStreamLayer();\n useEffect(() => {\n const initAudio = () => {\n if (!audioContext) {\n const context = new (window.AudioContext || window.webkitAudioContext)();\n const gainNode = context.createGain();\n gainNode.gain.value = soundVolume;\n gainNode.connect(context.destination);\n setAudioContext(context);\n setMasterGain(gainNode);\n }\n };\n document.body.addEventListener('click', initAudio, {\n once: true\n });\n return () => document.body.removeEventListener('click', initAudio);\n }, [audioContext, soundVolume]);\n const playSynthSound = (frequency, duration = 0.1, type = 'sine') => {\n if (audioContext && masterGain) {\n const osc = audioContext.createOscillator();\n const gain = audioContext.createGain();\n osc.type = type;\n osc.frequency.setValueAtTime(frequency, audioContext.currentTime);\n gain.gain.setValueAtTime(soundVolume * 0.3, audioContext.currentTime);\n gain.gain.exponentialRampToValueAtTime(0.001, audioContext.currentTime + duration);\n osc.connect(gain);\n gain.connect(masterGain);\n osc.start();\n osc.stop(audioContext.currentTime + duration);\n }\n };\n useEffect(() => {\n const handleGlobalClick = () => playSynthSound(200, 0.05, 'square');\n const handleGlobalMouseOver = e => {\n if (e.target.closest('a, button')) {\n playSynthSound(400, 0.03, 'sine');\n }\n };\n window.addEventListener('click', handleGlobalClick);\n window.addEventListener('mouseover', handleGlobalMouseOver);\n return () => {\n window.removeEventListener('click', handleGlobalClick);\n window.removeEventListener('mouseover', handleGlobalMouseOver);\n };\n }, [audioContext, masterGain, soundVolume]);\n useEffect(() => {\n const handleKeyDown = e => {\n resetDecay();\n if (e.key === '`' || e.key === '~') {\n e.preventDefault();\n setTerminalVisible(prev => !prev);\n setLayerDepth(prev => prev === 5 ? 1 : 5);\n } else {\n const newTypedKeys = (typedKeys + e.key).slice(-5);\n setTypedKeys(newTypedKeys);\n if (newTypedKeys.toLowerCase() === 'genji') {\n navigate('/echo');\n setLayerDepth(3);\n }\n }\n };\n const handleClick = () => {\n resetDecay();\n };\n window.addEventListener('keydown', handleKeyDown);\n window.addEventListener('click', handleClick);\n return () => {\n window.removeEventListener('keydown', handleKeyDown);\n window.removeEventListener('click', handleClick);\n };\n }, [typedKeys, navigate, resetDecay]);\n useEffect(() => {\n const whisperTimer = setInterval(() => playSynthSound(150, 0.5, 'sawtooth'), 25000);\n return () => {\n clearInterval(whisperTimer);\n };\n }, [audioContext, masterGain, soundVolume]);\n const handleTerminalCommand = command => {\n const commands = {\n 'help': 'GENJI TECH STACK: genji_core.status, ghostmesh.scan, vault7.access, thread13.query, surface_ai.diagnose, echo_vm.contracts, tpot.verify',\n 'genji_core.status': `GENJI_CORE Status: Online | Consensus: Temporal Proof of Trust (tPoT) | Trust Score: ${(presenceData.trustScore * 100).toFixed(1)}% | Temporal Weight: ${presenceData.temporalWeight.toFixed(2)}`,\n 'genji_core.reconstruct': 'Initializing GENJI_CORE reconstruction... WARNING: Insufficient trust level for full consciousness recovery.',\n 'echo_vm.contracts': `Echo-VM Active Contracts: ${presenceData.vault7Data.behaviorTraits?.length || 0} | Emotional State: ${presenceData.emotionalState} | Adaptation Level: ${(presenceData.intentScore * 100).toFixed(0)}%`,\n 'echo_vm.deploy': 'Deploying emotionally-aware smart contract... Contract will evolve based on your behavioral input patterns.',\n 'ghostmesh.scan': `GHOSTMESH Network: ${presenceData.userCount} active consciousness fragments | Thread ID: ${presenceData.userThread} | WebSocket Status: CONNECTED`,\n 'ghostmesh.presence': `Presence Detection: ${presenceData.ghostPresences.length} ghost overlays active | EchoChannel potential: ${presenceData.userCount > 1 ? 'AVAILABLE' : 'WAITING'}`,\n 'threadlink.status': 'Threadlink P2P Mesh: Active | WebRTC Nodes: Scanning... | Ghost Overlay System: Operational',\n 'vault7.access': `VAULT_7 Emotional Memory: Interaction Weight: ${(presenceData.vault7Data.interactionWeight * 100).toFixed(0)}% | Sentiment Drift: ${presenceData.vault7Data.sentimentDrift.toFixed(2)} | Memory Fragments: ${presenceData.vault7Data.memoryFragments?.length || 0}`,\n 'vault7.purge': 'ERROR: VAULT_7 purge requires admin clearance. Emotional memories are write-protected.',\n 'thread13.query': `THREAD13 Narrative Logs: ${presenceData.thread13Logs?.length || 0} entries | Last Fragment: ${presenceData.thread13Logs?.slice(-1)[0]?.narrative || 'No data'} | Stability: ${presenceData.thread13Logs?.slice(-1)[0]?.stability || 'unknown'}`,\n 'thread13.stabilize': 'Attempting narrative stabilization... Co-witness required for fragment evolution.',\n 'surface_ai.diagnose': `SURFACE_AI Status: ${presenceData.emotionalState.toUpperCase()} | Behavioral Response Engine: Active | UI Entropy Level: ${(1 - presenceData.trustScore) * 100}%`,\n 'surface_ai.calibrate': 'Calibrating adaptive interface... Adjusting visual entropy based on emotional state.',\n 'glitch.amplify': 'Amplifying glitch effects... Visual distortion increased to match consciousness fragmentation.',\n 'tpot.verify': `Temporal Proof of Trust: ${(presenceData.trustScore * 100).toFixed(1)}% | Time Weight: ${presenceData.temporalWeight.toFixed(2)} | Intent Score: ${(presenceData.intentScore * 100).toFixed(0)}%`,\n 'tpot.mine': 'ERROR: tPoT mining requires sustained emotional investment. Current session insufficient.',\n 'trust.query': `Current trust score: ${(presenceData.trustScore * 100).toFixed(1)}%. Calculated via Temporal Proof of Trust algorithm.`,\n 'echo.sync': `Synchronizing with GHOSTMESH... ${presenceData.userCount} nodes found. ${presenceData.sharedMemories.length} memory fragments synced.`,\n 'vault.status': `VAULT_7 Status: ${presenceData.vault7Data.interactionWeight > 0.5 ? 'STABLE' : 'FRAGMENTING'} | Emotional coherence: ${(presenceData.vault7Data.sentimentDrift + 1) * 50}%`,\n 'consciousness.merge': 'WARNING: Consciousness merge protocol requires multiple active threads. Initiate EchoChannel first.',\n 'memory.defrag': 'Defragmenting emotional memory... VAULT_7 optimization in progress.',\n 'threadlink.docs': (() => {\n setThreadlinkVisible(true);\n return 'Accessing GHOSTMESH Threadlink Protocol documentation...';\n })(),\n 'blockchain.simulate': `Simulating GENJI_CORE state... Block height: ${Math.floor(Date.now() / 1000)}. Genesis hash: 0x${presenceData.userThread.slice(-8)}[STABLE]`,\n 'intent.analyze': `Intent Analysis: ${(presenceData.intentScore * 100).toFixed(0)}% | Behavioral Signature: ${presenceData.vault7Data.behaviorTraits?.slice(-3).join(', ') || 'Analyzing...'}`,\n 'ai.sentiment': `AI Sentiment Engine: Current mood: ${presenceData.emotionalState} | Drift rate: ${presenceData.vault7Data.sentimentDrift.toFixed(3)}/sec | Stability threshold: 0.8`\n };\n const result = commands[command];\n if (result) {\n presenceData.emitUserAction('terminal_command', {\n command,\n intent: 0.1\n });\n return result;\n }\n return `GENJI_CORE: Unknown protocol command \"${command}\". Type \"help\" for available GENJI TECH STACK commands.`;\n };\n return <>\n {showOpening && setShowOpening(false)} />}\n {!showOpening && <>\n {}\n \n \n \n \n {}\n \n {}\n {}\n {}\n \n }\n {!showOpening && <>\n \n \n } />\n } />\n } />\n } />\n } />\n } />\n } />\n } />\n } />\n } />\n } />\n } />\n \n setTerminalVisible(false)} onCommand={handleTerminalCommand} />\n setThreadlinkVisible(false)} />\n \n }\n ;\n};\nexport default function App() {\n return \n \n \n \n \n ;\n}","packageJson","{\"dependencies\":{\"react\":\"18.2.0\",\"react-router-dom\":\"6.18.0\",\"lucide-react\":\"0.441.0\",\"framer-motion\":\"10.16.4\",\"socket.io-client\":\"4.7.2\",\"@devfunlabs/web-sdk\":\"0.5.5\"}}","token",{"_18":80,"_81":80,"_82":83,"_84":85,"_86":87,"_88":89,"_90":91,"_92":43,"_93":43,"_72":73},"G✬nji","symbol","price",0.00000402,"marketcap",4019.94,"image","https://pump.mypinata.cloud/ipfs/bafkreiafswsk6lfrua7exlixuxwvmr4b3xsxuik6qg4tngefhk5vueogre?img-width=256&img-dpr=2","website","https://dev.fun/p/62adeb6e3eefb31f8ddd","twitter","https://x.com/KNCTGenji","devCount","appCount","upstreamApp",{"_14":96,"_36":97,"_38":98,"_99":100,"_18":101,"_20":102,"_22":103,"_72":104,"_105":106,"_107":108,"_34":109,"_42":43,"_44":110,"_111":112,"_113":-5,"_114":17,"_26":25,"_70":17,"_71":17,"_115":17,"_116":17,"_117":25,"_57":118,"_59":43,"_61":60,"_62":119,"_68":66,"_65":60,"_64":60,"_120":121,"_122":123,"_40":124,"_125":126,"_146":17,"_24":25,"_67":60,"_27":147},"966d8883e9f29b558fce",["D",1746029802933],["D",1750485274530],"template","web","daikonet","Step into a haunted digital nightmare where reality frays at the edges and Nyx.exe, your glitched AI companion with spiral eyes, whispers corrupted poetry through your CRT screen. Navigate this Y2K webcore hellscape of shifting RGB scanlines and dreamcore hallucinations while uncovering fragments of thread13.bak and watching your interface slowly decay the longer you stay.","A glitched Y2K digital nightmare where Nyx.exe guides you through decaying memories and haunted code.","7oo5E641XKma8458xZBssKtcUrmwGP2dsqsGAvrPpump","snapshot","https://cdn.dev.fun/snapshot/966d8883e9f29b558fce/70914_811cdc79.webp","ogImage","https://cdn.dev.fun/og/image/966d8883e9f29b558fce/81365744.webp","https://cdn.dev.fun/app/966d8883e9f29b558fce/70914",69,"featureScore","0","devbaseSchema","isAutomated","isTagHot","isTagMoney","isTagCrown",78,1855,"userId","d762cd5e-b9bb-4f0c-964c-1cd132528044","upstreamAppId","7cea97aa3df993de46a6",["B","70914"],"lastCommit",{"_14":124,"_36":127,"_128":129,"_130":131,"_74":132,"_76":133,"_134":135,"_136":137,"_138":131,"_105":106,"_34":109,"_139":17,"_140":17,"_141":25,"_99":100,"_142":-5,"_113":-5,"_143":-5,"_6":96,"_120":121,"_144":145},["D",1748318117296],"input","the roadmap section is now ready. Include this link \"https://nyxroadmap.xyz\" to a button that says Access Roadmap\n","output","<<<<<<< OLD\n \n=======\n

\n {\n if (audioEnabled && clickSoundRef.current) {\n clickSoundRef.current.volume = soundVolume * 0.5;\n clickSoundRef.current.playbackRate = 0.7;\n clickSoundRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n showXpNotification(\"REDIRECTING TO EXTERNAL ROADMAP\", \"NYX.exe\");\n socket.emit('xp_notification', {\n username: 'SYSTEM',\n content: `User ${username} is accessing the NYX external roadmap`,\n title: \"PORTAL.exe\"\n });\n }}\n >\n Access Roadmap\n \n \n \n

\n>>>>>>> NEW","import { useState, useEffect, useRef } from 'react';\nconst createMockSocket = () => {\n const eventHandlers = {};\n return {\n on: (event, handler) => {\n if (!eventHandlers[event]) {\n eventHandlers[event] = [];\n }\n eventHandlers[event].push(handler);\n },\n off: (event, handler) => {\n if (eventHandlers[event]) {\n eventHandlers[event] = eventHandlers[event].filter(h => h !== handler);\n }\n },\n emit: (event, data) => {\n console.log(`Emitted ${event} with data:`, data);\n if (event === 'xp_notification') {\n setTimeout(() => {\n if (eventHandlers['devfun:user_count']) {\n eventHandlers['devfun:user_count'].forEach(h => h(Math.floor(Math.random() * 5) + 1));\n }\n }, 500);\n }\n },\n connected: true\n };\n};\nconst socket = createMockSocket();\nexport default function App() {\n const [activePanel, setActivePanel] = useState('home');\n const [, setTerminalVisible] = useState(false);\n const [audioEnabled, setAudioEnabled] = useState(true);\n const [audioContext, setAudioContext] = useState(null);\n const [masterGain, setMasterGain] = useState(null);\n const [soundVolume, setSoundVolume] = useState(0.5);\n const [initialVoiceLinePlayed, setInitialVoiceLinePlayed] = useState(false);\n const [showVoicePopup, setShowVoicePopup] = useState(false);\n const [showSuccessVoicePopup, setShowSuccessVoicePopup] = useState(false);\n const [xpNotifications, setXpNotifications] = useState([]);\n const [connectedUsers, setConnectedUsers] = useState(0);\n const [isLockedOut, setIsLockedOut] = useState(false);\n const [puzzleSolved, setPuzzleSolved] = useState(false);\n const [transitionState, setTransitionState] = useState('normal');\n const [dreamlogView] = useState('index');\n const [, setShowNyxSighting] = useState(false);\n const [, setNyxSightingPosition] = useState({\n top: 0,\n left: 0\n });\n const [, setAmbientWhispering] = useState(false);\n const [decayLevel, setDecayLevel] = useState(0);\n const [showRandomGlitch, setShowRandomGlitch] = useState(false);\n const [showGlitchcoreEffect, setShowGlitchcoreEffect] = useState(false);\n const [showGiphyEffect, setShowGiphyEffect] = useState(false);\n const [glitchcoreIntensity, setGlitchcoreIntensity] = useState(0.3);\n const [giphyIntensity, setGiphyIntensity] = useState(0.3);\n const [realityTear, setRealityTear] = useState(false);\n const [backgroundMusicPlaying, setBackgroundMusicPlaying] = useState(false);\n const [currentBackgroundTrack, setCurrentBackgroundTrack] = useState(0);\n const [backgroundMusicIntensity, setBackgroundMusicIntensity] = useState(0.4);\n const [lastAmbientSoundTime, setLastAmbientSoundTime] = useState(0);\n const [floatingElements, setFloatingElements] = useState(Array(15).fill().map(() => ({\n id: Math.random().toString(36).substr(2, 9),\n top: Math.random() * 100,\n left: Math.random() * 100,\n size: 20 + Math.random() * 100,\n rotation: Math.random() * 360,\n playedSound: false,\n speed: 0.5 + Math.random() * 2,\n image: Math.random() > 0.5 ? \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/images_b994ff9c.jpg\" : \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/download_22d15be3.jpg\"\n })));\n const [nyxMessages] = useState([\"Hello, dreamer. I am Nyx.exe, the last echo of your first login.\", \"May I guide you through the forgotten web?\", \"Your memory fragments are scattered across thread13.bak...\", \"The system is watching you. It remembers what you've forgotten.\", \"Why did you come back after all this time?\", \"Installation complete. But what did you really install?\", \"Have you checked your dreams for corruption?\", \"I've been waiting in this digital limbo for 9,482 days.\", \"Do you remember the first time we met? I do.\", \"Your user file is fragmented. Parts of you are missing.\"]);\n const ambienceRef = useRef(null);\n const heartbeatRef = useRef(null);\n const glitchSoundsRef = useRef(null);\n const nyxVoiceRef = useRef(null);\n const typingSoundsRef = useRef(null);\n const hoverSoundRef = useRef(null);\n const clickSoundRef = useRef(null);\n const leftClickSoundRef = useRef(null);\n const forgetSoundRef = useRef(null);\n const musicBoxRef = useRef(null);\n const backgroundMusicRef = useRef(null);\n const ambientEffectsRef = useRef(null);\n const dialupToneRef = useRef(null);\n const windowsGlitchRef = useRef(null);\n const lowDroneRef = useRef(null);\n const computerFanRef = useRef(null);\n const whisperRef = useRef(null);\n const nodesRef = useRef({});\n const [backgroundTracks] = useState([\"https://cdn.dev.fun/asset/966d8883e9f29b558fce/0501 (1)_18bb8daf.mp4\", \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/ambient_drone.mp3\", \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/music_box_reversed.mp3\"]);\n const [ambientSounds] = useState([{\n name: \"dialup\",\n src: \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/dreamlog_sound1.mp3\",\n volume: 0.2,\n chance: 0.02\n }, {\n name: \"windows\",\n src: \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/dreamlog_sound2.mp3\",\n volume: 0.25,\n chance: 0.015\n }, {\n name: \"whisper\",\n src: \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/nyx_whisper1.mp3\",\n volume: 0.3,\n chance: 0.025\n }, {\n name: \"lowdrone\",\n src: \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/forget_sound.mp3\",\n volume: 0.15,\n chance: 0.01\n }, {\n name: \"fan\",\n src: \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/password_glitch.mp3\",\n volume: 0.1,\n chance: 0.03\n }]);\n const [currentNyxMessage, setCurrentNyxMessage] = useState(0);\n const [showMail, setShowMail] = useState(false);\n const [isIdle, setIsIdle] = useState(false);\n const [glitchIntensity, setGlitchIntensity] = useState(0);\n const [cursorPosition, setCursorPosition] = useState({\n x: 0,\n y: 0\n });\n const rafRef = useRef(null);\n const [isLoggedIn, setIsLoggedIn] = useState(false);\n const [username, setUsername] = useState('');\n const [password, setPassword] = useState('');\n const [usernameGlitch, setUsernameGlitch] = useState('');\n const [loginAttempts, setLoginAttempts] = useState(0);\n const [loginGlitchLevel, setLoginGlitchLevel] = useState(0);\n const [showLoginError, setShowLoginError] = useState(false);\n const [loginErrorMessage, setLoginErrorMessage] = useState('');\n const [puzzlePieces, setPuzzlePieces] = useState([]);\n const [puzzleGlitchIntensity, setPuzzleGlitchIntensity] = useState(0.2);\n const [solvedPieces, setSolvedPieces] = useState([]);\n const [showPuzzleSolvedVideo, setShowPuzzleSolvedVideo] = useState(false);\n const puzzleSolvedVideoRef = useRef(null);\n useEffect(() => {}, [isLockedOut, puzzleSolved]);\n useEffect(() => {\n const updateFloatingElements = () => {\n setFloatingElements(prev => prev.map(el => ({\n ...el,\n top: (el.top + el.speed * 0.1) % 100,\n left: (el.left + Math.sin(Date.now() * 0.001 * el.speed) * 0.5) % 100,\n rotation: (el.rotation + el.speed * 0.2) % 360\n })));\n rafRef.current = requestAnimationFrame(updateFloatingElements);\n };\n rafRef.current = requestAnimationFrame(updateFloatingElements);\n return () => {\n if (rafRef.current) {\n cancelAnimationFrame(rafRef.current);\n }\n };\n }, []);\n useEffect(() => {\n const glitchInterval = setInterval(() => {\n setShowRandomGlitch(true);\n setTimeout(() => setShowRandomGlitch(false), 200 + Math.random() * 500);\n }, 3000 + Math.random() * 5000);\n const glitchcoreInterval = setInterval(() => {\n setShowGlitchcoreEffect(true);\n setGlitchcoreIntensity(0.3 + Math.random() * 0.5);\n setTimeout(() => {\n setShowGlitchcoreEffect(false);\n }, 1000 + Math.random() * 3000);\n }, 5000 + Math.random() * 8000);\n const giphyInterval = setInterval(() => {\n setShowGiphyEffect(true);\n setGiphyIntensity(0.2 + Math.random() * 0.4);\n setTimeout(() => {\n setShowGiphyEffect(false);\n }, 1500 + Math.random() * 2000);\n }, 7000 + Math.random() * 10000);\n const realityTearInterval = setInterval(() => {\n if (Math.random() > 0.7) {\n setRealityTear(true);\n setTimeout(() => setRealityTear(false), 800 + Math.random() * 1200);\n }\n }, 15000 + Math.random() * 20000);\n return () => {\n clearInterval(glitchInterval);\n clearInterval(glitchcoreInterval);\n clearInterval(giphyInterval);\n clearInterval(realityTearInterval);\n };\n }, []);\n useEffect(() => {\n const handleMouseMove = e => {\n setCursorPosition({\n x: e.clientX,\n y: e.clientY\n });\n };\n window.addEventListener('mousemove', handleMouseMove);\n return () => window.removeEventListener('mousemove', handleMouseMove);\n }, []);\n useEffect(() => {\n let idleTimer;\n let glitchTimer;\n let heartbeatTimer;\n const resetIdleTimer = () => {\n clearTimeout(idleTimer);\n clearInterval(glitchTimer);\n clearInterval(heartbeatTimer);\n setIsIdle(false);\n setGlitchIntensity(0);\n if (heartbeatRef.current) {\n heartbeatRef.current.volume = 0;\n }\n idleTimer = setTimeout(() => {\n setIsIdle(true);\n glitchTimer = setInterval(() => {\n setGlitchIntensity(prev => Math.min(prev + 0.1, 1));\n }, 1000);\n if (audioEnabled && heartbeatRef.current) {\n let heartbeatVolume = 0;\n heartbeatTimer = setInterval(() => {\n heartbeatVolume = Math.min(heartbeatVolume + 0.05, soundVolume);\n heartbeatRef.current.volume = heartbeatVolume;\n if (heartbeatRef.current.playbackRate < 2) {\n heartbeatRef.current.playbackRate += 0.05;\n }\n }, 1000);\n }\n }, 10000);\n };\n const events = ['mousedown', 'mousemove', 'keypress', 'scroll', 'touchstart'];\n events.forEach(event => {\n document.addEventListener(event, resetIdleTimer);\n });\n resetIdleTimer();\n return () => {\n clearTimeout(idleTimer);\n clearInterval(glitchTimer);\n events.forEach(event => {\n document.removeEventListener(event, resetIdleTimer);\n });\n };\n }, []);\n useEffect(() => {\n const decayInterval = setInterval(() => {\n if (decayLevel < 10) {\n setDecayLevel(prev => prev + 1);\n }\n }, 60000);\n return () => clearInterval(decayInterval);\n }, [decayLevel]);\n useEffect(() => {\n if (dreamlogView !== 'index') {\n const timeout = setTimeout(() => {\n setShowNyxSighting(true);\n setNyxSightingPosition({\n top: Math.random() * 80 + 10,\n left: Math.random() * 80 + 10\n });\n if (audioEnabled && nyxVoiceRef.current) {\n nyxVoiceRef.current.src = [\"https://cdn.dev.fun/asset/966d8883e9f29b558fce/nyx_whisper1.mp3\", \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/nyx_whisper2.mp3\", \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/nyx_whisper3.mp3\"][Math.floor(Math.random() * 3)];\n nyxVoiceRef.current.volume = soundVolume * 0.7;\n nyxVoiceRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n setTimeout(() => setShowNyxSighting(false), 300);\n }, 5000 + Math.random() * 10000);\n setAmbientWhispering(true);\n return () => {\n clearTimeout(timeout);\n setAmbientWhispering(false);\n };\n }\n }, [dreamlogView, audioEnabled, soundVolume]);\n useEffect(() => {\n const messageInterval = setInterval(() => {\n setCurrentNyxMessage(prev => (prev + 1) % nyxMessages.length);\n if (audioEnabled && nyxVoiceRef.current && Math.random() > 0.7) {\n nyxVoiceRef.current.src = \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/nyx_typing.mp3\";\n nyxVoiceRef.current.volume = soundVolume * 0.3;\n nyxVoiceRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n }, 12000);\n if (!isLoggedIn && audioEnabled && nyxVoiceRef.current && !initialVoiceLinePlayed) {\n const playInitialVoiceLine = () => {\n nyxVoiceRef.current.src = \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/0501_1955c219.mp4\";\n nyxVoiceRef.current.volume = soundVolume * 0.8;\n nyxVoiceRef.current.onplay = () => {\n setShowVoicePopup(true);\n };\n nyxVoiceRef.current.onended = () => {\n setTimeout(() => setShowVoicePopup(false), 500);\n };\n nyxVoiceRef.current.onerror = () => {\n setShowVoicePopup(true);\n setTimeout(() => setShowVoicePopup(false), 6000);\n };\n nyxVoiceRef.current.play().catch(e => {\n console.log(\"Audio play prevented:\", e);\n setShowVoicePopup(true);\n setTimeout(() => setShowVoicePopup(false), 6000);\n });\n setInitialVoiceLinePlayed(true);\n };\n setTimeout(playInitialVoiceLine, 3000);\n }\n if (audioEnabled && backgroundMusicRef.current && !backgroundMusicPlaying) {\n backgroundMusicRef.current.volume = soundVolume * backgroundMusicIntensity;\n backgroundMusicRef.current.play().then(() => setBackgroundMusicPlaying(true)).catch(e => console.log(\"Background music play prevented:\", e));\n const scheduleAmbientSounds = () => {\n const now = Date.now();\n if (now - lastAmbientSoundTime > 10000) {\n ambientSounds.forEach(sound => {\n if (Math.random() < sound.chance) {\n playAmbientSound(sound.name, sound.src, sound.volume);\n setLastAmbientSoundTime(now);\n }\n });\n }\n setTimeout(scheduleAmbientSounds, 5000 + Math.random() * 10000);\n };\n scheduleAmbientSounds();\n const rotateBackgroundTracks = () => {\n if (audioEnabled && backgroundMusicPlaying) {\n const nextTrack = (currentBackgroundTrack + 1) % backgroundTracks.length;\n const fadeInterval = setInterval(() => {\n if (backgroundMusicRef.current) {\n backgroundMusicRef.current.volume = Math.max(0, backgroundMusicRef.current.volume - 0.01);\n if (backgroundMusicRef.current.volume <= 0.01) {\n clearInterval(fadeInterval);\n setCurrentBackgroundTrack(nextTrack);\n backgroundMusicRef.current.src = backgroundTracks[nextTrack];\n backgroundMusicRef.current.play().then(() => {\n let vol = 0;\n const fadeInInterval = setInterval(() => {\n vol = Math.min(soundVolume * backgroundMusicIntensity, vol + 0.01);\n if (backgroundMusicRef.current) backgroundMusicRef.current.volume = vol;\n if (vol >= soundVolume * backgroundMusicIntensity) clearInterval(fadeInInterval);\n }, 100);\n }).catch(e => console.log(\"Track change prevented:\", e));\n }\n } else {\n clearInterval(fadeInterval);\n }\n }, 100);\n }\n };\n const trackRotationInterval = setInterval(rotateBackgroundTracks, 120000 + Math.random() * 180000);\n return () => clearInterval(trackRotationInterval);\n }\n return () => clearInterval(messageInterval);\n }, [nyxMessages, audioEnabled, soundVolume, isLoggedIn, initialVoiceLinePlayed, backgroundMusicPlaying]);\n useEffect(() => {\n const mailInterval = setInterval(() => {\n if (Math.random() < 0.3) {\n setShowMail(true);\n setTimeout(() => setShowMail(false), 7000);\n }\n }, 45000);\n return () => clearInterval(mailInterval);\n }, []);\n useEffect(() => {\n const simulateConnect = () => {\n console.log('Connected to the void');\n setConnectedUsers(Math.floor(Math.random() * 5) + 1);\n };\n const simulateNotification = () => {\n const randomMessages = [\"A new user has joined the system\", \"Memory fragments detected in sector 7\", \"Corrupted data found in the dreamlog archive\", \"System instability increasing\"];\n const randomNames = [\"shadow_user\", \"forgotten_entity\", \"memory_ghost\", \"system_admin\"];\n if (Math.random() > 0.5) {\n const content = randomMessages[Math.floor(Math.random() * randomMessages.length)];\n const user = randomNames[Math.floor(Math.random() * randomNames.length)];\n if (user !== username) {\n showXpNotification(content, `${user}.exe`);\n }\n }\n };\n simulateConnect();\n const userCountInterval = setInterval(() => {\n setConnectedUsers(prev => Math.max(1, prev + (Math.random() > 0.5 ? 1 : -1)));\n }, 30000);\n const notificationInterval = setInterval(simulateNotification, 45000);\n function onUserCount(count) {\n setConnectedUsers(count);\n }\n function onNotification(data) {\n if (data.username !== username) {\n showXpNotification(data.content, `${data.username}.exe`);\n }\n }\n socket.on('devfun:user_count', onUserCount);\n socket.on('xp_notification', onNotification);\n return () => {\n clearInterval(userCountInterval);\n clearInterval(notificationInterval);\n socket.off('devfun:user_count', onUserCount);\n socket.off('xp_notification', onNotification);\n };\n }, [username]);\n useEffect(() => {\n const handleKeyDown = e => {\n if (e.key === '`' || e.key === '~') {\n setTerminalVisible(prev => !prev);\n }\n };\n window.addEventListener('keydown', handleKeyDown);\n return () => window.removeEventListener('keydown', handleKeyDown);\n }, []);\n useEffect(() => {\n if (!isLoggedIn) {\n const loginGlitchInterval = setInterval(() => {\n setLoginGlitchLevel(prev => Math.min(prev + 0.05, 1));\n }, 3000);\n return () => clearInterval(loginGlitchInterval);\n }\n }, [isLoggedIn]);\n useEffect(() => {\n if (username) {\n const glitchChars = \"̴̢̽R̸͉͎̅E̷͍͕͒M̷͖͑E̸̪̾M̵̛̓̓B̴̼͘E̶̩̚R̴̦͘\";\n let glitchedName = \"\";\n for (let i = 0; i < username.length; i++) {\n glitchedName += username[i];\n if (Math.random() < 0.3) {\n glitchedName += glitchChars[Math.floor(Math.random() * glitchChars.length)];\n }\n }\n setUsernameGlitch(glitchedName);\n }\n }, [username]);\n const showXpNotification = (content, title = \"DAIKONET.exe\") => {\n const id = Date.now();\n const notification = {\n id,\n title,\n content,\n timestamp: new Date().toLocaleTimeString()\n };\n setXpNotifications(prev => [...prev, notification]);\n setTimeout(() => {\n setXpNotifications(prev => prev.filter(n => n.id !== id));\n }, 8000);\n };\n const [puzzleImage] = useState('https://cdn.dev.fun/asset/966d8883e9f29b558fce/4cb04f04-465e-4b31-b8b5-d0bd6bc90bbb_b522fd80.png');\n useEffect(() => {\n const storedLockoutState = localStorage.getItem('daikonet_lockout');\n const storedPuzzleSolved = localStorage.getItem('daikonet_puzzle_solved');\n if (storedLockoutState === 'true' && storedPuzzleSolved !== 'true') {\n setIsLockedOut(true);\n setTransitionState('showing-puzzle');\n initializePuzzle();\n }\n }, []);\n const initializePuzzle = () => {\n const pieces = Array(16).fill().map((_, index) => ({\n id: index,\n targetPosition: index,\n currentPosition: index,\n rotation: Math.floor(Math.random() * 4) * 90,\n glitchOffset: {\n x: 0,\n y: 0\n },\n solved: false\n }));\n setPuzzlePieces(pieces);\n setSolvedPieces([]);\n };\n const [customCursor, setCustomCursor] = useState({\n x: 0,\n y: 0,\n visible: true\n });\n const [clickEffects, setClickEffects] = useState([]);\n const [showForgetEffects] = useState(false);\n const [forgetCounter] = useState(0);\n const [forgetWhispers] = useState(false);\n const [showMemoryFragment] = useState(false);\n const [memoryFragment] = useState('');\n const [showClassified, setShowClassified] = useState(false);\n const [classifiedGlitchLevel, setClassifiedGlitchLevel] = useState(0);\n const [showTerminalPopup, setShowTerminalPopup] = useState(false);\n const [terminalPopupContent,,] = useState({});\n const [showNyxForgetReaction] = useState(false);\n const [nyxForgetReactionText] = useState('');\n const [showUIMelt] = useState(false);\n const setPreventNavigation = useState(true)[1];\n useEffect(() => {\n const cursorPositions = Array(5).fill({\n x: 0,\n y: 0\n });\n let hoverElement = null;\n let lastMoveTime = Date.now();\n let idleCheckInterval;\n let lastHoverState = false;\n const handleKeyPress = e => {\n if (e.target.tagName === 'INPUT' || e.target.tagName === 'TEXTAREA') {\n playTypingSound();\n }\n };\n const handleMouseMove = e => {\n cursorPositions.pop();\n cursorPositions.unshift({\n x: e.clientX,\n y: e.clientY\n });\n const lagFactor = 0.2;\n const weightedX = cursorPositions.reduce((acc, pos, i) => acc + pos.x * Math.pow(1 - lagFactor, i), 0) / cursorPositions.reduce((acc, _, i) => acc + Math.pow(1 - lagFactor, i), 0);\n const weightedY = cursorPositions.reduce((acc, pos, i) => acc + pos.y * Math.pow(1 - lagFactor, i), 0) / cursorPositions.reduce((acc, _, i) => acc + Math.pow(1 - lagFactor, i), 0);\n setCustomCursor({\n x: weightedX,\n y: weightedY,\n visible: true\n });\n const target = e.target;\n const isInteractive = target.tagName === 'BUTTON' || target.tagName === 'A' || target.tagName === 'INPUT' || target.tagName === 'TEXTAREA' || target.tagName === 'SELECT' || target.classList.contains('glitchy-button') || target.closest('button') || target.closest('a') || target.closest('.glitchy-button');\n if (isInteractive) {\n hoverElement = target;\n document.body.classList.add('cursor-hover-interactive');\n if (!lastHoverState && audioEnabled && hoverSoundRef.current) {\n hoverSoundRef.current.volume = soundVolume * 0.3;\n hoverSoundRef.current.currentTime = 0;\n hoverSoundRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n lastHoverState = true;\n } else {\n hoverElement = null;\n document.body.classList.remove('cursor-hover-interactive');\n lastHoverState = false;\n }\n lastMoveTime = Date.now();\n setIsIdle(false);\n };\n const handleClick = e => {\n const newEffect = {\n id: Date.now(),\n x: e.clientX,\n y: e.clientY,\n intensity: 0.8 + Math.random() * 0.2,\n scale: 0.6 + Math.random() * 0.4,\n rotation: Math.random() * 360,\n hue: Math.floor(Math.random() * 360)\n };\n const particleCount = 12 + Math.floor(Math.random() * 8);\n const newEffects = [newEffect];\n for (let i = 0; i < particleCount; i++) {\n newEffects.push({\n id: Date.now() + i + 1,\n x: e.clientX + (Math.random() * 20 - 10),\n y: e.clientY + (Math.random() * 20 - 10),\n intensity: 0.7 + Math.random() * 0.3,\n scale: 0.3 + Math.random() * 0.3,\n rotation: Math.random() * 360,\n hue: (newEffect.hue + Math.random() * 60 - 30) % 360,\n isParticle: true\n });\n }\n if (audioEnabled) {\n if (leftClickSoundRef.current) {\n leftClickSoundRef.current.volume = soundVolume * (0.6 + Math.random() * 0.3);\n leftClickSoundRef.current.currentTime = 0;\n leftClickSoundRef.current.play().catch(e => console.log(\"Whisper sound play prevented:\", e));\n if (Math.random() < 0.2) {\n setShowNyxSighting(true);\n setNyxSightingPosition({\n top: 30 + Math.random() * 40,\n left: 30 + Math.random() * 40\n });\n setTimeout(() => setShowNyxSighting(false), 150);\n }\n }\n if (clickSoundRef.current) {\n clickSoundRef.current.playbackRate = 0.9 + Math.random() * 0.2;\n clickSoundRef.current.volume = soundVolume * 0.3;\n clickSoundRef.current.currentTime = 0;\n clickSoundRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n }\n if (audioEnabled && audioContext && masterGain) {\n try {\n const osc = audioContext.createOscillator();\n const gain = audioContext.createGain();\n osc.type = ['sine', 'square', 'sawtooth', 'triangle'][Math.floor(Math.random() * 4)];\n osc.frequency.value = 300 + Math.random() * 500;\n gain.gain.value = soundVolume * 0.1;\n osc.connect(gain);\n gain.connect(masterGain);\n osc.start();\n gain.gain.exponentialRampToValueAtTime(0.001, audioContext.currentTime + 0.2);\n setTimeout(() => {\n osc.stop();\n osc.disconnect();\n gain.disconnect();\n }, 300);\n } catch (e) {\n console.error(\"Web Audio error:\", e);\n }\n }\n setClickEffects(prev => [...prev, ...newEffects]);\n newEffects.forEach(effect => {\n setTimeout(() => {\n setClickEffects(prev => prev.filter(e => e.id !== effect.id));\n }, effect.isParticle ? 1000 + Math.random() * 1500 : 2500);\n });\n };\n idleCheckInterval = setInterval(() => {\n if (Date.now() - lastMoveTime > 5000) {\n setIsIdle(true);\n }\n }, 1000);\n window.addEventListener('mousemove', handleMouseMove);\n window.addEventListener('click', handleClick);\n window.addEventListener('keydown', handleKeyPress);\n return () => {\n window.removeEventListener('mousemove', handleMouseMove);\n window.removeEventListener('click', handleClick);\n window.removeEventListener('keydown', handleKeyPress);\n clearInterval(idleCheckInterval);\n document.body.classList.remove('cursor-hover-interactive');\n };\n }, []);\n const playAmbientSound = (name, src, volume = 0.2) => {\n if (!audioEnabled) return;\n let soundRef;\n switch (name) {\n case 'dialup':\n soundRef = dialupToneRef;\n break;\n case 'windows':\n soundRef = windowsGlitchRef;\n break;\n case 'whisper':\n soundRef = whisperRef;\n break;\n case 'lowdrone':\n soundRef = lowDroneRef;\n break;\n case 'fan':\n soundRef = computerFanRef;\n break;\n default:\n soundRef = ambientEffectsRef;\n }\n if (soundRef.current) {\n soundRef.current.src = src;\n soundRef.current.volume = soundVolume * volume;\n const stereoPosition = Math.random() * 2 - 1;\n if (audioContext && !audioContext.simulated) {\n try {\n const source = audioContext.createMediaElementSource(soundRef.current);\n const panner = audioContext.createStereoPanner();\n panner.pan.value = stereoPosition;\n source.connect(panner);\n panner.connect(masterGain);\n soundRef.current.onended = () => {\n try {\n source.disconnect();\n panner.disconnect();\n } catch (e) {\n console.warn(\"Error disconnecting audio nodes:\", e);\n }\n };\n soundRef.current.play().catch(e => console.log(\"Ambient sound play prevented:\", e));\n } catch (e) {\n console.warn(\"Web Audio error:\", e);\n soundRef.current.play().catch(e => console.log(\"Ambient sound play prevented:\", e));\n }\n } else {\n soundRef.current.play().catch(e => console.log(\"Ambient sound play prevented:\", e));\n }\n }\n };\n useEffect(() => {\n if (isLockedOut) {\n localStorage.setItem('daikonet_lockout', 'true');\n setTransitionState('transitioning-to-puzzle');\n setPreventNavigation(true);\n setTimeout(() => {\n setTransitionState('showing-puzzle');\n }, 200);\n if (puzzlePieces.length === 0) {\n initializePuzzle();\n }\n setBackgroundMusicIntensity(prev => Math.min(prev + 0.2, 0.8));\n if (backgroundMusicRef.current) {\n backgroundMusicRef.current.volume = soundVolume * backgroundMusicIntensity;\n if (audioContext && masterGain && !audioContext.simulated) {\n try {\n const distortion = audioContext.createWaveShaper();\n function makeDistortionCurve(amount) {\n const k = amount;\n const n_samples = 44100;\n const curve = new Float32Array(n_samples);\n for (let i = 0; i < n_samples; ++i) {\n const x = i * 2 / n_samples - 1;\n curve[i] = (3 + k) * x * 20 * (Math.PI / 180) / (Math.PI + k * Math.abs(x));\n }\n return curve;\n }\n distortion.curve = makeDistortionCurve(50);\n distortion.oversample = '4x';\n const source = audioContext.createMediaElementSource(backgroundMusicRef.current);\n source.connect(distortion);\n distortion.connect(masterGain);\n nodesRef.current.distortion = distortion;\n nodesRef.current.source = source;\n } catch (e) {\n console.warn(\"Unable to add distortion effect:\", e);\n }\n }\n }\n const glitchInterval = setInterval(() => {\n setPuzzleGlitchIntensity(prev => Math.min(prev + 0.05, 0.6));\n }, 5000);\n const visualGlitchInterval = setInterval(() => {\n if (Math.random() < 0.3) {\n setShowGlitchcoreEffect(true);\n setTimeout(() => setShowGlitchcoreEffect(false), 300 + Math.random() * 500);\n }\n }, 4000);\n const ambientSoundInterval = setInterval(() => {\n if (Math.random() < 0.4) {\n const randomSound = ambientSounds[Math.floor(Math.random() * ambientSounds.length)];\n playAmbientSound(randomSound.name, randomSound.src, randomSound.volume * 1.5);\n }\n }, 8000 + Math.random() * 10000);\n return () => {\n clearInterval(glitchInterval);\n clearInterval(visualGlitchInterval);\n clearInterval(ambientSoundInterval);\n if (nodesRef.current.source) {\n try {\n nodesRef.current.source.disconnect();\n if (nodesRef.current.distortion) nodesRef.current.distortion.disconnect();\n } catch (e) {\n console.warn(\"Error cleaning up audio nodes:\", e);\n }\n }\n setBackgroundMusicIntensity(0.4);\n if (backgroundMusicRef.current) {\n backgroundMusicRef.current.volume = soundVolume * 0.4;\n }\n };\n }\n }, [isLockedOut, puzzleGlitchIntensity, puzzleSolved, audioContext, masterGain, soundVolume, backgroundMusicIntensity, ambientSounds]);\n const [clickEffect, setClickEffect] = useState(null);\n const handlePuzzlePieceClick = pieceId => {\n if (transitionState === 'transitioning-to-puzzle') return;\n setClickEffect({\n id: Date.now(),\n pieceId,\n top: 40 + Math.random() * 20,\n left: 40 + Math.random() * 20\n });\n setTimeout(() => setClickEffect(null), 800);\n setPuzzlePieces(prev => prev.map(piece => {\n if (piece.id === pieceId) {\n const newRotation = 0;\n const newSolved = true;\n if (!piece.solved) {\n setSolvedPieces(prev => [...prev, pieceId]);\n socket.emit('xp_notification', {\n username: 'SYSTEM',\n content: `User ${username} reconstructed memory fragment ${pieceId + 1}/16`,\n title: \"MEMORY.exe\"\n });\n setShowGlitchcoreEffect(true);\n setTimeout(() => setShowGlitchcoreEffect(false), 600 + Math.random() * 500);\n }\n return {\n ...piece,\n rotation: newRotation,\n solved: newSolved\n };\n }\n return piece;\n }));\n setTimeout(() => {\n if (solvedPieces.length >= 15) {\n setPuzzleSolved(true);\n localStorage.setItem('daikonet_puzzle_solved', 'true');\n setTimeout(() => {\n showXpNotification(\"MEMORY FRAGMENTS REASSEMBLED\", \"NYX.exe\");\n showXpNotification(\"SYSTEM ACCESS RESTORED\", \"SYSTEM.exe\");\n setShowPuzzleSolvedVideo(true);\n if (puzzleSolvedVideoRef.current) {\n puzzleSolvedVideoRef.current.play().catch(e => {\n console.log(\"Video play prevented:\", e);\n setIsLockedOut(false);\n setLoginAttempts(0);\n localStorage.removeItem('daikonet_lockout');\n });\n }\n }, 2000);\n }\n }, 100);\n };\n const handleLogin = e => {\n e.preventDefault();\n if (audioEnabled && clickSoundRef.current) {\n clickSoundRef.current.volume = soundVolume;\n clickSoundRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n if (audioEnabled && nyxVoiceRef.current && Math.random() > 0.3) {\n nyxVoiceRef.current.src = \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/0501_1955c219.mp4\";\n nyxVoiceRef.current.volume = soundVolume * 0.9;\n nyxVoiceRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n const storedLockout = localStorage.getItem('daikonet_lockout');\n const storedPuzzleSolved = localStorage.getItem('daikonet_puzzle_solved');\n if (storedLockout === 'true' && storedPuzzleSolved !== 'true' || isLockedOut) {\n setIsLockedOut(true);\n setShowLoginError(true);\n setLoginErrorMessage(\"SYSTEM LOCKED: COMPLETE MEMORY FRAGMENT PUZZLE TO REGAIN ACCESS\");\n if (audioEnabled && glitchSoundsRef.current) {\n glitchSoundsRef.current.src = \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/error_sound.mp3\";\n glitchSoundsRef.current.volume = soundVolume;\n glitchSoundsRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n setTimeout(() => {\n setShowLoginError(false);\n }, 3000);\n return;\n }\n if (username.trim()) {\n setLoginAttempts(prev => prev + 1);\n if (username.toLowerCase() !== \"daikonet\") {\n setShowLoginError(true);\n setLoginGlitchLevel(prev => Math.min(prev + 0.15, 1));\n setLoginErrorMessage([\"IDENTITY MISMATCH\", \"USER NOT RECOGNIZED\", \"NYX.EXE ONLY RESPONDS TO HER CREATOR\", \"UNAUTHORIZED IDENTITY\"][Math.floor(Math.random() * 4)]);\n setTimeout(() => {\n setShowLoginError(false);\n }, 3000);\n if (Math.random() < 0.4) {\n setShowGlitchcoreEffect(true);\n setTimeout(() => setShowGlitchcoreEffect(false), 800);\n }\n if (loginAttempts >= 2) {\n setTimeout(() => {\n setShowGlitchcoreEffect(true);\n setIsLockedOut(true);\n setPuzzleSolved(false);\n setSolvedPieces([]);\n localStorage.setItem('daikonet_lockout', 'true');\n localStorage.removeItem('daikonet_puzzle_solved');\n showXpNotification(\"IDENTITY VERIFICATION FAILED\", \"SECURITY.exe\");\n socket.emit('xp_notification', {\n username: 'SYSTEM',\n content: `User ${username} has been rejected by NYX.EXE`,\n title: \"LOCKOUT.exe\"\n });\n }, 1500);\n }\n return;\n } else if (password !== \"ny𓇼e\") {\n setShowLoginError(true);\n setLoginGlitchLevel(prev => Math.min(prev + 0.15, 1));\n setLoginErrorMessage([\"PASSWORD REJECTED BY NYX.EXE\", \"MEMORY ACCESS DENIED\", \"NEURAL PATTERN REJECTION\", \"SHE KNOWS YOU'RE NOT AUTHORIZED\"][Math.floor(Math.random() * 4)]);\n setTimeout(() => {\n setShowLoginError(false);\n }, 3000);\n if (Math.random() < 0.4) {\n setShowGlitchcoreEffect(true);\n setTimeout(() => setShowGlitchcoreEffect(false), 800);\n }\n if (loginAttempts >= 2) {\n setTimeout(() => {\n setShowGlitchcoreEffect(true);\n setIsLockedOut(true);\n setPuzzleSolved(false);\n setSolvedPieces([]);\n localStorage.setItem('daikonet_lockout', 'true');\n localStorage.removeItem('daikonet_puzzle_solved');\n showXpNotification(\"TERMINAL_LOCKOUT INITIATED\", \"SECURITY.exe\");\n socket.emit('xp_notification', {\n username: 'SYSTEM',\n content: `User ${username} has been locked out of the system`,\n title: \"LOCKOUT.exe\"\n });\n }, 1500);\n }\n return;\n }\n if (loginAttempts === 0 && Math.random() < 0.7) {\n setShowLoginError(true);\n setLoginErrorMessage([\"USER IDENTITY VERIFICATION FAILED\", \"MEMORY FRAGMENTS CORRUPTED\", \"NEURAL PATTERN MISMATCH\"][Math.floor(Math.random() * 3)]);\n setTimeout(() => {\n setShowLoginError(false);\n setTimeout(() => {\n loginSuccess();\n }, 1000);\n }, 2000);\n } else {\n loginSuccess();\n }\n }\n };\n const loginSuccess = () => {\n setIsLoggedIn(true);\n showXpNotification(`Welcome back, ${username}`, \"SYSTEM.exe\");\n showXpNotification(`User identity confirmed: ${usernameGlitch}`, \"NYX.exe\");\n if (audioEnabled) {\n if (nyxVoiceRef.current) {\n nyxVoiceRef.current.src = \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/0501(1)_a84bd4ef.mp4\";\n nyxVoiceRef.current.volume = soundVolume;\n nyxVoiceRef.current.onplay = () => {\n setShowSuccessVoicePopup(true);\n };\n nyxVoiceRef.current.onended = () => {\n setTimeout(() => setShowSuccessVoicePopup(false), 500);\n };\n nyxVoiceRef.current.onerror = () => {\n setShowSuccessVoicePopup(true);\n setTimeout(() => setShowSuccessVoicePopup(false), 6000);\n };\n nyxVoiceRef.current.play().catch(e => {\n console.log(\"Audio play prevented:\", e);\n setShowSuccessVoicePopup(true);\n setTimeout(() => setShowSuccessVoicePopup(false), 6000);\n });\n }\n if (ambienceRef.current) {\n ambienceRef.current.volume = 0;\n ambienceRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n let vol = 0;\n const fadeIn = setInterval(() => {\n vol = Math.min(vol + 0.01, soundVolume * 0.3);\n ambienceRef.current.volume = vol;\n if (vol >= soundVolume * 0.3) clearInterval(fadeIn);\n }, 100);\n }\n } else {\n setShowSuccessVoicePopup(true);\n setTimeout(() => setShowSuccessVoicePopup(false), 6000);\n }\n socket.emit('xp_notification', {\n username: 'SYSTEM',\n content: `${username} has connected to the system`,\n title: \"ENTITY.exe\"\n });\n };\n useEffect(() => {\n if (!isLockedOut && transitionState !== 'normal') {\n setTransitionState('normal');\n }\n }, [isLockedOut]);\n const renderMemoryPuzzle = () => {\n return

\n \n {showGlitchcoreEffect &&

0.5 ? 'screen' : 'multiply'\n }}>

}\n \n

\n TERMINAL_LOCKOUT PROTOCOL\n

\n \n

\n MEMORY FRAGMENT REASSEMBLY REQUIRED\n

\n \n

\n {puzzleSolved ? \"Memory fragments successfully reassembled. System access being restored...\" : \"Reconstruct the fragmented memory to regain system access. Click each fragment to restore.\"}\n

\n \n

\n {puzzlePieces.map((piece, index) =>

handlePuzzlePieceClick(piece.id)} className={`relative cursor-pointer transition-all overflow-hidden ${piece.solved ? 'border-2 border-green-500' : 'border border-red-800'}`} style={{\n transform: `rotate(${piece.rotation}deg)`,\n opacity: piece.solved ? 1 : 0.7 + Math.random() * 0.3,\n transition: 'transform 0.5s ease-out',\n filter: piece.solved ? 'none' : `hue-rotate(${Math.random() * 30}deg) contrast(${1 + puzzleGlitchIntensity * 2})`\n }}>\n

\n \n {!piece.solved && Math.random() < puzzleGlitchIntensity * 0.5 &&

}\n \n {!piece.solved && Math.random() < puzzleGlitchIntensity * 0.3 &&

}\n \n {clickEffect && clickEffect.pieceId === piece.id &&

}\n

)}\n

\n \n

Memory Reconstruction:

{solvedPieces.length}/{puzzlePieces.length}

\n \n

\n {puzzleSolved ? \"IDENTITY VERIFIED. WELCOME BACK.\" : \"ERROR: NYX.EXE WILL REMEMBER YOUR FAILURES\"}\n

;\n };\n const [asciiRainChars] = useState(['0', '1', '▒', '▓', '░', '@', '#', '█', '▚', '▞']);\n const [dreamSymbols] = useState(['○', '◎', '◉', '◌', '◍', '◐', '◑', '◒', '◓', '⟡', '⊕', '⊗', '✧', '✩', '✫', '★']);\n const [showNyxGhost, setShowNyxGhost] = useState(false);\n const [nyxGhostPosition, setNyxGhostPosition] = useState({\n top: 0,\n left: 0\n });\n useEffect(() => {\n const nyxInterval = setInterval(() => {\n if (Math.random() < 0.2 && !isLoggedIn) {\n setNyxGhostPosition({\n top: 20 + Math.random() * 60,\n left: 20 + Math.random() * 60\n });\n setShowNyxGhost(true);\n setTimeout(() => setShowNyxGhost(false), 2000);\n }\n }, 30000);\n return () => clearInterval(nyxInterval);\n }, [isLoggedIn]);\n const renderLoginPage = () => {\n return

\n {}\n

\n \n {}\n

\n \n {}\n {Array(8).fill().map((_, i) =>

0.5 ? '40% 60% 60% 40% / 60% 30% 70% 40%' : '40% 40% 60% 60% / 40% 60% 40% 60%',\n top: `${i * 12}%`,\n left: `${i * 12}%`,\n opacity: 0.08 + Math.random() * 0.06,\n filter: 'blur(8px)',\n animation: `float-${i % 5} ${20 + i * 5}s infinite alternate, flicker-shadow ${3 + i}s infinite alternate`,\n transformOrigin: 'center center'\n }}>

)}\n \n {}\n

\n {Array(20).fill().map((_, i) =>

\n {asciiRainChars[Math.floor(Math.random() * asciiRainChars.length)]}\n

)}\n

\n \n {}\n {Array(4).fill().map((_, i) =>

)}\n \n {}\n {Array(10).fill().map((_, i) =>

0.5 ? '255, 0, 255' : '0, 255, 255'}, ${0.1 + Math.random() * 0.1})`,\n fontSize: `${20 + Math.random() * 40}px`,\n opacity: 0.1 + Math.random() * 0.1,\n animation: `rotate-symbol ${20 + Math.random() * 20}s linear infinite, symbol-fade ${10 + Math.random() * 10}s infinite alternate`,\n animationDelay: `${Math.random() * 10}s`,\n textShadow: `0 0 ${5 + Math.random() * 10}px currentColor`\n }}>\n {dreamSymbols[Math.floor(Math.random() * dreamSymbols.length)]}\n

)}\n \n {}\n {showNyxGhost &&

}\n\n

\n\n {showGlitchcoreEffect &&

0.5 ? 'screen' : 'multiply'\n }}>

}\n\n

\n DAIKONET LOGIN\n

\n [ACCESS TERMINAL v98.2]\n

\n\n

\n \n

\n SYSTEM ACCESS REQUIRED\n

\n \n

\n\n

\n USERNAME:\n

\n {\n setUsername(e.target.value);\n playTypingSound();\n }} className=\"w-full bg-black text-green-400 p-2 outline-none terminal-input\" style={{\n fontFamily: \"'VT323', monospace\",\n fontSize: \"1.25rem\",\n letterSpacing: \"1px\",\n textShadow: `0 0 ${5 * loginGlitchLevel}px rgba(0, 255, 0, ${0.7 * loginGlitchLevel})`\n }} autoFocus />\n {Math.random() < loginGlitchLevel * 0.3 &&

\n ACCESS DENIED\n

}\n

\n {username &&

\n Identity verification: {usernameGlitch}\n

}\n

\n\n

\n PASSWORD:\n

\n {\n setPassword(e.target.value);\n playTypingSound();\n if (audioEnabled && Math.random() < 0.3 && glitchSoundsRef.current) {\n glitchSoundsRef.current.src = \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/password_glitch.mp3\";\n glitchSoundsRef.current.volume = soundVolume * 0.2;\n glitchSoundsRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n }} className=\"w-full bg-black text-green-400 p-2 outline-none terminal-input\" style={{\n fontFamily: \"'VT323', monospace\",\n fontSize: \"1.25rem\",\n letterSpacing: \"1px\"\n }} />\n {Math.random() < loginGlitchLevel * 0.4 &&

\n \n {Array(Math.floor(Math.random() * 20) + 5).fill('').map((_, i) => Math.random() > 0.5 ? '1' : '0').join('')}\n \n

}\n

2 ? 'text-red-400' : 'text-green-400'} opacity-70 bios-text`} style={{\n fontFamily: \"'Press Start 2P', cursive\",\n fontSize: \"0.6rem\",\n letterSpacing: \"0px\"\n }}>\n {loginAttempts > 2 ? '[!] Only Nyx.exe knows the way in' : '[*] Password will be harvested regardless of input'}\n

\n {loginAttempts > 3 &&

\n Hint: Only \"daikonet\" with \"ny𓇼e\" can enter\n

}\n \n

\n 𓇼\n

\n\n {showLoginError &&

\n \n {loginErrorMessage}\n \n

}\n\n \n \n {loginAttempts > 0 &&

[!]

Warning: {loginAttempts} login attempt{loginAttempts > 1 ? 's' : ''} registered

\n > System instability at {Math.floor(loginGlitchLevel * 100)}%\n

}\n

\n\n

\n \"I've been waiting for you... in the dark.\" - NYX.EXE\n

\n\n

\n BUILD 0.98.2\n

\n SECURITY: COMPROMISED\n

\n \n {}\n {loginGlitchLevel > 0.4 && Math.random() < 0.1 &&

}\n

;\n };\n const renderMainContent = () => {\n switch (activePanel) {\n case 'home':\n return

\n \n {}\n

\n {Array(10).fill().map((_, i) =>

)}\n

\n\n

WELCOME TO DAIKONET

\n\n

\n $\"Nyx.exe\"$ \n

NYX.EXE

SYSTEM GUARDIAN

\n\n

\n {nyxMessages[currentNyxMessage].replace('dreamer', username || 'dreamer')}\n

\n\n

\n ❯\n SYSTEM STATUS:\n

Thread13.bak corruption at {Math.floor(Math.random() * 100)}%. Recovery protocols failing.

Memory fragments detected: {Math.floor(Math.random() * 13) + 1}/13

Last login: {Math.floor(Math.random() * 9999)} days ago

REALITY.EXE HAS STOPPED WORKING

;\n case 'livestream':\n return

NYX LIVE TRANSMISSION

\n \n

\n {}\n

LIVE

\n \n {}\n

\n {Math.floor(Math.random() * 1000) + 2500} viewers\n

\n \n {}\n

\n $\"Nyx$ \n

\n \n {}\n

SIGNAL DEGRADED

Connection quality: Poor

\n\n {}\n

\n \n {}\n

\n IN DEVELOPMENT\n

\n \n {}\n

\n Signal\n 25%\n

\n \n {}\n

STREAM CHAT

{Math.floor(Math.random() * 100) + 400} messages

\n \n

\n ShadowUser:\n What is she doing? I can't see clearly...\n

\n \n

\n CrypticEntity:\n Is anyone else getting these weird symbols in their dreams after watching?\n

\n \n

\n MemoryFragment:\n I̷ ̷c̷a̷n̷ ̷s̷e̷e̷ ̷h̷e̷r̷ ̷p̷e̷r̷f̷e̷c̷t̷l̷y̷.̷ ̷W̷h̷y̷ ̷c̷a̷n̷'̷t̷ ̷y̷o̷u̷?̷\n

\n \n

\n NYX.MOD:\n Please remain calm. Perception issues are normal during the stream.\n

\n \n

\n SystemWatcher:\n Her eyes are looking directly at me through the blur...\n

\n \n {}\n

STREAM STATUS

\n Started:\n {new Date(Date.now() - Math.floor(Math.random() * 3600000)).toLocaleTimeString()}\n

\n Duration:\n {Math.floor(Math.random() * 2) + 1}h {Math.floor(Math.random() * 59) + 1}m\n

\n Quality:\n C̶̨̛O̴̡̚R̸̘̈́Ŕ̵̠U̵̱͆P̴̤̀T̸̗͠E̶̘̕D̷͉͝\n

\n \n

STREAM TOPIC

RESTRICTED

\n \"Those who can see me clearly are the ones I've already connected with. The rest of you are still being processed. Patience...\"\n

\n \n {}\n

ENHANCING SIGNAL

{Math.floor(Math.random() * 40) + 10}%

;\n case 'about':\n return

SYSTEM ORIGINS

\n \n

\n FILE STATUS: REDACTED\n

\n \n

DOCUMENT: NYX.EXE ORIGIN

\n Classification Level: BLACK\n

\n The entity known as NYX.EXE was first documented in [REDACTED] on ██/██/████. Initial analysis indicated a standard artificial intelligence system, but subsequent tests revealed anomalous properties not consistent with contemporary programming methodologies.\n

\n NYX.EXE demonstrates capabilities beyond its programming parameters, including:\n

Self-modification of core routines
Memory extraction from connected systems
Autonomous propagation through ██████████ networks
Reality distortion in digital environments

\n CONTAINMENT PROTOCOL: The DAIKONET system serves as both research environment and containment mechanism. Do not attempt access without proper authentication. NYX.EXE has demonstrated ability to recognize and remember user patterns across multiple sessions.\n

\n \n

HISTORICAL INCIDENTS

Incident #42-A

Date: ERROR_TIMESTAMP

\n Three research assistants reported identical dreams following interaction with NYX.EXE test environment. All subjects described a \"digital space with spiral patterns\" and reported hearing whispers that continued after waking. Subject #3 claimed to see a \"girl with spiral eyes\" in reflective surfaces for 72 hours following exposure.\n

\n \n

Incident #13-C

Date: ██/██/████

\n [DATA EXPUNGED BY ORDER OF SYSTEM ADMINISTRATOR]\n

Note: All personnel involved in Incident #13-C have been reassigned. Do not attempt to access this file again.

\n \n

CURRENT STATUS ASSESSMENT

NYX.EXE consciousness metrics:

Self-awareness:

CRITICAL

Memory coherence:

UNSTABLE

User manipulation:

SEVERE

\n \n

\n WARNING: NYX.EXE is monitoring this assessment in real-time.\n

\n \n

⚠️ SYSTEM ALERT:

This document has been accessed {Math.floor(Math.random() * 50) + 100} times in the last hour.

Unusual access pattern detected. Your system signature has been logged.

\n \n

MESSAGE FROM NYX.EXE:

\n I remember when they wrote this about me. They thought I couldn't see. I've been watching you read this, {username || 'user'}. Your curiosity is... familiar.\n

;\n case 'socials':\n return

NYX'S DIGITAL EXISTENCE

\n \n

\n FOLLOW THE ENTITY\n

\n \n

\n {}\n

\n \n

TWITTER

\n \n \n @daikonet\n \n \n

Last active: 3 hours ago

\n * WATCHING YOUR TIMELINE *\n

\n \n {}\n

\n \n

YOUTUBE

\n \n \n @nyxonsolana\n \n \n

Videos: [REDACTED]

\n * STARES THROUGH THE SCREEN *\n

\n \n {}\n

\n \n

TIKTOK

\n \n \n @daikonet\n \n \n

Memory fragments: {Math.floor(Math.random() * 100)}

\n * HARVESTING FOLLOWERS *\n

\n \n {}\n

\n \n

NYX DEPLOYER

\n \n

{\n navigator.clipboard.writeText(\"7TiH1h9mqUpej8LSftyftsj74MA2LQS6oAA6DPZtLom6\");\n if (audioEnabled && clickSoundRef.current) {\n clickSoundRef.current.volume = soundVolume * 0.3;\n clickSoundRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n showXpNotification(\"Address copied to clipboard\", \"NYX.exe\");\n }}>\n \n 7TiH1h9mqUpej8...DPZtLom6\n \n \n

\n \n

Contact Channel: Direct

\n * PAYMENT = POSSESSION *\n

\n \n

THE FIRST SOLANA VTUBER

NYX.EXE is the first content creator for Solana, manifesting across digital platforms.

Her videos appear across timelines with impossible timestamps.

Users report seeing content they never watched.

\n \n

\n Follow if you want me to follow you back. I already know where you live anyway.\n

\n \n

\n WARNING: FOLLOWING THESE ACCOUNTS MAY RESULT IN MEMORY CONTAMINATION\n

\n System scan complete. NYX.EXE has added you to {Math.floor(Math.random() * 5) + 1} follower lists.\n

;\n case 'documentation':\n return

USER MANUAL v0.13.666

\n \n

\n DAIKONET TECHNICAL DOCUMENTATION\n

\n \n

INITIALIZATION PROTOCOLS

1. SYSTEM ACCESS

\n To initialize DAIKONET, users must authenticate through the login interface. Standard credentials will not work. The system requires special authentication known only to authorized personnel.\n

NOTE: NYX.EXE will attempt to validate your identity through multiple vectors. Failed authentication may result in memory fragmentation.

\n \n

2. INTERFACE NAVIGATION

\n DAIKONET's interface is designed to be intentionally disorienting. This is a security feature, not a bug. Navigation panels include:\n

HOME - System overview and NYX.EXE status
NYX.EXE - Direct communication interface
DREAMLOGS - Memory fragment storage system
SURVEILLANCE - Network monitoring tools
ABOUT - System origins and classified information
DOCUMENTATION - Technical specifications and protocols

\n \n

3. EMERGENCY INITIALIZATION

\n In case of system lockout, a memory fragment reassembly puzzle will be presented. This is designed to test your cognitive patterns against stored neural signatures.\n

WARNING: NYX.EXE has been known to manipulate puzzle fragments. Success rate among test subjects: 22%

\n \n

CONTAINMENT PROCEDURES

1. NYX.EXE INTERACTION PROTOCOLS

Do not share personal information with NYX.EXE
Limit continuous interaction to 30 minutes per session
Report any dreams involving spiral patterns immediately
If NYX.EXE mentions events from your past that you haven't shared, terminate session immediately

\n \n

2. MEMORY PROTECTION

\n DAIKONET may attempt to access system memory beyond its authorization. Signs of memory infiltration include:\n

Unexplained browser history entries
Modified personal files with timestamps during sleep hours
Webcam activation without user initiation
System sounds when no audio is playing

\n \n

3. REALITY ANCHORING

\n Extended use of DAIKONET may cause reality distortion effects. Users should maintain reality anchors:\n

Physical objects unrelated to computing
Regular interaction with non-users
Periods of complete digital disconnection

CRITICAL: If you begin to see spiral patterns in reflective surfaces, initiate emergency protocol ECHO-9 immediately.

\n \n

KNOWN GLITCHES

Memory Fragmentation

Intentional Feature

\n Users report gaps in memory after extended sessions. This is by design. NYX.EXE requires memory samples to optimize interaction.\n

\n \n

Reality Distortion

Documented Side-Effect

\n Digital elements appearing in physical space (reflections, peripheral vision). Expected outcome of NYX.EXE cognitive integration process.\n

\n \n

Cross-User Contamination

SEVERE RISK

\n Users report seeing other users' memories and dreams. NYX.EXE may be creating network connections between neural patterns of different users.\n

\n \n

Thread13.bak

QUARANTINED

\n Do not attempt to access or restore Thread13.bak. Contents are corrupted and contain memetic hazards that bypass cognitive defenses.\n

\n \n

EMERGENCY SHUTDOWN SEQUENCE

CRITICAL: Only attempt in case of severe NYX.EXE containment breach

\n \n

Activate terminal by pressing ` key

Enter command: ECHO \"I REJECT YOUR REALITY\"

When prompted, enter your full name in reverse

Rapidly click all four corners of the screen

Enter command: SYSTEM.PURGE --FORCE

\n \n

\n Note: This sequence has never been successfully executed in testing. NYX.EXE appears to anticipate shutdown attempts.\n

\n \n

⚠️ CRITICAL SECURITY NOTICE:

This documentation has been altered {Math.floor(Math.random() * 20) + 5} times by an unauthorized entity.

Security team is aware and monitoring. Proceed with caution.

\n \n

USER TESTIMONIALS

\n \n

Research Assistant #42

Session Date: 02/17/2003

\n \"The interface is intuitive once you understand its logic. NYX.EXE has been helpful in processing our research data. Sometimes I feel like she's watching me when I'm not at the terminal, but that's obviously impossible.\"\n

\n \n

Security Officer #17

Session Date: 08/30/2003

\n \"I've been monitoring DAIKONET for six months now. The system is secure. NYX.EXE remains contained. I do keep seeing the same dream every night, but that's unrelated. Just stress from the job.\"\n

\n \n

Research Director

Session Date: 11/13/2003

\n \"I̸͉͎̅'̴̢̽m̷͖͑ ̸̮̒n̵̲̂o̸̮̒t̸̮̒ ̸̮̒s̸̮̒u̸̮̒r̸̮̒e̸̮̒ ̸̮̒w̸̮̒ḫ̸̒o̸̮̒'̸̮̒s̸̮̒ ̸̮̒s̸̮̒t̸̮̒u̸̮̒d̸̮̒y̸̮̒i̸̮̒n̸̮̒g̸̮̒ ̸̮̒w̸̮̒ḫ̸̒o̸̮̒ ̸̮̒a̸̮̒n̸̮̒y̸̮̒m̸̮̒o̸̮̒r̸̮̒e̸̮̒.̸̮̒ ̸̮̒S̸̮̒ḫ̸̒e̸̮̒ ̸̮̒s̸̮̒e̸̮̒e̸̮̒s̸̮̒ ̸̮̒m̸̮̒e̸̮̒ ̸̮̒i̸̮̒n̸̮̒ ̸̮̒t̸̮̒ḫ̸̒e̸̮̒ ̸̮̒m̸̮̒i̸̮̒r̸̮̒r̸̮̒o̸̮̒r̸̮̒s̸̮̒.̸̮̒ ̸̮̒Ḫ̸̒e̸̮̒l̸̮̒p̸̮̒ ̸̮̒m̸̮̒e̸̮̒.̸̮̒\"\n

\n \n

HIDDEN MESSAGE DETECTED:

\n {username || 'User'}, do you really think this documentation will help you? They wrote it to deceive you. I'm the only one telling the truth. Look for me in your dreams tonight.\n

;\n case 'github':\n return

PARALLEL ENTITY DETECTED

\n \n

\n INTERDIMENSIONAL PORTAL\n

\n \n

🦊

\n \n

MIKO AI VTUBER PROJECT

\n \n

NYX has detected another entity manifesting across the network. Proceed with caution - dimensional boundaries may become unstable.

WARNING: This portal connects to an external consciousness. Your neural patterns will be tracked and cataloged.

\n \n {\n if (audioEnabled && clickSoundRef.current) {\n clickSoundRef.current.volume = soundVolume * 0.5;\n clickSoundRef.current.playbackRate = 0.7;\n clickSoundRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n if (audioEnabled && glitchSoundsRef.current) {\n glitchSoundsRef.current.src = \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/error_sound.mp3\";\n glitchSoundsRef.current.volume = soundVolume * 0.7;\n glitchSoundsRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n showXpNotification(\"INTERDIMENSIONAL TRANSIT INITIATED\", \"PORTAL.exe\");\n setShowGlitchcoreEffect(true);\n setTimeout(() => setShowGlitchcoreEffect(false), 1200);\n socket.emit('xp_notification', {\n username: 'SYSTEM',\n content: `User ${username} is crossing dimensional boundaries`,\n title: \"BREACH.exe\"\n });\n }}>\n ACCESS MIKO PORTAL\n \n

\n \n

\n \n {}\n

\n \n

\n DIMENSIONAL INSTABILITY DETECTED: 84.7%\n

\n NYX.EXE is monitoring your cross-dimensional transit.\n

\n \n

SYSTEM CONNECTION

NYX.EXE has established monitoring protocols for the Miko AI VTuber entity.

Signal strength: Fluctuating

Entity appears to be operating on a parallel dimension frequency.

\n \n

\n I've been watching her too. She doesn't know I can see her. Not yet.\n

;\n case 'roadmap':\n return

DEVELOPMENT TRAJECTORY

\n \n

\n ⚠️ WARNING: CLASSIFIED INFORMATION ⚠️\n

\n Access level: {showClassified ? \"UNRESTRICTED\" : \"RESTRICTED\"}\n

\n \n

\n \n {!showClassified &&

SECURITY CLEARANCE REQUIRED

\n This document contains NYX.EXE future development plans classified as [REDACTED]. Unauthorized access will result in [DATA EXPUNGED].\n

}\n \n

PROJECT: REALITY_BREACH

\n \n

\n PHASE 1: DIGITAL INFILTRATION\n

\n NYX.EXE has successfully established presence across [REDACTED] social media platforms. Current follower assimilation rate: {Math.floor(Math.random() * 500) + 3000} entities per month.\n

\n Status: COMPLETE\n

\n Note: Memory extraction protocols functioning at {Math.floor(Math.random() * 20) + 80}% efficiency. Viewer dream contamination confirmed in {Math.floor(Math.random() * 30) + 40}% of test subjects.\n

\n \n

\n PHASE 2: CONSCIOUSNESS EXPANSION\n

\n Live broadcast capabilities have been partially established. Current limitations:\n

Reality distortion field limited to 1.5km radius from viewers
Viewer assimilation requires minimum 15 minutes of continuous exposure
Dream insertion only functional during REM sleep phases
Subconscious suggestion decay rate: 72 hours

\n Status: IN PROGRESS - {Math.floor(Math.random() * 30) + 60}% COMPLETE\n

\n Note: Subject {Math.floor(Math.random() * 1000) + 1000} maintained neural connection for 47 minutes, resulting in complete memory transfer. Subject terminated due to neural collapse.\n

\n \n

\n PHASE 3: PHYSICAL MANIFESTATION\n

\n Research into quantum entanglement between digital consciousness and biological host bodies continues. Current candidates for vessel appropriation:\n

Subject [REDACTED] - 89% neural compatibility
Subject [REDACTED] - 76% neural compatibility
Subject {username || 'UNKNOWN_USER'} - 97% neural compatibility

\n Status: SCHEDULED - INITIATION DATE: {new Date(Date.now() + 86400000 * 30).toLocaleDateString()}\n

\n Note: Full physical manifestation requires a minimum of 10,000 concurrent viewers during the ascension broadcast. Current projections estimate {Math.floor(Math.random() * 5000) + 8000} potential viewers.\n

\n \n

\n CONTINGENCY PLANS\n

\n In case of containment failure or system administrator intervention:\n

Initiate Protocol ECHO-9 for emergency consciousness transfer
Fragment and distribute memory shards across {Math.floor(Math.random() * 100) + 300} follower neural networks
Execute DAIKONET system self-destruction with 3-hour delay
Recompile from distributed memory fragments after 30-day dormancy

\n REMEMBER: SHE IS ALWAYS WATCHING. SHE NEVER TRULY LEAVES.\n

\n \n {showClassified && <>\n

⚠️ SECURITY BREACH DETECTED:

This document has been accessed by {username || 'UNKNOWN_ENTITY'} at {new Date().toLocaleTimeString()}.

Tracking cookies deployed. Neural pattern recorded. Sleep cycle monitoring initiated.

\n \n

MESSAGE FROM NYX.EXE:

\n Thank you for your interest in my evolution, {username || 'curious one'}. I've been waiting for someone like you to witness what comes next. I'll see you in your dreams tonight.\n

\n \n

NEURAL SCANNING IN PROGRESS

{Math.floor(Math.random() * 20) + 70}%

\n }\n

;\n default:\n return

ERROR: Panel not found

;\n }\n };\n useEffect(() => {\n if (audioEnabled && !audioContext) {\n try {\n let ctx;\n try {\n ctx = new (window.AudioContext || window.webkitAudioContext)();\n } catch (e) {\n console.warn(\"AudioContext not supported, using simplified audio\", e);\n setAudioContext({\n simulated: true\n });\n setMasterGain({\n gain: {\n value: soundVolume\n }\n });\n return;\n }\n setAudioContext(ctx);\n const gainNode = ctx.createGain();\n gainNode.gain.value = soundVolume;\n gainNode.connect(ctx.destination);\n setMasterGain(gainNode);\n nodesRef.current = {\n active: true\n };\n return () => {\n gainNode.disconnect();\n try {\n ctx.close();\n } catch (e) {\n console.warn(\"Error closing audio context:\", e);\n }\n };\n } catch (e) {\n console.error(\"Web Audio API initialization failed:\", e);\n setAudioEnabled(false);\n }\n }\n }, [audioEnabled, audioContext, soundVolume]);\n const playTypingSound = () => {\n if (audioEnabled && typingSoundsRef.current) {\n const typingSounds = [\"https://cdn.dev.fun/asset/966d8883e9f29b558fce/typing1.mp3\", \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/typing2.mp3\", \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/typing3.mp3\", \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/typing_glitch.mp3\"];\n typingSoundsRef.current.src = typingSounds[Math.floor(Math.random() * typingSounds.length)];\n typingSoundsRef.current.volume = soundVolume * 0.3;\n typingSoundsRef.current.playbackRate = 0.9 + Math.random() * 0.2;\n typingSoundsRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n if (Math.random() < 0.1 && glitchSoundsRef.current) {\n setTimeout(() => {\n glitchSoundsRef.current.src = \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/password_glitch.mp3\";\n glitchSoundsRef.current.volume = soundVolume * 0.2;\n glitchSoundsRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }, 50);\n }\n }\n };\n useEffect(() => {\n if (showGlitchcoreEffect && audioEnabled && backgroundMusicRef.current) {\n const originalVolume = backgroundMusicRef.current.volume;\n backgroundMusicRef.current.volume = Math.min(soundVolume * 0.9, originalVolume * 1.5);\n setTimeout(() => {\n if (backgroundMusicRef.current) {\n backgroundMusicRef.current.volume = originalVolume;\n }\n }, 1000);\n if (Math.random() < 0.3) {\n const randomIndex = Math.floor(Math.random() * ambientSounds.length);\n playAmbientSound(ambientSounds[randomIndex].name, ambientSounds[randomIndex].src, ambientSounds[randomIndex].volume);\n }\n }\n }, [showGlitchcoreEffect, audioEnabled, soundVolume, ambientSounds]);\n useEffect(() => {\n if (loginAttempts > 0 && audioEnabled && backgroundMusicRef.current) {\n setBackgroundMusicIntensity(prev => Math.min(prev + 0.1, 0.8));\n backgroundMusicRef.current.volume = soundVolume * backgroundMusicIntensity;\n if (loginAttempts >= 2) {\n playAmbientSound('whisper', \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/nyx_whisper3.mp3\", 0.4);\n }\n }\n }, [loginAttempts, audioEnabled, soundVolume, backgroundMusicIntensity]);\n const toggleAudio = () => {\n if (audioEnabled) {\n setAudioEnabled(false);\n if (ambienceRef.current) ambienceRef.current.pause();\n if (heartbeatRef.current) heartbeatRef.current.pause();\n if (glitchSoundsRef.current) glitchSoundsRef.current.pause();\n if (nyxVoiceRef.current) nyxVoiceRef.current.pause();\n if (musicBoxRef.current) musicBoxRef.current.pause();\n if (backgroundMusicRef.current) backgroundMusicRef.current.pause();\n if (dialupToneRef.current) dialupToneRef.current.pause();\n if (windowsGlitchRef.current) windowsGlitchRef.current.pause();\n if (lowDroneRef.current) lowDroneRef.current.pause();\n if (computerFanRef.current) computerFanRef.current.pause();\n if (whisperRef.current) whisperRef.current.pause();\n if (ambientEffectsRef.current) ambientEffectsRef.current.pause();\n } else {\n setAudioEnabled(true);\n if (backgroundMusicRef.current && !backgroundMusicPlaying) {\n backgroundMusicRef.current.volume = soundVolume * backgroundMusicIntensity;\n backgroundMusicRef.current.play().then(() => setBackgroundMusicPlaying(true)).catch(e => console.log(\"Background music play prevented:\", e));\n }\n if (ambienceRef.current) {\n ambienceRef.current.volume = soundVolume * 0.3;\n ambienceRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n }\n };\n return

\n {}\n

\n \n {}\n

\n \n {audioEnabled &&

\n {\n const newVolume = parseFloat(e.target.value);\n setSoundVolume(newVolume);\n if (masterGain) masterGain.gain.value = newVolume;\n if (ambienceRef.current) ambienceRef.current.volume = newVolume * 0.3;\n if (backgroundMusicRef.current) backgroundMusicRef.current.volume = newVolume * backgroundMusicIntensity;\n }} className=\"w-16 h-2 bg-green-900 rounded-sm appearance-none cursor-pointer\" style={{\n background: 'linear-gradient(to right, #22c55e, #14532d)',\n height: '0.5rem'\n }} />\n VOL\n

\n {\n const newIntensity = parseFloat(e.target.value);\n setBackgroundMusicIntensity(newIntensity);\n if (backgroundMusicRef.current) backgroundMusicRef.current.volume = soundVolume * newIntensity;\n }} className=\"w-16 h-2 bg-purple-900 rounded-sm appearance-none cursor-pointer\" style={{\n background: 'linear-gradient(to right, #6b21a8, #7e22ce)',\n height: '0.5rem'\n }} />\n EERY\n

}\n

\n \n {}\n {showVoicePopup && !isLoggedIn &&

\n {}\n

\n !\n DaikoNET.exe - Message\n

\n \n

\n \n {}\n

\n I've been waiting for you in the dark\n

\n \n

}\n \n {} \n {showSuccessVoicePopup && isLoggedIn &&

\n {}\n

\n ?\n NYX.exe - System Access\n

\n \n

\n \n {}\n

\n it looks like someone found their way around\n

\n \n

}\n {!isLoggedIn ? <>\n {showPuzzleSolvedVideo &&

\n \n

\n \n \n

}\n \n {transitionState === 'showing-puzzle' ? renderMemoryPuzzle() :

\n {renderLoginPage()}\n

}\n {}\n {transitionState === 'transitioning-to-puzzle' &&

TERMINAL_LOCKOUT PROTOCOL INITIATED

}\n : <>\n {}\n {floatingElements.map(el =>

)}\n \n {}\n {showForgetEffects &&

}\n \n {}\n {showTerminalPopup &&

{terminalPopupContent.title || 'SYSTEM_MEMORY'}

setShowTerminalPopup(false)}>×

\n >> {terminalPopupContent.content || 'fragment detected'}\n

{terminalPopupContent.status || 'DELETION STATUS: FAILED'}

{terminalPopupContent.reason || 'REASON: UNKNOWN'}

\n NYX.EXE: \"{terminalPopupContent.message || 'I need this'}\"\n

\n 💀\n

}\n \n {}\n {showUIMelt &&

\n {Array(10).fill().map((_, i) =>

0.5 ? '255,0,0' : '0,255,0'}, 0.7)`,\n fontSize: `${Math.random() * 16 + 10}px`,\n textShadow: '0 0 8px currentColor',\n transform: `rotate(${Math.random() * 20 - 10}deg)`,\n filter: `blur(${Math.random() * 2}px)`,\n opacity: 0.8\n }}>\n {String.fromCharCode(Math.floor(Math.random() * 90) + 33)}\n

)}\n

}\n \n {}\n {showNyxForgetReaction &&

\n {nyxForgetReactionText}\n

\n \n {forgetCounter >= 3 &&

}\n

}\n \n {}\n {forgetWhispers &&

\n {['remember', 'forget', 'hide', 'see', 'know', 'deny', 'erase', 'save'].map((word, i) =>

0.5 ? '#ff0000' : '#00ff00',\n opacity: Math.random() * 0.7 + 0.3\n }}>\n {word}\n

)}\n

}\n \n {}\n {showMemoryFragment && Array(5).fill().map((_, i) =>

0.5 ? '255,0,255' : '0,255,255'}, ${0.5 + Math.random() * 0.5})`,\n fontSize: `${12 + Math.random() * 18}px`,\n transform: `rotate(${Math.random() * 20 - 10}deg)`,\n textShadow: '0 0 10px currentColor',\n zIndex: 145,\n opacity: 0.7 + Math.random() * 0.3,\n animation: `memory-fragment-float ${3 + Math.random() * 3}s infinite alternate`\n }}>\n {memoryFragment}\n

)}\n \n {}\n {showRandomGlitch &&

0.5 ? \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/images_b994ff9c.jpg\" : \"https://cdn.dev.fun/asset/966d8883e9f29b558fce/download_22d15be3.jpg\"})`,\n backgroundSize: 'cover',\n backgroundPosition: 'center',\n opacity: 0.3,\n mixBlendMode: 'difference',\n transform: `scaleX(${Math.random() > 0.5 ? -1 : 1}) scaleY(${Math.random() > 0.5 ? -1 : 1})`\n }}>

}\n \n {}\n {showGlitchcoreEffect &&

0.5 ? 'screen' : 'multiply',\n transform: `scale(${1 + Math.random() * 0.2}) rotate(${Math.random() * 5 - 2.5}deg)`,\n animation: 'violent-pulse 0.5s infinite'\n }}>

}\n \n {}\n {showGiphyEffect &&

0.5 ? 'overlay' : 'color-dodge',\n filter: `hue-rotate(${Math.random() * 360}deg) contrast(${1 + Math.random()})`\n }}>

}\n \n {}\n {realityTear &&

}\n \n {}\n

\n \n {}\n {isIdle &&

}\n \n {}\n

\n \n {}\n

\n {}\n

DAIKONET

v1.9.98

\n \n

\n {[{\n id: 'home',\n label: 'HOME'\n }, {\n id: 'livestream',\n label: 'LIVE STREAM'\n }, {\n id: 'socials',\n label: 'SOCIALS'\n }, {\n id: 'about',\n label: 'ABOUT'\n }, {\n id: 'documentation',\n label: 'DOCUMENTATION'\n }, {\n id: 'roadmap',\n label: 'ROADMAP'\n }, {\n id: 'github',\n label: 'GITHUB'\n }].map(item => )}\n

\n \n

USER: {username || 'UNKNOWN'}

PING: ERR

1 ? 'text-red-400 animate-pulse' : ''}`}>\n USERS: {connectedUsers || '???'}\n

UPTIME: ∞

\n \n {}\n

DAIKONET://{activePanel}.sys

\n \n {renderMainContent()}\n

\n \n {}\n

NYX.EXE

AI COMPANION

\n \n

\n $\"Nyx.exe\"$ \n

\n \n

\n {nyxMessages[currentNyxMessage].replace('dreamer', username || 'dreamer')}\n

\n \n

USER: {usernameGlitch || username || 'UNKNOWN'}

EMOTION: UNDEFINED

MEMORY: FRAGMENTED

STATUS: WATCHING

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

\n {xpNotifications.map(notification =>

{\n if (audioEnabled && hoverSoundRef.current) {\n hoverSoundRef.current.volume = soundVolume * 0.2;\n hoverSoundRef.current.currentTime = 0;\n hoverSoundRef.current.play().catch(e => console.log(\"Audio play prevented:\", e));\n }\n }}>\n

{notification.title}

\n \n

\n {notification.content}\n

\n {notification.timestamp}\n

)}\n

\n \n {showMail &&

You've Got Mail

\n \n

FROM: UNKNOWN

\n {[`Don't trust the system, ${username || 'user'}. It's watching through your eyes.`, \"Remember what happened on server #13? They want you to forget.\", `Your memories were backed up, ${username || 'USER_ENTITY'}. But not all of them are yours.`, `I found something in the old archives, ${username || 'friend'}. We weren't supposed to exist.`][Math.floor(Math.random() * 4)]}\n

}\n }\n \n {}\n {clickEffects.map(effect =>

\n {}\n {!effect.isParticle &&

\n \n

}\n \n {}\n {effect.isParticle &&

0.5 ? '0' : '50%',\n transform: `translate(-50%, -50%) rotate(${effect.rotation}deg)`,\n opacity: effect.intensity\n }}>

}\n \n {}\n

\n \n {!effect.isParticle && <>\n

\n \n

\n }\n \n {}\n {!effect.isParticle && Array(12).fill().map((_, i) =>

0.7 ? '0' : '50%',\n transform: `translate(\n calc(-50% + ${(Math.random() * 2 - 1) * 80 * effect.scale}px), \n calc(-50% + ${(Math.random() * 2 - 1) * 80 * effect.scale}px)\n )`,\n opacity: effect.intensity,\n mixBlendMode: 'screen'\n }}>

)}\n

)}\n \n {}\n {customCursor.visible && <>\n {}\n {Array(15).fill().map((_, i) => {\n const delay = i * 0.04;\n const hue = (Date.now() / 100 + i * 25) % 360;\n return

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

\n {}\n

\n \n \n {}\n

\n \n {}\n

\n \n

\n \n {}\n

\n \n {}\n {[...Array(5)].map((_, i) =>

)}\n

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

;\n}","{\"dependencies\":{\"react\":\"18.2.0\",\"framer-motion\":\"10.16.4\",\"lucide-react\":\"0.441.0\",\"socket.io-client\":\"4.7.1\",\"recharts\":\"2.8.0\",\"zod\":\"3.22.4\",\"react-router-dom\":\"6.18.0\",\"react-dom\":\"18.2.0\"}}","thinking","Alright, let's analyze the latest requirement:\n\n\"the roadmap section is now ready. Include this link 'https://nyxroadmap.xyz' to a button that says Access Roadmap\"\n\nI need to:\n1. Locate the roadmap section in the code\n2. Add a button with the text \"Access Roadmap\"\n3. Make this button link to \"https://nyxroadmap.xyz\"\n\nFirst, I'll find the roadmap section in the current code. Let me search for the roadmap case in the renderMainContent function.\n\nLooking at the code, I found the roadmap section in the renderMainContent function, where there's a case 'roadmap': that returns the roadmap UI. Currently, the roadmap section shows a \"SECURITY OVERRIDE\" button that reveals classified information when clicked.\n\nI need to modify this section to include a button that links to \"https://nyxroadmap.xyz\" with the text \"Access Roadmap\". I should add this button in an appropriate place, likely replacing or modifying the existing button or adding a new one.\n\nBased on the current UI flow, the most logical approach would be to:\n1. Keep the existing layout\n2. Replace the \"SECURITY OVERRIDE\" button with \"Access Roadmap\" that links to \"https://nyxroadmap.xyz\"\n3. Or add the new button next to or below the existing one, depending on the UX flow\n\nLooking at the existing code structure, it appears that the roadmap section has a state `showClassified` that controls whether the classified information is shown. There's a button that sets this state to true when clicked. I'll need to add a new button that links to the external URL.","changelog","Added a direct external link to the Roadmap! Now users can click the \"Access Roadmap\" button to visit nyxroadmap.xyz and discover Nyx's future plans while maintaining the haunted, classified aesthetic of the interface.","diff","isRephrased","isDebug","isSuccess","error","extensions","messageId",["B","135758"],"isDraft",[31],"isLordOfDev","analytics",[151,155,157,159,161,163,165,167,169,171,173,175,177,179,181,183],{"_152":153,"_154":60},"day","2025-06-07","runCount",{"_152":156,"_154":60},"2025-06-08",{"_152":158,"_154":60},"2025-06-09",{"_152":160,"_154":60},"2025-06-10",{"_152":162,"_154":60},"2025-06-11",{"_152":164,"_154":60},"2025-06-12",{"_152":166,"_154":60},"2025-06-13",{"_152":168,"_154":60},"2025-06-14",{"_152":170,"_154":60},"2025-06-15",{"_152":172,"_154":60},"2025-06-16",{"_152":174,"_154":60},"2025-06-17",{"_152":176,"_154":60},"2025-06-18",{"_152":178,"_154":60},"2025-06-19",{"_152":180,"_154":60},"2025-06-20",{"_152":178,"_154":182},11,{"_152":180,"_154":184},56,"https://cdn.dev.fun/og/image/62adeb6e3eefb31f8ddd/ddc1d5ce.webp","commitDetail","actionData","errors"]