function MainComponent() { const [reports, setReports] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [searchTerm, setSearchTerm] = useState(""); const [filterType, setFilterType] = useState("all"); const [sortBy, setSortBy] = useState("date"); const [selectedLanguage, setSelectedLanguage] = useState("en"); const [translating, setTranslating] = useState(false); const [selectedReport, setSelectedReport] = useState(null); const [selectedTimeframe, setSelectedTimeframe] = useState("all"); const [selectedConfidence, setSelectedConfidence] = useState("all"); const [selectedSource, setSelectedSource] = useState("all"); useEffect(()=>{ fetchReports(); }, [ filterType, selectedTimeframe, selectedConfidence, selectedSource, searchTerm ]); const fetchReports = async ()=>{ try { let query = "SELECT * FROM `threat_reports` WHERE 1=1"; const values = []; if (searchTerm) { query += " AND (`description` LIKE ? OR `indicator` LIKE ? OR `tags` LIKE ? OR `crypto_address` LIKE ? OR `domain` LIKE ? OR `source` LIKE ?)"; const searchValue = `%${searchTerm}%`; values.push(searchValue, searchValue, searchValue, searchValue, searchValue, searchValue); } if (filterType !== "all") { query += " AND `threat_type` = ?"; values.push(filterType); } if (selectedTimeframe !== "all") { const now = new Date(); let timeFilter = new Date(); switch(selectedTimeframe){ case "today": timeFilter.setHours(0, 0, 0, 0); break; case "week": timeFilter = new Date(now.getTime() - 7 * 24 * 60 * 60 * 1000); break; case "month": timeFilter.setMonth(now.getMonth() - 1); break; case "quarter": timeFilter.setMonth(now.getMonth() - 3); break; case "year": timeFilter.setFullYear(now.getFullYear() - 1); break; } query += " AND `created_at` >= ?"; values.push(timeFilter.toISOString()); } if (selectedConfidence !== "all") { query += " AND `confidence` = ?"; values.push(selectedConfidence); } if (selectedSource !== "all") { query += " AND `source` = ?"; values.push(selectedSource); } if (sortBy === "date") { query += " ORDER BY `created_at` DESC"; } else if (sortBy === "confidence") { query += " ORDER BY `confidence` DESC"; } const response = await fetch("/api/db/tir", { method: "POST", body: JSON.stringify({ query, values }) }); const data = await response.json(); setReports(data); } catch (err) { setError("Failed to load reports"); } finally{ setLoading(false); } }; const translateText = async (text)=>{ if (!text) return ""; setTranslating(true); try { const response = await fetch("/integrations/google-translate/language/translate/v2", { method: "POST", body: new URLSearchParams({ q: text, target: selectedLanguage }) }); const data = await response.json(); setTranslating(false); return data.data.translations[0].translatedText; } catch (error) { setTranslating(false); return text; } }; const filteredReports = reports; const getStatusColor = (status)=>{ return ({ pending: "yellow", confirmed: "green", false_positive: "red" })[status] || "gray"; }; const reportTags = (report)=>{ if (!Array.isArray(report.tags)) return []; return report.tags; }; const reportScreenshots = (report)=>{ if (!Array.isArray(report.screenshots)) return []; return report.screenshots; }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#1e293b] to-[#0f172a] relative", __source: { fileName: "", lineNumber: 148, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 z-0", __source: { fileName: "", lineNumber: 149, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lightning-container", __source: { fileName: "", lineNumber: 150, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "lightning-bolt", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "lightning-bolt", __source: { fileName: "", lineNumber: 152, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "lightning-bolt", __source: { fileName: "", lineNumber: 153, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "lightning-bolt", __source: { fileName: "", lineNumber: 154, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "lightning-bolt", __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 flex items-center justify-center overflow-hidden pointer-events-none", __source: { fileName: "", lineNumber: 158, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white/5 text-[12px] font-bold whitespace-nowrap transform -rotate-12", __source: { fileName: "", lineNumber: 159, columnNumber: 9 }, __self: this }, "CyChain is where cyber meets blockchain intelligence")), /*#__PURE__*/ React.createElement("div", { className: "fixed top-4 right-4 z-50 flex space-x-6", __source: { fileName: "", lineNumber: 163, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "px-4 py-2 bg-white/10 backdrop-blur-lg rounded-lg text-white hover:bg-white/20 transition-colors", __source: { fileName: "", lineNumber: 164, columnNumber: 9 }, __self: this }, "Submit TIR"), /*#__PURE__*/ React.createElement("a", { href: "/osint", className: "px-4 py-2 bg-white/10 backdrop-blur-lg rounded-lg text-white hover:bg-white/20 transition-colors", __source: { fileName: "", lineNumber: 170, columnNumber: 9 }, __self: this }, "OSINT"), /*#__PURE__*/ React.createElement("a", { href: "/blockchain-viz", className: "px-4 py-2 bg-white/10 backdrop-blur-lg rounded-lg text-white hover:bg-white/20 transition-colors", __source: { fileName: "", lineNumber: 176, columnNumber: 9 }, __self: this }, "blockINT"), /*#__PURE__*/ React.createElement("a", { href: "https://complaint.ic3.gov/", target: "_blank", rel: "noopener noreferrer", className: "px-4 py-2 bg-white/10 backdrop-blur-lg rounded-lg text-white hover:bg-white/20 transition-colors", __source: { fileName: "", lineNumber: 182, columnNumber: 9 }, __self: this }, "Report to iC3")), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 192, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8 flex flex-col md:flex-row justify-between items-center gap-4", __source: { fileName: "", lineNumber: 193, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/3", __source: { fileName: "", lineNumber: 194, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search reports...", className: "w-full bg-white/10 backdrop-blur-lg rounded-lg px-4 py-2 text-white border border-white/20", value: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), __source: { fileName: "", lineNumber: 195, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 203, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: filterType, onChange: (e)=>setFilterType(e.target.value), className: "bg-white/10 backdrop-blur-lg rounded-lg px-4 py-2 text-white border border-white/20", __source: { fileName: "", lineNumber: 204, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "all", __source: { fileName: "", lineNumber: 209, columnNumber: 15 }, __self: this }, "All Types"), /*#__PURE__*/ React.createElement("option", { value: "pig-butchering", __source: { fileName: "", lineNumber: 210, columnNumber: 15 }, __self: this }, "Pig Butchering"), /*#__PURE__*/ React.createElement("option", { value: "malware", __source: { fileName: "", lineNumber: 211, columnNumber: 15 }, __self: this }, "Malware"), /*#__PURE__*/ React.createElement("option", { value: "phishing", __source: { fileName: "", lineNumber: 212, columnNumber: 15 }, __self: this }, "Phishing"), /*#__PURE__*/ React.createElement("option", { value: "ransomware", __source: { fileName: "", lineNumber: 213, columnNumber: 15 }, __self: this }, "Ransomware")), /*#__PURE__*/ React.createElement("select", { value: sortBy, onChange: (e)=>setSortBy(e.target.value), className: "bg-white/10 backdrop-blur-lg rounded-lg px-4 py-2 text-white border border-white/20", __source: { fileName: "", lineNumber: 215, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "date", __source: { fileName: "", lineNumber: 220, columnNumber: 15 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("option", { value: "confidence", __source: { fileName: "", lineNumber: 221, columnNumber: 15 }, __self: this }, "Confidence")))), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-64", __source: { fileName: "", lineNumber: 227, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-white text-xl", __source: { fileName: "", lineNumber: 228, columnNumber: 13 }, __self: this }, "Loading reports...")) : error ? /*#__PURE__*/ React.createElement("div", { className: "bg-red-500/10 backdrop-blur-lg rounded-lg p-4 text-white", __source: { fileName: "", lineNumber: 231, columnNumber: 11 }, __self: this }, error) : /*#__PURE__*/ React.createElement("div", { className: "flex gap-8", __source: { fileName: "", lineNumber: 235, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-64 bg-white/10 backdrop-blur-lg rounded-lg p-6 h-fit space-y-8", __source: { fileName: "", lineNumber: 236, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-bold mb-4", __source: { fileName: "", lineNumber: 238, columnNumber: 17 }, __self: this }, "Keywords"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 239, columnNumber: 17 }, __self: this }, Object.entries(reports.reduce((acc, report)=>{ if (report.indicator && !report.indicator.toLowerCase().includes("test")) { acc[report.indicator] = (acc[report.indicator] || 0) + 1; } return acc; }, {})).map(([indicator, count])=>/*#__PURE__*/ React.createElement("div", { key: indicator, className: "flex justify-between items-center text-gray-300 text-sm", __source: { fileName: "", lineNumber: 252, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "truncate", __source: { fileName: "", lineNumber: 256, columnNumber: 23 }, __self: this }, indicator), /*#__PURE__*/ React.createElement("span", { className: "bg-blue-500/20 text-blue-400 px-2 py-1 rounded-full text-xs", __source: { fileName: "", lineNumber: 257, columnNumber: 23 }, __self: this }, count))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 265, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-bold mb-4", __source: { fileName: "", lineNumber: 266, columnNumber: 17 }, __self: this }, "Filters"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 267, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 268, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-gray-300 text-sm mb-2 block", __source: { fileName: "", lineNumber: 269, columnNumber: 21 }, __self: this }, "Timeframe"), /*#__PURE__*/ React.createElement("select", { value: selectedTimeframe, onChange: (e)=>setSelectedTimeframe(e.target.value), className: "w-full bg-white/10 text-white rounded-lg px-3 py-2 text-sm", __source: { fileName: "", lineNumber: 272, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "all", __source: { fileName: "", lineNumber: 277, columnNumber: 23 }, __self: this }, "All Time"), /*#__PURE__*/ React.createElement("option", { value: "today", __source: { fileName: "", lineNumber: 278, columnNumber: 23 }, __self: this }, "Today"), /*#__PURE__*/ React.createElement("option", { value: "week", __source: { fileName: "", lineNumber: 279, columnNumber: 23 }, __self: this }, "This Week"), /*#__PURE__*/ React.createElement("option", { value: "month", __source: { fileName: "", lineNumber: 280, columnNumber: 23 }, __self: this }, "This Month"), /*#__PURE__*/ React.createElement("option", { value: "quarter", __source: { fileName: "", lineNumber: 281, columnNumber: 23 }, __self: this }, "This Quarter"), /*#__PURE__*/ React.createElement("option", { value: "year", __source: { fileName: "", lineNumber: 282, columnNumber: 23 }, __self: this }, "This Year"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 286, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-gray-300 text-sm mb-2 block", __source: { fileName: "", lineNumber: 287, columnNumber: 21 }, __self: this }, "Confidence Level"), /*#__PURE__*/ React.createElement("select", { value: selectedConfidence, onChange: (e)=>setSelectedConfidence(e.target.value), className: "w-full bg-white/10 text-white rounded-lg px-3 py-2 text-sm", __source: { fileName: "", lineNumber: 290, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "all", __source: { fileName: "", lineNumber: 295, columnNumber: 23 }, __self: this }, "All Levels"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 296, columnNumber: 23 }, __self: this }, "High"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 297, columnNumber: 23 }, __self: this }, "Medium"), /*#__PURE__*/ React.createElement("option", { value: "low", __source: { fileName: "", lineNumber: 298, columnNumber: 23 }, __self: this }, "Low"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 302, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-gray-300 text-sm mb-2 block", __source: { fileName: "", lineNumber: 303, columnNumber: 21 }, __self: this }, "Source"), /*#__PURE__*/ React.createElement("select", { value: selectedSource, onChange: (e)=>setSelectedSource(e.target.value), className: "w-full bg-white/10 text-white rounded-lg px-3 py-2 text-sm", __source: { fileName: "", lineNumber: 306, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "all", __source: { fileName: "", lineNumber: 311, columnNumber: 23 }, __self: this }, "All Sources"), /*#__PURE__*/ React.createElement("option", { value: "user", __source: { fileName: "", lineNumber: 312, columnNumber: 23 }, __self: this }, "User Submitted"), /*#__PURE__*/ React.createElement("option", { value: "system", __source: { fileName: "", lineNumber: 313, columnNumber: 23 }, __self: this }, "System Generated"), /*#__PURE__*/ React.createElement("option", { value: "api", __source: { fileName: "", lineNumber: 314, columnNumber: 23 }, __self: this }, "API Integration"))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 320, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-white font-bold mb-4", __source: { fileName: "", lineNumber: 321, columnNumber: 17 }, __self: this }, "Statistics"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 322, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center text-gray-300 text-sm", __source: { fileName: "", lineNumber: 323, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 324, columnNumber: 21 }, __self: this }, "Total Reports"), /*#__PURE__*/ React.createElement("span", { className: "bg-purple-500/20 text-purple-400 px-2 py-1 rounded-full text-xs", __source: { fileName: "", lineNumber: 325, columnNumber: 21 }, __self: this }, reports.length)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center text-gray-300 text-sm", __source: { fileName: "", lineNumber: 329, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 330, columnNumber: 21 }, __self: this }, "High Confidence"), /*#__PURE__*/ React.createElement("span", { className: "bg-green-500/20 text-green-400 px-2 py-1 rounded-full text-xs", __source: { fileName: "", lineNumber: 331, columnNumber: 21 }, __self: this }, reports.filter((r)=>r.confidence === "high").length)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center text-gray-300 text-sm", __source: { fileName: "", lineNumber: 335, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 336, columnNumber: 21 }, __self: this }, "This Month"), /*#__PURE__*/ React.createElement("span", { className: "bg-pink-500/20 text-pink-400 px-2 py-1 rounded-full text-xs", __source: { fileName: "", lineNumber: 337, columnNumber: 21 }, __self: this }, reports.filter((r)=>{ const date = new Date(r.created_at); const now = new Date(); return date.getMonth() === now.getMonth() && date.getFullYear() === now.getFullYear(); }).length))))), /*#__PURE__*/ React.createElement("div", { className: "flex-1 overflow-y-auto max-h-[80vh]", __source: { fileName: "", lineNumber: 353, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6", __source: { fileName: "", lineNumber: 354, columnNumber: 15 }, __self: this }, filteredReports.map((report)=>/*#__PURE__*/ React.createElement("div", { key: report.id, className: "bg-white/10 backdrop-blur-lg rounded-lg p-6 border border-white/20 cursor-pointer hover:bg-white/20 transition-colors", onClick: ()=>setSelectedReport(report), __source: { fileName: "", lineNumber: 356, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 361, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${report.threat_type === "malware" ? "bug" : "shield-alt"} text-2xl text-blue-400 mr-2`, __source: { fileName: "", lineNumber: 362, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-white font-bold", __source: { fileName: "", lineNumber: 369, columnNumber: 23 }, __self: this }, report.threat_type)), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 374, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-300", __source: { fileName: "", lineNumber: 375, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-1", __source: { fileName: "", lineNumber: 376, columnNumber: 25 }, __self: this }, "Indicator"), /*#__PURE__*/ React.createElement("div", { className: "text-sm", __source: { fileName: "", lineNumber: 377, columnNumber: 25 }, __self: this }, report.indicator)), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between text-sm text-gray-400", __source: { fileName: "", lineNumber: 380, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 381, columnNumber: 25 }, __self: this }, "Confidence: ", report.confidence), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 382, columnNumber: 25 }, __self: this }, "First Seen:", " ", new Date(report.first_seen).toLocaleDateString())), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 388, columnNumber: 23 }, __self: this }, reportTags(report).map((tag, index)=>/*#__PURE__*/ React.createElement("span", { key: index, className: "bg-blue-500/20 text-blue-400 px-2 py-1 rounded-full text-xs", __source: { fileName: "", lineNumber: 390, columnNumber: 27 }, __self: this }, tag))), report.crypto_address && /*#__PURE__*/ React.createElement("div", { className: "text-gray-300 text-sm", __source: { fileName: "", lineNumber: 400, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-1", __source: { fileName: "", lineNumber: 401, columnNumber: 27 }, __self: this }, "Crypto Address"), /*#__PURE__*/ React.createElement("div", { className: "truncate", __source: { fileName: "", lineNumber: 404, columnNumber: 27 }, __self: this }, report.crypto_address)), report.domain && /*#__PURE__*/ React.createElement("div", { className: "text-gray-300 text-sm", __source: { fileName: "", lineNumber: 411, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-1", __source: { fileName: "", lineNumber: 412, columnNumber: 27 }, __self: this }, "Domain"), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 413, columnNumber: 27 }, __self: this }, report.domain)), reportScreenshots(report).length > 0 && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-2", __source: { fileName: "", lineNumber: 418, columnNumber: 25 }, __self: this }, reportScreenshots(report).map((url, index)=>/*#__PURE__*/ React.createElement("img", { key: index, src: url, alt: `Evidence screenshot ${index + 1}`, className: "w-full h-24 object-cover rounded", __source: { fileName: "", lineNumber: 420, columnNumber: 29 }, __self: this })))))))))), selectedReport && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50 p-4", __source: { fileName: "", lineNumber: 439, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-lg rounded-2xl p-8 shadow-2xl max-w-4xl w-full max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 440, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-6", __source: { fileName: "", lineNumber: 441, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 442, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${selectedReport.threat_type === "malware" ? "bug" : "shield-alt"} text-3xl text-blue-400 mr-3`, __source: { fileName: "", lineNumber: 443, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-white", __source: { fileName: "", lineNumber: 446, columnNumber: 17 }, __self: this }, selectedReport.threat_type)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedReport(null), className: "text-white/60 hover:text-white", __source: { fileName: "", lineNumber: 450, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 454, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 457, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-300", __source: { fileName: "", lineNumber: 458, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 459, columnNumber: 17 }, __self: this }, "Description"), /*#__PURE__*/ React.createElement("div", { className: "text-sm whitespace-pre-wrap", __source: { fileName: "", lineNumber: 460, columnNumber: 17 }, __self: this }, selectedReport.description)), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 464, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-300", __source: { fileName: "", lineNumber: 465, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 466, columnNumber: 19 }, __self: this }, "Indicator"), /*#__PURE__*/ React.createElement("div", { className: "text-sm", __source: { fileName: "", lineNumber: 467, columnNumber: 19 }, __self: this }, selectedReport.indicator)), /*#__PURE__*/ React.createElement("div", { className: "text-gray-300", __source: { fileName: "", lineNumber: 469, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 470, columnNumber: 19 }, __self: this }, "Status"), /*#__PURE__*/ React.createElement("div", { className: `inline-block px-3 py-1 rounded-full text-xs bg-${getStatusColor(selectedReport.status)}-500/20 text-${getStatusColor(selectedReport.status)}-400`, __source: { fileName: "", lineNumber: 471, columnNumber: 19 }, __self: this }, selectedReport.status))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 478, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-300", __source: { fileName: "", lineNumber: 479, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 480, columnNumber: 19 }, __self: this }, "Confidence"), /*#__PURE__*/ React.createElement("div", { className: "text-sm", __source: { fileName: "", lineNumber: 481, columnNumber: 19 }, __self: this }, selectedReport.confidence)), /*#__PURE__*/ React.createElement("div", { className: "text-gray-300", __source: { fileName: "", lineNumber: 483, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 484, columnNumber: 19 }, __self: this }, "First Seen"), /*#__PURE__*/ React.createElement("div", { className: "text-sm", __source: { fileName: "", lineNumber: 485, columnNumber: 19 }, __self: this }, new Date(selectedReport.first_seen).toLocaleDateString()))), selectedReport.crypto_address && /*#__PURE__*/ React.createElement("div", { className: "text-gray-300", __source: { fileName: "", lineNumber: 491, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 492, columnNumber: 19 }, __self: this }, "Crypto Address"), /*#__PURE__*/ React.createElement("div", { className: "text-sm font-mono bg-black/20 p-2 rounded", __source: { fileName: "", lineNumber: 493, columnNumber: 19 }, __self: this }, selectedReport.crypto_address)), selectedReport.domain && /*#__PURE__*/ React.createElement("div", { className: "text-gray-300", __source: { fileName: "", lineNumber: 499, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 500, columnNumber: 19 }, __self: this }, "Domain"), /*#__PURE__*/ React.createElement("div", { className: "text-sm font-mono bg-black/20 p-2 rounded", __source: { fileName: "", lineNumber: 501, columnNumber: 19 }, __self: this }, selectedReport.domain)), reportScreenshots(selectedReport).length > 0 && /*#__PURE__*/ React.createElement("div", { className: "text-gray-300", __source: { fileName: "", lineNumber: 507, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold mb-2", __source: { fileName: "", lineNumber: 508, columnNumber: 19 }, __self: this }, "Screenshots"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 509, columnNumber: 19 }, __self: this }, reportScreenshots(selectedReport).map((url, index)=>/*#__PURE__*/ React.createElement("img", { key: index, src: url, alt: `Evidence screenshot ${index + 1}`, className: "w-full rounded-lg", __source: { fileName: "", lineNumber: 511, columnNumber: 23 }, __self: this }))))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 526, columnNumber: 7 }, __self: this }, ` .lightning-container { position: absolute; width: 100%; height: 100%; overflow: hidden; } .lightning-bolt { position: absolute; width: 3px; height: 0; background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(0,247,255,1) 100% ); filter: drop-shadow(0 0 15px #00f7ff); animation: lightning-strike 2s infinite; transform-origin: top; } .lightning-bolt:nth-child(1) { left: 10%; animation-delay: 0s; } .lightning-bolt:nth-child(2) { left: 30%; animation-delay: 0.2s; } .lightning-bolt:nth-child(3) { left: 50%; animation-delay: 0.4s; } .lightning-bolt:nth-child(4) { left: 70%; animation-delay: 0.6s; } .lightning-bolt:nth-child(5) { left: 90%; animation-delay: 0.8s; } @keyframes lightning-strike { 0% { height: 0; opacity: 0; transform: translateY(-50%) scaleY(0); } 20% { height: 100%; opacity: 1; transform: translateY(0) scaleY(1); } 25% { opacity: 0.8; } 30% { opacity: 0.6; } 35% { opacity: 0; } 100% { height: 100%; opacity: 0; } } `)); }