function MainComponent() { const [loading, setLoading] = useState(false); const [results, setResults] = useState(null); const [streamingMessage, setStreamingMessage] = useState(""); const [originData, setOriginData] = useState(null); const [includeBlends, setIncludeBlends] = useState(false); const handleStreamResponse = useHandleStreamResponse({ onChunk: setStreamingMessage, onFinish: (message)=>{ try { const parsedMessage = JSON.parse(message); setResults(parsedMessage); setStreamingMessage(""); setLoading(false); } catch (error) { console.error("Error parsing response:", error); setLoading(false); } } }); const [userPreferences, setUserPreferences] = useState({ acidity: 5, body: 5, flavor: [], aroma: 5, aftertaste: [], roastLevel: "Medium", processing: "" }); const flavorOptions = [ "Fruity", "Nutty", "Chocolate", "Caramel", "Floral", "Spicy", "Citrus", "Berry", "Earthy", "Honey", "Vanilla", "Wine-like", "Tropical", "Stone Fruit", "Herbal" ]; const aftertasteOptions = [ "Sweet", "Clean", "Lingering", "Smooth", "Complex", "Bold", "Balanced", "Bright", "Crisp", "Winey", "Chocolate" ]; const processingOptions = [ "Washed", "Natural", "Honey", "Anaerobic", "Wet-hulled" ]; const roastLevelOptions = [ "Light", "Light-Medium", "Medium", "Medium-Dark", "Dark", "Italian" ]; const handleSelectChange = (attribute, value)=>{ setUserPreferences((prev)=>({ ...prev, [attribute]: value })); }; const handleCheckboxChange = (attribute, value)=>{ setUserPreferences((prev)=>({ ...prev, [attribute]: prev[attribute].includes(value) ? prev[attribute].filter((item)=>item !== value) : [ ...prev[attribute], value ] })); }; const fetchOriginData = async ()=>{ try { const [corralResponse, originResponse, sweetResponse] = await Promise.all([ fetch("/integrations/web-scraping/post", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url: "https://coffeebeancorral.com/", getText: true }) }), fetch("/integrations/web-scraping/post", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url: "https://origincoffeeworks.com/", getText: true }) }), fetch("/integrations/web-scraping/post", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ url: "https://sweetmarias.com/green-coffee.html", getText: true }) }) ]); const [corralData, originData, sweetData] = await Promise.all([ corralResponse.text(), originResponse.text(), sweetResponse.text() ]); setOriginData({ corralData, originData, sweetData }); } catch (error) { console.error("Error fetching origin data:", error); } }; useEffect(()=>{ fetchOriginData(); }, []); const getRecommendations = async ()=>{ setLoading(true); try { const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "system", content: `You are a specialty coffee expert with access to real-time data from ${originData?.corralData || ""}, ${originData?.originData || ""}, and ${originData?.sweetData || ""}. Use this information to provide accurate recommendations. When calculating match scores, start with a base score of 85 and adjust up or down based on preference matches. The minimum score should be 75 and the maximum 98. ${includeBlends ? "For each recommendation, provide a unique blend ratio using 2-3 different origins that complement each other. Each blend should have a distinct flavor profile and purpose." : "Only provide single origin recommendations."}` }, { role: "user", content: `Based on these preferences: Acidity: ${userPreferences.acidity}/10 Body: ${userPreferences.body}/10 Desired Flavors: ${userPreferences.flavor.join(", ")} Aroma Intensity: ${userPreferences.aroma}/10 Preferred Aftertaste: ${userPreferences.aftertaste.join(", ")} Roast Level: ${userPreferences.roastLevel} Processing Methods: ${userPreferences.processing} recommend three ${includeBlends ? "unique coffee blends" : "single-origin coffees"}. Focus on artisanal, micro-roasted coffee origins with detailed tasting notes and characteristics. Use the real origin data provided to ensure accuracy.` } ], json_schema: { name: "coffee_recommendations", schema: { type: "object", properties: { recommendations: { type: "array", items: { type: "object", properties: { origin: { type: "string" }, description: { type: "string" }, matchScore: { type: "number" }, process: { type: "string" }, sourcingNotes: { type: "string" }, verifiedOrigin: { type: "boolean" }, roastRecommendation: { type: "string" }, seasonality: { type: "string" }, cuppingScore: { type: "number" }, elevation: { type: "string" }, varieties: { type: "string" }, blendRatios: { type: "object", properties: { origin1: { type: "number" }, origin2: { type: "number" }, origin3: { type: [ "number", "null" ] } }, required: [ "origin1", "origin2", "origin3" ], additionalProperties: false } }, required: [ "origin", "description", "matchScore", "process", "sourcingNotes", "verifiedOrigin", "roastRecommendation", "seasonality", "cuppingScore", "elevation", "varieties", "blendRatios" ], additionalProperties: false } } }, required: [ "recommendations" ], additionalProperties: false } }, stream: true }) }); handleStreamResponse(response); } catch (error) { console.error("Error getting recommendations:", error); setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#121212] p-6", __source: { fileName: "", lineNumber: 225, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto bg-[#1E1E1E] rounded-lg shadow-2xl p-8 border border-[#2A2A2A]", __source: { fileName: "", lineNumber: 226, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative mb-12", __source: { fileName: "", lineNumber: 227, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute -top-8 left-1/2 transform -translate-x-1/2 bg-[#1E1E1E] px-6 py-2 rounded-full border border-[#2A2A2A]", __source: { fileName: "", lineNumber: 228, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-coffee text-[#D4A574] text-5xl", __source: { fileName: "", lineNumber: 229, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-steam text-[#D4A574] text-lg absolute -top-1 right-2 animate-steam", __source: { fileName: "", lineNumber: 230, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-steam text-[#D4A574] text-lg absolute -top-2 right-6 animate-steam-delayed", __source: { fileName: "", lineNumber: 231, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text text-[#D4A574] mb-8 text-center border-b border-[#2A2A2A] pb-6 pt-4", __source: { fileName: "", lineNumber: 233, columnNumber: 11 }, __self: this }, "Discover Your Perfect Coffee Origin")), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-8 mb-8", __source: { fileName: "", lineNumber: 237, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#252525] p-6 rounded-lg border border-[#2A2A2A]", __source: { fileName: "", lineNumber: 238, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text text-[#D4A574] mb-4", __source: { fileName: "", lineNumber: 239, columnNumber: 13 }, __self: this }, "Your Coffee Profile"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 242, columnNumber: 13 }, __self: this }, Object.entries(userPreferences).map(([attribute, value])=>/*#__PURE__*/ React.createElement("div", { key: attribute, className: "space-y-2", __source: { fileName: "", lineNumber: 244, columnNumber: 17 }, __self: this }, attribute === "flavor" ? /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 246, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-crimson-text capitalize text-[#D4A574] block", __source: { fileName: "", lineNumber: 247, columnNumber: 23 }, __self: this }, "Flavors"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-2", __source: { fileName: "", lineNumber: 250, columnNumber: 23 }, __self: this }, flavorOptions.map((option)=>/*#__PURE__*/ React.createElement("label", { key: option, className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 252, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: value.includes(option), onChange: ()=>handleCheckboxChange("flavor", option), className: "accent-[#D4A574]", __source: { fileName: "", lineNumber: 256, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-crimson-text text-[#E0E0E0]", __source: { fileName: "", lineNumber: 264, columnNumber: 29 }, __self: this }, option))))) : attribute === "aftertaste" ? /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 272, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-crimson-text capitalize text-[#D4A574] block", __source: { fileName: "", lineNumber: 273, columnNumber: 23 }, __self: this }, "Aftertaste"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-2", __source: { fileName: "", lineNumber: 276, columnNumber: 23 }, __self: this }, aftertasteOptions.map((option)=>/*#__PURE__*/ React.createElement("label", { key: option, className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 278, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: value.includes(option), onChange: ()=>handleCheckboxChange("aftertaste", option), className: "accent-[#D4A574]", __source: { fileName: "", lineNumber: 282, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-crimson-text text-[#E0E0E0]", __source: { fileName: "", lineNumber: 290, columnNumber: 29 }, __self: this }, option))))) : attribute === "roastLevel" ? /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 298, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-crimson-text capitalize text-[#D4A574] block", __source: { fileName: "", lineNumber: 299, columnNumber: 23 }, __self: this }, "Roast Level"), /*#__PURE__*/ React.createElement("select", { value: value, onChange: (e)=>handleSelectChange(attribute, e.target.value), className: "w-full p-2 border border-[#2A2A2A] rounded-lg bg-[#1E1E1E] text-[#E0E0E0] font-crimson-text", __source: { fileName: "", lineNumber: 302, columnNumber: 23 }, __self: this }, roastLevelOptions.map((option)=>/*#__PURE__*/ React.createElement("option", { key: option, value: option, __source: { fileName: "", lineNumber: 310, columnNumber: 27 }, __self: this }, option)))) : attribute === "processing" ? /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 317, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-crimson-text capitalize text-[#D4A574] block", __source: { fileName: "", lineNumber: 318, columnNumber: 23 }, __self: this }, "Processing Method"), /*#__PURE__*/ React.createElement("select", { value: value, onChange: (e)=>handleSelectChange(attribute, e.target.value), className: "w-full p-2 border border-[#2A2A2A] rounded-lg bg-[#1E1E1E] text-[#E0E0E0] font-crimson-text", __source: { fileName: "", lineNumber: 321, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 328, columnNumber: 25 }, __self: this }, "Select a processing method"), processingOptions.map((option)=>/*#__PURE__*/ React.createElement("option", { key: option, value: option, __source: { fileName: "", lineNumber: 330, columnNumber: 27 }, __self: this }, option)))) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 338, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "font-crimson-text capitalize text-[#D4A574]", __source: { fileName: "", lineNumber: 339, columnNumber: 25 }, __self: this }, attribute), /*#__PURE__*/ React.createElement("span", { className: "text-[#E0E0E0]", __source: { fileName: "", lineNumber: 342, columnNumber: 25 }, __self: this }, value, "/10")), /*#__PURE__*/ React.createElement("input", { type: "range", min: "1", max: "10", value: value, onChange: (e)=>handleSelectChange(attribute, parseInt(e.target.value)), className: "w-full accent-[#D4A574]", __source: { fileName: "", lineNumber: 344, columnNumber: 23 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#252525] p-6 rounded-lg border border-[#2A2A2A]", __source: { fileName: "", lineNumber: 363, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-crimson-text text-[#D4A574] mb-4", __source: { fileName: "", lineNumber: 364, columnNumber: 13 }, __self: this }, "Artisanal Coffee Guide"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3 text-[#E0E0E0] font-crimson-text", __source: { fileName: "", lineNumber: 367, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 368, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-mountain mt-1 mr-2 text-[#D4A574]", __source: { fileName: "", lineNumber: 369, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 370, columnNumber: 17 }, __self: this }, "High-altitude beans (4,000-6,000 ft) develop more complex flavors")), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 375, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sun mt-1 mr-2 text-[#D4A574]", __source: { fileName: "", lineNumber: 376, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 377, columnNumber: 17 }, __self: this }, "Natural process brings out fruit-forward, wine-like notes")), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 381, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-water mt-1 mr-2 text-[#D4A574]", __source: { fileName: "", lineNumber: 382, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 383, columnNumber: 17 }, __self: this }, "Washed process highlights clarity and brightness")), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 385, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-thermometer-half mt-1 mr-2 text-[#D4A574]", __source: { fileName: "", lineNumber: 386, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 387, columnNumber: 17 }, __self: this }, "Light roasts preserve origin-specific characteristics"))))), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-4", __source: { fileName: "", lineNumber: 395, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 396, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: !includeBlends, onChange: ()=>setIncludeBlends(false), className: "accent-[#D4A574]", __source: { fileName: "", lineNumber: 397, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-crimson-text text-[#E0E0E0]", __source: { fileName: "", lineNumber: 403, columnNumber: 13 }, __self: this }, "Origin Results Only")), /*#__PURE__*/ React.createElement("label", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 407, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", checked: includeBlends, onChange: ()=>setIncludeBlends(true), className: "accent-[#D4A574]", __source: { fileName: "", lineNumber: 408, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-crimson-text text-[#E0E0E0]", __source: { fileName: "", lineNumber: 414, columnNumber: 13 }, __self: this }, "Include Blend Ratios"))), /*#__PURE__*/ React.createElement("button", { onClick: getRecommendations, disabled: loading, className: "w-full py-3 bg-[#D4A574] text-[#121212] rounded-lg hover:bg-[#B88B5D] transition-colors duration-200 font-crimson-text text-lg mb-8 font-bold", __source: { fileName: "", lineNumber: 420, columnNumber: 9 }, __self: this }, loading ? "Finding Your Perfect Coffee..." : "Find My Perfect Coffee"), loading && streamingMessage && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-[#252525] rounded-lg border border-[#2A2A2A]", __source: { fileName: "", lineNumber: 431, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text text-[#E0E0E0]", __source: { fileName: "", lineNumber: 432, columnNumber: 13 }, __self: this }, streamingMessage)), results && /*#__PURE__*/ React.createElement("div", { className: "mt-8 space-y-6", __source: { fileName: "", lineNumber: 439, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#D4A574] mb-4", __source: { fileName: "", lineNumber: 440, columnNumber: 13 }, __self: this }, "Your Perfect Matches"), results.recommendations.map((rec, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-[#252525] p-6 rounded-lg transform hover:scale-[1.01] transition-transform duration-200 shadow-xl border border-[#2A2A2A]", __source: { fileName: "", lineNumber: 444, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-3", __source: { fileName: "", lineNumber: 448, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 449, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-crimson-text text-[#D4A574] flex items-center", __source: { fileName: "", lineNumber: 450, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-2 text-[#D4A574]", __source: { fileName: "", lineNumber: 451, columnNumber: 23 }, __self: this }), rec.origin, rec.verifiedOrigin && /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle ml-2 text-green-400", title: "Verified Origin", __source: { fileName: "", lineNumber: 454, columnNumber: 25 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4 mt-2 text-sm text-[#E0E0E0]", __source: { fileName: "", lineNumber: 460, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 461, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sync-alt mr-1 text-[#D4A574]", __source: { fileName: "", lineNumber: 462, columnNumber: 25 }, __self: this }), rec.process), /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 465, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-fire mr-1 text-[#D4A574]", __source: { fileName: "", lineNumber: 466, columnNumber: 25 }, __self: this }), rec.roastRecommendation), /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 469, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star mr-1 text-[#D4A574]", __source: { fileName: "", lineNumber: 470, columnNumber: 25 }, __self: this }), rec.cuppingScore, " pts"), /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 473, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-mountain mr-1 text-[#D4A574]", __source: { fileName: "", lineNumber: 474, columnNumber: 25 }, __self: this }), rec.elevation), /*#__PURE__*/ React.createElement("span", { className: "flex items-center", __source: { fileName: "", lineNumber: 477, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-seedling mr-1 text-[#D4A574]", __source: { fileName: "", lineNumber: 478, columnNumber: 25 }, __self: this }), rec.varieties)), rec.blendRatios && /*#__PURE__*/ React.createElement("div", { className: "mt-2 text-sm text-[#E0E0E0]", __source: { fileName: "", lineNumber: 483, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-[#D4A574]", __source: { fileName: "", lineNumber: 484, columnNumber: 25 }, __self: this }, "Blend Ratios:", " "), Object.entries(rec.blendRatios).filter(([_, percentage])=>percentage !== null).map(([_, percentage], idx, arr)=>/*#__PURE__*/ React.createElement("span", { key: idx, __source: { fileName: "", lineNumber: 490, columnNumber: 29 }, __self: this }, rec.origin.split(" & ")[idx], ": ", percentage, "%", idx < arr.length - 1 ? ", " : "")))), /*#__PURE__*/ React.createElement("span", { className: "px-3 py-1 bg-[#D4A574] text-[#121212] rounded-full text-sm font-bold", __source: { fileName: "", lineNumber: 498, columnNumber: 19 }, __self: this }, Math.round(rec.matchScore), "% Match")), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-[#E0E0E0] font-crimson-text leading-relaxed", __source: { fileName: "", lineNumber: 502, columnNumber: 17 }, __self: this }, rec.description), /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex items-center text-sm text-[#D4A574]", __source: { fileName: "", lineNumber: 505, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt mr-2", __source: { fileName: "", lineNumber: 506, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 507, columnNumber: 19 }, __self: this }, "Best Season: ", rec.seasonality)), rec.sourcingNotes && /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-sm text-[#D4A574] font-crimson-text italic", __source: { fileName: "", lineNumber: 510, columnNumber: 19 }, __self: this }, "Sourcing Notes: ", rec.sourcingNotes))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 520, columnNumber: 7 }, __self: this }, ` input[type='range'] { height: 2px; -webkit-appearance: none; background: linear-gradient(to right, #D4A574, #B88B5D); } input[type='range']::-webkit-slider-thumb { -webkit-appearance: none; width: 24px; height: 24px; background: #D4A574; border: 2px solid #2A2A2A; box-shadow: 0 2px 4px rgba(0,0,0,0.4); border-radius: 50%; cursor: pointer; transition: all .3s ease-in-out; } input[type='range']::-webkit-slider-thumb:hover { background: #B88B5D; transform: scale(1.1); } @keyframes steam { 0% { opacity: 0; transform: translateY(0) scale(1); } 50% { opacity: 0.8; transform: translateY(-10px) scale(1.2); } 100% { opacity: 0; transform: translateY(-20px) scale(1); } } @keyframes steamDelayed { 0% { opacity: 0; transform: translateY(0) scale(1); } 50% { opacity: 0.6; transform: translateY(-8px) scale(1.1); } 100% { opacity: 0; transform: translateY(-16px) scale(1); } } .animate-steam { animation: steam 2s infinite; } .animate-steam-delayed { animation: steamDelayed 2s infinite; animation-delay: 0.5s; } `)); }