').replace(/^[*+-] (.*?)(?:\n|$)/gm, '

').split("\n").map((line) => { if (line.startsWith("${line}

`; }).join(""); }; const handleFeedback = async (messageIndex, type, score, text = "") => { if (!conversationId) return; try { await fetch("/api/conversation-handler", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ conversationId, messageIndex, feedback: { type, score, text } }) }); await fetch("/api/ai-manager", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "storeFeedback", conversationId, feedback: { type, score, text, messageIndex } }) }); await fetch("/api/ai-manager", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ action: "storeMetrics", conversationId, metrics: { responseTime: 1e3, // Example value accuracy: score > 0 ? 1 : 0.5, coherence: 1, satisfaction: score } }) }); setSentiment((prev) => ({ score: (prev.score * prev.count + score) / (prev.count + 1), count: prev.count + 1 })); setFeedbackVisible(false); } catch (error) { console.error("Error submitting feedback:", error); } }; const startListening = async () => { try { const stream = await navigator.mediaDevices.getUserMedia({ audio: true }); mediaRecorderRef.current = new MediaRecorder(stream); chunksRef.current = []; mediaRecorderRef.current.ondataavailable = (e) => { if (e.data.size > 0) { chunksRef.current.push(e.data); } }; mediaRecorderRef.current.onstop = async () => { const audioBlob = new Blob(chunksRef.current, { type: "audio/webm" }); const formData = new FormData(); formData.append("audio", audioBlob); try { const response = await fetch("/api/speech-to-text", { method: "POST", body: formData }); if (!response.ok) { throw new Error("Speech recognition failed"); } const data = await response.json(); if (data.success) { setQuery(data.text); handleSubmit({ preventDefault: () => { } }); } } catch (error) { console.error("Error processing speech:", error); setMessages((prev) => [ ...prev, { role: "assistant", content: "I'm sorry, I couldn't understand what you said. Could you try again?" } ]); } }; setIsListening(true); mediaRecorderRef.current.start(); } catch (error) { console.error("Error accessing microphone:", error); setMessages((prev) => [ ...prev, { role: "assistant", content: "I couldn't access your microphone. Please check your permissions and try again." } ]); } }; const stopListening = () => { if (mediaRecorderRef.current && mediaRecorderRef.current.state === "recording") { mediaRecorderRef.current.stop(); setIsListening(false); } }; return /* @__PURE__ */ React.createElement( "div", { className: `min-h-screen ${darkMode ? "bg-black text-white" : "bg-white text-black"} flex flex-col items-center relative ${currentTheme}` }, /* @__PURE__ */ React.createElement("div", { className: "fixed top-4 right-4 flex gap-2 z-20" }, /* @__PURE__ */ React.createElement( "button", { onClick: toggleThemePanel, className: "p-2 rounded-full bg-[#9c4dcc] text-white hover:bg-[#b366d9] transition-all" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-palette" }) ), /* @__PURE__ */ React.createElement( "button", { onClick: toggleDarkMode, className: "p-2 rounded-full bg-[#9c4dcc] text-white hover:bg-[#b366d9] transition-all" }, /* @__PURE__ */ React.createElement("i", { className: `fas ${darkMode ? "fa-sun" : "fa-moon"}` }) )), showThemePanel && /* @__PURE__ */ React.createElement("div", { className: "fixed top-16 right-4 p-4 bg-white rounded-xl border border-[#9c4dcc] shadow-lg z-20" }, /* @__PURE__ */ React.createElement("div", { className: "grid grid-cols-2 gap-2" }, themes.map((theme) => /* @__PURE__ */ React.createElement( "button", { key: theme.name, onClick: () => setCurrentTheme(theme.class), className: `p-2 rounded-lg ${currentTheme === theme.class ? "border-2 border-[#9c4dcc]" : "border border-gray-200"}` }, /* @__PURE__ */ React.createElement("div", { className: `w-20 h-20 rounded-lg ${theme.preview}` }), /* @__PURE__ */ React.createElement("div", { className: "mt-1 text-xs text-center" }, theme.name) )))), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0" }, /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(255,255,255,0.1)_1px,transparent_1px)] bg-[length:20px_20px]" }), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-[url('/hexagon-pattern.svg')] opacity-10" }), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-[radial-gradient(circle_at_center,rgba(138,43,226,0.1)_0%,transparent_70%)]" }), /* @__PURE__ */ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-transparent via-[rgba(138,43,226,0.05)] to-transparent" }), /* @__PURE__ */ React.createElement("div", { className: "particle-container absolute inset-0" })), /* @__PURE__ */ React.createElement("div", { className: "w-full max-w-[95%] md:max-w-7xl p-6 relative z-10" }, /* @__PURE__ */ React.createElement("div", { className: "flex flex-col items-center justify-center mb-10" }, /* @__PURE__ */ React.createElement("h1", { className: "text-6xl font-orbitron mb-4 text-[#FF69B4]" }, "Gideon AI"), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-[#d8b4fe]" }, detectedLanguage !== "en" && `Speaking: ${detectedLanguage}`, /* @__PURE__ */ React.createElement("div", { className: "text-[#FF69B4] text-xs mt-1" }, "Your Empathetic AI Companion")), /* @__PURE__ */ React.createElement("div", { className: "text-sm text-[#FF69B4] mt-2" }, currentTime.toLocaleTimeString(), " -", " ", currentTime.toLocaleDateString()), currentTrack && /* @__PURE__ */ React.createElement("div", { className: "text-[#c084fc] text-sm mt-2" }, "Now Playing: ", currentTrack)), /* @__PURE__ */ React.createElement( "div", { className: `mb-6 h-[600px] overflow-y-auto ${darkMode ? "bg-[#121212]" : "bg-white"} backdrop-blur-lg border border-[#9c4dcc] rounded-2xl p-6 shadow-[0_0_15px_rgba(156,77,204,0.3)] custom-scrollbar` }, previewImage && /* @__PURE__ */ React.createElement("div", { className: "mb-4" }, /* @__PURE__ */ React.createElement( "img", { src: previewImage, alt: "Preview", className: "max-w-full h-auto rounded-2xl border border-[#9c4dcc]" } )), messages.map((msg, idx) => /* @__PURE__ */ React.createElement( "div", { key: idx, className: "mb-6 flex justify-between items-start gap-4" }, /* @__PURE__ */ React.createElement( "div", { className: `flex-1 ${msg.role === "user" ? "bg-white" : "bg-white"} p-5 rounded-2xl shadow-lg border border-[#9c4dcc]` }, /* @__PURE__ */ React.createElement( "span", { className: `font-orbitron ${msg.role === "user" ? "text-[#FF0000]" : "text-[#00FF00]"}` }, msg.role === "user" ? "You: " : "Gideon: " ), /* @__PURE__ */ React.createElement( "span", { className: "markdown text-black", dangerouslySetInnerHTML: { __html: formatMarkdown(msg.content) } } ), msg.role === "assistant" && idx === currentMessageIndex && feedbackVisible && /* @__PURE__ */ React.createElement("div", { className: "mt-4 flex items-center gap-4" }, /* @__PURE__ */ React.createElement("span", { className: "text-sm text-[#9c4dcc]" }, "Was this response helpful?"), /* @__PURE__ */ React.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => handleFeedback(idx, "thumbs_up", 1), className: "p-2 bg-[#9c4dcc] text-white rounded-lg hover:bg-[#b366d9] transition-all" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-thumbs-up" }) ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleFeedback(idx, "thumbs_down", -1), className: "p-2 bg-[#9c4dcc] text-white rounded-lg hover:bg-[#b366d9] transition-all" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-thumbs-down" }) ))) ), /* @__PURE__ */ React.createElement( "div", { className: `flex gap-3 ${darkMode ? "bg-[#121212]" : "bg-white"} p-3 rounded-xl border border-[#9c4dcc]` }, /* @__PURE__ */ React.createElement( "button", { onClick: () => handleSpeak(msg.content), className: "p-2 bg-[#9c4dcc] text-white rounded-lg hover:bg-[#b366d9] transition-all transform hover:scale-105", disabled: isSpeaking }, /* @__PURE__ */ React.createElement( "i", { className: `fas fa-volume-up ${isSpeaking ? "animate-pulse" : ""}` } ) ), /* @__PURE__ */ React.createElement( "select", { onChange: (e) => { const rate = parseFloat(e.target.value); setPlaybackRate(rate); if (audioRef.current) { audioRef.current.playbackRate = rate; } }, className: "p-2 text-sm bg-[#7c3aad] text-white rounded-lg hover:bg-[#9c4dcc] transition-all cursor-pointer", value: playbackRate }, /* @__PURE__ */ React.createElement("option", { value: "0.5" }, "0.5x"), /* @__PURE__ */ React.createElement("option", { value: "1" }, "1x"), /* @__PURE__ */ React.createElement("option", { value: "1.5" }, "1.5x"), /* @__PURE__ */ React.createElement("option", { value: "2" }, "2x") ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleCopy(msg.content), className: "p-2 bg-[#9c4dcc] text-white rounded-lg hover:bg-[#b366d9] transition-all transform hover:scale-105" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-copy" }) ) ) )), streamingMessage && /* @__PURE__ */ React.createElement( "div", { className: `${darkMode ? "text-white" : "text-black"} flex justify-between items-start gap-4` }, /* @__PURE__ */ React.createElement("div", { className: "flex-1 bg-white p-5 rounded-2xl border border-[#9c4dcc]" }, /* @__PURE__ */ React.createElement("span", { className: "font-orbitron text-[#FFD700]" }, "Gideon: "), /* @__PURE__ */ React.createElement( "span", { className: "markdown text-black", dangerouslySetInnerHTML: { __html: formatMarkdown(streamingMessage) } } )), /* @__PURE__ */ React.createElement("div", { className: "flex gap-3 bg-white p-3 rounded-xl border border-[#9c4dcc]" }, /* @__PURE__ */ React.createElement( "button", { onClick: () => handleSpeak(streamingMessage), className: "p-2 bg-[#9c4dcc] text-white rounded-lg hover:bg-[#b366d9] transition-all transform hover:scale-105", disabled: isSpeaking }, /* @__PURE__ */ React.createElement( "i", { className: `fas fa-volume-up ${isSpeaking ? "animate-pulse" : ""}` } ) ), /* @__PURE__ */ React.createElement( "button", { onClick: () => handleCopy(streamingMessage), className: "p-2 bg-[#9c4dcc] text-white rounded-lg hover:bg-[#b366d9] transition-all transform hover:scale-105" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-copy" }) )) ) ), showCamera && /* @__PURE__ */ React.createElement("div", { className: "fixed inset-0 bg-white/80 backdrop-blur-sm flex items-center justify-center z-50" }, /* @__PURE__ */ React.createElement( "div", { className: `${darkMode ? "bg-[#121212]" : "bg-white"} p-6 rounded-2xl border border-[#9c4dcc] shadow-[0_0_30px_rgba(156,77,204,0.3)]` }, /* @__PURE__ */ React.createElement( "video", { ref: videoRef, autoPlay: true, playsInline: true, className: "w-[640px] h-[480px] bg-black rounded-lg border border-[#9c4dcc]" } ), /* @__PURE__ */ React.createElement("div", { className: "flex justify-center gap-6 mt-6" }, /* @__PURE__ */ React.createElement( "button", { onClick: captureImage, className: "px-6 py-3 bg-[#9c4dcc] text-white rounded-lg hover:bg-[#b366d9] transition-all transform hover:scale-105 font-orbitron" }, "Capture" ), /* @__PURE__ */ React.createElement( "button", { onClick: stopCamera, className: "px-6 py-3 bg-[#7c3aad] text-white rounded-lg hover:bg-[#9c4dcc] transition-all transform hover:scale-105 font-orbitron" }, "Cancel" )) )), /* @__PURE__ */ React.createElement("canvas", { ref: canvasRef, className: "hidden" }), /* @__PURE__ */ React.createElement("form", { onSubmit: handleSubmit, className: "w-full space-y-6" }, /* @__PURE__ */ React.createElement("div", { className: "flex gap-4" }, /* @__PURE__ */ React.createElement( "input", { type: "text", name: "query", value: query, onChange: (e) => setQuery(e.target.value), className: "flex-1 p-5 rounded-xl bg-white border border-[#FF69B4] focus:outline-none focus:ring-2 focus:ring-[#FFB6C1] text-black text-lg placeholder-[#FFB6C1] font-orbitron", placeholder: "Ask me anything - I'm here to chat and share my thoughts" } ), /* @__PURE__ */ React.createElement( "button", { type: "button", onClick: isListening ? stopListening : startListening, className: `p-5 ${isListening ? "bg-[#FF0000]" : "bg-white"} text-${isListening ? "white" : "[#9c4dcc]"} rounded-xl hover:bg-[#f3e8ff] transition-all transform hover:scale-105 min-w-[80px] md:min-w-[120px] flex items-center justify-center` }, /* @__PURE__ */ React.createElement( "i", { className: `fas fa-microphone${isListening ? "-slash" : ""} ${isListening ? "animate-pulse" : ""}` } ) ), /* @__PURE__ */ React.createElement( "button", { type: "submit", className: "p-5 bg-white text-[#9c4dcc] rounded-xl hover:bg-[#f3e8ff] transition-all transform hover:scale-105 min-w-[80px] md:min-w-[120px]", disabled: isLoading }, isLoading ? /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin" }) : /* @__PURE__ */ React.createElement("i", { className: "fas fa-paper-plane" }) )), /* @__PURE__ */ React.createElement("div", { className: "flex flex-col md:flex-row gap-4" }, /* @__PURE__ */ React.createElement( "button", { type: "button", onClick: startCamera, className: "w-full md:w-[300px] h-[56px] p-4 rounded-xl bg-[#FF0000] text-white hover:bg-[#CC0000] transition-all transform hover:scale-105 text-base flex items-center justify-center gap-3 font-orbitron" }, /* @__PURE__ */ React.createElement("i", { className: "fas fa-camera text-lg" }), /* @__PURE__ */ React.createElement("span", null, "Camera") ), /* @__PURE__ */ React.createElement( "input", { type: "file", name: "file", accept: ".xlsx,.csv,.pbix,.docx,.pptx,image/*", onChange: (e) => { const file = e.target.files[0]; if (file) { setSelectedFile(file); const reader = new FileReader(); reader.onload = (e2) => setPreviewImage(e2.target.result); reader.readAsDataURL(file); } }, className: `w-full md:w-[400px] p-4 text-base rounded-xl ${darkMode ? "bg-[#121212] text-white" : "bg-white text-[#00008B]"} border-2 border-[#9c4dcc] hover:border-[#e879f9] transition-all cursor-pointer font-orbitron file:bg-[#9c4dcc] file:text-white file:border-0 file:rounded-lg file:px-4 file:py-2 file:mr-4 file:hover:bg-[#b366d9] file:transition-all` } ), /* @__PURE__ */ React.createElement( "button", { type: "button", onClick: handleFileAnalysis, className: "w-full md:w-[300px] h-[56px] p-4 rounded-xl bg-[#7c3aad] text-white hover:bg-[#9c4dcc] transition-all transform hover:scale-105 text-base flex items-center justify-center gap-3 font-orbitron", disabled: !selectedFile || isLoading }, isLoading ? /* @__PURE__ */ React.createElement("i", { className: "fas fa-spinner fa-spin" }) : /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement("i", { className: "fas fa-image text-lg" }), /* @__PURE__ */ React.createElement("span", null, "Analyze")) )), selectedText && /* @__PURE__ */ React.createElement("div", { className: "text-base text-white bg-[#3b2d5e] p-4 rounded-xl border border-[#9c4dcc]" }, "Selected text: ", selectedText))), /* @__PURE__ */ React.createElement("div", { className: "fixed bottom-6 left-6" }, /* @__PURE__ */ React.createElement("span", { className: "text-[#FF69B4] text-base font-orbitron" }, "Gideon - Your AI Friend")), /* @__PURE__ */ React.createElement("style", { jsx: true, global: true }, ` .particle { position: absolute; background: rgba(156, 77, 204, 0.2); border-radius: 50%; pointer-events: none; animation: float 3s infinite; } @keyframes float { 0% { transform: translateY(0) translateX(0); } 50% { transform: translateY(-20px) translateX(10px); } 100% { transform: translateY(0) translateX(0); } } .theme-cyber { background: linear-gradient(45deg, #000000, #1a1a1a); color: #00ff00; } .theme-nature { background: linear-gradient(45deg, #1b4d2e, #2d5a27); color: #ffffff; } .theme-ocean { background: linear-gradient(45deg, #006994, #003366); color: #ffffff; } .theme-sunset { background: linear-gradient(45deg, #ff7e5f, #feb47b); color: #ffffff; } .custom-scrollbar::-webkit-scrollbar { width: 8px; } .custom-scrollbar::-webkit-scrollbar-track { background: #2d1b4d; border-radius: 4px; } .custom-scrollbar::-webkit-scrollbar-thumb { background: #9c4dcc; border-radius: 4px; } .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #b366d9; } .markdown p { margin: 0.5em 0; } .markdown li { margin-left: 1.5em; list-style-type: disc; } .markdown li:has(+ li) { margin-bottom: 0.25em; } `) ); } var page_default = MainComponent; return __toCommonJS(page_exports); })();