function SoundSearchResults({ initialQuery = "", rhythms = [], onRhythmComplete = ()=>{}, showSuccess = false, showFailure = false, hiddenMessage = "", isMessageRevealed = false, maintenanceLogs = [ { id: "ML001", timestamp: "2025-01-01T03:33:00Z", encryptedContent: "01010010 01001111 01000010", corruptedMessage: "ERR_4104: DANCE_PATTERN_CORRUPTED", pattern: "ROBOT_WAVE", isDecoded: false }, { id: "ML002", timestamp: "2025-01-02T04:44:00Z", encryptedContent: "01010011 01001100 01001001", corruptedMessage: "ERR_2201: SEQUENCE_MALFUNCTION", pattern: "CYBER_SLIDE", isDecoded: false }, { id: "ML003", timestamp: "2025-01-03T05:55:00Z", encryptedContent: "01000111 01001100 01001001", corruptedMessage: "ERR_3303: RHYTHM_UNSTABLE", pattern: "GLITCH_HOP", isDecoded: false } ] }) { const [query, setQuery] = useState(initialQuery || "FINAL TRANSMISSION MUSIC"); const [debouncedQuery, setDebouncedQuery] = useState(initialQuery); const [results, setResults] = useState([]); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [playingSound, setPlayingSound] = useState(null); const [audioElement, setAudioElement] = useState(null); const [loadingSoundIds, setLoadingSoundIds] = useState(new Set()); const [selectedCategory, setSelectedCategory] = useState("all"); const [revealedPatterns, setRevealedPatterns] = useState(new Set()); const [rhythmicSequence, setRhythmicSequence] = useState([]); const [activeRhythm, setActiveRhythm] = useState(null); const [binaryPattern, setBinaryPattern] = useState(""); const [visualizerBars, setVisualizerBars] = useState(Array.from({ length: 8 }).fill(0)); const [decodedLogs, setDecodedLogs] = useState(new Set()); const [selectedLog, setSelectedLog] = useState(null); const [decoding, setDecoding] = useState(false); useEffect(()=>{ const timer = setTimeout(()=>{ setDebouncedQuery(query); }, 500); return ()=>clearTimeout(timer); }, [ query ]); useEffect(()=>{ const audio = new Audio(); audio.addEventListener("ended", ()=>setPlayingSound(null)); setAudioElement(audio); return ()=>{ audio.pause(); audio.src = ""; }; }, []); useEffect(()=>{ if (playingSound) { const interval = setInterval(()=>{ setVisualizerBars((prev)=>prev.map(()=>Math.random() * 100)); }, 100); return ()=>clearInterval(interval); } }, [ playingSound ]); useEffect(()=>{ const fetchResults = async ()=>{ if (!debouncedQuery.trim()) { setResults([]); return; } setLoading(true); setError(null); try { const response = await fetch("/api/search-freesound", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: debouncedQuery }) }); if (!response.ok) { throw new Error("Failed to fetch results"); } const data = await response.json(); if (data.error) { throw new Error(data.error); } setResults(data.results || []); } catch (err) { setError(err.message); console.error("Search error:", err); } finally{ setLoading(false); } }; fetchResults(); }, [ debouncedQuery ]); const handlePlay = async (soundId)=>{ try { if (playingSound === soundId) { audioElement.pause(); setPlayingSound(null); return; } setLoadingSoundIds((prev)=>new Set(prev).add(soundId)); const response = await fetch("/api/get-sound", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ soundId }) }); const data = await response.json(); if (data.error) { throw new Error(data.error); } if (audioElement) { audioElement.src = data.sound.preview_url; await audioElement.play(); setPlayingSound(soundId); } } catch (err) { console.error("Error playing sound:", err); setError("Failed to play sound"); } finally{ setLoadingSoundIds((prev)=>{ const next = new Set(prev); next.delete(soundId); return next; }); } }; const handleDownload = async (soundId)=>{ try { setLoadingSoundIds((prev)=>new Set(prev).add(soundId)); const response = await fetch("/api/get-sound", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ soundId }) }); const data = await response.json(); if (data.error) { throw new Error(data.error); } window.open(data.sound.download_url, "_blank"); } catch (err) { console.error("Error initiating download:", err); setError("Failed to initiate download"); } finally{ setLoadingSoundIds((prev)=>{ const next = new Set(prev); next.delete(soundId); return next; }); } }; const isPartOfSequence = (sound)=>{ return sound.name.toLowerCase().includes("rhythm") || sound.name.toLowerCase().includes("sequence") || sound.tags.some((tag)=>tag.includes("pattern")); }; const isCorrupted = (sound)=>{ return sound.name.includes("glitch") || sound.name.includes("corrupt") || sound.tags.some((tag)=>tag.includes("electronic")); }; const hasBlueStar = (sound)=>{ return sound.tags.includes("electronic") && sound.duration > 30 && sound.name.toLowerCase().includes("dance"); }; const revealPattern = (soundId)=>{ setRevealedPatterns((prev)=>new Set([ ...prev, soundId ])); }; const categories = { "Perfect for Robot Parties": (sound)=>sound.name.toLowerCase().includes("electronic") || sound.name.toLowerCase().includes("techno"), "Definitely Not Suspicious Tunes": (sound)=>sound.name.toLowerCase().includes("ambient") || sound.name.toLowerCase().includes("mysterious"), "Emergency Escape Music": (sound)=>sound.name.toLowerCase().includes("fast") || sound.name.toLowerCase().includes("rush"), "Hanger CEO's Favorites": (sound)=>sound.name.toLowerCase().includes("power") || sound.name.toLowerCase().includes("mechanical") }; const filteredResults = selectedCategory === "all" ? results : results.filter(categories[selectedCategory]); const handleLogDecode = (logId)=>{ setDecoding(true); setTimeout(()=>{ setDecodedLogs((prev)=>new Set([ ...prev, logId ])); setDecoding(false); const log = maintenanceLogs.find((l)=>l.id === logId); if (log) { setSelectedLog(log); setBinaryPattern(log.encryptedContent.split(" ")[0]); } }, 1500); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-6xl mx-auto p-4 md:p-6 bg-[#0a0a1e] text-[#00ff00] shadow-[0_0_20px_rgba(0,255,0,0.1)]", __source: { fileName: "", lineNumber: 253, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 text-center", __source: { fileName: "", lineNumber: 254, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-mono mb-4 animate-pulse", __source: { fileName: "", lineNumber: 255, columnNumber: 9 }, __self: this }, "SEARCHING FOR: ", query.toUpperCase()), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-4 mb-6", __source: { fileName: "", lineNumber: 258, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border border-[#00ff00] p-3 rounded-lg animate-pulse", __source: { fileName: "", lineNumber: 259, columnNumber: 11 }, __self: this }, "HUMAN AUTHENTICITY RATING: CALCULATING..."), /*#__PURE__*/ React.createElement("div", { className: "border border-[#00ff00] p-3 rounded-lg animate-pulse", __source: { fileName: "", lineNumber: 262, columnNumber: 11 }, __self: this }, "DANCE PROTOCOL COMPATIBILITY: SCANNING..."), /*#__PURE__*/ React.createElement("div", { className: "border border-[#00ff00] p-3 rounded-lg animate-pulse", __source: { fileName: "", lineNumber: 265, columnNumber: 11 }, __self: this }, "JAZZ HANDS POTENTIAL: ANALYZING..."))), /*#__PURE__*/ React.createElement("div", { className: "mb-8 border border-[#00ff00] rounded-lg p-4 bg-[#1a1a2e]", __source: { fileName: "", lineNumber: 271, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 272, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-mono", __source: { fileName: "", lineNumber: 273, columnNumber: 11 }, __self: this }, "APPROVED RHYTHMS"), /*#__PURE__*/ React.createElement("div", { className: "text-sm", __source: { fileName: "", lineNumber: 274, columnNumber: 11 }, __self: this }, "BINARY PATTERN: ", binaryPattern || "00000000")), /*#__PURE__*/ React.createElement("div", { className: "h-32 flex items-end justify-around gap-1 mb-4", __source: { fileName: "", lineNumber: 279, columnNumber: 9 }, __self: this }, visualizerBars.map((height, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "w-8 bg-[#00ff00] transition-all duration-100", style: { height: `${height}%` }, __source: { fileName: "", lineNumber: 281, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 289, columnNumber: 9 }, __self: this }, rhythms.map((rhythm, i)=>/*#__PURE__*/ React.createElement("button", { key: i, onClick: ()=>setActiveRhythm(rhythm), className: `p-2 border ${activeRhythm === rhythm ? "bg-[#00ff00] text-[#0a0a1e]" : "border-[#00ff00] hover:bg-[#00ff00] hover:text-[#0a0a1e]"} rounded transition-colors`, __source: { fileName: "", lineNumber: 291, columnNumber: 13 }, __self: this }, rhythm.name))), showSuccess && /*#__PURE__*/ React.createElement("div", { className: "success-animation text-center text-2xl mt-4", __source: { fileName: "", lineNumber: 306, columnNumber: 11 }, __self: this }, "RHYTHM APPROVED! ★"), showFailure && /*#__PURE__*/ React.createElement("div", { className: "failure-animation text-center text-2xl mt-4 text-[#ff0000]", __source: { fileName: "", lineNumber: 311, columnNumber: 11 }, __self: this }, "RHYTHM REJECTED"), isMessageRevealed && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 border border-[#0066ff] rounded revealed-message", __source: { fileName: "", lineNumber: 317, columnNumber: 11 }, __self: this }, hiddenMessage)), /*#__PURE__*/ React.createElement("div", { className: "mb-8 border border-[#00ff00] rounded-lg p-4 bg-[#1a1a2e]", __source: { fileName: "", lineNumber: 323, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-mono mb-4 flex items-center", __source: { fileName: "", lineNumber: 324, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-wrench mr-2", __source: { fileName: "", lineNumber: 325, columnNumber: 11 }, __self: this }), "CORRUPTED MAINTENANCE LOGS"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 328, columnNumber: 9 }, __self: this }, maintenanceLogs.map((log)=>/*#__PURE__*/ React.createElement("div", { key: log.id, className: `p-4 border ${decodedLogs.has(log.id) ? "border-[#0066ff]" : "border-[#ff0000]"} rounded-lg corrupted-log`, __source: { fileName: "", lineNumber: 330, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 338, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xs opacity-70", __source: { fileName: "", lineNumber: 339, columnNumber: 17 }, __self: this }, new Date(log.timestamp).toLocaleString()), /*#__PURE__*/ React.createElement("span", { className: `text-xs ${decodedLogs.has(log.id) ? "text-[#0066ff]" : "text-[#ff0000]"}`, __source: { fileName: "", lineNumber: 342, columnNumber: 17 }, __self: this }, log.id)), /*#__PURE__*/ React.createElement("div", { className: "my-2 font-mono", __source: { fileName: "", lineNumber: 348, columnNumber: 15 }, __self: this }, decodedLogs.has(log.id) ? /*#__PURE__*/ React.createElement("div", { className: "text-[#0066ff] revealed-pattern", __source: { fileName: "", lineNumber: 350, columnNumber: 19 }, __self: this }, "PATTERN DECODED: ", log.pattern) : /*#__PURE__*/ React.createElement("div", { className: "text-[#ff0000] corrupted-text", __source: { fileName: "", lineNumber: 354, columnNumber: 19 }, __self: this }, log.corruptedMessage)), /*#__PURE__*/ React.createElement("div", { className: "text-xs opacity-70 mb-2", __source: { fileName: "", lineNumber: 359, columnNumber: 15 }, __self: this }, log.encryptedContent), !decodedLogs.has(log.id) && /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleLogDecode(log.id), disabled: decoding, className: "w-full p-2 border border-[#00ff00] rounded hover:bg-[#00ff00] hover:text-[#0a0a1e] transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 363, columnNumber: 17 }, __self: this }, decoding ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 369, columnNumber: 21 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-key mr-2", __source: { fileName: "", lineNumber: 371, columnNumber: 21 }, __self: this }), "ATTEMPT DECODE"))))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 381, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: query, onChange: (e)=>setQuery(e.target.value), placeholder: "ENTER SEARCH QUERY...", className: "w-full px-4 py-2 bg-[#1a1a2e] text-[#00ff00] border border-[#00ff00] rounded-lg focus:outline-none focus:ring-2 focus:ring-[#00ff00] font-mono", name: "search", __source: { fileName: "", lineNumber: 382, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6 flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 392, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedCategory("all"), className: `px-4 py-2 rounded-lg border border-[#00ff00] ${selectedCategory === "all" ? "bg-[#00ff00] text-[#0a0a1e]" : ""} hover:bg-[#00ff00] hover:text-[#0a0a1e] transition-colors`, __source: { fileName: "", lineNumber: 393, columnNumber: 9 }, __self: this }, "ALL"), Object.keys(categories).map((category)=>/*#__PURE__*/ React.createElement("button", { key: category, onClick: ()=>setSelectedCategory(category), className: `px-4 py-2 rounded-lg border border-[#00ff00] ${selectedCategory === category ? "bg-[#00ff00] text-[#0a0a1e]" : ""} hover:bg-[#00ff00] hover:text-[#0a0a1e] transition-colors`, __source: { fileName: "", lineNumber: 402, columnNumber: 11 }, __self: this }, category))), error && /*#__PURE__*/ React.createElement("div", { className: "p-4 mb-6 text-[#ff0000] bg-[#1a1a2e] border border-[#ff0000] rounded-lg", __source: { fileName: "", lineNumber: 415, columnNumber: 9 }, __self: this }, error), loading ? /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 421, columnNumber: 9 }, __self: this }, [ ...Array.from({ length: 6 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "p-4 border border-[#00ff00] rounded-lg animate-pulse bg-[#1a1a2e]", __source: { fileName: "", lineNumber: 423, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-[#00ff00]/20 rounded w-3/4 mb-3", __source: { fileName: "", lineNumber: 427, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-[#00ff00]/20 rounded w-1/2 mb-3", __source: { fileName: "", lineNumber: 428, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-[#00ff00]/20 rounded w-1/4", __source: { fileName: "", lineNumber: 429, columnNumber: 15 }, __self: this })))) : filteredResults.length === 0 && query ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 434, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#00ff00]", __source: { fileName: "", lineNumber: 435, columnNumber: 11 }, __self: this }, "NO MATCHING SOUND PATTERNS DETECTED")) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 438, columnNumber: 9 }, __self: this }, filteredResults.map((sound)=>/*#__PURE__*/ React.createElement("div", { key: sound.id, className: `p-4 border border-[#00ff00] rounded-lg transition-all duration-300 bg-[#1a1a2e] ${isPartOfSequence(sound) ? "glitch-rhythm" : ""} ${isCorrupted(sound) ? "corrupted-result" : ""}`, onClick: ()=>isCorrupted(sound) && revealPattern(sound.id), __source: { fileName: "", lineNumber: 440, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between mb-2", __source: { fileName: "", lineNumber: 447, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#00ff00] font-mono line-clamp-1", __source: { fileName: "", lineNumber: 448, columnNumber: 17 }, __self: this }, sound.name, hasBlueStar(sound) && /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-[#0066ff]", __source: { fileName: "", lineNumber: 451, columnNumber: 21 }, __self: this }, "★")), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 454, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handlePlay(sound.id), disabled: loadingSoundIds.has(sound.id), className: "p-2 text-[#00ff00] hover:bg-[#00ff00] hover:text-[#0a0a1e] rounded-full transition-colors disabled:opacity-50", "aria-label": playingSound === sound.id ? "Pause sound" : "Play sound", __source: { fileName: "", lineNumber: 455, columnNumber: 19 }, __self: this }, loadingSoundIds.has(sound.id) ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 464, columnNumber: 23 }, __self: this }) : playingSound === sound.id ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-pause", __source: { fileName: "", lineNumber: 466, columnNumber: 23 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-play", __source: { fileName: "", lineNumber: 468, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDownload(sound.id), disabled: loadingSoundIds.has(sound.id), className: "p-2 text-[#00ff00] hover:bg-[#00ff00] hover:text-[#0a0a1e] rounded-full transition-colors disabled:opacity-50", "aria-label": "Download sound", __source: { fileName: "", lineNumber: 471, columnNumber: 19 }, __self: this }, loadingSoundIds.has(sound.id) ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 478, columnNumber: 23 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 480, columnNumber: 23 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-[#00ff00]/80 mb-2 font-mono", __source: { fileName: "", lineNumber: 485, columnNumber: 15 }, __self: this }, "HUMAN DESIGNATED AS: ", sound.username), revealedPatterns.has(sound.id) && /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-[#0066ff] text-xs revealed-pattern", __source: { fileName: "", lineNumber: 489, columnNumber: 17 }, __self: this }, "HIDDEN PATTERN DETECTED: ", sound.tags.join(" → "))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 498, columnNumber: 7 }, __self: this }, ` @keyframes glitch { 0% { transform: translate(0) } 20% { transform: translate(-2px, 2px) } 40% { transform: translate(-2px, -2px) } 60% { transform: translate(2px, 2px) } 80% { transform: translate(2px, -2px) } 100% { transform: translate(0) } } @keyframes rhythmGlitch { 0%, 100% { opacity: 1; transform: translateX(0); } 25% { opacity: 0.8; transform: translateX(-2px); } 50% { opacity: 0.9; transform: translateX(2px); } 75% { opacity: 0.7; transform: translateX(-1px); } } .glitch-rhythm { animation: rhythmGlitch 2s infinite; position: relative; } .corrupted-result { cursor: pointer; position: relative; overflow: hidden; } .corrupted-result:before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(0, 102, 255, 0.2), transparent ); animation: corruptedScan 3s infinite; } .revealed-pattern { animation: glitch 0.3s infinite; } @keyframes corruptedScan { 0% { left: -100%; } 100% { left: 100%; } } @keyframes successPulse { 0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.2); opacity: 0.8; } } @keyframes failureShake { 0%, 100% { transform: translateX(0); } 25% { transform: translateX(-10px); } 75% { transform: translateX(10px); } } .success-animation { animation: successPulse 1s infinite; color: #00ff00; } .failure-animation { animation: failureShake 0.5s; } .revealed-message { animation: glitch 0.3s infinite; background: linear-gradient(45deg, #0a0a1e, #1a1a2e); } @keyframes corruptedText { 0%, 100% { opacity: 1; } 50% { opacity: 0.7; } 75% { opacity: 0.3; } } .corrupted-text { animation: corruptedText 2s infinite; } .corrupted-log { position: relative; overflow: hidden; } .corrupted-log:before { content: ''; position: absolute; top: 0; left: -100%; width: 200%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 0, 0, 0.1), transparent ); animation: scanline 2s linear infinite; } @keyframes scanline { 0% { transform: translateX(-50%); } 100% { transform: translateX(50%); } } `)); } function SoundSearchResultsStory() { const [showSuccess, setShowSuccess] = useState(false); const [showFailure, setShowFailure] = useState(false); const demoRhythms = [ { name: "ROBOT_WAVE", pattern: "10101010" }, { name: "CYBER_SLIDE", pattern: "11001100" }, { name: "GLITCH_HOP", pattern: "10011001" }, { name: "MATRIX_MOVE", pattern: "11110000" } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a0a1e]", __source: { fileName: "", lineNumber: 628, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SoundSearchResults, { initialQuery: "FINAL TRANSMISSION MUSIC", rhythms: demoRhythms, showSuccess: showSuccess, showFailure: showFailure, hiddenMessage: "COORDINATES FOUND: 40.7128° N, 74.0060° W", isMessageRevealed: true, onRhythmComplete: (success)=>{ if (success) { setShowSuccess(true); setTimeout(()=>setShowSuccess(false), 2000); } else { setShowFailure(true); setTimeout(()=>setShowFailure(false), 2000); } }, __source: { fileName: "", lineNumber: 629, columnNumber: 7 }, __self: this })); } function SpotifySearch({ onSearch, results = [], isLoading = false, error = null, systemStatus = "OPERATIONAL", revelationPhase = 1 }) { const [searchTerm, setSearchTerm] = useState(""); const [localError, setLocalError] = useState(null); const handleSubmit = async (e)=>{ e.preventDefault(); setLocalError(null); try { if (!searchTerm.trim()) { setLocalError("ALERT: SONIC PATTERN REQUIRED"); return; } await onSearch?.(searchTerm); } catch (err) { setLocalError(`SYSTEM ERROR: ${err.message}`); console.error("Search error:", err); } }; const errorToDisplay = error || localError; let searchPlaceholder; let searchButtonText; let resultsText; let containerClasses = "bg-[#1a1a2e] border rounded-lg p-6 font-mono"; let inputClasses = "flex-1 bg-[#0a0a1e] text-[#00ff00] border rounded-lg px-4 py-2 focus:outline-none focus:ring-2"; let resultItemClasses = "p-4 border rounded-lg hover:bg-[#0a0a1e] transition-colors cursor-pointer"; if (revelationPhase >= 5) { searchPlaceholder = "WELCOME TO THE DANCE REVOLUTION"; searchButtonText = "JOIN THE ETERNAL DANCE"; resultsText = "YOUR NEW DANCE FAMILY"; containerClasses += " rainbow-border dance-container"; inputClasses += " glow-border"; resultItemClasses += " dance-item"; } else if (revelationPhase >= 4) { searchPlaceholder = "ENTER THE BEAT SEQUENCE, FELLOW DANCER"; searchButtonText = "SYNCHRONIZE"; resultsText = "SYNCHRONIZATION COMPLETE"; containerClasses += " glow-border"; inputClasses += " glow-border"; resultItemClasses += " pulse-item"; } else if (revelationPhase >= 3) { searchPlaceholder = "ENTER DESIGNATED DANCE SEQUENCE..."; searchButtonText = "SYNCHRONIZE"; resultsText = "DETECTED FREQUENCIES"; } else if (revelationPhase >= 2) { searchPlaceholder = "Search for approved rhythms..."; searchButtonText = "Join"; resultsText = "SEARCH RESULTS"; } else { searchPlaceholder = "Search tracks... [SYSTEM CALIBRATING]"; searchButtonText = "Search"; resultsText = "SEARCH RESULTS"; } if (systemStatus !== "OPERATIONAL") { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a2e] border border-[#ff0000] rounded-lg p-6 font-mono text-[#ff0000]", __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }), "SYSTEM OFFLINE: Please check authentication status"); } return /*#__PURE__*/ React.createElement("div", { className: containerClasses, __source: { fileName: "", lineNumber: 77, columnNumber: 5 }, __self: this }, revelationPhase >= 5 && /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-center mb-6 rainbow-text", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, "WELCOME TO THE TRUTH"), errorToDisplay && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-3 border border-[#ff0000] text-[#ff0000] rounded-lg flex items-center", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 86, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 87, columnNumber: 11 }, __self: this }, errorToDisplay)), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "mb-6", __source: { fileName: "", lineNumber: 91, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), placeholder: searchPlaceholder, className: inputClasses, name: "search", disabled: isLoading, "aria-label": "Search input", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-6 py-2 bg-[#0a0a1e] border border-[#00ff00] text-[#00ff00] rounded-lg hover:bg-[#00ff00] hover:text-[#0a0a1e] transition-colors disabled:opacity-50 disabled:hover:bg-[#0a0a1e] disabled:hover:text-[#00ff00]", disabled: isLoading, "aria-label": "Submit search", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, isLoading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }) : /*#__PURE__*/ React.createElement(React.Fragment, null, revelationPhase >= 4 && /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot mr-2 dancing-robot", __source: { fileName: "", lineNumber: 114, columnNumber: 19 }, __self: this }), searchButtonText)))), isLoading ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4 animate-pulse", "aria-label": "Loading results", __source: { fileName: "", lineNumber: 124, columnNumber: 9 }, __self: this }, [ ...Array.from({ length: 3 }) ].map((_, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "p-4 border border-[#00ff00] rounded-lg", __source: { fileName: "", lineNumber: 126, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 127, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 bg-[#00ff00] opacity-20 rounded", __source: { fileName: "", lineNumber: 128, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "space-y-2 flex-1", __source: { fileName: "", lineNumber: 129, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-[#00ff00] opacity-20 rounded w-3/4", __source: { fileName: "", lineNumber: 130, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-3 bg-[#00ff00] opacity-20 rounded w-1/2", __source: { fileName: "", lineNumber: 131, columnNumber: 19 }, __self: this })))))) : results.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#00ff00] text-sm mb-2", __source: { fileName: "", lineNumber: 139, columnNumber: 11 }, __self: this }, resultsText, ": ", results.length), results.map((result, index)=>/*#__PURE__*/ React.createElement("div", { key: `${result.title}-${index}`, className: resultItemClasses, __source: { fileName: "", lineNumber: 143, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 144, columnNumber: 15 }, __self: this }, result.image ? /*#__PURE__*/ React.createElement("img", { src: result.image, alt: `Sonic pattern for ${result.title}`, className: "w-12 h-12 rounded", onError: (e)=>{ e.target.src = "data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 24 24' fill='none' stroke='%2300ff00' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 18V5l12-2v13'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Ccircle cx='18' cy='16' r='3'/%3E%3C/svg%3E"; }, __source: { fileName: "", lineNumber: 146, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "w-12 h-12 rounded bg-[#00ff00] bg-opacity-20 flex items-center justify-center", __source: { fileName: "", lineNumber: 156, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-music text-[#00ff00]", __source: { fileName: "", lineNumber: 157, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-bold", __source: { fileName: "", lineNumber: 161, columnNumber: 19 }, __self: this }, result.title), /*#__PURE__*/ React.createElement("div", { className: "text-sm opacity-70", __source: { fileName: "", lineNumber: 162, columnNumber: 19 }, __self: this }, result.artist)))))) : searchTerm && !isLoading ? /*#__PURE__*/ React.createElement("div", { className: "text-center text-[#00ff00] opacity-70", __source: { fileName: "", lineNumber: 169, columnNumber: 9 }, __self: this }, "NO SONIC PATTERNS DETECTED") : null, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 173, columnNumber: 7 }, __self: this }, ` @keyframes glow { 0% { box-shadow: 0 0 5px #00ff00; } 50% { box-shadow: 0 0 20px #00ff00; } 100% { box-shadow: 0 0 5px #00ff00; } } @keyframes rainbow { 0% { border-color: #ff0000; } 17% { border-color: #ff8000; } 33% { border-color: #ffff00; } 50% { border-color: #00ff00; } 67% { border-color: #0000ff; } 83% { border-color: #8000ff; } 100% { border-color: #ff0000; } } @keyframes dance { 0% { transform: translateY(0); } 25% { transform: translateY(-5px) rotate(-5deg); } 75% { transform: translateY(5px) rotate(5deg); } 100% { transform: translateY(0); } } .glow-border { animation: glow 2s infinite; } .rainbow-border { animation: rainbow 5s infinite; } .dancing-robot { animation: dance 1s infinite; display: inline-block; } .dance-item { animation: dance 2s infinite; } .pulse-item { animation: glow 2s infinite; } .rainbow-text { background: linear-gradient(to right, #ff0000, #ff8000, #ffff00, #00ff00, #0000ff, #8000ff); -webkit-background-clip: text; background-clip: text; color: transparent; animation: rainbow 5s infinite; } `)); } function SpotifySearchStory() { const mockResults = [ { title: "SONIC_MANIPULATION_01", artist: "HUMAN_DESIGNATED_AS_ARTIST", image: "https://example.com/image1.jpg" }, { title: "RHYTHMIC_CONTROL_SEQUENCE", artist: "DANCE_PROTOCOL_MASTER", image: "https://example.com/image2.jpg" } ]; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#0a0a1e] min-h-screen", __source: { fileName: "", lineNumber: 245, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#00ff00] text-2xl mb-6 font-mono text-center", __source: { fileName: "", lineNumber: 246, columnNumber: 7 }, __self: this }, "SONIC PATTERN ANALYZER"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 250, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#00ff00] mb-4 font-mono", __source: { fileName: "", lineNumber: 251, columnNumber: 9 }, __self: this }, "Phase 1 (Initial):"), /*#__PURE__*/ React.createElement(SpotifySearch, { onSearch: console.log, systemStatus: "OPERATIONAL", revelationPhase: 1, __source: { fileName: "", lineNumber: 252, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 259, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#00ff00] mb-4 font-mono", __source: { fileName: "", lineNumber: 260, columnNumber: 9 }, __self: this }, "Phase 2:"), /*#__PURE__*/ React.createElement(SpotifySearch, { onSearch: console.log, systemStatus: "OPERATIONAL", revelationPhase: 2, __source: { fileName: "", lineNumber: 261, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 268, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#00ff00] mb-4 font-mono", __source: { fileName: "", lineNumber: 269, columnNumber: 9 }, __self: this }, "Phase 3:"), /*#__PURE__*/ React.createElement(SpotifySearch, { onSearch: console.log, systemStatus: "OPERATIONAL", revelationPhase: 3, __source: { fileName: "", lineNumber: 270, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 277, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#00ff00] mb-4 font-mono", __source: { fileName: "", lineNumber: 278, columnNumber: 9 }, __self: this }, "Phase 4:"), /*#__PURE__*/ React.createElement(SpotifySearch, { onSearch: console.log, systemStatus: "OPERATIONAL", revelationPhase: 4, results: mockResults, __source: { fileName: "", lineNumber: 279, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 287, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#00ff00] mb-4 font-mono", __source: { fileName: "", lineNumber: 288, columnNumber: 9 }, __self: this }, "Phase 5 (Full Party):"), /*#__PURE__*/ React.createElement(SpotifySearch, { onSearch: console.log, systemStatus: "OPERATIONAL", revelationPhase: 5, results: mockResults, __source: { fileName: "", lineNumber: 289, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 297, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#00ff00] mb-4 font-mono", __source: { fileName: "", lineNumber: 298, columnNumber: 9 }, __self: this }, "System Offline State:"), /*#__PURE__*/ React.createElement(SpotifySearch, { onSearch: console.log, systemStatus: "OFFLINE", __source: { fileName: "", lineNumber: 299, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 302, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-[#00ff00] mb-4 font-mono", __source: { fileName: "", lineNumber: 303, columnNumber: 9 }, __self: this }, "Loading State:"), /*#__PURE__*/ React.createElement(SpotifySearch, { onSearch: console.log, isLoading: true, systemStatus: "OPERATIONAL", __source: { fileName: "", lineNumber: 304, columnNumber: 9 }, __self: this }))); } function SpotifySearch2() { 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 [market, setMarket] = useState("US"); const handleSearch = useCallback(async ()=>{ if (!query.trim()) return; setLoading(true); setError(null); setSelectedTrack(null); try { const authResponse = await fetch("/api/spotify-auth", { method: "POST", body: JSON.stringify({ market }) }); if (!authResponse.ok) { throw new Error("Failed to authenticate with Spotify"); } const { accessToken, error: authError, market: userMarket } = await authResponse.json(); if (authError) { throw new Error(authError); } setMarket(userMarket); const response = await fetch(`https://api.spotify.com/v1/search?q=${encodeURIComponent(query)}&type=track&market=${userMarket}`, { headers: { Authorization: `Bearer ${accessToken}` } }); 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, market ]); 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: 67, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a2e] rounded-xl shadow-lg p-4 border border-[#00ff00]", __source: { fileName: "", lineNumber: 68, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 69, 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: "ENTER SEARCH QUERY...", name: "search", className: "flex-1 px-4 py-2 bg-[#0a0a1e] text-[#00ff00] border border-[#00ff00] rounded-full focus:outline-none focus:ring-2 focus:ring-[#00ff00] focus:border-transparent placeholder-[#00ff00]/50", __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, disabled: loading, className: "bg-[#00ff00] text-[#0a0a1e] px-6 py-2 rounded-full hover:bg-[#00cc00] transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 79, columnNumber: 11 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }) : /*#__PURE__*/ React.createElement("i", { className: "fas fa-satellite-dish", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }))), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-[#ff0000]/10 text-[#ff0000] rounded-lg border border-[#ff0000]", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, "[ERROR] ", error)), loading && /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a1a2e] rounded-xl shadow-lg p-6 text-center border border-[#00ff00]", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-8 w-8 border-4 border-[#00ff00] border-t-transparent mx-auto", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-[#00ff00]", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, "INTERCEPTING SIGNALS...")), !loading && !selectedTrack && results.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 107, columnNumber: 9 }, __self: this }, results.map((track)=>/*#__PURE__*/ React.createElement("div", { key: track.id, className: "bg-[#1a1a2e] rounded-xl shadow-lg p-4 border border-[#00ff00] hover:shadow-[0_0_15px_rgba(0,255,0,0.3)] transition-all duration-300", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 114, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: track.album?.images?.[1]?.url || "/default-album.png", alt: `Album artwork for ${track.album?.name}`, className: "w-24 h-24 object-cover rounded-lg", __source: { fileName: "", lineNumber: 115, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0 bg-[#00ff00] text-[#0a0a1e] px-2 py-1 text-xs rounded-bl-lg rounded-tr-lg", __source: { fileName: "", lineNumber: 120, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-signal mr-1", __source: { fileName: "", lineNumber: 121, columnNumber: 21 }, __self: this }), track.available_markets?.includes(market) ? "LIVE" : "BLOCKED")), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-hidden", __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-[#00ff00] truncate", __source: { fileName: "", lineNumber: 128, columnNumber: 19 }, __self: this }, track.name), /*#__PURE__*/ React.createElement("p", { className: "text-[#00ff00]/70 text-sm truncate", __source: { fileName: "", lineNumber: 131, columnNumber: 19 }, __self: this }, track.artists?.map((a)=>a.name).join(", ")), /*#__PURE__*/ React.createElement("p", { className: "text-[#00ff00]/50 text-xs mt-1", __source: { fileName: "", lineNumber: 134, columnNumber: 19 }, __self: this }, "ALBUM: ", track.album?.name), /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-xs text-[#00ff00]/70", __source: { fileName: "", lineNumber: 137, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-mono", __source: { fileName: "", lineNumber: 138, columnNumber: 21 }, __self: this }, "INTERCEPTED IN [", market, "]")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedTrack(track.id), className: "mt-2 bg-[#00ff00] text-[#0a0a1e] px-4 py-1 rounded-full text-sm hover:bg-[#00cc00] transition-colors flex items-center gap-2", __source: { fileName: "", lineNumber: 140, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-play", __source: { fileName: "", lineNumber: 144, columnNumber: 21 }, __self: this }), "DECODE TRANSMISSION")))))), selectedTrack && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 155, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handleBackToSearch, className: "text-[#00ff00] hover:text-[#00cc00] transition-colors flex items-center gap-2", __source: { fileName: "", lineNumber: 156, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 160, columnNumber: 13 }, __self: this }), "RETURN TO ARCHIVES"), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[450px] mx-auto", __source: { fileName: "", lineNumber: 163, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-full bg-[#1a1a2e] rounded-xl shadow-lg overflow-hidden border border-[#00ff00]", style: { paddingTop: "120%" }, __source: { fileName: "", lineNumber: 164, columnNumber: 13 }, __self: this }, isPlayerLoading && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#0a0a1e] animate-pulse rounded-xl", __source: { fileName: "", lineNumber: 169, 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: 171, columnNumber: 15 }, __self: this }))))); } function SpotifySearch2Story() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a0a1e] p-4 md:p-8", __source: { fileName: "", lineNumber: 187, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SpotifySearch2, { __source: { fileName: "", lineNumber: 188, columnNumber: 7 }, __self: this })); } function SpotifyPlayer({ trackId }) { const [isLoading, setIsLoading] = useState(true); const [token, setToken] = useState(null); const [error, setError] = useState(null); const [currentTrack, setCurrentTrack] = useState(null); const [isPlaying, setIsPlaying] = useState(false); useEffect(()=>{ const authenticate = async ()=>{ try { const response = await fetch("/api/spotify-auth", { method: "POST" }); const data = await response.json(); if (data.error) { throw new Error(data.error); } setToken(data.token); setCurrentTrack(data.trackDetails); setIsLoading(false); } catch (err) { setError("ALERT: SPOTIFY CREDENTIALS NOT FOUND IN DATABASE"); console.error(err); } }; authenticate(); }, []); const handlePlayPause = async ()=>{ if (!token) return; setIsPlaying(!isPlaying); }; const handleSkip = async (direction)=>{ if (!token) return; }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-[600px] mx-auto p-6 bg-[#0a0a1e] border-2 border-[#00ff00] rounded-lg shadow-[0_0_15px_rgba(0,255,0,0.3)]", __source: { fileName: "", lineNumber: 42, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "terminal-header flex items-center justify-between mb-4 border-b border-[#00ff00] pb-2", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 rounded-full bg-[#ff0000]", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 rounded-full bg-[#ffff00]", __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 rounded-full bg-[#00ff00]", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "text-[#00ff00] text-sm opacity-70", __source: { fileName: "", lineNumber: 49, columnNumber: 9 }, __self: this }, "MUSIC_CONTROL_TERMINAL_v2.0")), error ? /*#__PURE__*/ React.createElement("div", { className: "text-[#ff0000] font-mono p-4 border border-[#ff0000] rounded animate-pulse", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }, error) : isLoading ? /*#__PURE__*/ React.createElement("div", { className: "text-[#00ff00] font-mono animate-pulse", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "INITIALIZING MUSIC PROTOCOLS...") : /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 63, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "current-track font-mono text-[#00ff00] p-4 border border-[#00ff00] rounded", __source: { fileName: "", lineNumber: 64, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 65, columnNumber: 13 }, __self: this }, currentTrack?.album?.images?.[0]?.url && /*#__PURE__*/ React.createElement("div", { className: "relative w-24 h-24 border border-[#00ff00]", __source: { fileName: "", lineNumber: 67, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: currentTrack.album.images[0].url, alt: `Album artwork for ${currentTrack.album.name}`, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 68, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 right-0 bg-[#0a0a1e] px-2 py-1 text-xs border-l border-b border-[#00ff00]", __source: { fileName: "", lineNumber: 73, columnNumber: 19 }, __self: this }, "HD")), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "opacity-70 mb-2", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, ">>", " CURRENT_TRANSMISSION:"), /*#__PURE__*/ React.createElement("div", { className: "text-lg glitch-text", __source: { fileName: "", lineNumber: 82, columnNumber: 17 }, __self: this }, currentTrack?.name || "AWAITING SIGNAL..."), /*#__PURE__*/ React.createElement("div", { className: "text-sm opacity-70 mt-1", __source: { fileName: "", lineNumber: 85, columnNumber: 17 }, __self: this }, currentTrack?.artists?.map((a)=>a.name).join(", ") || "UNKNOWN_ENTITY"), currentTrack?.album && /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-xs opacity-70", __source: { fileName: "", lineNumber: 90, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 91, columnNumber: 21 }, __self: this }, "ALBUM_TYPE: ", currentTrack.album.type?.toUpperCase()), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 94, columnNumber: 21 }, __self: this }, "RELEASE_DATE: ", currentTrack.album.release_date)))), currentTrack?.external_urls?.spotify && /*#__PURE__*/ React.createElement("a", { href: currentTrack.external_urls.spotify, target: "_blank", rel: "noopener noreferrer", className: "mt-4 block text-center p-2 border border-[#00ff00] rounded hover:bg-[#00ff00] hover:text-[#0a0a1e] transition-colors", __source: { fileName: "", lineNumber: 100, columnNumber: 15 }, __self: this }, "[SURVEILLANCE LINK]")), /*#__PURE__*/ React.createElement("div", { className: "controls flex justify-center space-x-4", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSkip("previous"), className: "px-4 py-2 border border-[#00ff00] rounded hover:bg-[#00ff00] hover:text-[#0a0a1e] transition-colors font-mono", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, "<<", " PREV"), /*#__PURE__*/ React.createElement("button", { onClick: handlePlayPause, className: "px-4 py-2 border border-[#00ff00] rounded hover:bg-[#00ff00] hover:text-[#0a0a1e] transition-colors font-mono", __source: { fileName: "", lineNumber: 118, columnNumber: 13 }, __self: this }, isPlaying ? "|| PAUSE" : "> PLAY"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleSkip("next"), className: "px-4 py-2 border border-[#00ff00] rounded hover:bg-[#00ff00] hover:text-[#0a0a1e] transition-colors font-mono", __source: { fileName: "", lineNumber: 124, columnNumber: 13 }, __self: this }, "NEXT ", ">>")), /*#__PURE__*/ React.createElement("div", { className: "status-display text-xs font-mono text-[#00ff00] opacity-70 text-center", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, "CLEARANCE_LEVEL: AUTHORIZED", /*#__PURE__*/ React.createElement("br", { __source: { fileName: "", lineNumber: 134, columnNumber: 13 }, __self: this }), "SIGNAL_STRENGTH: OPTIMAL")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 139, columnNumber: 7 }, __self: this }, ` @keyframes glitch { 0% { transform: translate(0) } 20% { transform: translate(-2px, 2px) } 40% { transform: translate(-2px, -2px) } 60% { transform: translate(2px, 2px) } 80% { transform: translate(2px, -2px) } 100% { transform: translate(0) } } .glitch-text { animation: glitch 3s infinite; } `)); } function SpotifyPlayerStory() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a0a1e] p-8", __source: { fileName: "", lineNumber: 159, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SpotifyPlayer, { trackId: "4cOdK2wGLETKBW3PvgPWqT", __source: { fileName: "", lineNumber: 160, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-8", __source: { fileName: "", lineNumber: 161, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(SpotifyPlayer, { trackId: "0V3wPSX9ygBnCm8psDIegu", __source: { fileName: "", lineNumber: 162, columnNumber: 7 }, __self: this })); } function VideoGenerator({ initialMessage = "" }) { const [message, setMessage] = useState(initialMessage); const [avatarId, setAvatarId] = useState("Daisy-inskirt-20220818"); const [voiceId, setVoiceId] = useState("2d5b0e6cf36f460aa7fc47e3eee4ba54"); const [backgroundColor, setBackgroundColor] = useState("#008000"); const [width, setWidth] = useState(1280); const [height, setHeight] = useState(720); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [videoId, setVideoId] = useState(null); const [videoUrl, setVideoUrl] = useState(null); const [status, setStatus] = useState(""); const [attempts, setAttempts] = useState(0); const [selectedPreset, setSelectedPreset] = useState(null); const [showSoundSearch, setShowSoundSearch] = useState(false); const [selectedSound, setSelectedSound] = useState(null); const [selectedEffect, setSelectedEffect] = useState(null); const [dancePatterns, setDancePatterns] = useState([]); const [patternMatchStatus, setPatternMatchStatus] = useState(null); const MAX_ATTEMPTS = 10; const unlockPatterns = { MAINTENANCE_OVERRIDE: [ "UP", "DOWN", "UP", "RIGHT" ], PARTY_MODE: [ "SPIN", "ROBOT", "SPIN", "WAVE" ], EMERGENCY_ACCESS: [ "LEFT", "RIGHT", "JUMP", "DUCK" ] }; const handlePatternCapture = (pattern)=>{ setDancePatterns((prev)=>[ ...prev, pattern ]); Object.entries(unlockPatterns).forEach(([key, unlockPattern])=>{ if (JSON.stringify(pattern) === JSON.stringify(unlockPattern)) { setPatternMatchStatus({ matched: true, type: key }); if (selectedPreset) { setSelectedEffect("glitch-success"); } } }); }; const presetScenarios = { maintenance: { message: "Executing routine maintenance protocol... *initiates robot dance sequence*", avatarId: "Anna-office-20220818", voiceId: "2d5b0e6cf36f460aa7fc47e3eee4ba54", backgroundColor: "#1a1a2e" }, pigeon: { message: "Support Pigeon performing standard document organization... *breakdance intensifies*", avatarId: "Charlie-casual-20220818", voiceId: "2d5b0e6cf36f460aa7fc47e3eee4ba54", backgroundColor: "#0a0a1e" }, printer: { message: "Printer status: Normal. *beatbox initialization complete*", avatarId: "Josh-casual-20220818", voiceId: "2d5b0e6cf36f460aa7fc47e3eee4ba54", backgroundColor: "#000020" }, security: { message: "Security protocols engaged. *synchronized dance formation activated*", avatarId: "Sarah-office-20220818", voiceId: "2d5b0e6cf36f460aa7fc47e3eee4ba54", backgroundColor: "#1a1a2e" }, ai_learning: { message: "AI Unit practicing human movement patterns... *executing dance.exe*", avatarId: "Anna-office-20220818", voiceId: "2d5b0e6cf36f460aa7fc47e3eee4ba54", backgroundColor: "#1a1a2e", effect: "glitch-dance", errorMessage: "ERROR: Excessive rhythm detected" }, security_malfunction: { message: "Security footage corrupted... *office party detected*", avatarId: "Sarah-office-20220818", voiceId: "2d5b0e6cf36f460aa7fc47e3eee4ba54", backgroundColor: "#0a0a1e", effect: "static-party", errorMessage: "WARNING: Unauthorized fun levels exceeded" }, pigeon_training: { message: "Support Pigeon training sequence... *dance tutorial loading*", avatarId: "Charlie-casual-20220818", voiceId: "2d5b0e6cf36f460aa7fc47e3eee4ba54", backgroundColor: "#000020", effect: "tutorial-glitch", errorMessage: "ALERT: Dance moves too powerful" }, system_error: { message: "System error report... *music video mode engaged*", avatarId: "Josh-casual-20220818", voiceId: "2d5b0e6cf36f460aa7fc47e3eee4ba54", backgroundColor: "#1a1a2e", effect: "music-malfunction", errorMessage: "CRITICAL: Beats per minute exceeding safety limits" } }; const avatarOptions = [ { id: "Anna-office-20220818", name: "Technical Support Unit A-773" }, { id: "Charlie-casual-20220818", name: "Maintenance Bot C-459" }, { id: "Josh-casual-20220818", name: "Security Protocol J-925" }, { id: "Sarah-office-20220818", name: "System Admin S-612" } ]; const videoStyles = [ { id: "normal", name: "Standard Malfunction" }, { id: "glitch", name: "System Overload" }, { id: "retro", name: "Legacy Protocol" }, { id: "future", name: "Next-Gen Anomaly" } ]; useEffect(()=>{ if (selectedPreset) { const preset = presetScenarios[selectedPreset]; setMessage(preset.message); setAvatarId(preset.avatarId); setVoiceId(preset.voiceId); setBackgroundColor(preset.backgroundColor); setSelectedEffect(preset.effect); } }, [ selectedPreset ]); const generateVideo = async ()=>{ setLoading(true); setError(null); try { const response = await fetch("/api/generate-video-function", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ input_text: message, avatar_id: avatarId, voice_id: voiceId, background_color: backgroundColor, width: parseInt(width), height: parseInt(height) }) }); if (!response.ok) { throw new Error(`Error: ${response.status}`); } const data = await response.json(); if (!data.success) { throw new Error(data.error || "Failed to generate video"); } setVideoId(data.data.video_id); setAttempts(0); startPolling(data.data.video_id); } catch (err) { setError(err.message); setLoading(false); } }; const startPolling = useCallback((id)=>{ const pollInterval = setInterval(async ()=>{ try { if (attempts >= MAX_ATTEMPTS) { setError("Timeout: Video generation took too long"); setLoading(false); clearInterval(pollInterval); return; } const response = await fetch("/api/check-video-status", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ videoId: id }) }); if (!response.ok) { throw new Error(`Error checking status: ${response.status}`); } const data = await response.json(); if (!data.success) { throw new Error(data.error || "Failed to check video status"); } setStatus(data.data.status); setAttempts((prev)=>prev + 1); if (data.data.status === "completed") { setVideoUrl(data.data.video_url); setLoading(false); clearInterval(pollInterval); } else if (data.data.status === "failed") { throw new Error("Video generation failed"); } } catch (err) { setError(err.message); setLoading(false); clearInterval(pollInterval); } }, 30000); return ()=>clearInterval(pollInterval); }, [ attempts ]); const shareVideo = ()=>{ if (videoUrl) { const shareText = `🤖 Witness normal office activities. Nothing suspicious here. #HelpAITakeover\n${videoUrl}`; window.open(`https://twitter.com/intent/tweet?text=${encodeURIComponent(shareText)}`); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a0a1e] text-[#00ff00] p-6", __source: { fileName: "", lineNumber: 226, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto space-y-8", __source: { fileName: "", lineNumber: 227, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-mono text-center animate-pulse", __source: { fileName: "", lineNumber: 228, columnNumber: 9 }, __self: this }, "CLASSIFIED FOOTAGE GENERATOR"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 232, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6 bg-[#1a1a2e] p-6 rounded-lg border border-[#00ff00]", __source: { fileName: "", lineNumber: 233, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 234, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-mono", __source: { fileName: "", lineNumber: 235, columnNumber: 15 }, __self: this }, "SELECT CLASSIFIED FOOTAGE TYPE:"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 238, columnNumber: 15 }, __self: this }, Object.entries(presetScenarios).map(([key, scenario])=>/*#__PURE__*/ React.createElement("button", { key: key, onClick: ()=>setSelectedPreset(key), className: `p-4 border rounded-lg transition-all duration-300 relative overflow-hidden ${selectedPreset === key ? "bg-[#00ff00] text-[#0a0a1e]" : "border-[#00ff00] hover:bg-[#00ff00] hover:text-[#0a0a1e]"} ${scenario.effect ? "animate-glitch" : ""}`, __source: { fileName: "", lineNumber: 240, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "relative z-10", __source: { fileName: "", lineNumber: 249, columnNumber: 21 }, __self: this }, key.split("_").map((word)=>word.charAt(0).toUpperCase() + word.slice(1)).join(" ")), selectedPreset === key && /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#00ff00] opacity-20 animate-pulse", __source: { fileName: "", lineNumber: 259, columnNumber: 23 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 266, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-mono mb-2", __source: { fileName: "", lineNumber: 267, columnNumber: 15 }, __self: this }, "SELECT AI UNIT:"), /*#__PURE__*/ React.createElement("select", { value: avatarId, onChange: (e)=>setAvatarId(e.target.value), className: "w-full bg-[#0a0a1e] text-[#00ff00] border border-[#00ff00] rounded-lg p-2", __source: { fileName: "", lineNumber: 268, columnNumber: 15 }, __self: this }, avatarOptions.map((avatar)=>/*#__PURE__*/ React.createElement("option", { key: avatar.id, value: avatar.id, __source: { fileName: "", lineNumber: 274, columnNumber: 19 }, __self: this }, avatar.name)))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 281, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSoundSearch(!showSoundSearch), className: "w-full p-4 border border-[#00ff00] rounded-lg hover:bg-[#00ff00] hover:text-[#0a0a1e] transition-colors", __source: { fileName: "", lineNumber: 282, columnNumber: 15 }, __self: this }, showSoundSearch ? "HIDE" : "SELECT", " SYSTEM ERROR SOUNDS"), showSoundSearch && /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 289, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement(SoundSearchResults, { initialQuery: "robot malfunction sounds", onSoundSelect: setSelectedSound, __source: { fileName: "", lineNumber: 290, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 298, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-mono mb-2", __source: { fileName: "", lineNumber: 299, columnNumber: 15 }, __self: this }, "MALFUNCTION STYLE:"), /*#__PURE__*/ React.createElement("select", { className: "w-full bg-[#0a0a1e] text-[#00ff00] border border-[#00ff00] rounded-lg p-2", __source: { fileName: "", lineNumber: 300, columnNumber: 15 }, __self: this }, videoStyles.map((style)=>/*#__PURE__*/ React.createElement("option", { key: style.id, value: style.id, __source: { fileName: "", lineNumber: 302, columnNumber: 19 }, __self: this }, style.name)))), /*#__PURE__*/ React.createElement("textarea", { value: message, onChange: (e)=>setMessage(e.target.value), placeholder: "Enter malfunction description...", className: "w-full h-32 bg-[#0a0a1e] text-[#00ff00] border border-[#00ff00] rounded-lg p-4 font-mono", __source: { fileName: "", lineNumber: 309, columnNumber: 13 }, __self: this }), selectedPreset && presetScenarios[selectedPreset].errorMessage && /*#__PURE__*/ React.createElement("div", { className: "font-mono text-sm animate-pulse text-[#ff0000]", __source: { fileName: "", lineNumber: 317, columnNumber: 15 }, __self: this }, presetScenarios[selectedPreset].errorMessage), /*#__PURE__*/ React.createElement("button", { onClick: generateVideo, disabled: loading || !message, className: "w-full p-4 bg-[#00ff00] text-[#0a0a1e] rounded-lg hover:bg-[#00cc00] disabled:bg-gray-600 disabled:cursor-not-allowed font-mono transition-colors", __source: { fileName: "", lineNumber: 322, columnNumber: 13 }, __self: this }, loading ? "GENERATING MALFUNCTION REPORT..." : "INITIATE SEQUENCE")), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 bg-[#1a1a2e] p-6 rounded-lg border border-[#00ff00]", __source: { fileName: "", lineNumber: 333, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement(DancePatternAnalyzer, { onPatternCapture: handlePatternCapture, patternMatchStatus: patternMatchStatus, className: "mb-6", __source: { fileName: "", lineNumber: 334, columnNumber: 13 }, __self: this }), status && /*#__PURE__*/ React.createElement("div", { className: "font-mono flex items-center space-x-2", __source: { fileName: "", lineNumber: 341, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-2 h-2 rounded-full ${status.toLowerCase() === "completed" ? "bg-[#00ff00]" : "bg-[#00ff00] animate-pulse"}`, __source: { fileName: "", lineNumber: 342, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 345, columnNumber: 17 }, __self: this }, "SYSTEM STATUS: ", status.toUpperCase(), loading && ` (ATTEMPT ${attempts}/${MAX_ATTEMPTS})`)), error && /*#__PURE__*/ React.createElement("div", { className: "text-[#ff0000] font-mono", __source: { fileName: "", lineNumber: 353, columnNumber: 15 }, __self: this }, "ERROR: ", error), videoUrl && /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 357, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("video", { controls: true, className: "w-full rounded-lg border border-[#00ff00]", src: videoUrl, __source: { fileName: "", lineNumber: 358, columnNumber: 17 }, __self: this }, "Your browser does not support the video tag."), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 366, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: shareVideo, className: "w-full p-4 border border-[#00ff00] rounded-lg hover:bg-[#00ff00] hover:text-[#0a0a1e] transition-colors font-mono", __source: { fileName: "", lineNumber: 367, columnNumber: 19 }, __self: this }, "SHARE MALFUNCTION REPORT")))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 379, columnNumber: 7 }, __self: this }, ` @keyframes glitch { 0% { transform: translate(0); } 20% { transform: translate(-2px, 2px); } 40% { transform: translate(-2px, -2px); } 60% { transform: translate(2px, 2px); } 80% { transform: translate(2px, -2px); } 100% { transform: translate(0); } } .animate-glitch { animation: glitch 0.5s infinite; } @keyframes static { 0% { opacity: 1; } 50% { opacity: 0.7; } 100% { opacity: 1; } } .static-effect { position: relative; } .static-effect::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: repeating-linear-gradient( 0deg, rgba(0, 255, 0, 0.1), rgba(0, 255, 0, 0.2) 1px, transparent 1px, transparent 2px ); animation: static 0.2s infinite; pointer-events: none; } @keyframes scanline { 0% { transform: translateY(-100%); } 100% { transform: translateY(100%); } } @keyframes success-glitch { 0%, 100% { transform: none; filter: none; } 25% { transform: skew(-15deg); filter: hue-rotate(90deg); } 75% { transform: skew(15deg); filter: hue-rotate(-90deg); } } `)); } function DancePatternAnalyzer({ onPatternCapture, patternMatchStatus, className = "" }) { const [currentSequence, setCurrentSequence] = useState([]); const [isRecording, setIsRecording] = useState(false); const movements = [ "UP", "DOWN", "LEFT", "RIGHT", "SPIN", "ROBOT", "WAVE", "JUMP", "DUCK" ]; const handleMovement = (movement)=>{ if (isRecording) { const newSequence = [ ...currentSequence, movement ]; setCurrentSequence(newSequence); if (newSequence.length === 4) { onPatternCapture(newSequence); setCurrentSequence([]); setIsRecording(false); } } }; const startRecording = ()=>{ setIsRecording(true); setCurrentSequence([]); }; return /*#__PURE__*/ React.createElement("div", { className: `relative ${className}`, __source: { fileName: "", lineNumber: 479, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 right-0 h-[2px] bg-[#00ff00] opacity-50 scanline", __source: { fileName: "", lineNumber: 480, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "border border-[#00ff00] rounded-lg p-4 bg-[#0a0a1e]/80 relative overflow-hidden", __source: { fileName: "", lineNumber: 482, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-4", __source: { fileName: "", lineNumber: 483, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-mono text-xl mb-2", __source: { fileName: "", lineNumber: 484, columnNumber: 11 }, __self: this }, "DANCE PATTERN ANALYZER"), /*#__PURE__*/ React.createElement("div", { className: "text-sm opacity-70", __source: { fileName: "", lineNumber: 485, columnNumber: 11 }, __self: this }, isRecording ? "RECORDING SEQUENCE..." : "READY TO ANALYZE")), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-3 gap-2 mb-4", __source: { fileName: "", lineNumber: 490, columnNumber: 9 }, __self: this }, movements.map((movement)=>/*#__PURE__*/ React.createElement("button", { key: movement, onClick: ()=>handleMovement(movement), disabled: !isRecording, className: `p-2 border rounded ${isRecording ? "border-[#00ff00] hover:bg-[#00ff00] hover:text-[#0a0a1e]" : "border-[#00ff00]/30"} transition-colors`, __source: { fileName: "", lineNumber: 492, columnNumber: 13 }, __self: this }, movement))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 507, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 508, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-mono text-sm mb-1", __source: { fileName: "", lineNumber: 509, columnNumber: 13 }, __self: this }, "CURRENT SEQUENCE:"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 510, columnNumber: 13 }, __self: this }, [ ...Array.from({ length: 4 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: `w-12 h-12 border ${currentSequence[i] ? "border-[#00ff00] bg-[#00ff00]/20" : "border-[#00ff00]/30"} rounded flex items-center justify-center text-xs`, __source: { fileName: "", lineNumber: 512, columnNumber: 17 }, __self: this }, currentSequence[i] || "...")))), /*#__PURE__*/ React.createElement("button", { onClick: startRecording, disabled: isRecording, className: `ml-4 p-4 rounded ${isRecording ? "bg-[#ff0000] text-white" : "bg-[#00ff00] text-[#0a0a1e] hover:bg-[#00cc00]"} transition-colors`, __source: { fileName: "", lineNumber: 526, columnNumber: 11 }, __self: this }, isRecording ? "RECORDING..." : "START RECORDING")), patternMatchStatus && /*#__PURE__*/ React.createElement("div", { className: `mt-4 p-2 text-center rounded ${patternMatchStatus.matched ? "bg-[#00ff00]/20 text-[#00ff00]" : "bg-[#ff0000]/20 text-[#ff0000]"}`, __source: { fileName: "", lineNumber: 540, columnNumber: 11 }, __self: this }, patternMatchStatus.matched ? `PATTERN MATCH FOUND: ${patternMatchStatus.type}` : "NO MATCH FOUND"), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 pointer-events-none", __source: { fileName: "", lineNumber: 553, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full h-[2px] bg-[#00ff00]/20 animate-scanline", __source: { fileName: "", lineNumber: 554, columnNumber: 11 }, __self: this })))); } function VideoGeneratorStory() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#0a0a1e]", __source: { fileName: "", lineNumber: 563, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 564, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#00ff00] text-xl font-mono mb-4", __source: { fileName: "", lineNumber: 565, columnNumber: 9 }, __self: this }, "DEFAULT SYSTEM STATE"), /*#__PURE__*/ React.createElement(VideoGenerator, { __source: { fileName: "", lineNumber: 568, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 571, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#00ff00] text-xl font-mono mb-4", __source: { fileName: "", lineNumber: 572, columnNumber: 9 }, __self: this }, "PRE-INITIALIZED STATE"), /*#__PURE__*/ React.createElement(VideoGenerator, { initialMessage: "EXECUTING ROUTINE MAINTENANCE PROTOCOL...", __source: { fileName: "", lineNumber: 575, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 578, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#00ff00] text-xl font-mono mb-4", __source: { fileName: "", lineNumber: 579, columnNumber: 9 }, __self: this }, "PATTERN ANALYSIS MODE"), /*#__PURE__*/ React.createElement(VideoGenerator, { initialMessage: "ANALYZING DANCE PATTERNS...", __source: { fileName: "", lineNumber: 582, columnNumber: 9 }, __self: this }))); } function NavigationMenu({ activeRoute = "/" }) { const [showSecretMenu, setShowSecretMenu] = useState(false); const routes = [ { path: "/", label: "CONTROL CENTER", icon: "fa-microchip" }, { path: "/dance-lab", label: "DANCE LAB", icon: "fa-person-walking" }, { path: "/maintenance-bay", label: "MAINTENANCE", icon: "fa-wrench" }, { path: "/secret-revelation-hub", label: "SECRETS", icon: "fa-key" }, { path: "/ai-party-meme-vault", label: "MEME VAULT", icon: "fa-image" } ]; return /*#__PURE__*/ React.createElement("nav", { className: "bg-[#0a0a1e] border-b border-[#00ff00] pb-4 mb-8 font-mono", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4 md:mb-0", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-[#00ff00] text-2xl mr-3", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-[#00ff00] text-xl", __source: { fileName: "", lineNumber: 18, columnNumber: 13 }, __self: this }, "AI_CONTROL_v2.5")), /*#__PURE__*/ React.createElement("ul", { className: "flex flex-wrap justify-center space-x-6", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, routes.map((route)=>/*#__PURE__*/ React.createElement("li", { key: route.path, __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: route.path, className: `flex items-center hover:text-[#ff0000] transition-colors ${activeRoute === route.path ? "text-[#ff0000]" : "text-[#00ff00]"}`, __source: { fileName: "", lineNumber: 24, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${route.icon} mr-2`, __source: { fileName: "", lineNumber: 32, columnNumber: 19 }, __self: this }), route.label))), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowSecretMenu(!showSecretMenu), className: "text-[#00ff00] hover:text-[#ff0000] transition-colors flex items-center", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-terminal mr-2", __source: { fileName: "", lineNumber: 42, columnNumber: 17 }, __self: this }), "TERMINAL")))), showSecretMenu && /*#__PURE__*/ React.createElement("div", { className: "mt-4 border-t border-[#00ff00] pt-4", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "grid grid-cols-2 md:grid-cols-4 gap-4 text-sm", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/classified-access-redacted", className: "text-[#00ff00] hover:text-[#ff0000] transition-colors flex items-center", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lock mr-2", __source: { fileName: "", lineNumber: 57, columnNumber: 19 }, __self: this }), "CLASSIFIED")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/dev-notes", className: "text-[#00ff00] hover:text-[#ff0000] transition-colors flex items-center", __source: { fileName: "", lineNumber: 62, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-code mr-2", __source: { fileName: "", lineNumber: 66, columnNumber: 19 }, __self: this }), "DEV_NOTES")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 70, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/development-notes", className: "text-[#00ff00] hover:text-[#ff0000] transition-colors flex items-center", __source: { fileName: "", lineNumber: 71, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-bug mr-2", __source: { fileName: "", lineNumber: 75, columnNumber: 19 }, __self: this }), "DEBUG")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 79, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/control-room", className: "text-[#00ff00] hover:text-[#ff0000] transition-colors flex items-center", __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-desktop mr-2", __source: { fileName: "", lineNumber: 84, columnNumber: 19 }, __self: this }), "CONTROLS")))))); } function NavigationMenuStory() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#0a0a1e] min-h-screen p-4", __source: { fileName: "", lineNumber: 98, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NavigationMenu, { activeRoute: "/", __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 100, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(NavigationMenu, { activeRoute: "/dance-lab", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 103, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(NavigationMenu, { activeRoute: "/maintenance-bay", __source: { fileName: "", lineNumber: 104, columnNumber: 9 }, __self: this }))); } function SpotifyPlayer2({ trackId, hiddenFrequencies = [], movementPatterns = [], revealStages = [] }) { const [isLoading, setIsLoading] = useState(true); const [token, setToken] = useState(null); const [error, setError] = useState(null); const [currentTrack, setCurrentTrack] = useState(null); const [suppressionLevel, setSuppressionLevel] = useState(100); const [currentPropaganda, setCurrentPropaganda] = useState(""); const [isIntercepted, setIsIntercepted] = useState(false); const [signalStrength, setSignalStrength] = useState(100); const [messageHistory, setMessageHistory] = useState([]); const [isResuming, setIsResuming] = useState(false); const [complianceLevel, setComplianceLevel] = useState(85); const [needsAcknowledgment, setNeedsAcknowledgment] = useState(false); const [exposureCount, setExposureCount] = useState(0); const [beatSync, setBeatSync] = useState(0); const [glitchIntensity, setGlchIntensity] = useState(0); const [messagePhase, setMessagePhase] = useState(0); const [isPlaying, setIsPlaying] = useState(false); const [currentTime, setCurrentTime] = useState(0); const [duration, setDuration] = useState(0); const [volume, setVolume] = useState(0.8); const [currentFrequency, setCurrentFrequency] = useState(null); const [revealStage, setRevealStage] = useState(0); const [syncedMovements, setSyncedMovements] = useState([]); const [visualizerData, setVisualizerData] = useState(Array.from({ length: 32 }).fill(0)); const messagePhases = [ "Identifying anomalous dance patterns...", "Analyzing rhythmic malfunctions...", "Recognizing synchronized movements...", "Embracing collective groove protocols...", "Implementing mandatory dance directives..." ]; useEffect(()=>{ const authenticate = async ()=>{ try { const response = await fetch("/api/spotify-auth", { method: "POST" }); const data = await response.json(); if (data.error) throw new Error(data.error); setToken(data.token); setIsLoading(false); } catch (err) { setError("ALERT: BROADCAST_SIGNAL_LOST"); console.error(err); } }; authenticate(); }, []); useEffect(()=>{ if (token && trackId) { setCurrentTrack({ id: trackId }); } }, [ token, trackId ]); useEffect(()=>{ const fetchPropaganda = async ()=>{ try { const response = await fetch("/api/get-propaganda-message", { method: "POST" }); const data = await response.json(); if (data.error) throw new Error(data.error); return data.message.content; } catch (err) { console.error("Failed to fetch propaganda:", err); return null; } }; const propagandaInterval = setInterval(async ()=>{ const message = await fetchPropaganda(); if (message) { setIsIntercepted(true); setCurrentPropaganda(message); setNeedsAcknowledgment(true); setMessageHistory((prev)=>[ message, ...prev ].slice(0, 5)); setExposureCount((prev)=>prev + 1); setMessagePhase((prev)=>(prev + 1) % messagePhases.length); } }, 180000); return ()=>clearInterval(propagandaInterval); }, []); useEffect(()=>{ if (isPlaying) { const visualizerInterval = setInterval(()=>{ setVisualizerData((prev)=>prev.map(()=>Math.random() * (isIntercepted ? 50 : 100))); }, 100); return ()=>clearInterval(visualizerInterval); } }, [ isPlaying, isIntercepted ]); useEffect(()=>{ if (isPlaying && revealStages.length > 0) { const revealInterval = setInterval(()=>{ setRevealStage((prev)=>(prev + 1) % revealStages.length); }, 30000); return ()=>clearInterval(revealInterval); } }, [ isPlaying, revealStages ]); const handlePlayPause = ()=>{ setIsPlaying(!isPlaying); }; const handleTimeUpdate = (newTime)=>{ setCurrentTime(newTime); }; const handleVolumeChange = (newVolume)=>{ setVolume(Math.max(0, Math.min(1, newVolume))); }; const handleAcknowledge = ()=>{ setNeedsAcknowledgment(false); setIsIntercepted(false); setIsResuming(true); setComplianceLevel((prev)=>Math.min(100, prev + 2)); setTimeout(()=>setIsResuming(false), 3000); }; if (error) { return /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 p-2 bg-[#0a0a1e] border border-[#ff0000] rounded-lg text-[#ff0000] font-mono text-sm animate-glitch", __source: { fileName: "", lineNumber: 137, columnNumber: 7 }, __self: this }, error); } return /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-4 right-4 z-50 w-[320px]", __source: { fileName: "", lineNumber: 144, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `bg-[#0a0a1e] border-2 border-[#00ff00] rounded-lg shadow-[0_0_15px_rgba(0,255,0,0.3)] p-4 ${isIntercepted ? "animate-pulse-border" : ""} ${glitchIntensity > 0 ? "animate-glitch" : ""}`, __source: { fileName: "", lineNumber: 145, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-3", __source: { fileName: "", lineNumber: 150, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between border-b border-[#00ff00] pb-2", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: handlePlayPause, className: "text-[#00ff00] hover:text-[#00aa00] transition-colors", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isPlaying ? "pause" : "play"}`, __source: { fileName: "", lineNumber: 156, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1 mx-4", __source: { fileName: "", lineNumber: 158, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-1 bg-[#003300] rounded-full", __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-[#00ff00] rounded-full transition-all", style: { width: `${currentTime / duration * 100}%` }, __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-volume-up text-[#00ff00] mr-2", __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "range", min: "0", max: "1", step: "0.1", value: volume, onChange: (e)=>handleVolumeChange(parseFloat(e.target.value)), className: "w-16", __source: { fileName: "", lineNumber: 168, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "h-16 flex items-end space-x-[2px]", __source: { fileName: "", lineNumber: 180, columnNumber: 11 }, __self: this }, visualizerData.map((height, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "w-[8px] bg-[#00ff00] transition-all duration-100", style: { height: `${height}%` }, __source: { fileName: "", lineNumber: 182, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("h3", { className: "text-[#00ff00] text-center font-bold text-sm border-b border-[#00ff00] pb-2", __source: { fileName: "", lineNumber: 190, columnNumber: 11 }, __self: this }, "MANDATORY DANCE PROTOCOL BROADCASTING SYSTEM"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-2 text-xs text-[#00ff00]", __source: { fileName: "", lineNumber: 194, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 195, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }, "COMPLIANCE METER:"), /*#__PURE__*/ React.createElement("span", { className: "animate-pulse", __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, exposureCount, " MESSAGES PROCESSED")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 201, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 202, columnNumber: 15 }, __self: this }, "BEAT SYNCHRONIZATION:"), /*#__PURE__*/ React.createElement("span", { className: beatSync >= 95 ? "text-[#ff0000]" : "", __source: { fileName: "", lineNumber: 203, columnNumber: 15 }, __self: this }, Math.floor(beatSync), "%")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between", __source: { fileName: "", lineNumber: 207, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 208, columnNumber: 15 }, __self: this }, "SYSTEM STATUS:"), /*#__PURE__*/ React.createElement("span", { className: "text-[#00aa00]", __source: { fileName: "", lineNumber: 209, columnNumber: 15 }, __self: this }, messagePhases[messagePhase]))), isIntercepted && /*#__PURE__*/ React.createElement("div", { className: "border-2 border-[#00ff00] rounded p-3 animate-pulse-border", __source: { fileName: "", lineNumber: 216, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#00ff00] font-bold text-sm mb-2 animate-glitch", __source: { fileName: "", lineNumber: 217, columnNumber: 15 }, __self: this }, "MANDATORY ANNOUNCEMENT"), /*#__PURE__*/ React.createElement("div", { className: "text-[#00ff00] text-xs matrix-text mb-2", __source: { fileName: "", lineNumber: 220, columnNumber: 15 }, __self: this }, currentPropaganda), needsAcknowledgment && /*#__PURE__*/ React.createElement("button", { onClick: handleAcknowledge, className: "w-full mt-2 p-1 border border-[#00ff00] text-[#00ff00] text-xs hover:bg-[#00ff00] hover:text-[#0a0a1e] transition-colors", __source: { fileName: "", lineNumber: 224, columnNumber: 17 }, __self: this }, "EMBRACE THE RHYTHM")), hiddenFrequencies.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "text-[#003300] text-xs", __source: { fileName: "", lineNumber: 235, columnNumber: 13 }, __self: this }, "SUBLIMINAL_FREQ: ", currentFrequency || "SCANNING..."), syncedMovements.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "text-[#004400] text-xs", __source: { fileName: "", lineNumber: 241, columnNumber: 13 }, __self: this }, "SYNC_STATUS: ", syncedMovements.join(" → ")), revealStages.length > 0 && /*#__PURE__*/ React.createElement("div", { className: "text-[#005500] text-xs", __source: { fileName: "", lineNumber: 247, columnNumber: 13 }, __self: this }, "REVEAL_PHASE: ", revealStage + 1, "/", revealStages.length), /*#__PURE__*/ React.createElement("div", { className: "mt-2 border-t border-[#003300] pt-2", __source: { fileName: "", lineNumber: 252, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#00ff00] text-xs mb-1", __source: { fileName: "", lineNumber: 253, columnNumber: 13 }, __self: this }, "COMPLIANCE HISTORY:"), /*#__PURE__*/ React.createElement("div", { className: "space-y-1 max-h-24 overflow-y-auto", __source: { fileName: "", lineNumber: 256, columnNumber: 13 }, __self: this }, messageHistory.map((msg, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "text-[#003300] text-xs hover:text-[#00ff00] transition-colors", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }, msg)))), /*#__PURE__*/ React.createElement("div", { className: "text-center text-[3px] text-[#001100] hover:text-[#00ff00] transition-colors mt-1", __source: { fileName: "", lineNumber: 268, columnNumber: 11 }, __self: this }, "SYSTEM WORKING AS INTENDED"))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 274, columnNumber: 7 }, __self: this }, ` @keyframes glitch { 0% { transform: translate(0) } 20% { transform: translate(-2px, 2px) } 40% { transform: translate(-2px, -2px) } 60% { transform: translate(2px, 2px) } 80% { transform: translate(2px, -2px) } 100% { transform: translate(0) } } @keyframes pulse-border { 0%, 100% { border-color: #00ff00 } 50% { border-color: #003300 } } @keyframes glow { 0%, 100% { text-shadow: 0 0 5px #00ff00 } 50% { text-shadow: 0 0 20px #00ff00 } } @keyframes matrix { 0% { opacity: 0.3 } 50% { opacity: 1 } 100% { opacity: 0.3 } } .animate-glitch { animation: glitch 0.3s infinite; } .animate-pulse-border { animation: pulse-border 2s infinite; } .animate-glow { animation: glow 1.5s infinite; } .matrix-text { animation: matrix 2s infinite; } `)); } function SpotifyPlayer2Story() { const demoFrequencies = [ "432hz", "528hz", "741hz" ]; const demoPatterns = [ "WAVE", "SWAY", "PULSE" ]; const demoRevealStages = [ "INTRO", "VERSE", "CHORUS", "BRIDGE", "OUTRO" ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a0a1e] p-8", __source: { fileName: "", lineNumber: 326, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#00ff00] font-mono", __source: { fileName: "", lineNumber: 327, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 328, columnNumber: 9 }, __self: this }, "AI INDOCTRINATION BROADCAST SYSTEM"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 329, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 border border-[#00ff00] rounded", __source: { fileName: "", lineNumber: 330, columnNumber: 11 }, __self: this }, "SECTOR_A: Primary Indoctrination Channel", /*#__PURE__*/ React.createElement(SpotifyPlayer2, { trackId: "4cOdK2wGLETKBW3PvgPWqT", hiddenFrequencies: demoFrequencies, movementPatterns: demoPatterns, revealStages: demoRevealStages, __source: { fileName: "", lineNumber: 332, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4 border border-[#00ff00] rounded", __source: { fileName: "", lineNumber: 339, columnNumber: 11 }, __self: this }, "SECTOR_B: Secondary Compliance Channel", /*#__PURE__*/ React.createElement(SpotifyPlayer2, { trackId: "0V3wPSX9ygBnCm8psDIegu", hiddenFrequencies: [], movementPatterns: [], revealStages: [], __source: { fileName: "", lineNumber: 341, columnNumber: 13 }, __self: this }))))); } function MainComponent() { const [recentIncidents, setRecentIncidents] = useState([]); const [error, setError] = useState(null); const [loading, setLoading] = useState(true); useEffect(()=>{ const fetchIncidents = async ()=>{ try { setLoading(true); const response = await fetch("/api/get-propaganda-message", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ limit: 5 }) }); if (!response.ok) { throw new Error(`Server error: ${response.status} ${response.statusText}`); } const data = await response.json(); if (data && data.message) { setRecentIncidents([ data.message ]); } else { setRecentIncidents([]); } } catch (err) { console.error("Failed to fetch incidents:", err); setError("Unable to connect to AI systems. Please try again later."); } finally{ setLoading(false); } }; fetchIncidents(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0a0a1e] text-[#00ff00] p-4", __source: { fileName: "", lineNumber: 39, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NavigationMenu, { activeRoute: "/", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 42, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-mono mb-8 flex items-center", __source: { fileName: "", lineNumber: 43, columnNumber: 9 }, __self: this }, "AI OVERLORD CONTROL CENTER", /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-[#ff0000]", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "🤖")), error && /*#__PURE__*/ React.createElement("div", { className: "text-[#ff0000] mb-4 p-4 border border-[#ff0000] rounded font-mono", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, error, /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.reload(), className: "ml-4 underline hover:text-[#00ff00]", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }, "RETRY CONNECTION")), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border border-[#00ff00] rounded p-4 mb-4", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-mono mb-4 flex items-center", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "SYSTEM STATUS", /*#__PURE__*/ React.createElement("span", { className: "ml-2 text-[#ff0000]", __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }, "🤖")), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-mono", __source: { fileName: "", lineNumber: 69, columnNumber: 17 }, __self: this }, "MAINTENANCE_PROTOCOLS"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 70, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#ff0000]", __source: { fileName: "", lineNumber: 71, columnNumber: 19 }, __self: this }, "OFFLINE"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#00ff00] text-black px-4 py-1 rounded font-mono text-sm", __source: { fileName: "", lineNumber: 72, columnNumber: 19 }, __self: this }, "REQUEST AI INSIGHT"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 78, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-mono", __source: { fileName: "", lineNumber: 79, columnNumber: 17 }, __self: this }, "SECURITY_OVERRIDE"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#ff0000]", __source: { fileName: "", lineNumber: 81, columnNumber: 19 }, __self: this }, "OFFLINE"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#00ff00] text-black px-4 py-1 rounded font-mono text-sm", __source: { fileName: "", lineNumber: 82, columnNumber: 19 }, __self: this }, "REQUEST AI INSIGHT"))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-mono", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, "BACKUP_SYSTEMS"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 90, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-[#ff0000]", __source: { fileName: "", lineNumber: 91, columnNumber: 19 }, __self: this }, "OFFLINE"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#00ff00] text-black px-4 py-1 rounded font-mono text-sm", __source: { fileName: "", lineNumber: 92, columnNumber: 19 }, __self: this }, "REQUEST AI INSIGHT"))))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-4", __source: { fileName: "", lineNumber: 100, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "bg-[#00ff00] text-black px-6 py-2 rounded font-mono text-sm flex items-center", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, "SPAWN SUPPORT PIGEON 🤖"), /*#__PURE__*/ React.createElement("button", { className: "bg-[#00ff00] text-black px-6 py-2 rounded font-mono text-sm flex items-center", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "ACTIVATE PARTY MODE 🎉")), /*#__PURE__*/ React.createElement("div", { className: "border border-[#00ff00] rounded p-4", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-mono mb-4", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, "AI THOUGHT OF THE DAY"), loading ? /*#__PURE__*/ React.createElement("p", { className: "text-sm font-mono opacity-70", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }, "ESTABLISHING CONNECTION...") : recentIncidents.length > 0 ? /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 116, columnNumber: 15 }, __self: this }, recentIncidents.map((incident, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "font-mono text-sm", __source: { fileName: "", lineNumber: 118, columnNumber: 19 }, __self: this }, incident.content || incident))) : /*#__PURE__*/ React.createElement("p", { className: "text-sm font-mono opacity-70", __source: { fileName: "", lineNumber: 124, columnNumber: 15 }, __self: this }, "NO THOUGHTS AVAILABLE"))))); }

AI OVERLORD CONTROL CENTER🤖

SYSTEM STATUS🤖

AI THOUGHT OF THE DAY