function MainComponent() { const [assessments, setAssessments] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [page, setPage] = useState(1); const [totalPages, setTotalPages] = useState(1); const [formData, setFormData] = useState({ noise_level_description: "", vibration_assessment: "", user_comfort_rating: 5, maintenance_observations: "", environmental_impact_notes: "" }); useEffect(()=>{ fetchAssessments(); }, [ page ]); const fetchAssessments = async ()=>{ try { const response = await fetch("/api/assessments/list", { method: "POST", body: JSON.stringify({ page, limit: 10 }) }); if (!response.ok) { throw new Error("Failed to fetch assessments"); } const data = await response.json(); setAssessments(data.assessments); setTotalPages(data.pagination.totalPages); } catch (err) { setError("Could not load assessments"); console.error(err); } finally{ setLoading(false); } }; const handleSubmit = async (e)=>{ e.preventDefault(); setLoading(true); try { const response = await fetch("/api/assessments/create", { method: "POST", body: JSON.stringify(formData) }); if (!response.ok) { throw new Error("Failed to create assessment"); } await fetchAssessments(); setFormData({ noise_level_description: "", vibration_assessment: "", user_comfort_rating: 5, maintenance_observations: "", environmental_impact_notes: "" }); } catch (err) { setError("Could not create assessment"); console.error(err); } finally{ setLoading(false); } }; if (error) { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black p-4", __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-[#00ff00]/20 p-4 rounded-lg text-[#00ff00]", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, error))); } return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 79, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/gif", href: "https://ucarecdn.com/08e443f6-92dc-4245-bbad-d68134ed72db/", __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-black p-4 flex flex-col", __source: { fileName: "", lineNumber: 86, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto space-y-8 flex-grow", __source: { fileName: "", lineNumber: 87, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold text-[#00ff00]", __source: { fileName: "", lineNumber: 88, columnNumber: 11 }, __self: this }, "Qualitative Analysis"), /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-[#00ff00]/20 rounded-xl p-6", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-[#00ff00] mb-4", __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "New Assessment"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 97, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#00ff00]/80", __source: { fileName: "", lineNumber: 98, columnNumber: 17 }, __self: this }, "Noise Level Description"), /*#__PURE__*/ React.createElement("textarea", { className: "mt-1 w-full rounded-md bg-black border-[#00ff00]/50 text-[#00ff00] focus:border-[#00ff00] focus:ring-[#00ff00]", value: formData.noise_level_description, onChange: (e)=>setFormData({ ...formData, noise_level_description: e.target.value }), required: true, __source: { fileName: "", lineNumber: 101, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#00ff00]/80", __source: { fileName: "", lineNumber: 114, columnNumber: 17 }, __self: this }, "Vibration Assessment"), /*#__PURE__*/ React.createElement("textarea", { className: "mt-1 w-full rounded-md bg-black border-[#00ff00]/50 text-[#00ff00] focus:border-[#00ff00] focus:ring-[#00ff00]", value: formData.vibration_assessment, onChange: (e)=>setFormData({ ...formData, vibration_assessment: e.target.value }), required: true, __source: { fileName: "", lineNumber: 117, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#00ff00]/80", __source: { fileName: "", lineNumber: 130, columnNumber: 17 }, __self: this }, "User Comfort Rating (1-10)"), /*#__PURE__*/ React.createElement("input", { type: "number", min: "1", max: "10", className: "mt-1 w-full rounded-md bg-black border-[#00ff00]/50 text-[#00ff00] focus:border-[#00ff00] focus:ring-[#00ff00]", value: formData.user_comfort_rating, onChange: (e)=>setFormData({ ...formData, user_comfort_rating: parseInt(e.target.value) }), required: true, __source: { fileName: "", lineNumber: 133, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 148, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#00ff00]/80", __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this }, "Maintenance Observations"), /*#__PURE__*/ React.createElement("textarea", { className: "mt-1 w-full rounded-md bg-black border-[#00ff00]/50 text-[#00ff00] focus:border-[#00ff00] focus:ring-[#00ff00]", value: formData.maintenance_observations, onChange: (e)=>setFormData({ ...formData, maintenance_observations: e.target.value }), __source: { fileName: "", lineNumber: 152, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-[#00ff00]/80", __source: { fileName: "", lineNumber: 164, columnNumber: 17 }, __self: this }, "Environmental Impact Notes"), /*#__PURE__*/ React.createElement("textarea", { className: "mt-1 w-full rounded-md bg-black border-[#00ff00]/50 text-[#00ff00] focus:border-[#00ff00] focus:ring-[#00ff00]", value: formData.environmental_impact_notes, onChange: (e)=>setFormData({ ...formData, environmental_impact_notes: e.target.value }), __source: { fileName: "", lineNumber: 167, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full md:w-auto px-4 py-2 bg-[#00ff00] text-black rounded-md hover:bg-[#00ff00]/80 transition-colors disabled:opacity-50", __source: { fileName: "", lineNumber: 178, columnNumber: 15 }, __self: this }, loading ? "Submitting..." : "Submit Assessment"))), /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-[#00ff00]/20 rounded-xl p-6", __source: { fileName: "", lineNumber: 188, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-[#00ff00] mb-4", __source: { fileName: "", lineNumber: 189, columnNumber: 13 }, __self: this }, "Historical Assessments"), loading && !assessments.length ? /*#__PURE__*/ React.createElement("div", { className: "animate-pulse space-y-4", __source: { fileName: "", lineNumber: 194, columnNumber: 15 }, __self: this }, [ ...Array.from({ length: 3 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: "h-24 bg-[#00ff00]/10 rounded-md", __source: { fileName: "", lineNumber: 196, columnNumber: 19 }, __self: this }))) : !assessments.length ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 200, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-[#00ff00]/60", __source: { fileName: "", lineNumber: 201, columnNumber: 17 }, __self: this }, "No assessments recorded yet")) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 204, columnNumber: 15 }, __self: this }, assessments.map((assessment, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "border border-[#00ff00]/20 rounded-lg p-4", __source: { fileName: "", lineNumber: 206, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 210, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 211, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-[#00ff00]", __source: { fileName: "", lineNumber: 212, columnNumber: 25 }, __self: this }, "Noise Level"), /*#__PURE__*/ React.createElement("p", { className: "text-[#00ff00]/80", __source: { fileName: "", lineNumber: 215, columnNumber: 25 }, __self: this }, assessment.noise_level_description)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 219, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-[#00ff00]", __source: { fileName: "", lineNumber: 220, columnNumber: 25 }, __self: this }, "Vibration Assessment"), /*#__PURE__*/ React.createElement("p", { className: "text-[#00ff00]/80", __source: { fileName: "", lineNumber: 223, columnNumber: 25 }, __self: this }, assessment.vibration_assessment)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 227, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-[#00ff00]", __source: { fileName: "", lineNumber: 228, columnNumber: 25 }, __self: this }, "Comfort Rating"), /*#__PURE__*/ React.createElement("p", { className: "text-[#00ff00]/80", __source: { fileName: "", lineNumber: 231, columnNumber: 25 }, __self: this }, assessment.user_comfort_rating, "/10")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 235, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-[#00ff00]", __source: { fileName: "", lineNumber: 236, columnNumber: 25 }, __self: this }, "Date"), /*#__PURE__*/ React.createElement("p", { className: "text-[#00ff00]/80", __source: { fileName: "", lineNumber: 237, columnNumber: 25 }, __self: this }, new Date(assessment.assessment_date).toLocaleDateString())))))), totalPages > 1 && /*#__PURE__*/ React.createElement("div", { className: "mt-4 flex justify-center space-x-2", __source: { fileName: "", lineNumber: 250, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage((p)=>Math.max(1, p - 1)), disabled: page === 1, className: "px-3 py-1 bg-[#00ff00] text-black rounded-md hover:bg-[#00ff00]/80 disabled:opacity-50", __source: { fileName: "", lineNumber: 251, columnNumber: 17 }, __self: this }, "Previous"), /*#__PURE__*/ React.createElement("span", { className: "px-3 py-1 text-[#00ff00]/80", __source: { fileName: "", lineNumber: 258, columnNumber: 17 }, __self: this }, "Page ", page, " of ", totalPages), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setPage((p)=>Math.min(totalPages, p + 1)), disabled: page === totalPages, className: "px-3 py-1 bg-[#00ff00] text-black rounded-md hover:bg-[#00ff00]/80 disabled:opacity-50", __source: { fileName: "", lineNumber: 261, columnNumber: 17 }, __self: this }, "Next"))), /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-[#00ff00]/20 rounded-xl p-6", __source: { fileName: "", lineNumber: 272, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-[#00ff00] mb-4", __source: { fileName: "", lineNumber: 273, columnNumber: 13 }, __self: this }, "Pattern Analysis"), assessments.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 277, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-black border border-[#00ff00]/20 rounded-lg", __source: { fileName: "", lineNumber: 278, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-[#00ff00]", __source: { fileName: "", lineNumber: 279, columnNumber: 19 }, __self: this }, "Average Comfort Rating"), /*#__PURE__*/ React.createElement("p", { className: "text-[#00ff00]/80", __source: { fileName: "", lineNumber: 282, columnNumber: 19 }, __self: this }, (assessments.reduce((acc, curr)=>acc + curr.user_comfort_rating, 0) / assessments.length).toFixed(1), "/10"))) : /*#__PURE__*/ React.createElement("p", { className: "text-[#00ff00]/60", __source: { fileName: "", lineNumber: 294, columnNumber: 15 }, __self: this }, "Not enough data for pattern analysis")), /*#__PURE__*/ React.createElement("div", { className: "bg-black border border-[#00ff00]/20 rounded-xl p-6", __source: { fileName: "", lineNumber: 300, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-[#00ff00] mb-4", __source: { fileName: "", lineNumber: 301, columnNumber: 13 }, __self: this }, "Recommendations"), assessments.length > 0 ? /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 305, columnNumber: 15 }, __self: this }, assessments.some((a)=>a.user_comfort_rating < 5) && /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-black border border-[#00ff00]/20 rounded-lg", __source: { fileName: "", lineNumber: 307, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-medium text-[#00ff00]", __source: { fileName: "", lineNumber: 308, columnNumber: 21 }, __self: this }, "Comfort Improvement Needed"), /*#__PURE__*/ React.createElement("p", { className: "text-[#00ff00]/80", __source: { fileName: "", lineNumber: 311, columnNumber: 21 }, __self: this }, "Some comfort ratings are below average. Consider maintenance check."))) : /*#__PURE__*/ React.createElement("p", { className: "text-[#00ff00]/60", __source: { fileName: "", lineNumber: 319, columnNumber: 15 }, __self: this }, "No recommendations available yet"))), /*#__PURE__*/ React.createElement("footer", { className: "mt-16 border-t border-[#00ff00]/20 pt-8 pb-4", __source: { fileName: "", lineNumber: 326, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto flex flex-col md:flex-row justify-between items-center", __source: { fileName: "", lineNumber: 327, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-[#00ff00]/60 mb-4 md:mb-0", __source: { fileName: "", lineNumber: 328, columnNumber: 13 }, __self: this }, "© 2025 Underground Vault Analysis System"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-6", __source: { fileName: "", lineNumber: 331, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#00ff00]/60 hover:text-[#00ff00]", __source: { fileName: "", lineNumber: 332, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/dashboard", className: "text-[#00ff00]/60 hover:text-[#00ff00]", __source: { fileName: "", lineNumber: 335, columnNumber: 15 }, __self: this }, "Dashboard"), /*#__PURE__*/ React.createElement("a", { href: "/measurements", className: "text-[#00ff00]/60 hover:text-[#00ff00]", __source: { fileName: "", lineNumber: 341, columnNumber: 15 }, __self: this }, "Measurements"), /*#__PURE__*/ React.createElement("a", { href: "/inspections", className: "text-[#00ff00]/60 hover:text-[#00ff00]", __source: { fileName: "", lineNumber: 347, columnNumber: 15 }, __self: this }, "Inspections")))))); }