function MainComponent() { const [activeSection, setActiveSection] = useState('systems'); const [searchQuery, setSearchQuery] = useState(''); const [selectedSystem, setSelectedSystem] = useState(null); const [loading, setLoading] = useState(false); const systems = { propulsion: { title: 'Propulsion Systems', icon: 'fa-engine', subsystems: [ 'Turbofan Engines', 'Propellers', 'Fuel Systems', 'Thrust Reversers' ] }, electrical: { title: 'Electrical Systems', icon: 'fa-bolt', subsystems: [ 'Power Generation', 'Distribution', 'Battery Systems', 'Emergency Power' ] }, hydraulic: { title: 'Hydraulic Systems', icon: 'fa-tint', subsystems: [ 'Actuators', 'Pumps', 'Landing Gear', 'Flight Controls' ] }, avionics: { title: 'Avionics Systems', icon: 'fa-microchip', subsystems: [ 'Navigation', 'Communication', 'Flight Management', 'Weather Radar' ] }, environmental: { title: 'Environmental Systems', icon: 'fa-temperature-high', subsystems: [ 'Air Conditioning', 'Pressurization', 'Oxygen Systems', 'Fire Protection' ] } }; const maintenanceChecklists = [ { title: 'Daily Inspection', items: [ 'Check engine oil levels', 'Inspect landing gear', 'Test emergency lights', 'Check tire pressure', 'Inspect flight controls' ] }, { title: 'Weekly Maintenance', items: [ 'Full systems diagnostic', 'Battery capacity test', 'Hydraulic pressure check', 'Brake wear inspection', 'Fuel system inspection' ] }, { title: 'Monthly Service', items: [ 'Engine performance test', 'Avionics system check', 'Cabin pressurization test', 'Emergency equipment check', 'Corrosion inspection' ] } ]; const getSystemDetails = async (system, subsystem)=>{ 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 an aviation maintenance expert. Provide detailed technical information about aircraft systems.' }, { role: 'user', content: `Provide detailed technical information about ${subsystem} in ${system.title}, including maintenance procedures and common issues.` } ] }) }); if (!response.ok) { throw new Error('Failed to fetch system details'); } const data = await response.json(); setSelectedSystem({ title: subsystem, system: system.title, details: data.choices[0].message.content }); } catch (error) { console.error('Error:', error); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 108, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1a3c6e] shadow-sm py-4", __source: { fileName: "", lineNumber: 109, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 110, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 111, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 112, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tools text-white mr-3 text-xl", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "/", target: "_self", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-inter font-bold text-white", __source: { fileName: "", lineNumber: 115, columnNumber: 17 }, __self: this }, "Aircraft Maintenance & Technical")))))), /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-sm", __source: { fileName: "", lineNumber: 122, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex space-x-8 py-4", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveSection('systems'), className: `px-3 py-2 rounded-md ${activeSection === 'systems' ? 'bg-[#1a3c6e] text-white' : 'text-gray-600 hover:bg-gray-100'}`, __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cogs mr-2", __source: { fileName: "", lineNumber: 129, columnNumber: 15 }, __self: this }), "Aircraft Systems"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveSection('procedures'), className: `px-3 py-2 rounded-md ${activeSection === 'procedures' ? 'bg-[#1a3c6e] text-white' : 'text-gray-600 hover:bg-gray-100'}`, __source: { fileName: "", lineNumber: 131, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clipboard-list mr-2", __source: { fileName: "", lineNumber: 135, columnNumber: 15 }, __self: this }), "Maintenance Procedures"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveSection('regulations'), className: `px-3 py-2 rounded-md ${activeSection === 'regulations' ? 'bg-[#1a3c6e] text-white' : 'text-gray-600 hover:bg-gray-100'}`, __source: { fileName: "", lineNumber: 137, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-book mr-2", __source: { fileName: "", lineNumber: 141, columnNumber: 15 }, __self: this }), "Regulations")))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 py-6", __source: { fileName: "", lineNumber: 147, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-12 gap-6", __source: { fileName: "", lineNumber: 148, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:col-span-3", __source: { fileName: "", lineNumber: 149, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-4 mb-4", __source: { fileName: "", lineNumber: 150, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 151, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Search technical info...", value: searchQuery, onChange: (e)=>setSearchQuery(e.target.value), className: "w-full px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-[#1a3c6e]", __source: { fileName: "", lineNumber: 152, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: "fas fa-search absolute right-3 top-3 text-gray-400", __source: { fileName: "", lineNumber: 159, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-4", __source: { fileName: "", lineNumber: 163, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 164, columnNumber: 15 }, __self: this }, "Quick Links"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 165, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 166, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1a3c6e] hover:underline flex items-center", __source: { fileName: "", lineNumber: 167, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-pdf mr-2", __source: { fileName: "", lineNumber: 168, columnNumber: 21 }, __self: this }), "Maintenance Manuals")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 172, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1a3c6e] hover:underline flex items-center", __source: { fileName: "", lineNumber: 173, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 174, columnNumber: 21 }, __self: this }), "Safety Bulletins")), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#1a3c6e] hover:underline flex items-center", __source: { fileName: "", lineNumber: 179, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tools mr-2", __source: { fileName: "", lineNumber: 180, columnNumber: 21 }, __self: this }), "Tool Calibration"))))), /*#__PURE__*/ React.createElement("div", { className: "md:col-span-9", __source: { fileName: "", lineNumber: 188, columnNumber: 11 }, __self: this }, activeSection === 'systems' && /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 190, columnNumber: 15 }, __self: this }, Object.entries(systems).map(([key, system])=>/*#__PURE__*/ React.createElement("div", { key: key, className: "bg-white rounded-lg shadow p-4", __source: { fileName: "", lineNumber: 192, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-3 flex items-center", __source: { fileName: "", lineNumber: 193, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${system.icon} mr-2 text-[#1a3c6e]`, __source: { fileName: "", lineNumber: 194, columnNumber: 23 }, __self: this }), system.title), /*#__PURE__*/ React.createElement("ul", { className: "space-y-2", __source: { fileName: "", lineNumber: 197, columnNumber: 21 }, __self: this }, system.subsystems.map((subsystem)=>/*#__PURE__*/ React.createElement("li", { key: subsystem, __source: { fileName: "", lineNumber: 199, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>getSystemDetails(system, subsystem), className: "text-left w-full px-3 py-2 rounded hover:bg-gray-100 text-sm", __source: { fileName: "", lineNumber: 200, columnNumber: 27 }, __self: this }, subsystem))))))), activeSection === 'procedures' && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }, maintenanceChecklists.map((checklist, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 217, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-4", __source: { fileName: "", lineNumber: 218, columnNumber: 21 }, __self: this }, checklist.title), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 219, columnNumber: 21 }, __self: this }, checklist.items.map((item, itemIndex)=>/*#__PURE__*/ React.createElement("li", { key: itemIndex, className: "flex items-center", __source: { fileName: "", lineNumber: 221, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "form-checkbox h-5 w-5 text-[#1a3c6e]", __source: { fileName: "", lineNumber: 222, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-3 text-gray-700", __source: { fileName: "", lineNumber: 226, columnNumber: 27 }, __self: this }, item))))))), activeSection === 'regulations' && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 236, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 237, columnNumber: 17 }, __self: this }, "Maintenance Regulations"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 238, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 239, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 240, columnNumber: 21 }, __self: this }, "FAA Regulations"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 241, columnNumber: 21 }, __self: this }, "Comprehensive guide to Federal Aviation Administration maintenance requirements and compliance procedures.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 245, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 246, columnNumber: 21 }, __self: this }, "EASA Requirements"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 247, columnNumber: 21 }, __self: this }, "European Union Aviation Safety Agency maintenance standards and certification requirements.")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 251, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 252, columnNumber: 21 }, __self: this }, "International Standards"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 253, columnNumber: 21 }, __self: this }, "Global maintenance practices and requirements for international operations.")))))), selectedSystem && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 264, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg max-w-2xl w-full max-h-[90vh] overflow-y-auto", __source: { fileName: "", lineNumber: 265, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 266, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 267, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold", __source: { fileName: "", lineNumber: 268, columnNumber: 19 }, __self: this }, selectedSystem.title), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSelectedSystem(null), className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 269, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 273, columnNumber: 21 }, __self: this }))), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center h-64", __source: { fileName: "", lineNumber: 277, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-[#1a3c6e]", __source: { fileName: "", lineNumber: 278, columnNumber: 21 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "prose max-w-none", __source: { fileName: "", lineNumber: 281, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 whitespace-pre-line", __source: { fileName: "", lineNumber: 282, columnNumber: 21 }, __self: this }, selectedSystem.details))))))); }