function MainComponent() { const [input, setInput] = useState(""); const [results, setResults] = useState(null); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [searchType, setSearchType] = useState(null); const [loadingProgress, setLoadingProgress] = useState(0); const [searching, setSearching] = useState(false); const [currentPage, setCurrentPage] = useState(1); const resultsPerPage = 10; const handleKeyPress = useCallback((e)=>{ if (e.key === "Enter" && input && searchType) { handleSearch(); } else if (e.key === "Escape") { handleCancel(); } }, [ input, searchType ]); const handleCancel = useCallback(()=>{ setSearching(false); setLoading(false); setLoadingProgress(0); setInput(""); setSearchType(null); setError(null); }, []); const searchGoogle = async (query, type)=>{ try { let searchQueries = []; // Handle special characters in search const exactQuery = query; const normalizedQuery = query.replace(/[.\-_@]/g, " "); const specialCharsQuery = query.replace(/[.\-_@]/g, "[.-_@]"); // Time-based search parameters const timeRanges = [ { label: "Past hour", value: "h1" }, { label: "Past 24 hours", value: "d1" }, { label: "Past week", value: "w1" }, { label: "Past month", value: "m1" }, { label: "Past year", value: "y1" } ]; // Social media platforms const socialPlatforms = [ "instagram.com", "tiktok.com", "threads.net", "bsky.social", "x.com", "twitter.com", "facebook.com", "linkedin.com", "github.com", "youtube.com", "pinterest.com", "reddit.com" ]; // Query variations for usernames const getQueryVariations = (q)=>{ const parts = q.split(/[.\-_@]/); return [ `"${q}"`, `"@${q}"`, `"${parts.join("")}"`, `"${parts.join(".")}"`, `"${parts.join("_")}"`, `"${parts.join("-")}"`, `${parts[0]}*${parts[parts.length - 1]}` ]; }; // Base search patterns for each type const getBaseQueries = (q)=>{ const variations = getQueryVariations(q); const socialQueries = socialPlatforms.map((platform)=>variations.map((variation)=>({ query: `site:${platform} (${variation})`, timeRange: { label: "All time", value: "" } }))).flat(); const generalQueries = timeRanges.flatMap((range)=>variations.map((variation)=>({ query: variation, timeRange: range }))); return [ ...socialQueries, ...generalQueries ]; }; if (type === "email") { const emailQueries = [ ...getBaseQueries(exactQuery), ...timeRanges.map((range)=>({ query: `"mailto:${exactQuery}"`, timeRange: range })), ...socialPlatforms.map((platform)=>({ query: `site:${platform} "${exactQuery}"`, timeRange: { label: "All time", value: "" } })), ...timeRanges.map((range)=>({ query: `"${exactQuery}" (filetype:pdf OR filetype:doc OR filetype:txt)`, timeRange: range })) ]; searchQueries = emailQueries; } else if (type === "username") { searchQueries = getBaseQueries(exactQuery); } else if (type === "name") { const nameQueries = [ ...getBaseQueries(exactQuery), ...socialPlatforms.map((platform)=>({ query: `site:${platform} "${exactQuery}"`, timeRange: { label: "All time", value: "" } })) ]; searchQueries = nameQueries; } else if (type === "phone") { const formattedPhone = query.replace(/[\s\-\.()]/g, ""); searchQueries = [ ...getBaseQueries(exactQuery), ...timeRanges.map((range)=>({ query: `"${formattedPhone}"`, timeRange: range })), ...timeRanges.map((range)=>({ query: `+${formattedPhone}`, timeRange: range })), ...timeRanges.map((range)=>({ query: `${formattedPhone} * contact`, timeRange: range })), ...timeRanges.map((range)=>({ query: `"${exactQuery}" -site:whitepages.com -site:yellowpages.com`, timeRange: range })), ...timeRanges.map((range)=>({ query: `"${exactQuery}" (site:linkedin.com OR site:facebook.com)`, timeRange: range })), ...timeRanges.map((range)=>({ query: `"${exactQuery}" (site:haveibeenpwned.com OR site:dehashed.com)`, timeRange: range })), ...timeRanges.map((range)=>({ query: `"${exactQuery}" "data breach" OR "leaked" OR "compromised"`, timeRange: range })) ]; } else if (type === "domain") { searchQueries = [ ...getBaseQueries(exactQuery), ...timeRanges.map((range)=>({ query: `site:${exactQuery}`, timeRange: range })), ...timeRanges.map((range)=>({ query: `"www.${exactQuery}"`, timeRange: range })), ...timeRanges.map((range)=>({ query: `+${exactQuery} +contact`, timeRange: range })), ...timeRanges.map((range)=>({ query: `${exactQuery} * company`, timeRange: range })), ...timeRanges.map((range)=>({ query: `"${exactQuery}" (site:haveibeenpwned.com OR site:dehashed.com)`, timeRange: range })), ...timeRanges.map((range)=>({ query: `"${exactQuery}" "data breach" OR "leaked" OR "compromised"`, timeRange: range })), ...timeRanges.map((range)=>({ query: `site:${exactQuery} (intitle:about OR intitle:contact)`, timeRange: range })) ]; } else if (type === "ip") { searchQueries = [ ...getBaseQueries(exactQuery), ...timeRanges.map((range)=>({ query: `+${exactQuery} +server`, timeRange: range })), ...timeRanges.map((range)=>({ query: `${exactQuery} * network`, timeRange: range })), ...timeRanges.map((range)=>({ query: `"${exactQuery}" (site:abuseipdb.com OR site:virustotal.com)`, timeRange: range })), ...timeRanges.map((range)=>({ query: `"${exactQuery}" (site:haveibeenpwned.com OR site:dehashed.com)`, timeRange: range })), ...timeRanges.map((range)=>({ query: `"${exactQuery}" "data breach" OR "leaked" OR "compromised"`, timeRange: range })) ]; } else { searchQueries = getBaseQueries(exactQuery); } const results = []; for (const { query, timeRange } of searchQueries){ try { const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(query)}${timeRange.value ? `&tbm=qdr:${timeRange.value}` : ""}`); if (!response.ok) { throw new Error(`Google search failed: ${response.status}`); } const data = await response.json(); if (data?.items) { results.push(...data.items.map((item)=>({ ...item, timeRange: timeRange.label, query: query }))); } } catch (error) { console.error("Search error:", error); } } // Remove duplicates based on URL but keep track of which queries found each result const uniqueResults = Array.from(new Map(results.map((item)=>[ item.link, { ...item, queries: results.filter((r)=>r.link === item.link).map((r)=>r.query) } ])).values()); return { items: uniqueResults, total: uniqueResults.length }; } catch (error) { console.error("Search error:", error); return { items: [], total: 0 }; } }; const formatNetworkInfo = (info)=>{ if (!info) return null; const lines = []; Object.entries(info).forEach(([key, value])=>{ if (typeof value === "string") { lines.push({ label: key.replace(/_/g, " "), value }); } else if (typeof value === "object" && value !== null) { Object.entries(value).forEach(([subKey, subValue])=>{ if (typeof subValue === "string") { lines.push({ label: `${key.replace(/_/g, " ")} ${subKey.replace(/_/g, " ")}`, value: subValue }); } }); } }); return lines; }; const formatBreachInfo = (info)=>{ if (!info?.result) return null; try { const data = JSON.parse(info.result); return { breaches: data.Breaches || [], pastes: data.Pastes || [] }; } catch { return null; } }; const getIconForType = (type)=>{ switch(type){ case "name": return "1️⃣"; case "username": return "2️⃣"; case "email": return "3️⃣"; case "domain": return "4️⃣"; case "phone": return "5️⃣"; case "ip": return "6️⃣"; default: return "•"; } }; const getPlaceholderText = ()=>{ if (!searchType) return "Select a search type..."; return `Enter ${searchType} to search...`; }; const handleSearch = async ()=>{ if (!input) return; if (searching) { handleCancel(); return; } setSearching(true); setLoading(true); setError(null); setResults(null); setLoadingProgress(0); try { const results = { searchResults: [] }; // Add data breach check if (searchType === "email" || searchType === "username" || searchType === "domain") { setLoadingProgress(10); try { const breachResponse = await fetch("/api/network-tools", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ command: "breach", target: input.trim(), type: searchType }) }); if (!breachResponse.ok) { throw new Error("Data breach check failed"); } const breachData = await breachResponse.json(); results.breachInfo = breachData; } catch (error) { console.error("Breach check error:", error); } } setLoadingProgress(20); // Add public records search for names if (searchType === "name") { try { const publicRecordsResponse = await fetch("/api/public-records", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ query: input.trim(), type: searchType }) }); if (publicRecordsResponse.ok) { const publicRecordsData = await publicRecordsResponse.json(); if (publicRecordsData.success) { // Add FOIA results if (publicRecordsData.foia?.records) { results.searchResults.push(...publicRecordsData.foia.records.map((record)=>({ title: record.title || "FOIA Record", link: record.url || "#", snippet: record.description || "No description available", source: "FOIA.gov", displayLink: "foia.gov", isPublicRecord: true }))); } // Add FARA results if (publicRecordsData.fara?.registrants) { results.searchResults.push(...publicRecordsData.fara.registrants.map((reg)=>({ title: reg.registrantName || "FARA Registration", link: `https://efile.fara.gov/pls/apex/f?p=185:200:::::P200_REG_NUMBER:${reg.registrationNumber}`, snippet: `Registration: ${reg.registrationNumber}, Status: ${reg.status}`, source: "FARA.gov", displayLink: "fara.gov", isPublicRecord: true }))); } // Add FBI Crime Data results if (publicRecordsData.fbi?.data) { results.searchResults.push(...publicRecordsData.fbi.data.map((item)=>({ title: item.title || "FBI Crime Data", link: item.url || "#", snippet: item.description || "No description available", source: "FBI Crime Data", displayLink: "fbi.gov", isPublicRecord: true }))); } } } } catch (error) { console.error("Public records search error:", error); } } setLoadingProgress(40); // Network info for domain/IP if (searchType === "domain" || searchType === "ip") { try { const networkResponse = await fetch("/api/network-tools", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ command: "whois", target: input.trim() }) }); if (!networkResponse.ok) { throw new Error("Network tools request failed"); } const networkData = await networkResponse.json(); results.networkInfo = networkData; } catch (error) { console.error("Network check error:", error); } } setLoadingProgress(50); // Add Wikipedia search try { const wikiQuery = encodeURIComponent(input.trim()); const wikiResponse = await fetch(`https://en.wikipedia.org/w/api.php?action=query&list=search&srsearch=${wikiQuery}&format=json&origin=*`); if (wikiResponse.ok) { const wikiData = await wikiResponse.json(); if (wikiData?.query?.search) { results.searchResults.push(...wikiData.query.search.map((item)=>({ title: item.title, link: `https://en.wikipedia.org/wiki/${encodeURIComponent(item.title)}`, snippet: item.snippet.replace(/<\/?[^>]+(>|$)/g, ""), source: "Wikipedia", displayLink: "wikipedia.org" }))); } } } catch (error) { console.error("Wikipedia search error:", error); } setLoadingProgress(60); // Add AI analysis try { const aiPrompt = `Analyze this ${searchType}: ${input.trim()} Please provide: 1. Potential privacy/security concerns 2. Common patterns or indicators 3. Relevant context or insights Keep the response concise and factual.`; const [chatGptResponse, geminiResponse, claudeResponse] = await Promise.allSettled([ fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: aiPrompt } ] }) }), fetch("/integrations/google-gemini-1-5/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: aiPrompt } ] }) }), fetch("/integrations/anthropic-claude-sonnet-3-5/", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: aiPrompt } ] }) }) ]); // Process AI responses const processedResponses = await Promise.all([ chatGptResponse, geminiResponse, claudeResponse ].map(async (response, index)=>{ if (response.status === "fulfilled" && response.value.ok) { const data = await response.value.json(); const content = data.choices[0].message.content; const source = index === 0 ? "ChatGPT Analysis" : index === 1 ? "Gemini Analysis" : "Claude Analysis"; return { title: `AI Analysis: ${searchType}`, snippet: content, link: "#", source: source, displayLink: "AI Analysis", isAiAnalysis: true }; } return null; })); results.searchResults.push(...processedResponses.filter(Boolean)); } catch (error) { console.error("AI analysis error:", error); } setLoadingProgress(80); // Google search try { const googleResults = await searchGoogle(input.trim(), searchType); if (googleResults?.items) { results.searchResults.push(...googleResults.items.map((item)=>({ ...item, source: "Google" }))); } } catch (error) { console.error("Search error:", error); } setLoadingProgress(100); await new Promise((resolve)=>setTimeout(resolve, 300)); setResults(results); } catch (err) { setError("An error occurred while searching. Please try again."); console.error("Search error:", err); setTimeout(()=>setError(null), 3000); } finally{ setLoading(false); setSearching(false); setLoadingProgress(0); } }; const handleSearchTypeChange = (type)=>{ setSearchType(type); setInput(""); setResults(null); }; return /*#__PURE__*/ React.createElement("div", { style: { minHeight: "100vh", backgroundColor: "#1a1a1a", color: "white", padding: "20px", fontFamily: "Arial, sans-serif", display: "flex", flexDirection: "column", justifyContent: "center", alignItems: "center" }, __source: { fileName: "", lineNumber: 594, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { width: "100%", maxWidth: "800px", margin: "0 auto", textAlign: "center", display: "flex", flexDirection: "column", gap: "30px", alignItems: "center" }, __source: { fileName: "", lineNumber: 607, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { marginBottom: "5px" }, __source: { fileName: "", lineNumber: 619, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { style: { fontSize: "clamp(1.5rem, 5vw, 2.5rem)", margin: "0 0 clamp(3px, 1vw, 5px) 0", color: "#fff", wordWrap: "break-word" }, __source: { fileName: "", lineNumber: 620, columnNumber: 11 }, __self: this }, "Digital Footprint Scanner"), /*#__PURE__*/ React.createElement("p", { style: { fontSize: "clamp(0.9rem, 2.5vw, 1.1rem)", margin: "0", color: "#ccc" }, __source: { fileName: "", lineNumber: 630, columnNumber: 11 }, __self: this }, "Discover your information exposure")), /*#__PURE__*/ React.createElement("div", { style: { width: "100%", display: "flex", flexDirection: "column", alignItems: "center", gap: "20px" }, __source: { fileName: "", lineNumber: 641, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { display: "flex", width: "85%", justifyContent: "center", position: "relative" }, __source: { fileName: "", lineNumber: 650, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: input, onChange: (e)=>setInput(e.target.value.toLowerCase()), onKeyPress: handleKeyPress, placeholder: getPlaceholderText(), style: { width: "100%", padding: "12px", fontSize: "16px", backgroundColor: "#2a2a2a", border: "none", borderRadius: "8px", color: "white", boxShadow: "0 2px 4px rgba(0,0,0,0.2)" }, __source: { fileName: "", lineNumber: 658, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { style: { display: "flex", gap: "8px", width: "auto", padding: "4px", justifyContent: "center", flexWrap: "wrap" }, __source: { fileName: "", lineNumber: 677, columnNumber: 11 }, __self: this }, [ "name", "username", "email", "domain", "phone", "ip" ].map((type)=>/*#__PURE__*/ React.createElement("button", { key: type, onClick: ()=>handleSearchTypeChange(type), title: type, style: { backgroundColor: searchType === type ? "#3498db" : "#2a2a2a", color: "white", padding: "6px", border: "none", borderRadius: "6px", cursor: "pointer", transition: "all 0.2s ease", display: "flex", alignItems: "center", justifyContent: "center", boxShadow: "0 2px 4px rgba(0,0,0,0.2)", width: "40px", height: "40px", flex: "0 0 auto" }, __source: { fileName: "", lineNumber: 689, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { style: { fontSize: "1rem" }, __source: { fileName: "", lineNumber: 711, columnNumber: 19 }, __self: this }, getIconForType(type))))), /*#__PURE__*/ React.createElement("button", { onClick: handleSearch, disabled: !input || !searchType, style: { backgroundColor: searching ? "#e74c3c" : "#3498db", color: "white", padding: "12px 24px", border: "none", borderRadius: "8px", fontSize: "16px", cursor: !input || !searchType ? "not-allowed" : "pointer", opacity: !input || !searchType ? 0.5 : 1, transition: "all 0.3s", width: "auto", minWidth: "120px", boxShadow: "0 2px 4px rgba(0,0,0,0.2)" }, __source: { fileName: "", lineNumber: 719, columnNumber: 11 }, __self: this }, searching ? "Cancel" : "Discover")), loading && /*#__PURE__*/ React.createElement("div", { style: { width: "85%", margin: "20px auto" }, __source: { fileName: "", lineNumber: 742, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { width: "100%", height: "24px", backgroundColor: "#2a2a2a", borderRadius: "12px", overflow: "hidden", position: "relative" }, __source: { fileName: "", lineNumber: 743, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { width: `${loadingProgress}%`, height: "100%", backgroundColor: "#3498db", transition: "width 0.3s ease" }, __source: { fileName: "", lineNumber: 753, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { style: { position: "absolute", top: "50%", left: "50%", transform: "translate(-50%, -50%)", color: "white", fontSize: "12px", fontWeight: "bold" }, __source: { fileName: "", lineNumber: 761, columnNumber: 15 }, __self: this }, loadingProgress, "%"))), error && /*#__PURE__*/ React.createElement("div", { style: { backgroundColor: "#ff4444", color: "white", padding: "12px", borderRadius: "8px", margin: "20px auto", fontSize: "14px", width: "85%", textAlign: "center" }, __source: { fileName: "", lineNumber: 779, columnNumber: 11 }, __self: this }, error), results && /*#__PURE__*/ React.createElement("div", { style: { backgroundColor: "#2a2a2a", padding: "20px", borderRadius: "12px", marginTop: "30px", width: "95%", maxWidth: "1200px", textAlign: "left", boxShadow: "0 4px 6px rgba(0, 0, 0, 0.1)" }, __source: { fileName: "", lineNumber: 796, columnNumber: 11 }, __self: this }, results.networkInfo && /*#__PURE__*/ React.createElement("div", { style: { marginBottom: "25px" }, __source: { fileName: "", lineNumber: 809, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { color: "#00bcd4", marginBottom: "12px", fontSize: "clamp(1.2rem, 3vw, 1.4rem)", borderBottom: "2px solid #00bcd4", paddingBottom: "6px" }, __source: { fileName: "", lineNumber: 810, columnNumber: 17 }, __self: this }, "Network Information"), /*#__PURE__*/ React.createElement("div", { style: { display: "grid", gap: "12px" }, __source: { fileName: "", lineNumber: 821, columnNumber: 17 }, __self: this }, formatNetworkInfo(results.networkInfo)?.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, style: { backgroundColor: "#363636", padding: "12px", borderRadius: "8px", borderLeft: "4px solid #00bcd4", transition: "all 0.2s ease", cursor: "pointer", overflow: "hidden", width: "100%", maxWidth: "100%" }, onClick: ()=>{ navigator.clipboard.writeText(item.value); }, onMouseEnter: (e)=>{ e.currentTarget.style.transform = "translateX(5px)"; e.currentTarget.style.backgroundColor = "#404040"; }, onMouseLeave: (e)=>{ e.currentTarget.style.transform = "none"; e.currentTarget.style.backgroundColor = "#363636"; }, __source: { fileName: "", lineNumber: 824, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { color: "#00bcd4", fontSize: "clamp(0.9rem, 2vw, 1rem)", marginBottom: "4px", textTransform: "capitalize", fontWeight: "500" }, __source: { fileName: "", lineNumber: 849, columnNumber: 25 }, __self: this }, item.label), /*#__PURE__*/ React.createElement("div", { style: { color: "#fff", fontSize: "clamp(0.9rem, 2vw, 1rem)", wordBreak: "break-word", lineHeight: "1.4", overflowWrap: "break-word", width: "100%", maxWidth: "100%" }, __source: { fileName: "", lineNumber: 860, columnNumber: 25 }, __self: this }, item.value))))), results.breachInfo && /*#__PURE__*/ React.createElement("div", { style: { marginBottom: "25px" }, __source: { fileName: "", lineNumber: 881, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { color: "#ff5252", marginBottom: "12px", fontSize: "clamp(1.2rem, 3vw, 1.4rem)", borderBottom: "2px solid #ff5252", paddingBottom: "6px" }, __source: { fileName: "", lineNumber: 882, columnNumber: 17 }, __self: this }, "Data Breach Information"), /*#__PURE__*/ React.createElement("div", { style: { display: "grid", gap: "15px" }, __source: { fileName: "", lineNumber: 893, columnNumber: 17 }, __self: this }, formatBreachInfo(results.breachInfo)?.breaches?.length > 0 ? formatBreachInfo(results.breachInfo).breaches.map((breach, index)=>/*#__PURE__*/ React.createElement("div", { key: index, style: { backgroundColor: "#363636", padding: "15px", borderRadius: "8px", borderLeft: "4px solid #ff5252", transition: "all 0.2s ease", cursor: "pointer", overflow: "hidden", width: "100%", maxWidth: "100%" }, __source: { fileName: "", lineNumber: 898, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "flex-start", gap: "8px", marginBottom: "6px" }, __source: { fileName: "", lineNumber: 912, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { style: { color: "#ff5252", fontSize: "clamp(1.1rem, 2.5vw, 1.2rem)", margin: "0", flex: "1" }, __source: { fileName: "", lineNumber: 921, columnNumber: 29 }, __self: this }, breach.Name), /*#__PURE__*/ React.createElement("span", { style: { backgroundColor: "#2a2a2a", color: "#ff5252", padding: "2px 8px", borderRadius: "4px", fontSize: "12px", whiteSpace: "nowrap" }, __source: { fileName: "", lineNumber: 931, columnNumber: 29 }, __self: this }, new Date(breach.BreachDate).toLocaleDateString())), /*#__PURE__*/ React.createElement("div", { style: { color: "#ff5252", fontSize: "clamp(0.8rem, 1.8vw, 0.9rem)", marginBottom: "6px", padding: "4px 6px", backgroundColor: "#2a2a2a", borderRadius: "4px", display: "inline-block", cursor: "pointer", maxWidth: "100%", overflowWrap: "break-word" }, __source: { fileName: "", lineNumber: 944, columnNumber: 27 }, __self: this }, breach.Description), breach.Domain && /*#__PURE__*/ React.createElement("div", { style: { display: "flex", gap: "10px", flexWrap: "wrap" }, __source: { fileName: "", lineNumber: 961, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: `https://${breach.Domain}`, target: "_blank", rel: "noopener noreferrer", onClick: (e)=>e.stopPropagation(), style: { color: "#ff5252", textDecoration: "none", fontSize: "clamp(0.8rem, 2vw, 0.9rem)", display: "inline-flex", alignItems: "center", gap: "5px", backgroundColor: "#2a2a2a", padding: "6px 12px", borderRadius: "4px", transition: "all 0.2s ease" }, onMouseEnter: (e)=>{ e.currentTarget.style.backgroundColor = "#363636"; e.currentTarget.style.transform = "translateY(-2px)"; }, onMouseLeave: (e)=>{ e.currentTarget.style.backgroundColor = "#2a2a2a"; e.currentTarget.style.transform = "none"; }, __source: { fileName: "", lineNumber: 968, columnNumber: 31 }, __self: this }, "Visit Website ↗"), /*#__PURE__*/ React.createElement("button", { onClick: (e)=>{ e.stopPropagation(); navigator.clipboard.writeText(breach.Domain); }, style: { color: "#ff5252", backgroundColor: "#2a2a2a", border: "none", padding: "6px 12px", borderRadius: "4px", cursor: "pointer", fontSize: "clamp(0.8rem, 2vw, 0.9rem)", transition: "all 0.2s ease" }, onMouseEnter: (e)=>{ e.currentTarget.style.backgroundColor = "#363636"; e.currentTarget.style.transform = "translateY(-2px)"; }, onMouseLeave: (e)=>{ e.currentTarget.style.backgroundColor = "#2a2a2a"; e.currentTarget.style.transform = "none"; }, __source: { fileName: "", lineNumber: 999, columnNumber: 31 }, __self: this }, "Copy Domain")))) : /*#__PURE__*/ React.createElement("div", { style: { backgroundColor: "#363636", padding: "15px", borderRadius: "8px", borderLeft: "4px solid #4caf50", transition: "all 0.2s ease" }, __source: { fileName: "", lineNumber: 1034, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { style: { color: "#4caf50", fontSize: "clamp(1rem, 2.2vw, 1.1rem)", margin: "0" }, __source: { fileName: "", lineNumber: 1043, columnNumber: 23 }, __self: this }, "Good news! Your data appears to be safe from known data breaches. Keep maintaining good security practices to protect your information.")))), results.searchResults.some((result)=>result.isPublicRecord) && /*#__PURE__*/ React.createElement("div", { style: { marginBottom: "25px" }, __source: { fileName: "", lineNumber: 1061, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { color: "#ff9800", marginBottom: "12px", fontSize: "clamp(1.2rem, 3vw, 1.4rem)", borderBottom: "2px solid #ff9800", paddingBottom: "6px" }, __source: { fileName: "", lineNumber: 1062, columnNumber: 17 }, __self: this }, "Criminal & Court Records"), /*#__PURE__*/ React.createElement("div", { style: { display: "grid", gap: "12px" }, __source: { fileName: "", lineNumber: 1073, columnNumber: 17 }, __self: this }, results.searchResults.filter((result)=>result.isPublicRecord).map((result, index)=>/*#__PURE__*/ React.createElement("a", { key: `public-${index}`, href: result.link, target: "_blank", rel: "noopener noreferrer", style: { backgroundColor: "#363636", padding: "15px", borderRadius: "8px", textDecoration: "none", borderLeft: "4px solid #ff9800", transition: "all 0.2s ease", display: "flex", flexDirection: "column", gap: "8px" }, onMouseEnter: (e)=>{ e.currentTarget.style.transform = "translateX(5px)"; e.currentTarget.style.backgroundColor = "#404040"; }, onMouseLeave: (e)=>{ e.currentTarget.style.transform = "none"; e.currentTarget.style.backgroundColor = "#363636"; }, __source: { fileName: "", lineNumber: 1077, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, __source: { fileName: "", lineNumber: 1102, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { style: { color: "#ff9800", margin: 0 }, __source: { fileName: "", lineNumber: 1109, columnNumber: 27 }, __self: this }, result.title), /*#__PURE__*/ React.createElement("span", { style: { backgroundColor: "#2a2a2a", color: "#ff9800", padding: "2px 8px", borderRadius: "4px", fontSize: "12px" }, __source: { fileName: "", lineNumber: 1112, columnNumber: 27 }, __self: this }, result.source)), /*#__PURE__*/ React.createElement("p", { style: { color: "#fff", margin: 0 }, __source: { fileName: "", lineNumber: 1124, columnNumber: 25 }, __self: this }, result.snippet))))), results.searchResults.some((result)=>result.isAiAnalysis) && /*#__PURE__*/ React.createElement("div", { style: { marginBottom: "25px" }, __source: { fileName: "", lineNumber: 1134, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { color: "#9c27b0", marginBottom: "12px", fontSize: "clamp(1.2rem, 3vw, 1.4rem)", borderBottom: "2px solid #9c27b0", paddingBottom: "6px" }, __source: { fileName: "", lineNumber: 1135, columnNumber: 17 }, __self: this }, "AI Analysis"), /*#__PURE__*/ React.createElement("div", { style: { display: "grid", gap: "12px" }, __source: { fileName: "", lineNumber: 1146, columnNumber: 17 }, __self: this }, results.searchResults.filter((result)=>result.isAiAnalysis).map((result, index)=>/*#__PURE__*/ React.createElement("div", { key: `ai-${index}`, style: { backgroundColor: "#363636", padding: "15px", borderRadius: "8px", borderLeft: "4px solid #9c27b0", cursor: "pointer", transition: "all 0.2s ease" }, onClick: ()=>navigator.clipboard.writeText(result.snippet), onMouseEnter: (e)=>{ e.currentTarget.style.transform = "translateX(5px)"; e.currentTarget.style.backgroundColor = "#404040"; }, onMouseLeave: (e)=>{ e.currentTarget.style.transform = "none"; e.currentTarget.style.backgroundColor = "#363636"; }, __source: { fileName: "", lineNumber: 1150, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, __source: { fileName: "", lineNumber: 1172, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { style: { color: "#9c27b0", margin: 0 }, __source: { fileName: "", lineNumber: 1179, columnNumber: 27 }, __self: this }, result.source)), /*#__PURE__*/ React.createElement("p", { style: { color: "#fff", margin: "10px 0 0 0" }, __source: { fileName: "", lineNumber: 1183, columnNumber: 25 }, __self: this }, result.snippet))))), results.searchResults.some((result)=>result.source === "Wikipedia") && /*#__PURE__*/ React.createElement("div", { style: { marginBottom: "25px" }, __source: { fileName: "", lineNumber: 1195, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { color: "#2196f3", marginBottom: "12px", fontSize: "clamp(1.2rem, 3vw, 1.4rem)", borderBottom: "2px solid #2196f3", paddingBottom: "6px" }, __source: { fileName: "", lineNumber: 1196, columnNumber: 17 }, __self: this }, "Wikipedia Results"), /*#__PURE__*/ React.createElement("div", { style: { display: "grid", gap: "12px" }, __source: { fileName: "", lineNumber: 1207, columnNumber: 17 }, __self: this }, results.searchResults.filter((result)=>result.source === "Wikipedia").map((result, index)=>/*#__PURE__*/ React.createElement("a", { key: `wiki-${index}`, href: result.link, target: "_blank", rel: "noopener noreferrer", style: { backgroundColor: "#363636", padding: "15px", borderRadius: "8px", textDecoration: "none", borderLeft: "4px solid #2196f3", transition: "all 0.2s ease" }, onMouseEnter: (e)=>{ e.currentTarget.style.transform = "translateX(5px)"; e.currentTarget.style.backgroundColor = "#404040"; }, onMouseLeave: (e)=>{ e.currentTarget.style.transform = "none"; e.currentTarget.style.backgroundColor = "#363636"; }, __source: { fileName: "", lineNumber: 1211, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, __source: { fileName: "", lineNumber: 1233, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { style: { color: "#2196f3", margin: 0 }, __source: { fileName: "", lineNumber: 1240, columnNumber: 27 }, __self: this }, result.title), /*#__PURE__*/ React.createElement("span", { style: { backgroundColor: "#2a2a2a", color: "#2196f3", padding: "2px 8px", borderRadius: "4px", fontSize: "12px" }, __source: { fileName: "", lineNumber: 1243, columnNumber: 27 }, __self: this }, "Wikipedia")), /*#__PURE__*/ React.createElement("p", { style: { color: "#fff", margin: "10px 0 0 0" }, __source: { fileName: "", lineNumber: 1255, columnNumber: 25 }, __self: this }, result.snippet))))), results.searchResults.some((result)=>!result.isAiAnalysis && !result.isPublicRecord && result.source !== "Wikipedia") && /*#__PURE__*/ React.createElement("div", { style: { marginBottom: "25px" }, __source: { fileName: "", lineNumber: 1270, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { style: { color: "#4caf50", marginBottom: "12px", fontSize: "clamp(1.2rem, 3vw, 1.4rem)", borderBottom: "2px solid #4caf50", paddingBottom: "6px" }, __source: { fileName: "", lineNumber: 1271, columnNumber: 17 }, __self: this }, "Web Search Results", /*#__PURE__*/ React.createElement("span", { style: { fontSize: "0.8em", marginLeft: "10px", color: "#b0bec5" }, __source: { fileName: "", lineNumber: 1281, columnNumber: 19 }, __self: this }, "Page ", currentPage, " of", " ", Math.ceil(results.searchResults.filter((result)=>!result.isAiAnalysis && !result.isPublicRecord && result.source !== "Wikipedia").length / resultsPerPage))), /*#__PURE__*/ React.createElement("div", { style: { display: "grid", gap: "12px" }, __source: { fileName: "", lineNumber: 1299, columnNumber: 17 }, __self: this }, results.searchResults.filter((result)=>!result.isAiAnalysis && !result.isPublicRecord && result.source !== "Wikipedia").slice((currentPage - 1) * resultsPerPage, currentPage * resultsPerPage).map((result, index)=>/*#__PURE__*/ React.createElement("a", { key: `web-${index}`, href: result.link, target: "_blank", rel: "noopener noreferrer", style: { backgroundColor: "#363636", padding: "15px", borderRadius: "8px", textDecoration: "none", borderLeft: "4px solid #4caf50", transition: "all 0.2s ease", display: "flex", alignItems: "flex-start", gap: "12px" }, onMouseEnter: (e)=>{ e.currentTarget.style.transform = "translateX(5px)"; e.currentTarget.style.backgroundColor = "#404040"; }, onMouseLeave: (e)=>{ e.currentTarget.style.transform = "none"; e.currentTarget.style.backgroundColor = "#363636"; }, __source: { fileName: "", lineNumber: 1312, columnNumber: 23 }, __self: this }, result.pagemap?.cse_image?.[0]?.src && /*#__PURE__*/ React.createElement("img", { src: result.pagemap.cse_image[0].src, alt: "", style: { width: "48px", height: "48px", borderRadius: "4px", objectFit: "cover" }, __source: { fileName: "", lineNumber: 1338, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("div", { style: { flex: 1 }, __source: { fileName: "", lineNumber: 1349, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, __source: { fileName: "", lineNumber: 1350, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { style: { color: "#4caf50", margin: 0 }, __source: { fileName: "", lineNumber: 1357, columnNumber: 29 }, __self: this }, result.title), /*#__PURE__*/ React.createElement("span", { style: { backgroundColor: "#2a2a2a", color: "#4caf50", padding: "2px 8px", borderRadius: "4px", fontSize: "12px" }, __source: { fileName: "", lineNumber: 1360, columnNumber: 29 }, __self: this }, result.displayLink)), /*#__PURE__*/ React.createElement("p", { style: { color: "#fff", margin: "10px 0 0 0" }, __source: { fileName: "", lineNumber: 1372, columnNumber: 27 }, __self: this }, result.snippet))))), results.searchResults.filter((result)=>!result.isAiAnalysis && !result.isPublicRecord && result.source !== "Wikipedia").length > resultsPerPage && /*#__PURE__*/ React.createElement("div", { style: { display: "flex", justifyContent: "center", gap: "10px", marginTop: "20px" }, __source: { fileName: "", lineNumber: 1386, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage((prev)=>Math.max(1, prev - 1)), disabled: currentPage === 1, style: { backgroundColor: currentPage === 1 ? "#2a2a2a" : "#3498db", color: "white", padding: "8px 16px", border: "none", borderRadius: "4px", cursor: currentPage === 1 ? "not-allowed" : "pointer", opacity: currentPage === 1 ? 0.5 : 1 }, __source: { fileName: "", lineNumber: 1394, columnNumber: 21 }, __self: this }, "Previous"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setCurrentPage((prev)=>Math.min(Math.ceil(results.searchResults.filter((result)=>!result.isAiAnalysis && !result.isPublicRecord && result.source !== "Wikipedia").length / resultsPerPage), prev + 1)), disabled: currentPage >= Math.ceil(results.searchResults.filter((result)=>!result.isAiAnalysis && !result.isPublicRecord && result.source !== "Wikipedia").length / resultsPerPage), style: { backgroundColor: currentPage >= Math.ceil(results.searchResults.filter((result)=>!result.isAiAnalysis && !result.isPublicRecord && result.source !== "Wikipedia").length / resultsPerPage) ? "#2a2a2a" : "#3498db", color: "white", padding: "8px 16px", border: "none", borderRadius: "4px", cursor: currentPage >= Math.ceil(results.searchResults.filter((result)=>!result.isAiAnalysis && !result.isPublicRecord && result.source !== "Wikipedia").length / resultsPerPage) ? "not-allowed" : "pointer", opacity: currentPage >= Math.ceil(results.searchResults.filter((result)=>!result.isAiAnalysis && !result.isPublicRecord && result.source !== "Wikipedia").length / resultsPerPage) ? 0.5 : 1 }, __source: { fileName: "", lineNumber: 1412, columnNumber: 21 }, __self: this }, "Next"))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 1492, columnNumber: 7 }, __self: this }, ` @keyframes loading { 0% { transform: translateX(-100%); } 100% { transform: translateX(400%); } } ::-webkit-scrollbar { width: 8px; height: 8px; } ::-webkit-scrollbar-track { background: #2a2a2a; border-radius: 4px; } ::-webkit-scrollbar-thumb { background: #4a4a4a; border-radius: 4px; } ::-webkit-scrollbar-thumb:hover { background: #5a5a5a; } `)); }