function MainComponent() { const [activeWindow, setActiveWindow] = useState(null); const [startMenuOpen, setStartMenuOpen] = useState(false); const [time, setTime] = useState(new Date()); const [messages, setMessages] = useState([]); const [userInput, setUserInput] = useState(""); const [streamingMessage, setStreamingMessage] = useState(""); const [isTyping, setIsTyping] = useState(false); const [windowSize, setWindowSize] = useState({ width: 800, height: 600 }); const [taskCategories] = useState([ { id: "code", name: "Code Execution", icon: "fa-code" }, { id: "web", name: "Web Scraping", icon: "fa-globe" }, { id: "chat", name: "Chat Assistant", icon: "fa-comments" } ]); const [loading, setLoading] = useState({}); const [systemInfo, setSystemInfo] = useState({ os: navigator.platform, browser: navigator.userAgent, language: navigator.language, online: navigator.onLine }); const [performanceStats, setPerformanceStats] = useState({ fps: 0, memory: 0, storage: 0, cpu: Math.floor(Math.random() * 100), network: Math.floor(Math.random() * 100), learningProgress: 45, patternRecognition: 78, problemSolving: 82, adaptationRate: 65 }); const [realTimeInfo, setRealTimeInfo] = useState(null); const handleStreamResponse = useHandleStreamResponse({ onChunk: (chunk)=>{ setStreamingMessage(chunk); setIsTyping(true); }, onFinish: (message)=>{ setMessages((prev)=>[ ...prev, { role: "assistant", content: message, timestamp: new Date().toISOString() } ]); setStreamingMessage(""); setIsTyping(false); } }); useEffect(()=>{ const timer = setInterval(()=>setTime(new Date()), 1000); return ()=>clearInterval(timer); }, []); useEffect(()=>{ const updatePerformance = ()=>{ const memory = performance.memory || { usedJSHeapSize: 0, jsHeapSizeLimit: 100 }; setPerformanceStats({ fps: Math.round(1000 / (performance.now() - lastFrame)), memory: Math.round(memory.usedJSHeapSize / memory.jsHeapSizeLimit * 100), storage: Math.round((navigator.storage?.estimate?.() || 100) / 1024 / 1024) }); lastFrame = performance.now(); requestAnimationFrame(updatePerformance); }; let lastFrame = performance.now(); requestAnimationFrame(updatePerformance); }, []); const openWindow = (app)=>{ setActiveWindow(app); setStartMenuOpen(false); }; const handleSendMessage = async ()=>{ if (!userInput.trim()) return; const userMessage = { role: "user", content: userInput, timestamp: new Date().toISOString(), systemContext: { ...systemInfo, performance: performanceStats } }; setMessages((prev)=>[ ...prev, userMessage ]); setUserInput(""); setLoading({ ...loading, chat: true }); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ ...messages, userMessage ], stream: true, systemContext: { ...systemInfo, performance: performanceStats } }) }); handleStreamResponse(response); } finally{ setLoading({ ...loading, chat: false }); } }; const handleResize = useCallback((e, direction, ref)=>{ setWindowSize({ width: ref.style.width, height: ref.style.height }); }, []); const handleDragStart = useCallback((e)=>{ const rect = e.target.getBoundingClientRect(); const offsetX = e.clientX - rect.left; const offsetY = e.clientY - rect.top; e.target.setAttribute("data-offset-x", offsetX); e.target.setAttribute("data-offset-y", offsetY); }, []); const handleDrag = useCallback((e)=>{ if (!e.clientX || !e.clientY) return; const offsetX = parseInt(e.target.getAttribute("data-offset-x")); const offsetY = parseInt(e.target.getAttribute("data-offset-y")); const x = e.clientX - offsetX; const y = e.clientY - offsetY; e.target.style.transform = `translate(${x}px, ${y}px)`; }, []); const handleTaskExecution = async (task)=>{ const response = await fetch("/integrations/code-runner/", { method: "POST", body: JSON.stringify({ code: task.code, language: task.language }) }); return response.json(); }; const handleWebScraping = async ()=>{ try { const response = await fetch("/integrations/web-scraping/post", { method: "POST", body: JSON.stringify({ url: "https://api.example.com/ai-news", getText: true }) }); const data = await response.text(); document.getElementById("realTimeInfo").innerHTML = data; } catch (error) { document.getElementById("realTimeInfo").innerHTML = "Failed to fetch real-time info"; } }; useEffect(()=>{ const interval = setInterval(handleWebScraping, 30000); handleWebScraping(); return ()=>clearInterval(interval); }, []); useEffect(()=>{ const script = document.createElement("script"); script.src = "https://cdnjs.cloudflare.com/ajax/libs/three.js/r128/three.min.js"; script.async = true; document.body.appendChild(script); script.onload = ()=>{ const scene = new THREE.Scene(); const camera = new THREE.PerspectiveCamera(75, 400 / 400, 0.1, 1000); const renderer = new THREE.WebGLRenderer({ alpha: true }); renderer.setSize(400, 400); document.getElementById("face-container").appendChild(renderer.domElement); const geometry = new THREE.SphereGeometry(2, 32, 32); const material = new THREE.ShaderMaterial({ uniforms: { time: { value: 0 } }, vertexShader: ` varying vec2 vUv; void main() { vUv = uv; gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0); } `, fragmentShader: ` uniform float time; varying vec2 vUv; void main() { float binary = mod(floor(vUv.x * 20.0) + floor(vUv.y * 20.0) + time, 2.0); gl_FragColor = vec4(0.0, 1.0, 1.0, binary * 0.5); } `, transparent: true }); const face = new THREE.Mesh(geometry, material); scene.add(face); camera.position.z = 5; const animate = ()=>{ requestAnimationFrame(animate); face.rotation.y += 0.005; material.uniforms.time.value += 0.1; renderer.render(scene, camera); }; animate(); }; return ()=>{ document.body.removeChild(script); }; }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black overflow-hidden", __source: { fileName: "", lineNumber: 231, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed top-4 right-4 w-[300px] bg-black border border-[#00ff00]/20 rounded-lg overflow-hidden z-50", __source: { fileName: "", lineNumber: 232, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#001100] p-2 flex justify-between items-center", __source: { fileName: "", lineNumber: 233, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#00ff00] text-sm font-mono", __source: { fileName: "", lineNumber: 234, columnNumber: 11 }, __self: this }, "System Status"), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-[#00ff00] rounded-full animate-pulse", __source: { fileName: "", lineNumber: 237, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-3 font-mono text-xs space-y-2", __source: { fileName: "", lineNumber: 239, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#00ff00]", __source: { fileName: "", lineNumber: 240, columnNumber: 11 }, __self: this }, "CPU: ", performanceStats.cpu, "% | MEM: ", performanceStats.memory, "MB"), /*#__PURE__*/ React.createElement("div", { className: "text-[#00ff00]", __source: { fileName: "", lineNumber: 243, columnNumber: 11 }, __self: this }, "FPS: ", performanceStats.fps, " | NET: ", performanceStats.network, "ms"), /*#__PURE__*/ React.createElement("div", { className: "text-[#00ff00] flex items-center", __source: { fileName: "", lineNumber: 246, columnNumber: 11 }, __self: this }, "AI Status: Training", /*#__PURE__*/ React.createElement("span", { className: "ml-1 animate-blink", __source: { fileName: "", lineNumber: 248, columnNumber: 13 }, __self: this }, "_")), /*#__PURE__*/ React.createElement("div", { className: "text-[#00ff00]", __source: { fileName: "", lineNumber: 250, columnNumber: 11 }, __self: this }, "Learning Rate: ", performanceStats.learningProgress, "%"))), /*#__PURE__*/ React.createElement("div", { className: "relative h-screen flex flex-col", __source: { fileName: "", lineNumber: 255, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { id: "face-container", className: "absolute top-0 left-1/2 transform -translate-x-1/2 z-10 w-[400px] h-[400px] mt-8", __source: { fileName: "", lineNumber: 256, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-4", __source: { fileName: "", lineNumber: 260, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-12 text-center", __source: { fileName: "", lineNumber: 261, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-5xl font-bold text-[#00f2fe] mb-4 font-mont tracking-tight", __source: { fileName: "", lineNumber: 262, columnNumber: 13 }, __self: this }, "Unlimited Storage & High Performance"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-white/60 font-light", __source: { fileName: "", lineNumber: 265, columnNumber: 13 }, __self: this }, "Experience lightning-fast performance with unlimited storage capabilities")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-6 gap-6", __source: { fileName: "", lineNumber: 270, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onClick: ()=>openWindow("about"), className: "w-24 h-24 flex flex-col items-center justify-center text-white/80 cursor-pointer hover:text-[#00f2fe] rounded-xl bg-white/5 backdrop-blur-sm border border-white/10 hover-scale neon-glow", __source: { fileName: "", lineNumber: 271, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-info-circle text-2xl mb-2", __source: { fileName: "", lineNumber: 275, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-light", __source: { fileName: "", lineNumber: 276, columnNumber: 15 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("div", { onClick: ()=>openWindow("contact"), className: "w-24 h-24 flex flex-col items-center justify-center text-white/80 cursor-pointer hover:text-[#00f2fe] rounded-xl bg-white/5 backdrop-blur-sm border border-white/10 hover-scale neon-glow", __source: { fileName: "", lineNumber: 278, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-envelope text-2xl mb-2", __source: { fileName: "", lineNumber: 282, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-light", __source: { fileName: "", lineNumber: 283, columnNumber: 15 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("div", { onClick: ()=>openWindow("ai"), className: "w-24 h-24 flex flex-col items-center justify-center text-white/80 cursor-pointer hover:text-[#00f2fe] rounded-xl bg-white/5 backdrop-blur-sm border border-white/10 hover-scale neon-glow", __source: { fileName: "", lineNumber: 285, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-robot text-2xl mb-2", __source: { fileName: "", lineNumber: 289, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-light", __source: { fileName: "", lineNumber: 290, columnNumber: 15 }, __self: this }, "AI Assistant"))), activeWindow === "about" && /*#__PURE__*/ React.createElement("div", { className: "fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[800px] h-[600px] bg-white rounded-lg shadow-xl", __source: { fileName: "", lineNumber: 295, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between bg-[#333] p-2 rounded-t-lg", __source: { fileName: "", lineNumber: 296, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white font-montserrat", __source: { fileName: "", lineNumber: 297, columnNumber: 17 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveWindow(null), className: "text-white hover:text-gray-300", __source: { fileName: "", lineNumber: 298, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 302, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("iframe", { src: "/about", className: "w-full h-[calc(100%-40px)]", __source: { fileName: "", lineNumber: 305, columnNumber: 15 }, __self: this })), activeWindow === "contact" && /*#__PURE__*/ React.createElement("div", { className: "fixed top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-[800px] h-[600px] bg-white rounded-lg shadow-xl", __source: { fileName: "", lineNumber: 310, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between bg-[#333] p-2 rounded-t-lg", __source: { fileName: "", lineNumber: 311, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white font-montserrat", __source: { fileName: "", lineNumber: 312, columnNumber: 17 }, __self: this }, "Contact"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveWindow(null), className: "text-white hover:text-gray-300", __source: { fileName: "", lineNumber: 313, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 317, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("iframe", { src: "/contact", className: "w-full h-[calc(100%-40px)]", __source: { fileName: "", lineNumber: 320, columnNumber: 15 }, __self: this })), activeWindow === "ai" && /*#__PURE__*/ React.createElement("div", { className: "fixed cursor-move bg-black/40 backdrop-blur-lg rounded-xl shadow-[0_8px_32px_rgba(0,242,254,0.1)] border border-[#00f2fe]/10", style: { willChange: "transform", width: windowSize.width, height: windowSize.height, minWidth: "400px", minHeight: "300px" }, draggable: "true", onDragStart: handleDragStart, onDrag: handleDrag, __source: { fileName: "", lineNumber: 325, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between bg-[#333] p-2 rounded-t-lg cursor-move", __source: { fileName: "", lineNumber: 338, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 339, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white font-montserrat", __source: { fileName: "", lineNumber: 340, columnNumber: 19 }, __self: this }, "AI Assistant"), isTyping && /*#__PURE__*/ React.createElement("div", { className: "flex space-x-1", __source: { fileName: "", lineNumber: 344, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-green-400 rounded-full animate-bounce", __source: { fileName: "", lineNumber: 345, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-green-400 rounded-full animate-bounce delay-100", __source: { fileName: "", lineNumber: 346, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-2 h-2 bg-green-400 rounded-full animate-bounce delay-200", __source: { fileName: "", lineNumber: 347, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 351, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleResize(null, null, { style: { width: "800px", height: "600px" } }), className: "text-white hover:text-gray-300", __source: { fileName: "", lineNumber: 352, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-expand", __source: { fileName: "", lineNumber: 360, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveWindow(null), className: "text-white hover:text-gray-300", __source: { fileName: "", lineNumber: 362, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 366, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col h-[calc(100%-40px)]", __source: { fileName: "", lineNumber: 370, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 p-4 overflow-y-auto", __source: { fileName: "", lineNumber: 371, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 372, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 rounded-lg p-4", __source: { fileName: "", lineNumber: 373, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 374, columnNumber: 23 }, __self: this }, "Learning Progress"), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 375, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-500 h-2 rounded-full", style: { width: `${performanceStats.learningProgress || 0}%` }, __source: { fileName: "", lineNumber: 376, columnNumber: 25 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-4", __source: { fileName: "", lineNumber: 385, columnNumber: 19 }, __self: this }, taskCategories.map((category)=>/*#__PURE__*/ React.createElement("div", { key: category.id, className: "p-4 bg-gray-100 rounded-lg", __source: { fileName: "", lineNumber: 387, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-2", __source: { fileName: "", lineNumber: 391, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${category.icon} text-blue-500 mr-2`, __source: { fileName: "", lineNumber: 392, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "font-semibold", __source: { fileName: "", lineNumber: 395, columnNumber: 27 }, __self: this }, category.name)), loading[category.id] && /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 398, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-6 h-6 border-2 border-blue-500 border-t-transparent rounded-full animate-spin", __source: { fileName: "", lineNumber: 399, columnNumber: 29 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4 mb-4", __source: { fileName: "", lineNumber: 405, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 rounded-lg p-4", __source: { fileName: "", lineNumber: 406, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 407, columnNumber: 23 }, __self: this }, "Intelligence Growth"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 410, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 411, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 412, columnNumber: 27 }, __self: this }, "Pattern Recognition"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 413, columnNumber: 27 }, __self: this }, performanceStats.patternRecognition || 0, "%")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 417, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 418, columnNumber: 27 }, __self: this }, "Problem Solving"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 419, columnNumber: 27 }, __self: this }, performanceStats.problemSolving || 0, "%")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 421, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 422, columnNumber: 27 }, __self: this }, "Adaptation Rate"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 423, columnNumber: 27 }, __self: this }, performanceStats.adaptationRate || 0, "%")))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 rounded-lg p-4", __source: { fileName: "", lineNumber: 427, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 428, columnNumber: 23 }, __self: this }, "Real-Time Info"), /*#__PURE__*/ React.createElement("div", { id: "realTimeInfo", className: "space-y-2", __source: { fileName: "", lineNumber: 429, columnNumber: 23 }, __self: this }, "Loading..."))), messages.map((message, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: `mb-4 ${message.role === "user" ? "text-right" : "text-left"}`, __source: { fileName: "", lineNumber: 435, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col", __source: { fileName: "", lineNumber: 439, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `inline-block p-3 rounded-lg ${message.role === "user" ? "bg-blue-500 text-white" : "bg-gray-200 text-gray-800"}`, __source: { fileName: "", lineNumber: 440, columnNumber: 25 }, __self: this }, message.content), /*#__PURE__*/ React.createElement("span", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 449, columnNumber: 25 }, __self: this }, new Date(message.timestamp).toLocaleTimeString())))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "text-left mb-4", __source: { fileName: "", lineNumber: 456, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-block p-3 rounded-lg bg-gray-200 text-gray-800", __source: { fileName: "", lineNumber: 457, columnNumber: 23 }, __self: this }, streamingMessage))), /*#__PURE__*/ React.createElement("div", { className: "p-4 border-t", __source: { fileName: "", lineNumber: 463, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 464, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: userInput, onChange: (e)=>setUserInput(e.target.value), onKeyPress: (e)=>e.key === "Enter" && handleSendMessage(), className: "flex-1 px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Type your message...", __source: { fileName: "", lineNumber: 465, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSendMessage, className: "px-4 py-2 bg-blue-500 text-white rounded-lg hover:bg-blue-600", disabled: loading.chat, __source: { fileName: "", lineNumber: 475, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 480, columnNumber: 23 }, __self: this }))))))), /*#__PURE__*/ React.createElement("div", { className: "h-10 bg-black/40 backdrop-blur-sm border-t border-[#00f2fe]/10 flex items-center px-4 justify-between", __source: { fileName: "", lineNumber: 489, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 490, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStartMenuOpen(!startMenuOpen), className: "text-white/60 hover:text-[#00f2fe] px-3 py-1 rounded-lg transition-colors", __source: { fileName: "", lineNumber: 491, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-grid text-lg", __source: { fileName: "", lineNumber: 495, columnNumber: 15 }, __self: this })), startMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-10 left-0 w-56 bg-black/40 backdrop-blur-lg rounded-t-xl border border-[#00f2fe]/10 p-3", __source: { fileName: "", lineNumber: 498, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#00f2fe] font-light mb-3 text-sm", __source: { fileName: "", lineNumber: 499, columnNumber: 17 }, __self: this }, "HC OS"), /*#__PURE__*/ React.createElement("div", { className: "space-y-1", __source: { fileName: "", lineNumber: 502, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { onClick: ()=>openWindow("about"), className: "flex items-center text-white/60 hover:text-[#00f2fe] p-2 rounded-lg cursor-pointer transition-colors", __source: { fileName: "", lineNumber: 503, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-info-circle mr-2", __source: { fileName: "", lineNumber: 507, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 508, columnNumber: 21 }, __self: this }, "About")), /*#__PURE__*/ React.createElement("div", { onClick: ()=>openWindow("contact"), className: "flex items-center text-white/60 hover:text-[#00f2fe] p-2 rounded-lg cursor-pointer transition-colors", __source: { fileName: "", lineNumber: 510, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-envelope mr-2", __source: { fileName: "", lineNumber: 514, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 515, columnNumber: 21 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("div", { onClick: ()=>openWindow("ai"), className: "flex items-center text-white/60 hover:text-[#00f2fe] p-2 rounded-lg cursor-pointer transition-colors", __source: { fileName: "", lineNumber: 517, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "far fa-robot mr-2", __source: { fileName: "", lineNumber: 521, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm", __source: { fileName: "", lineNumber: 522, columnNumber: 21 }, __self: this }, "AI Assistant"))))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 text-white/60 text-sm", __source: { fileName: "", lineNumber: 528, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-light", __source: { fileName: "", lineNumber: 529, columnNumber: 13 }, __self: this }, time.toLocaleTimeString())))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 533, columnNumber: 7 }, __self: this }, ` .window-transition { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); transform: translate3d(0, 0, 0); backface-visibility: hidden; } .hover-scale { transition: transform 0.2s ease; } .hover-scale:hover { transform: scale(1.05); } .neon-glow { box-shadow: 0 0 10px rgba(0,242,254,0.2), 0 0 20px rgba(0,242,254,0.1), 0 0 30px rgba(0,242,254,0.05); } @keyframes blink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } } .animate-blink { animation: blink 1s infinite; } `)); }