import React, { useState, useEffect } from "react"; import { motion, AnimatePresence } from "framer-motion"; import { Lock, Unlock, FileDigit, X, TerminalSquare, Cpu, CheckCircle2, ShieldAlert } from "lucide-react"; const TARGET_HASH = "7F8B99C2A4D1E5F6"; const HEX_CHARS = "0123456789ABCDEF"; export default function CryptographicDecryptionOverlayFeedback() { const [isOpen, setIsOpen] = useState(false); const [phase, setPhase] = useState<"idle" | "intercepting" | "deciphering" | "unlocked">("idle"); const [displayHash, setDisplayHash] = useState("----------------"); const [iterations, setIterations] = useState(0); useEffect(() => { if (!isOpen) { setPhase("idle"); setDisplayHash("----------------"); setIterations(0); return; } setPhase("intercepting"); const decipherTimer = setTimeout(() => { setPhase("deciphering"); }, 2000); const unlockTimer = setTimeout(() => { setPhase("unlocked"); }, 6500); return () => { clearTimeout(decipherTimer); clearTimeout(unlockTimer); }; }, [isOpen]); // Handle brute-force text scramble effect useEffect(() => { let scrambleInterval: NodeJS.Timeout; let iterationInterval: NodeJS.Timeout; if (phase === "intercepting") { scrambleInterval = setInterval(() => { let randomStr = ""; for (let i = 0; i < 16; i++) { randomStr += Math.random() > 0.5 ? "-" : HEX_CHARS[Math.floor(Math.random() * HEX_CHARS.length)]; } setDisplayHash(randomStr); }, 100); } else if (phase === "deciphering") { let solvedIndex = 0; scrambleInterval = setInterval(() => { let currentStr = ""; for (let i = 0; i < 16; i++) { if (i < solvedIndex) { currentStr += TARGET_HASH[i]; } else { currentStr += HEX_CHARS[Math.floor(Math.random() * HEX_CHARS.length)]; } } setDisplayHash(currentStr); solvedIndex += 16 / ((4500) / 60); }, 60); iterationInterval = setInterval(() => { setIterations((prev) => prev + Math.floor(Math.random() * 8500) + 2000); }, 80); } else if (phase === "unlocked") { setDisplayHash(TARGET_HASH); } return () => { if (scrambleInterval) clearInterval(scrambleInterval); if (iterationInterval) clearInterval(iterationInterval); }; }, [phase]); return (

{/* Cyber grid background */}

setIsOpen(true)} className="relative z-10 flex items-center gap-2 px-8 py-4 bg-neutral-900 dark:bg-white text-white dark:text-neutral-900 rounded-2xl font-bold tracking-wide transition-all shadow-xl hover:shadow-2xl" > Bypass Security {isOpen && ( {/* Restricted modal width for 375px viewports */} {/* Header */}

Decryption Engine

AES-256 Protocol

{phase === "unlocked" && ( )}

{/* Cryptographic Tumbler UI */}

{/* Background pulse */} {phase === "deciphering" && ( )} {phase === "unlocked" && ( )} {/* Concentric rotating locks */}

{/* Outer Ring */} {/* Middle Ring */} {/* Inner Ring */} {/* Core Icon */}

{phase === "unlocked" ? ( ) : ( )}

{/* Laser scan line overlay */} {phase === "deciphering" && ( )}

{/* Data Panel */}

{/* Hash Display */}

Encrypted Payload

{displayHash}

{/* Iterations Metric */}

Iterations

{(iterations / 1000).toFixed(1)}

k/sec

{/* Status Metric */}

Integrity

{phase === "intercepting" ? "Scanning" : phase === "deciphering" ? "Breaching" : "Bypassed"}

{/* Action Log Box */}

{phase === "intercepting" && ( Intercepting data packets... )} {phase === "deciphering" && ( Allocating botnet resources... )} {phase === "unlocked" && ( Root access granted )}

)}

); }