function StudyTimer({ onComplete }) { const [time, setTime] = useState(0); const [isRunning, setIsRunning] = useState(false); const [showReminder, setShowReminder] = useState(false); useEffect(()=>{ let interval; if (isRunning) { interval = setInterval(()=>{ setTime((prev)=>{ const newTime = prev + 1; if (newTime % 1200 === 0) { onComplete(); } return newTime; }); }, 1000); } return ()=>clearInterval(interval); }, [ isRunning, onComplete ]); const formatTime = (seconds)=>{ const hrs = Math.floor(seconds / 3600); const mins = Math.floor(seconds % 3600 / 60); const secs = seconds % 60; return `${hrs.toString().padStart(2, "0")}:${mins.toString().padStart(2, "0")}:${secs.toString().padStart(2, "0")}`; }; return /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3 px-4 py-2 bg-white/5 rounded-full backdrop-blur-md border border-white/10", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-mono text-white/90", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, formatTime(time)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsRunning(!isRunning), className: "p-2 rounded-full hover:bg-white/10 transition-colors", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isRunning ? "pause" : "play"} text-white/60 hover:text-white`, __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }))); } function StudyTimerStory() { const handleComplete = ()=>{ alert("20 minutes have passed!"); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black p-8 flex flex-col gap-8", __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white/60 mb-4", __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "Default Timer"), /*#__PURE__*/ React.createElement(StudyTimer, { onComplete: handleComplete, __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white/60 mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, "Timer in Header"), /*#__PURE__*/ React.createElement("div", { className: "bg-black/40 p-4", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(StudyTimer, { onComplete: handleComplete, __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white/60 mb-4", __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, "Timer in Sidebar"), /*#__PURE__*/ React.createElement("div", { className: "w-64 bg-black/40 p-4", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement(StudyTimer, { onComplete: handleComplete, __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this })))); } function SpotifySearch() { const [query, setQuery] = useState(""); const [results, setResults] = useState([]); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [selectedTrack, setSelectedTrack] = useState(null); const [isPlayerLoading, setIsPlayerLoading] = useState(true); const handleSearch = useCallback(async ()=>{ if (!query.trim()) return; setLoading(true); setError(null); setSelectedTrack(null); try { const authResponse = await fetch("/api/spotify/auth", { method: "POST" }); if (!authResponse.ok) { throw new Error("Failed to authenticate with Spotify"); } const { token, error: authError } = await authResponse.json(); if (authError) { throw new Error(authError); } const response = await fetch(`https://api.spotify.com/v1/search?q=${encodeURIComponent(query)}&type=track`, { headers: { Authorization: `Bearer ${token}` } }); if (!response.ok) { throw new Error(`Error: ${response.status}`); } const data = await response.json(); setResults(data.tracks?.items || []); } catch (err) { console.error(err); setError(err.message || "Unable to search tracks. Please try again."); } finally{ setLoading(false); } }, [ query ]); const handleBackToSearch = useCallback(()=>{ setSelectedTrack(null); setIsPlayerLoading(true); }, []); return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl mx-auto space-y-6", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-4", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: query, onChange: (e)=>setQuery(e.target.value), onKeyPress: (e)=>e.key === "Enter" && handleSearch(), placeholder: "Search for a track...", name: "search", className: "flex-1 px-4 py-2 border border-gray-200 rounded-full focus:outline-none focus:ring-2 focus:ring-[#1DB954] focus:border-transparent", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, disabled: loading, className: "bg-[#1DB954] text-white px-6 py-2 rounded-full hover:bg-[#1ed760] transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 73, columnNumber: 15 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 75, columnNumber: 15 }, __self: this }))), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-red-50 text-red-500 rounded-lg", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, error)), loading && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6 text-center", __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-4 border-[#1DB954] border-t-transparent mx-auto", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-gray-600", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "Searching...")), !loading && !selectedTrack && results.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, results.map((track)=>/*#__PURE__*/ React.createElement("div", { key: track.id, className: "bg-white rounded-xl shadow-lg p-4", __source: { fileName: "", lineNumber: 97, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 98, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: track.album?.images?.[1]?.url || "/default-album.png", alt: `Album artwork for ${track.album?.name}`, className: "w-20 h-20 object-cover rounded-lg", __source: { fileName: "", lineNumber: 99, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 104, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium truncate", __source: { fileName: "", lineNumber: 105, columnNumber: 19 }, __self: this }, track.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm truncate", __source: { fileName: "", lineNumber: 106, columnNumber: 19 }, __self: this }, track.artists?.[0]?.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedTrack(track.id), className: "mt-2 bg-[#1DB954] text-white px-4 py-1 rounded-full text-sm hover:bg-[#1ed760] transition-colors", __source: { fileName: "", lineNumber: 109, columnNumber: 19 }, __self: this }, "Play Track")))))), selectedTrack && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleBackToSearch, className: "text-[#1DB954] hover:text-[#1ed760] transition-colors flex items-center gap-2", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 128, columnNumber: 13 }, __self: this }), "Back to search results"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[450px] mx-auto", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full bg-white rounded-xl shadow-lg overflow-hidden", style: { paddingTop: "120%" }, __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, isPlayerLoading && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-slate-100 animate-pulse rounded-xl", __source: { fileName: "", lineNumber: 137, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("iframe", { className: "absolute top-0 left-0 w-full h-full border-0 rounded-xl", src: `https://open.spotify.com/embed/track/${selectedTrack}?utm_source=generator`, allow: "autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture", onLoad: ()=>setIsPlayerLoading(false), __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this }))))); } function SpotifySearchStory() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-slate-50 p-4 md:p-8", __source: { fileName: "", lineNumber: 155, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SpotifySearch, { __source: { fileName: "", lineNumber: 156, columnNumber: 7 }, __self: this })); } function OutlinedButtonDesign({ text, onClick }) { return /*#__PURE__*/ React.createElement("button", { className: "font-open-sans uppercase tracking-widest border border-black bg-transparent text-black py-2 px-4 rounded-[4px] transition-colors hover:bg-white hover:text-black hover:border-black focus:outline-none focus:ring-2 focus:ring-black focus:ring-opacity-50", onClick: onClick, __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, text); } function OutlinedButtonDesignStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-4 space-y-4", __source: { fileName: "", lineNumber: 14, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(OutlinedButtonDesign, { text: "Click Me", onClick: ()=>alert('Button clicked!'), __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(OutlinedButtonDesign, { text: "Submit", onClick: ()=>alert('Submitted!'), __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(OutlinedButtonDesign, { text: "Cancel", onClick: ()=>alert('Cancelled!'), __source: { fileName: "", lineNumber: 17, columnNumber: 7 }, __self: this })); } function GradientCirclesBackground() { return /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-screen overflow-hidden bg-[#F8F6F0]", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute w-[150vw] h-[150vw] md:w-[1369px] md:h-[846px] left-[-50vw] md:left-[-339px] bottom-[-50vw] md:top-[497px] bg-[#FF514E] rounded-full filter blur-[100px] md:blur-[150px]", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute w-[150vw] h-[150vw] md:w-[1081px] md:h-[846px] right-[-50vw] md:left-[778px] bottom-[-50vw] md:top-[457px] bg-[#FEA452] rounded-full filter blur-[100px] md:blur-[150px]", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this })); } function GradientCirclesBackgroundStory() { return /*#__PURE__*/ React.createElement("div", { className: "w-full h-screen md:w-[1440px] md:h-[1024px]", __source: { fileName: "", lineNumber: 12, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(GradientCirclesBackground, { __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function StudyReminder({ onContinue, onBreak }) { return /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/60 backdrop-blur-sm flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a1a] border border-white/10 p-6 rounded-2xl w-full max-w-md transform transition-all animate-fadeIn", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-blue-500/10 rounded-full flex items-center justify-center mx-auto mb-4", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-2xl text-blue-400", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-xl text-white mb-2", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Time for a Break?"), /*#__PURE__*/ React.createElement("p", { className: "text-white/60", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "You've been studying for 20 minutes. Taking regular breaks helps retain information better.")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-3", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: onContinue, className: "flex-1 px-4 py-2 rounded-xl bg-blue-500 hover:bg-blue-600 text-white transition-colors", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Continue Studying"), /*#__PURE__*/ React.createElement("button", { onClick: onBreak, className: "flex-1 px-4 py-2 rounded-xl bg-white/5 hover:bg-white/10 text-white/80 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Take a Break")))); } function StudyReminderStory() { const handleContinue = ()=>{ alert("Continuing to study"); }; const handleBreak = ()=>{ alert("Taking a break"); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 min-h-screen bg-gray-900", __source: { fileName: "", lineNumber: 44, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-white mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 7 }, __self: this }, "Study Reminder Modal"), /*#__PURE__*/ React.createElement(StudyReminder, { onContinue: handleContinue, onBreak: handleBreak, __source: { fileName: "", lineNumber: 46, columnNumber: 7 }, __self: this })); } function SpotifyPlayer({ trackId }) { const [isLoading, setIsLoading] = useState(true); return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[450px] mx-auto p-4", __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full bg-white rounded-xl shadow-lg overflow-hidden", style: { paddingTop: "120%" }, __source: { fileName: "", lineNumber: 6, columnNumber: 7 }, __self: this }, isLoading && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-slate-100 animate-pulse rounded-xl", __source: { fileName: "", lineNumber: 11, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("iframe", { className: "absolute top-0 left-0 w-full h-full border-0 rounded-xl", src: `https://open.spotify.com/embed/track/${trackId}?utm_source=generator`, allow: "autoplay; clipboard-write; encrypted-media; fullscreen; picture-in-picture", onLoad: ()=>setIsLoading(false), __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }))); } function SpotifyPlayerStory() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-slate-50 p-4", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SpotifyPlayer, { trackId: "4cOdK2wGLETKBW3PvgPWqT", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-8", __source: { fileName: "", lineNumber: 28, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(SpotifyPlayer, { trackId: "0V3wPSX9ygBnCm8psDIegu", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this })); } function MainComponent() { const [selectedPdf, setSelectedPdf] = useState(null); const [resources, setResources] = useState([]); const [youtubeLessons, setYoutubeLessons] = useState([]); const [selectedVideo, setSelectedVideo] = useState(null); const [darkMode, setDarkMode] = useState(true); const [loading, setLoading] = useState(false); const [pdfViewerUrl, setPdfViewerUrl] = useState(""); const [showResourceList, setShowResourceList] = useState(true); const [videoError, setVideoError] = useState(false); const [currentPlaylist, setCurrentPlaylist] = useState(null); const [openFolders, setOpenFolders] = useState({}); const [showReminder, setShowReminder] = useState(false); const [error, setError] = useState(null); const [aiAnalysis, setAiAnalysis] = useState(""); const [analyzing, setAnalyzing] = useState(false); const [retryCount, setRetryCount] = useState(0); const [editingResource, setEditingResource] = useState(null); const [session, setSession] = useState({ user: null }); const [studyStartTime, setStudyStartTime] = useState(null); const [lastActivityTime, setLastActivityTime] = useState(Date.now()); const [showSearch, setShowSearch] = useState(false); const [searchTerm, setSearchTerm] = useState(""); const [showAiChat, setShowAiChat] = useState(false); const [showMusic, setShowMusic] = useState(false); const [spotifyToken, setSpotifyToken] = useState(null); const [selectedTrack, setSelectedTrack] = useState(null); const [isPlaying, setIsPlaying] = useState(false); const [progress, setProgress] = useState(0); const [duration, setDuration] = useState(0); const REMINDER_INTERVAL = 20 * 60 * 1000; const [messages, setMessages] = useState([ { role: "assistant", content: "Hello! I'm your AI Study Assistant. Select a document to get started, and I'll help you understand the material better by providing summaries and answering your questions." } ]); const [inputMessage, setInputMessage] = useState(""); const [streamingMessage, setStreamingMessage] = useState(""); const [chatLoading, setChatLoading] = useState(false); const messagesEndRef = useRef(null); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ setMessages((prev)=>[ ...prev, { role: "assistant", content: message } ]); setStreamingMessage(""); } }); const scrollToBottom = ()=>{ messagesEndRef.current?.scrollIntoView({ behavior: "smooth" }); }; useEffect(()=>{ scrollToBottom(); }, [ messages, streamingMessage ]); useEffect(()=>{ fetchResources(); fetchYoutubeLessons(); }, []); useEffect(()=>{ const fetchSession = async ()=>{ try { const response = await fetch("/api/auth/session"); const data = await response.json(); setSession(data); } catch (error) { console.error("Error fetching session:", error); } }; fetchSession(); }, []); useEffect(()=>{ let timeoutId; if (selectedPdf || selectedVideo) { if (!studyStartTime) { setStudyStartTime(Date.now()); } const checkStudyTime = ()=>{ const currentTime = Date.now(); const timeSinceLastActivity = currentTime - lastActivityTime; if (timeSinceLastActivity < 5 * 60 * 1000) { const studyDuration = currentTime - studyStartTime; if (studyDuration >= REMINDER_INTERVAL) { setShowReminder(true); setStudyStartTime(currentTime); } } timeoutId = setTimeout(checkStudyTime, 60000); }; timeoutId = setTimeout(checkStudyTime, 60000); } else { setStudyStartTime(null); } return ()=>clearTimeout(timeoutId); }, [ selectedPdf, selectedVideo, studyStartTime, lastActivityTime ]); useEffect(()=>{ const updateLastActivity = ()=>setLastActivityTime(Date.now()); window.addEventListener("mousemove", updateLastActivity); window.addEventListener("keypress", updateLastActivity); window.addEventListener("scroll", updateLastActivity); return ()=>{ window.removeEventListener("mousemove", updateLastActivity); window.removeEventListener("keypress", updateLastActivity); window.removeEventListener("scroll", updateLastActivity); }; }, []); const fetchResources = async ()=>{ try { setError(null); setLoading(true); const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: ` SELECT r.*, u.name as owner_name FROM resources r LEFT JOIN users u ON r.owner_id = u.id WHERE r.type = 'pdf' ORDER BY r.title ASC ` }) }); if (!response.ok) { throw new Error(`Error fetching resources: ${response.statusText}`); } const data = await response.json(); setResources(data); } catch (error) { console.error("Error fetching resources:", error); setError("Failed to load study materials"); } finally{ setLoading(false); } }; const fetchYoutubeLessons = async ()=>{ try { setError(null); const response = await fetch("/api/db/student-pdf-drive", { method: "POST", body: JSON.stringify({ query: ` SELECT yl.*, u.name as owner_name, CASE WHEN yl.playlist_id IS NOT NULL THEN (SELECT COUNT(*) FROM youtube_lessons WHERE playlist_id = yl.playlist_id) ELSE 1 END as video_count FROM youtube_lessons yl LEFT JOIN users u ON yl.added_by = u.id ORDER BY yl.created_at DESC ` }) }); if (!response.ok) { throw new Error(`Error fetching lessons: ${response.statusText}`); } const data = await response.json(); setYoutubeLessons(data); } catch (error) { console.error("Error fetching YouTube lessons:", error); setError("Failed to load video lessons"); } }; const handlePdfSelect = async (resource)=>{ try { setLoading(true); setError(null); setSelectedPdf(resource); const response = await fetch("/api/gdrive/view", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ fileUrl: resource.gdrive_link }) }); if (!response.ok) { throw new Error(`Error loading PDF: ${response.statusText}`); } const data = await response.json(); if (data.success) { setPdfViewerUrl(data.viewerUrl); setShowResourceList(false); setMessages([ { role: "assistant", content: "Loading summary of your selected document..." } ]); const summaryResponse = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: `You are a helpful study assistant. Analyze this document: Title: ${resource.title} Subject: ${resource.subject || "Not specified"} Unit: ${resource.unit_name || "Not specified"} Topic: ${resource.topic_name || "Not specified"} Provide a brief welcome message and mention you're ready to help them understand this material.` } ], stream: true }) }); if (!summaryResponse.ok) { throw new Error("Failed to generate summary"); } handleStreamResponse(summaryResponse); } else { throw new Error(data.error || "Failed to load PDF viewer"); } } catch (error) { console.error("Error loading PDF:", error); setError("Could not load the PDF. Please try again."); } finally{ setLoading(false); } }; const handleVideoSelect = (lesson)=>{ setSelectedVideo(lesson); setCurrentPlaylist(lesson.playlist_id); setVideoError(false); }; const toggleFolder = (folderId)=>{ setOpenFolders((prev)=>({ ...prev, [folderId]: !prev[folderId] })); }; const handleSubmit = async (e)=>{ e.preventDefault(); if (!inputMessage.trim()) { setError("Please enter a message"); return; } if (!selectedPdf) { setError("Please select a study material first"); return; } setChatLoading(true); const newMessage = { role: "user", content: inputMessage }; try { setMessages((prev)=>[ ...prev, newMessage ]); setInputMessage(""); setError(null); const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: `You are an expert educational AI assistant helping with study material. Current study context: - Title: "${selectedPdf?.title || "Unknown"}" - Unit: "${selectedPdf?.unit_name || "Unknown"}" - Topic: "${selectedPdf?.topic_name || "Unknown"}" - Subject: "${selectedPdf?.subject || "Unknown"}" Provide clear, educational responses that help the student understand the material better. Break down complex concepts when needed. Use examples when helpful.` }, ...messages.slice(1), newMessage ], stream: true }) }); if (!response.ok) { throw new Error(`Failed to get response: ${response.statusText}`); } handleStreamResponse(response); } catch (error) { console.error("Chat error:", error); setError("Failed to get AI response. Please try again."); setMessages((prev)=>[ ...prev, { role: "assistant", content: "I'm sorry, I encountered an error. Please try asking your question again." } ]); } finally{ setChatLoading(false); } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 329, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "https://ucarecdn.com/77384c22-233b-4171-996d-6c49b97f457b/-/format/auto/", type: "image/png", __source: { fileName: "", lineNumber: 330, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-gradient-to-b from-[#0a0a0a] to-[#121212] relative", __source: { fileName: "", lineNumber: 336, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed top-4 left-4 z-50", __source: { fileName: "", lineNumber: 337, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-blue-400 hover:text-blue-300 transition-all flex items-center gap-1 text-sm group bg-black/40 backdrop-blur-xl px-3 py-2 rounded-xl border border-blue-500/20 hover:border-blue-500/40", __source: { fileName: "", lineNumber: 338, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left group-hover:-translate-x-0.5 transition-transform", __source: { fileName: "", lineNumber: 342, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 343, columnNumber: 13 }, __self: this }, "Back"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex flex-col lg:flex-row h-[100vh]", __source: { fileName: "", lineNumber: 347, columnNumber: 9 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "flex-1 flex items-center justify-center", __source: { fileName: "", lineNumber: 349, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-blue-500", __source: { fileName: "", lineNumber: 350, columnNumber: 15 }, __self: this })) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/2 border-r border-white/5 flex flex-col bg-black/20 h-[40vh] lg:h-screen order-2 lg:order-1", __source: { fileName: "", lineNumber: 354, columnNumber: 15 }, __self: this }, showResourceList ? /*#__PURE__*/ React.createElement("div", { className: "h-full relative", __source: { fileName: "", lineNumber: 356, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 pt-16 px-4 overflow-hidden", __source: { fileName: "", lineNumber: 357, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full overflow-y-auto custom-scrollbar", __source: { fileName: "", lineNumber: 358, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-4 pb-4", __source: { fileName: "", lineNumber: 359, columnNumber: 25 }, __self: this }, resources.filter((resource)=>!searchTerm || resource.title.toLowerCase().includes(searchTerm.toLowerCase()) || resource.subject?.toLowerCase().includes(searchTerm.toLowerCase()) || resource.unit_name?.toLowerCase().includes(searchTerm.toLowerCase()) || resource.topic_name?.toLowerCase().includes(searchTerm.toLowerCase())).map((resource)=>/*#__PURE__*/ React.createElement("button", { key: resource.id, onClick: ()=>handlePdfSelect(resource), className: "p-4 bg-white/5 hover:bg-white/10 rounded-xl transition-all group text-left border border-white/5 hover:border-blue-500/30 w-full", __source: { fileName: "", lineNumber: 378, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 383, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mt-1 p-2 rounded-lg bg-red-500/10 flex-shrink-0", __source: { fileName: "", lineNumber: 384, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-pdf text-red-400", __source: { fileName: "", lineNumber: 385, columnNumber: 37 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 min-w-0", __source: { fileName: "", lineNumber: 387, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white group-hover:text-blue-400 transition-colors truncate", __source: { fileName: "", lineNumber: 388, columnNumber: 37 }, __self: this }, resource.title), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2 mt-2", __source: { fileName: "", lineNumber: 391, columnNumber: 37 }, __self: this }, resource.subject && /*#__PURE__*/ React.createElement("p", { className: "text-white/40 text-sm flex items-center gap-1 truncate", __source: { fileName: "", lineNumber: 393, columnNumber: 41 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tag text-xs", __source: { fileName: "", lineNumber: 394, columnNumber: 43 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "truncate", __source: { fileName: "", lineNumber: 395, columnNumber: 43 }, __self: this }, resource.subject))))))))))) : /*#__PURE__*/ React.createElement("div", { className: "flex-1 relative", __source: { fileName: "", lineNumber: 410, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: pdfViewerUrl, className: "w-full h-full border-0", allow: "autoplay", __source: { fileName: "", lineNumber: 411, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "w-full lg:w-1/2 flex flex-col bg-black/30 order-1 lg:order-2 h-[60vh] lg:h-screen", __source: { fileName: "", lineNumber: 420, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full md:h-[60%] p-4 border-b border-white/5", __source: { fileName: "", lineNumber: 421, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 422, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 423, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowMusic(false), className: `px-4 py-2 rounded-xl transition-colors flex items-center gap-2 ${!showMusic ? "bg-red-500/20 text-red-400" : "bg-white/5 text-white/60 hover:bg-white/10 hover:text-white"}`, __source: { fileName: "", lineNumber: 424, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-youtube", __source: { fileName: "", lineNumber: 428, columnNumber: 25 }, __self: this }), "Lessons"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowMusic(true), className: `px-4 py-2 rounded-xl transition-colors flex items-center gap-2 ${showMusic ? "bg-green-500/20 text-green-400" : "bg-white/5 text-white/60 hover:bg-white/10 hover:text-white"}`, __source: { fileName: "", lineNumber: 431, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-spotify", __source: { fileName: "", lineNumber: 435, columnNumber: 25 }, __self: this }), "Music"))), /*#__PURE__*/ React.createElement("div", { className: `relative rounded-xl overflow-hidden bg-black/40 h-[calc(100%-3rem)] ${showMusic ? "p-0" : "p-4"}`, __source: { fileName: "", lineNumber: 440, columnNumber: 19 }, __self: this }, showMusic ? /*#__PURE__*/ React.createElement("div", { className: "h-full flex flex-col", __source: { fileName: "", lineNumber: 444, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto relative", __source: { fileName: "", lineNumber: 445, columnNumber: 25 }, __self: this }, selectedTrack ? /*#__PURE__*/ React.createElement("div", { className: "relative h-full", __source: { fileName: "", lineNumber: 447, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement(SpotifyPlayer, { trackId: selectedTrack, __source: { fileName: "", lineNumber: 448, columnNumber: 31 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-x-4 bottom-4", __source: { fileName: "", lineNumber: 449, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black/90 backdrop-blur-md rounded-2xl p-4 shadow-lg border border-white/10", __source: { fileName: "", lineNumber: 450, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col gap-4", __source: { fileName: "", lineNumber: 451, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 452, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedTrack(null), className: "p-2 rounded-xl hover:bg-white/5 transition-colors group", __source: { fileName: "", lineNumber: 453, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left text-white/60 group-hover:text-white transition-colors", __source: { fileName: "", lineNumber: 457, columnNumber: 41 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 relative h-1 bg-white/10 rounded-full", __source: { fileName: "", lineNumber: 460, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "range", className: "absolute inset-0 w-full appearance-none bg-transparent cursor-pointer", min: "0", max: "100", value: progress, onChange: (e)=>setProgress(Number(e.target.value)), style: { background: `linear-gradient(to right, #1DB954 0%, #1DB954 ${progress}%, transparent ${progress}%, transparent 100%)` }, __source: { fileName: "", lineNumber: 461, columnNumber: 41 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-white/60 text-sm font-mono min-w-[45px] text-right", __source: { fileName: "", lineNumber: 476, columnNumber: 39 }, __self: this }, Math.floor(duration * (progress / 100) / 60), ":", String(Math.floor(duration * (progress / 100) % 60)).padStart(2, "0"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center gap-6", __source: { fileName: "", lineNumber: 489, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "p-3 rounded-xl hover:bg-white/5 transition-colors group", __source: { fileName: "", lineNumber: 490, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-backward text-white/60 group-hover:text-white transition-colors", __source: { fileName: "", lineNumber: 491, columnNumber: 41 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsPlaying(!isPlaying), className: "p-4 rounded-xl bg-white/5 hover:bg-white/10 transition-colors group", __source: { fileName: "", lineNumber: 494, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isPlaying ? "pause" : "play"} text-white group-hover:text-white/90 transition-colors text-xl`, __source: { fileName: "", lineNumber: 498, columnNumber: 41 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "p-3 rounded-xl hover:bg-white/5 transition-colors group", __source: { fileName: "", lineNumber: 503, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-forward text-white/60 group-hover:text-white transition-colors", __source: { fileName: "", lineNumber: 504, columnNumber: 41 }, __self: this }))))))) : /*#__PURE__*/ React.createElement(SpotifySearch, { onTrackSelect: setSelectedTrack, __source: { fileName: "", lineNumber: 512, columnNumber: 29 }, __self: this }))) : selectedVideo ? /*#__PURE__*/ React.createElement("div", { className: "h-full", __source: { fileName: "", lineNumber: 517, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: `https://www.youtube.com/embed/${selectedVideo.video_id}?${currentPlaylist ? `list=${currentPlaylist}&` : ""}autoplay=1&rel=0&modestbranding=1`, title: selectedVideo.title, frameBorder: "0", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, className: "w-full h-full rounded-xl", onError: ()=>{ setVideoError(true); console.error("Failed to load video"); }, __source: { fileName: "", lineNumber: 518, columnNumber: 25 }, __self: this }), videoError && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-red-500/10 text-red-400 rounded-lg mt-2", __source: { fileName: "", lineNumber: 531, columnNumber: 27 }, __self: this }, "Failed to load video. Please try again or select another video.")) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-3 p-4 h-full overflow-y-auto", __source: { fileName: "", lineNumber: 538, columnNumber: 23 }, __self: this }, youtubeLessons.map((lesson)=>/*#__PURE__*/ React.createElement("button", { key: lesson.id, onClick: ()=>handleVideoSelect(lesson), className: "p-3 bg-white/5 hover:bg-white/10 rounded-xl transition-all group text-left border border-white/5 hover:border-red-500/30", __source: { fileName: "", lineNumber: 540, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-3", __source: { fileName: "", lineNumber: 545, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mt-1 p-2 bg-red-500/10 rounded-lg", __source: { fileName: "", lineNumber: 546, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fab fa-youtube text-red-500 ${lesson.playlist_id ? "mr-1" : ""}`, __source: { fileName: "", lineNumber: 547, columnNumber: 33 }, __self: this }), lesson.playlist_id && /*#__PURE__*/ React.createElement("i", { className: "fas fa-list text-red-400 text-xs", __source: { fileName: "", lineNumber: 551, columnNumber: 35 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 554, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white group-hover:text-red-400 transition-colors line-clamp-2", __source: { fileName: "", lineNumber: 555, columnNumber: 33 }, __self: this }, lesson.title), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2 mt-1", __source: { fileName: "", lineNumber: 558, columnNumber: 33 }, __self: this }, lesson.subject && /*#__PURE__*/ React.createElement("p", { className: "text-white/40 text-sm flex items-center gap-1", __source: { fileName: "", lineNumber: 560, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tag text-xs", __source: { fileName: "", lineNumber: 561, columnNumber: 39 }, __self: this }), lesson.subject), lesson.playlist_id && /*#__PURE__*/ React.createElement("p", { className: "text-white/40 text-sm flex items-center gap-1", __source: { fileName: "", lineNumber: 566, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play text-xs", __source: { fileName: "", lineNumber: 567, columnNumber: 39 }, __self: this }), lesson.video_count, " videos"))))))))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:flex h-[40%] flex-col bg-[#1a1a1a] border-l border-white/10", __source: { fileName: "", lineNumber: 580, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between p-4 border-b border-white/10", __source: { fileName: "", lineNumber: 581, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 582, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/77384c22-233b-4171-996d-6c49b97f457b/-/format/auto/", alt: "AI Assistant", className: "w-4 h-4", __source: { fileName: "", lineNumber: 583, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-white/80", __source: { fileName: "", lineNumber: 588, columnNumber: 23 }, __self: this }, "AI Study Assistant"))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-4 custom-scrollbar", __source: { fileName: "", lineNumber: 594, columnNumber: 19 }, __self: this }, messages.map((message, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: `flex ${message.role === "assistant" ? "justify-start" : "justify-end"}`, __source: { fileName: "", lineNumber: 596, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-[90%] rounded-xl p-3 ${message.role === "assistant" ? "bg-white/5 text-white/80" : "bg-blue-500/20 text-blue-100"} shadow-lg`, __source: { fileName: "", lineNumber: 600, columnNumber: 25 }, __self: this }, message.content))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 612, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[90%] rounded-xl p-3 bg-white/5 text-white/80 shadow-lg", __source: { fileName: "", lineNumber: 613, columnNumber: 25 }, __self: this }, streamingMessage)), /*#__PURE__*/ React.createElement("div", { ref: messagesEndRef, className: "h-4", __source: { fileName: "", lineNumber: 618, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "p-3 border-t border-white/10", __source: { fileName: "", lineNumber: 621, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 625, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: inputMessage, onChange: (e)=>setInputMessage(e.target.value), placeholder: selectedPdf ? "Ask a question about your study material..." : "Select a document to start chatting", disabled: !selectedPdf || chatLoading, className: "flex-1 px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-white placeholder-white/40 focus:outline-none focus:border-blue-500/50", __source: { fileName: "", lineNumber: 626, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: !selectedPdf || !inputMessage.trim() || chatLoading, className: "px-4 py-2 rounded-xl bg-blue-500 hover:bg-blue-600 disabled:bg-blue-500/50 disabled:cursor-not-allowed text-white transition-colors flex items-center gap-2", __source: { fileName: "", lineNumber: 638, columnNumber: 23 }, __self: this }, chatLoading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "w-4 h-4 border-2 border-white/20 border-t-white/100 rounded-full animate-spin", __source: { fileName: "", lineNumber: 647, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 648, columnNumber: 29 }, __self: this }, "Sending...")) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 651, columnNumber: 27 }, __self: this })))))))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden fixed bottom-4 right-4 z-50", __source: { fileName: "", lineNumber: 662, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAiChat(!showAiChat), className: "w-12 h-12 rounded-full bg-blue-500 hover:bg-blue-600 transition-colors flex items-center justify-center shadow-lg border border-white/10", __source: { fileName: "", lineNumber: 663, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/77384c22-233b-4171-996d-6c49b97f457b/-/format/auto/", alt: "AI Assistant", className: "w-6 h-6", __source: { fileName: "", lineNumber: 667, columnNumber: 13 }, __self: this }))), showAiChat && /*#__PURE__*/ React.createElement("div", { className: "lg:hidden fixed inset-4 z-50 rounded-2xl overflow-hidden bg-[#1a1a1a] border border-white/10 flex flex-col", __source: { fileName: "", lineNumber: 676, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between p-4 border-b border-white/10", __source: { fileName: "", lineNumber: 677, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 678, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/77384c22-233b-4171-996d-6c49b97f457b/-/format/auto/", alt: "AI Assistant", className: "w-4 h-4", __source: { fileName: "", lineNumber: 679, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-white/80", __source: { fileName: "", lineNumber: 684, columnNumber: 17 }, __self: this }, "AI Study Assistant")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowAiChat(false), className: "text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 688, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 692, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto p-4 space-y-4 custom-scrollbar", __source: { fileName: "", lineNumber: 696, columnNumber: 13 }, __self: this }, messages.map((message, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: `flex ${message.role === "assistant" ? "justify-start" : "justify-end"}`, __source: { fileName: "", lineNumber: 698, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `max-w-[90%] rounded-xl p-3 ${message.role === "assistant" ? "bg-white/5 text-white/80" : "bg-blue-500/20 text-blue-100"} shadow-lg break-words`, __source: { fileName: "", lineNumber: 702, columnNumber: 19 }, __self: this }, message.content))), streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "flex justify-start", __source: { fileName: "", lineNumber: 714, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-[90%] rounded-xl p-3 bg-white/5 text-white/80 shadow-lg break-words", __source: { fileName: "", lineNumber: 715, columnNumber: 19 }, __self: this }, streamingMessage)), /*#__PURE__*/ React.createElement("div", { ref: messagesEndRef, className: "h-4", __source: { fileName: "", lineNumber: 720, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "p-3 border-t border-white/10", __source: { fileName: "", lineNumber: 723, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 727, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: inputMessage, onChange: (e)=>setInputMessage(e.target.value), placeholder: selectedPdf ? "Ask a question about your study material..." : "Select a document to start chatting", disabled: !selectedPdf || chatLoading, className: "flex-1 px-4 py-2 rounded-xl bg-white/5 border border-white/10 text-white placeholder-white/40 focus:outline-none focus:border-blue-500/50", __source: { fileName: "", lineNumber: 728, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: !selectedPdf || !inputMessage.trim() || chatLoading, className: "px-4 py-2 rounded-xl bg-blue-500 hover:bg-blue-600 disabled:bg-blue-500/50 disabled:cursor-not-allowed text-white transition-colors flex items-center gap-2", __source: { fileName: "", lineNumber: 740, columnNumber: 17 }, __self: this }, chatLoading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "w-4 h-4 border-2 border-white/20 border-t-white/100 rounded-full animate-spin", __source: { fileName: "", lineNumber: 747, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 748, columnNumber: 23 }, __self: this }, "Sending...")) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 751, columnNumber: 21 }, __self: this }))))), showReminder && /*#__PURE__*/ React.createElement(StudyReminder, { onContinue: ()=>setShowReminder(false), onBreak: ()=>{ setShowReminder(false); }, __source: { fileName: "", lineNumber: 760, columnNumber: 11 }, __self: this }), error && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 bg-red-500/10 text-red-400 px-4 py-2 rounded-xl border border-red-500/20 backdrop-blur-sm", __source: { fileName: "", lineNumber: 769, columnNumber: 11 }, __self: this }, error), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 774, columnNumber: 9 }, __self: this }, ` .truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .break-words { word-wrap: break-word; word-break: break-word; } .line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } button { max-width: 100%; } @media (max-width: 640px) { .grid { grid-template-columns: 1fr; } .flex-wrap { flex-wrap: wrap; } } `))); }