\n {phase === \"analyzing\" && (\n

Analyzing Aircraft Systems...

\n Components Scanned:\n {formatNumber(partCount)}\n

\n System Integrity:\n {Math.max(1, Math.round(compatibilityScore))}%\n

\n \n

\n )}\n\n \n \n {displayRating}\n

\n \n\n

Maintenance Priority Determined!

\n Assessment: {targetRating}\n

(Generating detailed report...)

\n \n \n );\n}\n\n// --- Aircraft Maintenance Frontend Component ---\nfunction AircraftMaintenanceApp() {\n const [aircraftId, setAircraftId] = useState(\"\");\n const [aircraftImage, setAircraftImage] = useState(null);\n const [aircraftImageBase64, setAircraftImageBase64] = useState(null);\n const [maintenanceResult, setMaintenanceResult] = useState(null); // Final displayed result\n const [pastRecords, setPastRecords] = useState([]);\n const [isLoading, setIsLoading] = useState(false);\n const [error, setError] = useState(null);\n\n // --- State for Maintenance Report Animation ---\n const [isRevealingReport, setIsRevealingReport] = useState(false);\n const [pendingReportData, setPendingReportData] = useState(null); // Temp store result\n const [revealTrigger, setRevealTrigger] = useState(0); // Increment to trigger animation\n\n // Load past records from localStorage on mount\n useEffect(() => {\n try {\n const storedRecords = localStorage.getItem(LOCAL_STORAGE_KEY);\n if (storedRecords) {\n setPastRecords(JSON.parse(storedRecords));\n }\n } catch (e) {\n console.error(\"Failed to load past maintenance records from localStorage:\", e);\n setError(\"Could not load past maintenance records.\");\n }\n }, []);\n\n // Save result to localStorage whenever maintenanceResult changes AND not revealing report\n useEffect(() => {\n if (maintenanceResult && maintenanceResult.timestamp && !isRevealingReport) {\n try {\n // Avoid adding duplicates if viewing past results caused re-render\n const exists = pastRecords.some(pr =>\n pr.timestamp === maintenanceResult.timestamp && pr.aircraftId === maintenanceResult.aircraftId\n );\n if (!exists) {\n const updatedRecords = [maintenanceResult, ...pastRecords].slice(0, 20); // Keep last 20 records\n setPastRecords(updatedRecords);\n localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(updatedRecords));\n }\n } catch (e) {\n console.error(\"Failed to save result to localStorage:\", e);\n }\n }\n }, [maintenanceResult, pastRecords, isRevealingReport]);\n\n const handleIdChange = (event) => {\n setAircraftId(event.target.value);\n setError(null);\n };\n\n const handleImageChange = (event) => {\n const file = event.target.files[0];\n if (file && file.type.startsWith(\"image/\")) {\n setError(null);\n setMaintenanceResult(null);\n setIsRevealingReport(false);\n setPendingReportData(null);\n setAircraftImage(file);\n\n const reader = new FileReader();\n reader.onloadend = () => {\n setAircraftImageBase64(reader.result);\n };\n reader.onerror = () => {\n setError(\"Failed to read the aircraft image file.\");\n setAircraftImageBase64(null);\n setAircraftImage(null);\n };\n reader.readAsDataURL(file);\n } else {\n setError(\"Please select a valid image file (jpg, png, webp, etc.).\");\n setAircraftImageBase64(null);\n setAircraftImage(null);\n }\n };\n\n const handleMaintenanceRequest = useCallback(async () => {\n if (!aircraftId || !aircraftImageBase64 || isLoading || isRevealingReport) return;\n\n setIsLoading(true);\n setError(null);\n setMaintenanceResult(null);\n setIsRevealingReport(false);\n setPendingReportData(null);\n\n try {\n // Simulate API call to backend\n await new Promise(resolve => setTimeout(resolve, 2500));\n\n // Generate mock data for demonstration\n const mockMaintenanceData = {\n maintenanceReport: {\n aircraftDetails: {\n id: aircraftId,\n type: \"Boeing 737-800\",\n registration: \"N12345\",\n manufacturerDate: \"2015-06-12\",\n totalFlightHours: 24568,\n lastMaintenance: \"2025-02-15\",\n },\n systemStatus: {\n airframe: {\n status: \"Good\",\n hoursRemaining: 1250,\n comment: \"Minor corrosion found on aft pressure bulkhead, recommend inspection at next C-check\",\n },\n engines: {\n status: \"Attention Required\",\n hoursRemaining: 350,\n comment: \"Engine #2 showing increased EGT margins, monitor closely\",\n },\n avionics: { status: \"Good\", hoursRemaining: 2000, comment: \"All systems operating within parameters\" },\n hydraulics: {\n status: \"Caution\",\n hoursRemaining: 200,\n comment: \"Hydraulic system A showing pressure fluctuations during flight\",\n },\n landingGear: { status: \"Good\", hoursRemaining: 800, comment: \"Normal wear observed on main gear bushings\" },\n fuelSystem: { status: \"Good\", hoursRemaining: 1500, comment: \"No anomalies detected\" },\n },\n maintenanceStatus: {\n priority: getMaintenanceRating(),\n nextScheduledCheck: \"A-Check in 250 flight hours\",\n recommendedActions: [\n \"Replace #2 engine oil filter\",\n \"Inspect hydraulic system A pressure relief valve\",\n \"Monitor aft pressure bulkhead corrosion\",\n \"Check APU starter wear indicators\",\n ],\n complianceDue: [\n \"AD 2024-15-12 (Rudder control system)\",\n \"SB 737-28-1321 (Fuel quantity indicating system)\",\n ],\n },\n partsInventory: {\n requiredParts: [\n {\n partNumber: \"65B10134-5\",\n description: \"Hydraulic Pressure Relief Valve\",\n quantity: 1,\n inStock: true,\n location: \"BIN-H452\",\n },\n {\n partNumber: \"CFM56-7B-OIL-F22\",\n description: \"Engine Oil Filter\",\n quantity: 1,\n inStock: true,\n location: \"BIN-E118\",\n },\n {\n partNumber: \"737-RUDDER-ACT-12\",\n description: \"Rudder PCU Actuator\",\n quantity: 1,\n inStock: false,\n leadTime: \"3 days\",\n },\n ],\n suggestedAdditionalParts: [\n {\n partNumber: \"APU-STARTER-332-B\",\n description: \"APU Starter Assembly\",\n quantity: 1,\n inStock: true,\n location: \"BIN-A087\",\n },\n {\n partNumber: \"HYD-SEAL-A320-12\",\n description: \"Hydraulic Seal Kit\",\n quantity: 2,\n inStock: true,\n location: \"BIN-H124\",\n },\n ],\n },\n costEstimate: {\n labor: \"$12,800\",\n parts: \"$8,450\",\n additionalRecommended: \"$5,300\",\n total: \"$21,250\",\n downtime: \"48 hours\",\n },\n summary:\n \"Aircraft requires attention to hydraulic system and engine #2. AD compliance due within next 100 flight hours. Overall airworthiness is not compromised but early maintenance intervention recommended to prevent cascading issues.\",\n notes:\n \"Consider scheduling A-Check early to address all items at once. Upgrading to latest APU starter would increase reliability for winter operations.\",\n },\n };\n\n const dataWithTimestamp = {\n ...mockMaintenanceData.maintenanceReport,\n timestamp: generateTimestamp(),\n aircraftImagePreview: aircraftImageBase64,\n aircraftId: aircraftId,\n };\n\n // --- Trigger Maintenance Report Animation ---\n console.log(\"Maintenance data received, preparing report animation...\");\n setPendingReportData(dataWithTimestamp);\n setIsLoading(false);\n setIsRevealingReport(true);\n setRevealTrigger(prev => prev + 1);\n // --- End Trigger ---\n } catch (err) {\n console.error(\"Maintenance request failed:\", err);\n setError(`Maintenance analysis failed: ${err.message}`);\n setMaintenanceResult(null);\n setIsLoading(false);\n setIsRevealingReport(false);\n setPendingReportData(null);\n }\n }, [aircraftId, aircraftImageBase64, isLoading, isRevealingReport]);\n\n // --- Handler for when animation completes ---\n const handleRevealComplete = useCallback(() => {\n console.log(\"Handling reveal completion...\");\n setIsRevealingReport(false);\n setMaintenanceResult(pendingReportData);\n setPendingReportData(null);\n window.scrollTo(0, 0);\n }, [pendingReportData]);\n\n const clearHistory = () => {\n try {\n localStorage.removeItem(LOCAL_STORAGE_KEY);\n setPastRecords([]);\n setError(null);\n } catch (e) {\n console.error(\"Failed to clear localStorage:\", e);\n setError(\"Could not clear maintenance history.\");\n }\n };\n\n const viewPastRecord = (record) => {\n setAircraftImageBase64(record.aircraftImagePreview);\n setMaintenanceResult(record);\n setAircraftId(record.aircraftId);\n setError(null);\n setAircraftImage(null);\n setIsRevealingReport(false); // Ensure reveal is off\n setPendingReportData(null);\n window.scrollTo(0, 0);\n };\n\n // --- Render Functions ---\n const renderReport = (report) => {\n if (!report) return null;\n\n const renderSection = (title, data) => {\n if (!data && typeof data !== \"number\" && typeof data !== \"string\") return null;\n return (\n

