function Head({ title, description }) { return /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("title", { __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, title || "FoodAI - Анализатор еды по фото"), /*#__PURE__*/ React.createElement("meta", { name: "description", content: description || "Анализируйте питательную ценность еды с помощью искусственного интеллекта", __source: { fileName: "", lineNumber: 5, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "viewport", content: "width=device-width, initial-scale=1", __source: { fileName: "", lineNumber: 12, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/0bce296a-8c9a-4253-af85-b2a1f9d1cc07/-/format/auto/", __source: { fileName: "", lineNumber: 13, columnNumber: 7 }, __self: this })); } function HeadStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(Head, { __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(Head, { title: "Особый заголовок - FoodAI", description: "Уникальное описание для особой страницы FoodAI", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this })); } function MainComponent() { const getVitaminDescription = (vitamin)=>{ const descriptions = { A: "Important for vision, immunity, and cell growth", B1: "Helps convert food into energy", B2: "Important for growth and red blood cell production", B3: "Helps the nervous system function properly", B6: "Important for protein metabolism", B12: "Necessary for red blood cell formation", C: "Boosts immunity, aids in wound healing", D: "Strengthens bones, supports the immune system", E: "Antioxidant, protects cells from damage", K: "Necessary for blood clotting and bone health" }; return descriptions[vitamin.replace("Vitamin ", "")] || "Description not available"; }; const getMineralDescription = (mineral)=>{ const descriptions = { Calcium: "Strengthens bones and teeth, important for muscle function", Iron: "Necessary for oxygen transport in the blood", Magnesium: "Important for muscle and nervous system function", Zinc: "Supports immunity and wound healing", Potassium: "Regulates blood pressure and muscle function", Selenium: "Antioxidant, supports thyroid function" }; return descriptions[mineral] || "Description not available"; }; const { data: user, loading: userLoading } = useUser(); const [upload, { loading: uploadLoading }] = useUpload(); const [file, setFile] = useState(null); const [currentImage, setCurrentImage] = useState(null); const [analyzing, setAnalyzing] = useState(false); const [currentAnalysis, setCurrentAnalysis] = useState(null); const [analyses, setAnalyses] = useState([]); const [error, setError] = useState(null); const [activeTooltip, setActiveTooltip] = useState(null); const loadAnalyses = useCallback(async ()=>{ try { const response = await fetch("/api/list-analyses", { method: "POST" }); if (!response.ok) throw new Error("Failed to load analysis history"); const data = await response.json(); setAnalyses(data.analyses || []); } catch (err) { setError("Failed to load analysis history"); } }, []); const fileInputRef = useRef(null); useEffect(()=>{ loadAnalyses(); }, []); const handleFileChange = useCallback(async (event)=>{ const selectedFile = event.target.files?.[0]; if (selectedFile) { const MAX_FILE_SIZE = 20 * 1024 * 1024; // 20MB in bytes const formatFileSize = (bytes)=>{ if (bytes === 0) return "0 Bytes"; const k = 1024; const sizes = [ "Bytes", "KB", "MB", "GB" ]; const i = Math.floor(Math.log(bytes) / Math.log(k)); return parseFloat((bytes / Math.pow(k, i)).toFixed(2)) + " " + sizes[i]; }; if (selectedFile.size > MAX_FILE_SIZE) { const fileSize = formatFileSize(selectedFile.size); const maxSize = formatFileSize(MAX_FILE_SIZE); setError(`File too large: ${fileSize}. Maximum size: ${maxSize}. Please reduce the file size or choose another.`); if (fileInputRef.current) { fileInputRef.current.value = ""; } setFile(null); return; } const allowedTypes = [ "image/jpeg", "image/png", "image/gif", "image/webp" ]; if (!allowedTypes.includes(selectedFile.type)) { setError("Please upload an image in JPG, PNG, GIF, or WEBP format"); if (fileInputRef.current) { fileInputRef.current.value = ""; } setFile(null); return; } setFile(selectedFile); setError(null); setAnalyzing(true); try { const uploadResult = await upload({ file: selectedFile }); if (uploadResult.error) throw new Error(uploadResult.error); setCurrentImage(uploadResult.url); const analyzeResponse = await fetch("/api/analyze-food", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url: uploadResult.url }) }); if (!analyzeResponse.ok) { const errorData = await analyzeResponse.json(); throw new Error(errorData.message || "Error analyzing image"); } const analysis = await analyzeResponse.json(); setCurrentAnalysis(analysis); await loadAnalyses(); if (fileInputRef.current) { fileInputRef.current.value = ""; } setFile(null); } catch (err) { console.error("Error:", err); setError(err.message || "An error occurred while analyzing the image"); } finally{ setAnalyzing(false); } } }, [ upload, loadAnalyses ]); return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(Head, { title: "FoodAI - Analyze your food with AI", description: "Анализируйте питательную ценность еды с помощью искусственного интеллекта", __source: { fileName: "", lineNumber: 145, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-cyan-100 via-pink-100 to-purple-100 p-4 md:p-8", __source: { fileName: "", lineNumber: 149, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 150, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-8", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mr-2 md:mr-3", __source: { fileName: "", lineNumber: 153, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/5a43d985-28ce-4751-b60c-976142ced48c/-/format/auto/", alt: "Plate with utensils", className: "w-12 h-12 md:w-24 md:h-24", __source: { fileName: "", lineNumber: 154, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 160, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl md:text-5xl font-bold bg-gradient-to-r from-pink-400 to-purple-400 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 161, columnNumber: 17 }, __self: this }, "FoodAI"), /*#__PURE__*/ React.createElement("p", { className: "text-cyan-600/80 text-xs md:text-sm", __source: { fileName: "", lineNumber: 164, columnNumber: 17 }, __self: this }, "Food Analyzer by Photo"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 169, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/roadmap", className: "px-3 py-1.5 md:px-6 md:py-2 bg-gradient-to-r from-pink-400 to-purple-400 hover:from-pink-300 hover:to-purple-300 text-white rounded-lg transition-colors duration-300 font-medium text-xs md:text-base whitespace-nowrap", __source: { fileName: "", lineNumber: 170, columnNumber: 15 }, __self: this }, "Road Map"), !user ? /*#__PURE__*/ React.createElement("a", { href: "/account/signin", className: "px-3 py-1.5 md:px-6 md:py-2 bg-gradient-to-r from-pink-400 to-purple-400 hover:from-pink-300 hover:to-purple-300 text-white rounded-lg transition-colors duration-300 text-xs md:text-base whitespace-nowrap", __source: { fileName: "", lineNumber: 177, columnNumber: 17 }, __self: this }, "Sign In") : /*#__PURE__*/ React.createElement("a", { href: "/my-history", className: "px-3 py-1.5 md:px-6 md:py-2 bg-gradient-to-r from-pink-400 to-purple-400 hover:from-pink-300 hover:to-purple-300 text-white rounded-lg transition-colors duration-300 font-medium text-xs md:text-base whitespace-nowrap", __source: { fileName: "", lineNumber: 184, columnNumber: 17 }, __self: this }, "Analysis History"))), !userLoading && !user && /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-pink-400/50 to-purple-300/50 rounded-lg p-8 mb-8 border border-pink-400/20 transform transition-all duration-300 hover:border-pink-400/40", __source: { fileName: "", lineNumber: 195, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 196, columnNumber: 15 }, __self: this }, "Sign up to:"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4 mb-8", __source: { fileName: "", lineNumber: 199, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center text-white", __source: { fileName: "", lineNumber: 200, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "w-8 h-8 flex items-center justify-center bg-white/30 rounded-full mr-3", __source: { fileName: "", lineNumber: 201, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-white", __source: { fileName: "", lineNumber: 202, columnNumber: 21 }, __self: this })), "Save analysis history"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center text-white", __source: { fileName: "", lineNumber: 206, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "w-8 h-8 flex items-center justify-center bg-white/30 rounded-full mr-3", __source: { fileName: "", lineNumber: 207, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-white", __source: { fileName: "", lineNumber: 208, columnNumber: 21 }, __self: this })), "Track calorie intake"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center text-white", __source: { fileName: "", lineNumber: 212, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "w-8 h-8 flex items-center justify-center bg-white/30 rounded-full mr-3", __source: { fileName: "", lineNumber: 213, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-white", __source: { fileName: "", lineNumber: 214, columnNumber: 21 }, __self: this })), "Get personalized statistics"), /*#__PURE__*/ React.createElement("li", { className: "flex items-center text-white", __source: { fileName: "", lineNumber: 218, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "w-8 h-8 flex items-center justify-center bg-white/30 rounded-full mr-3", __source: { fileName: "", lineNumber: 219, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-white", __source: { fileName: "", lineNumber: 220, columnNumber: 21 }, __self: this })), "View meal calendar")), /*#__PURE__*/ React.createElement("a", { href: "/account/signup", className: "inline-block px-8 py-4 bg-gradient-to-r from-pink-400 to-purple-400 hover:from-pink-300 hover:to-purple-300 text-white text-lg font-bold rounded-lg transition-all duration-300 transform hover:scale-105 hover:shadow-lg", __source: { fileName: "", lineNumber: 225, columnNumber: 15 }, __self: this }, "Sign Up")), /*#__PURE__*/ React.createElement("div", { className: "bg-white/30 backdrop-blur-sm rounded-lg p-6 mb-8", __source: { fileName: "", lineNumber: 234, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "border-2 border-dashed border-pink-400/50 rounded-lg p-8 text-center mb-6", __source: { fileName: "", lineNumber: 235, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cloud-upload-alt text-4xl text-pink-400 mb-4", __source: { fileName: "", lineNumber: 236, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("input", { ref: fileInputRef, type: "file", accept: "image/*", onChange: handleFileChange, className: "hidden", disabled: analyzing || uploadLoading, id: "fileInput", __source: { fileName: "", lineNumber: 237, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "fileInput", className: "block text-gray-800 mb-2 cursor-pointer hover:text-pink-600 transition-colors", __source: { fileName: "", lineNumber: 246, columnNumber: 15 }, __self: this }, analyzing || uploadLoading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center gap-2", __source: { fileName: "", lineNumber: 251, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 252, columnNumber: 21 }, __self: this }), "Analyzing...") : "Choose a food photo or drag it here"), file && /*#__PURE__*/ React.createElement("p", { className: "text-pink-400 text-sm", __source: { fileName: "", lineNumber: 260, columnNumber: 17 }, __self: this }, "Selected file: ", file.name)), error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-3 bg-red-900/50 border border-red-500/50 text-red-200 rounded-lg", __source: { fileName: "", lineNumber: 266, columnNumber: 15 }, __self: this }, error)), (currentImage || analyzing) && /*#__PURE__*/ React.createElement("div", { className: "bg-white/10 backdrop-blur-sm rounded-lg p-6 mb-8 border-2 border-pink-400/50 shadow-lg transform transition-all duration-300 hover:shadow-pink-400/20", __source: { fileName: "", lineNumber: 273, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold text-gray-800 mb-6 flex items-center capitalize", __source: { fileName: "", lineNumber: 274, columnNumber: 15 }, __self: this }, analyzing ? /*#__PURE__*/ React.createElement(React.Fragment, null, "Food Analysis Results", /*#__PURE__*/ React.createElement("span", { className: "ml-3 animate-bounce", __source: { fileName: "", lineNumber: 278, columnNumber: 21 }, __self: this }, "🔍")) : currentAnalysis ? currentAnalysis.name === "Банан" || currentAnalysis.name.toLowerCase() === "банан" ? "Banana" : currentAnalysis.name === "Фетучини С Креветками И Спаржей" || currentAnalysis.name.toLowerCase() === "фетучини с креветками и спаржей" ? "Fettuccine with Shrimp and Asparagus" : currentAnalysis.name === "Гребешки С Рисом И Зелёным Луком" || currentAnalysis.name.toLowerCase() === "гребешки с рисом и зеленым луком" || currentAnalysis.name === "Жареные Гребешки С Рисом" || currentAnalysis.name.toLowerCase() === "жареные гребешки с рисом" ? "Pan-Seared Scallops with Rice" : currentAnalysis.name : "Food Analysis Results"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row gap-6", __source: { fileName: "", lineNumber: 304, columnNumber: 15 }, __self: this }, currentImage && /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2", __source: { fileName: "", lineNumber: 306, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: currentImage, alt: currentAnalysis ? currentAnalysis.name : "Analyzed food", className: "w-full h-[300px] object-cover rounded-lg shadow-md", __source: { fileName: "", lineNumber: 307, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 317, columnNumber: 17 }, __self: this }, analyzing ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 319, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-8 bg-gray-200 dark:bg-gray-700 rounded-full animate-pulse w-3/4", __source: { fileName: "", lineNumber: 320, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-24 bg-gray-200 dark:bg-gray-700 rounded animate-pulse", __source: { fileName: "", lineNumber: 321, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "h-36 bg-gray-200 dark:bg-gray-700 rounded animate-pulse", __source: { fileName: "", lineNumber: 322, columnNumber: 23 }, __self: this })) : currentAnalysis ? /*#__PURE__*/ React.createElement("div", { className: "bg-white/80 backdrop-blur-sm rounded-lg p-6 shadow-lg", __source: { fileName: "", lineNumber: 325, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 326, columnNumber: 23 }, __self: this }, currentAnalysis.name === "Банан" || currentAnalysis.name.toLowerCase() === "банан" ? "Banana" : currentAnalysis.name === "Фетучини С Креветками И Спаржей" || currentAnalysis.name.toLowerCase() === "фетучини с креветками и спаржей" ? "Fettuccine with Shrimp and Asparagus" : currentAnalysis.name === "Гребешки С Рисом И Зелёным Луком" || currentAnalysis.name.toLowerCase() === "гребешки с рисом и зеленым луком" || currentAnalysis.name === "Жареные Гребешки С Рисом" || currentAnalysis.name.toLowerCase() === "жареные гребешки с рисом" ? "Pan-Seared Scallops with Rice" : currentAnalysis.name), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 346, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 347, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-800", __source: { fileName: "", lineNumber: 348, columnNumber: 27 }, __self: this }, "Calories"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-900 font-bold", __source: { fileName: "", lineNumber: 349, columnNumber: 27 }, __self: this }, currentAnalysis.calories, " kcal")), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 353, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-1", __source: { fileName: "", lineNumber: 354, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-800", __source: { fileName: "", lineNumber: 355, columnNumber: 29 }, __self: this }, "Protein"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-900", __source: { fileName: "", lineNumber: 356, columnNumber: 29 }, __self: this }, currentAnalysis.proteins, "g")), /*#__PURE__*/ React.createElement("div", { className: "h-2 bg-gray-100 rounded-full", __source: { fileName: "", lineNumber: 360, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-purple-400 rounded-full", style: { width: `${currentAnalysis.proteins / 90 * 100}%` }, __source: { fileName: "", lineNumber: 361, columnNumber: 29 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 369, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-1", __source: { fileName: "", lineNumber: 370, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-800", __source: { fileName: "", lineNumber: 371, columnNumber: 29 }, __self: this }, "Fat"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-900", __source: { fileName: "", lineNumber: 372, columnNumber: 29 }, __self: this }, currentAnalysis.fats, "g")), /*#__PURE__*/ React.createElement("div", { className: "h-2 bg-gray-100 rounded-full", __source: { fileName: "", lineNumber: 376, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-pink-400 rounded-full", style: { width: `${currentAnalysis.fats / 70 * 100}%` }, __source: { fileName: "", lineNumber: 377, columnNumber: 29 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 385, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-1", __source: { fileName: "", lineNumber: 386, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-800", __source: { fileName: "", lineNumber: 387, columnNumber: 29 }, __self: this }, "Carbs"), /*#__PURE__*/ React.createElement("span", { className: "text-gray-900", __source: { fileName: "", lineNumber: 388, columnNumber: 29 }, __self: this }, currentAnalysis.carbs, "g")), /*#__PURE__*/ React.createElement("div", { className: "h-2 bg-gray-100 rounded-full", __source: { fileName: "", lineNumber: 392, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-cyan-400 rounded-full", style: { width: `${currentAnalysis.carbs / 310 * 100}%` }, __source: { fileName: "", lineNumber: 393, columnNumber: 29 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 401, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-700 mb-2", __source: { fileName: "", lineNumber: 402, columnNumber: 27 }, __self: this }, "Minerals:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 403, columnNumber: 27 }, __self: this }, [ "Calcium", "Iron", "Magnesium", "Zinc" ].map((mineral, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "relative px-3 py-1 bg-gray-800 rounded-full text-sm text-gray-300 cursor-help transition-colors hover:bg-gray-700", onTouchStart: (e)=>{ e.preventDefault(); setActiveTooltip(`mineral-${index}`); }, onTouchEnd: ()=>setActiveTooltip(null), onMouseEnter: ()=>setActiveTooltip(`mineral-${index}`), onMouseLeave: ()=>setActiveTooltip(null), __source: { fileName: "", lineNumber: 406, columnNumber: 33 }, __self: this }, mineral, activeTooltip === `mineral-${index}` && /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 bg-gray-900 text-white text-xs rounded-lg shadow-lg w-48 z-50", __source: { fileName: "", lineNumber: 421, columnNumber: 37 }, __self: this }, getMineralDescription(mineral), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 bg-gray-900", __source: { fileName: "", lineNumber: 423, columnNumber: 39 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "mt-4", __source: { fileName: "", lineNumber: 432, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-gray-700 mb-2", __source: { fileName: "", lineNumber: 433, columnNumber: 27 }, __self: this }, "Vitamins:"), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 434, columnNumber: 27 }, __self: this }, [ "A", "B12", "C", "D" ].map((vitamin, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "relative px-3 py-1 bg-gray-800 rounded-full text-sm text-gray-300 cursor-help transition-colors hover:bg-gray-700", onTouchStart: (e)=>{ e.preventDefault(); setActiveTooltip(`vitamin-${index}`); }, onTouchEnd: ()=>setActiveTooltip(null), onMouseEnter: ()=>setActiveTooltip(`vitamin-${index}`), onMouseLeave: ()=>setActiveTooltip(null), __source: { fileName: "", lineNumber: 436, columnNumber: 31 }, __self: this }, "Vitamin ", vitamin, activeTooltip === `vitamin-${index}` && /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-full left-1/2 transform -translate-x-1/2 mb-2 px-3 py-2 bg-gray-900 text-white text-xs rounded-lg shadow-lg w-48 z-50", __source: { fileName: "", lineNumber: 451, columnNumber: 35 }, __self: this }, getVitaminDescription(`Vitamin ${vitamin}`), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-1/2 transform -translate-x-1/2 translate-y-1/2 rotate-45 w-2 h-2 bg-gray-900", __source: { fileName: "", lineNumber: 455, columnNumber: 37 }, __self: this })))))))) : null))), user && /*#__PURE__*/ React.createElement("div", { className: "bg-white/80 backdrop-blur-sm rounded-lg p-6 border border-pink-400/20", __source: { fileName: "", lineNumber: 471, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-6", __source: { fileName: "", lineNumber: 472, columnNumber: 15 }, __self: this }, "Analysis History"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 475, columnNumber: 15 }, __self: this }, analyses.map((analysis)=>/*#__PURE__*/ React.createElement("div", { key: analysis.id, className: "bg-white/80 rounded-lg overflow-hidden border border-pink-400/20 transform transition-all duration-300 hover:scale-105 hover:border-pink-400/40", __source: { fileName: "", lineNumber: 477, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "aspect-video", __source: { fileName: "", lineNumber: 481, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: analysis.image_url, alt: analysis.name === "Банан" || analysis.name.toLowerCase() === "банан" ? "Banana" : analysis.name === "Фетучини С Креветками И Спаржей" || analysis.name.toLowerCase() === "фетучини с креветками и спаржей" ? "Fettuccine with Shrimp and Asparagus" : analysis.name === "Гребешки С Рисом И Зелёным Луком" || analysis.name.toLowerCase() === "гребешки с рисом и зеленым луком" || analysis.name === "Жареные Гребешки С Рисом" || analysis.name.toLowerCase() === "жареные гребешки с рисом" ? "Pan-Seared Scallops with Rice" : analysis.name, className: "w-full h-full object-cover", __source: { fileName: "", lineNumber: 482, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 507, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 508, columnNumber: 23 }, __self: this }, analysis.name === "Банан" || analysis.name.toLowerCase() === "банан" ? "Banana" : analysis.name === "Фетучини С Креветками И Спаржей" || analysis.name.toLowerCase() === "фетучини с креветками и спаржей" ? "Fettuccine with Shrimp and Asparagus" : analysis.name === "Гребешки С Рисом И Зелёным Луком" || analysis.name.toLowerCase() === "гребешки с рисом и зеленым луком" || analysis.name === "Жареные Гребешки С Рисом" || analysis.name.toLowerCase() === "жареные гребешки с рисом" ? "Pan-Seared Scallops with Rice" : analysis.name), /*#__PURE__*/ React.createElement("div", { className: "text-lg font-bold text-pink-400 mb-2", __source: { fileName: "", lineNumber: 527, columnNumber: 23 }, __self: this }, analysis.calories, " kcal"), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-700 line-clamp-3", __source: { fileName: "", lineNumber: 530, columnNumber: 23 }, __self: this }, analysis.description))))), analyses.length === 0 && /*#__PURE__*/ React.createElement("div", { className: "text-center text-gray-700 py-8", __source: { fileName: "", lineNumber: 538, columnNumber: 17 }, __self: this }, "No analyzed dishes yet")), /*#__PURE__*/ React.createElement("div", { className: "mt-16 text-center", __source: { fileName: "", lineNumber: 545, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold text-gray-800 mb-6", __source: { fileName: "", lineNumber: 546, columnNumber: 13 }, __self: this }, "Coming Soon..."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center gap-4", __source: { fileName: "", lineNumber: 549, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "bg-black hover:bg-[#1a1a1a] text-white px-8 py-3 rounded-xl flex items-center gap-3 transition-all duration-300 cursor-not-allowed", onClick: (e)=>e.preventDefault(), __source: { fileName: "", lineNumber: 550, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-apple text-3xl", style: { color: "#fff" }, __source: { fileName: "", lineNumber: 555, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 559, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-medium", __source: { fileName: "", lineNumber: 560, columnNumber: 19 }, __self: this }, "App Store"))), /*#__PURE__*/ React.createElement("a", { href: "#", className: "bg-black hover:bg-[#1a1a1a] text-white px-8 py-3 rounded-xl flex items-center gap-3 transition-all duration-300 cursor-not-allowed", onClick: (e)=>e.preventDefault(), __source: { fileName: "", lineNumber: 564, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google-play text-3xl", style: { color: "#00DC82" }, __source: { fileName: "", lineNumber: 569, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 573, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl font-medium", __source: { fileName: "", lineNumber: 574, columnNumber: 19 }, __self: this }, "Google Play"))))), /*#__PURE__*/ React.createElement("footer", { className: "mt-24 border-t border-gray-200/20 pt-8 pb-12", __source: { fileName: "", lineNumber: 579, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-4", __source: { fileName: "", lineNumber: 580, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center gap-6", __source: { fileName: "", lineNumber: 581, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 582, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/5a43d985-28ce-4751-b60c-976142ced48c/-/format/auto/", alt: "FoodAI Logo", className: "w-8 h-8", __source: { fileName: "", lineNumber: 583, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold bg-gradient-to-r from-pink-400 to-purple-400 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 588, columnNumber: 19 }, __self: this }, "FoodAI")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 593, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "mailto:foodai@help.com", className: "flex items-center gap-2 text-gray-600 hover:text-gray-800 transition-colors duration-300 px-4 py-2 rounded-lg hover:bg-white/50", __source: { fileName: "", lineNumber: 594, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-xl", __source: { fileName: "", lineNumber: 598, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 599, columnNumber: 21 }, __self: this }, "foodai@help.com")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-3", __source: { fileName: "", lineNumber: 602, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://x.com/lab_invest85217", target: "_blank", rel: "noopener noreferrer", className: "group relative flex items-center justify-center w-10 h-10 bg-black rounded-full hover:bg-gray-900 transition-colors duration-300", __source: { fileName: "", lineNumber: 603, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("svg", { className: "w-5 h-5 text-white group-hover:scale-110 transition-transform duration-300", viewBox: "0 0 1200 1227", fill: "none", xmlns: "http://www.w3.org/2000/svg", __source: { fileName: "", lineNumber: 609, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("path", { d: "M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z", fill: "currentColor", __source: { fileName: "", lineNumber: 615, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "absolute -top-8 scale-0 group-hover:scale-100 bg-gray-900 text-white text-xs py-1 px-2 rounded transition-transform duration-300", __source: { fileName: "", lineNumber: 620, columnNumber: 23 }, __self: this }, "Follow us on X"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center text-sm text-gray-500", __source: { fileName: "", lineNumber: 628, columnNumber: 15 }, __self: this }, "© 2025 FoodAI. All rights reserved.")))))); }