{title}

\n {typeof data === \"string\" || typeof data === \"number\" ?

{data}

: Array.isArray(data)\n ? (\n

\n {typeof item === \"object\"\n ? (\n <>\n {item.partNumber || item.description || \"Item\"}: {Object.entries(item)\n .filter(([key]) => key !== \"partNumber\" && key !== \"description\")\n .map(([key, value]) => `${key}: ${value}`)\n .join(\", \")}\n \n )\n : item}\n

\n )\n : (\n

\n {key.replace(/([A-Z])/g, \" $1\").replace(/^./, str => str.toUpperCase())}:{\" \"}\n {value === null || value === undefined\n ? \"N/A\"\n : typeof value === \"object\" && value !== null && value.hasOwnProperty(\"status\")\n && value.hasOwnProperty(\"comment\")\n ? ` ${value.status} - ${value.comment}`\n : typeof value === \"object\"\n ? JSON.stringify(value)\n : ` ${value}`}\n

\n )}\n

\n );\n };\n\n return (\n

Aircraft Maintenance Report {report.timestamp ? `(${report.timestamp})` : \"\"}

\n {renderSection(\"Aircraft Details\", report.aircraftDetails)}\n {renderSection(\"Systems Status\", report.systemStatus)}\n {renderSection(\"Maintenance Priority\", report.maintenanceStatus.priority)}\n {renderSection(\"Next Scheduled Maintenance\", report.maintenanceStatus.nextScheduledCheck)}\n {renderSection(\"Recommended Actions\", report.maintenanceStatus.recommendedActions)}\n {renderSection(\"Compliance Due\", report.maintenanceStatus.complianceDue)}\n {renderSection(\"Required Parts\", report.partsInventory.requiredParts)}\n {renderSection(\"Suggested Additional Parts\", report.partsInventory.suggestedAdditionalParts)}\n {renderSection(\"Cost Estimate\", report.costEstimate)}\n {renderSection(\"Summary\", report.summary)}\n {renderSection(\"Additional Notes\", report.notes)}\n

\n Disclaimer:{\" \"}\n This maintenance assessment is generated based on visual inspection and aircraft records. Always refer to\n manufacturer documentation and regulatory requirements for final maintenance decisions.\n

\n );\n };\n\n const renderPastRecords = () => {\n if (pastRecords.length === 0) {\n return

No past maintenance records found in local storage.

;\n }\n return (\n

Maintenance History (Last {pastRecords.length})

\n \n

\n $\"Thumbnail\"$ \n \n {record.aircraftDetails?.type || \"Aircraft\"} ({record.aircraftId}) -{\" \"}\n {record?.maintenanceStatus?.priority || \"N/A\"} ({record.timestamp})\n \n viewPastRecord(record)}\n className=\"secondary view-btn\"\n disabled={isLoading || isRevealingReport}\n >\n View\n \n

\n );\n };\n\n // --- Main Render ---\n return (\n

\n {/* --- Render Maintenance Report Overlay conditionally --- */}\n {isRevealingReport && pendingReportData && (\n \n )}\n\n

Aircraft Maintenance Management System

\n Enter aircraft identifier and upload a recent inspection image to generate a comprehensive maintenance report.\n

\n\n

\n Aircraft Identifier (tail number):\n \n

\n\n

\n Upload Inspection Image:\n \n {aircraftImageBase64 && !isRevealingReport && (\n

\n $\"Aircraft$ \n

\n )}\n \n {isLoading ? \"Analyzing Aircraft...\" : \"Generate Maintenance Report\"}\n \n

\n\n {isLoading && !isRevealingReport && (\n

\n Performing comprehensive aircraft systems analysis... This may take a moment.\n

\n )}\n {error && !isRevealingReport &&

{error}

}\n\n {maintenanceResult && !isRevealingReport && renderReport(maintenanceResult)}\n\n

\n {renderPastRecords()}\n

\n );\n}\n\n// --- Client-side Rendering ---\nfunction client() {\n const rootElement = document.getElementById(\"root\");\n if (rootElement) {\n createRoot(rootElement).render();\n } else {\n console.error(\"Root element not found for React app\");\n }\n}\nif (typeof document !== \"undefined\") {\n requestAnimationFrame(client);\n}\n\n// --- Backend Server ---\nexport default async function server(request: Request): Promise {\n if (request.method === \"OPTIONS\") {\n return new Response(null, {\n headers: {\n \"Allow\": \"POST, GET, OPTIONS\",\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"POST, GET, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n },\n });\n }\n\n // Add CORS headers for actual requests too\n const corsHeaders = {\n \"Access-Control-Allow-Origin\": \"*\",\n \"Access-Control-Allow-Methods\": \"POST, GET, OPTIONS\",\n \"Access-Control-Allow-Headers\": \"Content-Type\",\n };\n\n // --- API Route: /analyze-aircraft ---\n if (request.method === \"POST\" && new URL(request.url).pathname === \"/analyze-aircraft\") {\n try {\n const { aircraftId, imageBase64 } = await request.json();\n if (!aircraftId || !imageBase64 || typeof imageBase64 !== \"string\") {\n return Response.json({ error: \"Missing or invalid aircraft data.\" }, {\n status: 400,\n headers: corsHeaders,\n });\n }\n\n console.log(\"Received aircraft data, preparing analysis...\");\n\n // In a real implementation, this would connect to a maintenance database and AI analysis service\n // For now, we'll just wait and send a mock response\n await new Promise(resolve => setTimeout(resolve, 2000));\n\n // Mock maintenance data would be generated here based on the aircraft ID and image\n\n return Response.json({\n maintenanceReport: {\n /* Mock data would go here */\n },\n }, { headers: corsHeaders });\n } catch (error) {\n console.error(`Error in /analyze-aircraft endpoint: ${error}`);\n return Response.json({ error: `Server error during analysis: ${error.message}` }, {\n status: 500,\n headers: corsHeaders,\n });\n }\n }\n\n // --- Serve HTML for GET requests (loads the React app) ---\n if (request.method === \"GET\" && new URL(request.url).pathname === \"/\") {\n const finalHtmlContent = htmlContent.replace(\n \"\",\n ``,\n );\n return new Response(finalHtmlContent, {\n headers: { ...corsHeaders, \"content-type\": \"text/html; charset=utf-8\" },\n });\n }\n\n // --- Default 404 for other routes ---\n return new Response(\"Not Found\", { status: 404, headers: corsHeaders });\n}\n\n// --- HTML Content ---\nconst htmlContent = `\n\n\n\n Aircraft Maintenance Management System\n \n \n