function MainComponent() { const [selectedTool, setSelectedTool] = useState(null); const [query, setQuery] = useState(''); const [response, setResponse] = useState(''); const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const tools = [ { id: 'regulations', name: 'Aviation Regulations Guide', icon: 'fa-book-open', description: 'Get AI explanations of aviation regulations and compliance requirements', prompt: 'Explain the following aviation regulation or requirement: ' }, { id: 'weather', name: 'Weather Interpretation Assistant', icon: 'fa-cloud', description: 'AI-powered analysis of weather conditions and flight planning implications', prompt: 'Analyze these weather conditions and provide flight planning advice: ' }, { id: 'technical', name: 'Technical Manual Helper', icon: 'fa-tools', description: 'Simplify complex technical documentation and maintenance procedures', prompt: 'Explain this technical procedure in simple terms: ' }, { id: 'training', name: 'Study Materials Generator', icon: 'fa-graduation-cap', description: 'Create customized study materials for aviation topics', prompt: 'Generate study materials about: ' } ]; const handleSubmit = async (e)=>{ e.preventDefault(); if (!query.trim()) return; setLoading(true); setError(null); setResponse(''); try { const response = await fetch('/integrations/google-gemini-1-5-flash/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'system', content: 'You are an expert aviation AI assistant. Provide detailed, accurate, and helpful information about aviation topics.' }, { role: 'user', content: selectedTool.prompt + query } ] }) }); if (!response.ok) { throw new Error('Failed to get AI response'); } const data = await response.json(); setResponse(data.choices[0].message.content); } catch (err) { console.error('Error:', err); setError('Sorry, there was an error getting the AI response. Please try again.'); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 82, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#1a3c6e] shadow-sm py-4", __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-robot text-white mr-3 text-xl", __source: { fileName: "", lineNumber: 87, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("a", { href: "/", target: "_self", __source: { fileName: "", lineNumber: 88, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-inter font-bold text-white", __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, "Aviation AI Assistant")))))), /*#__PURE__*/ React.createElement("main", { className: "max-w-7xl mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 96, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6 mb-8", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, tools.map((tool)=>/*#__PURE__*/ React.createElement("div", { key: tool.id, onClick: ()=>setSelectedTool(tool), className: `bg-white rounded-lg shadow p-6 cursor-pointer transition-all hover:shadow-lg ${selectedTool?.id === tool.id ? 'ring-2 ring-[#1a3c6e]' : ''}`, __source: { fileName: "", lineNumber: 99, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${tool.icon} text-2xl text-[#1a3c6e]`, __source: { fileName: "", lineNumber: 107, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-lg font-semibold ml-3", __source: { fileName: "", lineNumber: 108, columnNumber: 17 }, __self: this }, tool.name)), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-sm", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, tool.description)))), selectedTool && /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow p-6", __source: { fileName: "", lineNumber: 116, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 117, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-2", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, selectedTool.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }, selectedTool.description)), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "mb-6", __source: { fileName: "", lineNumber: 122, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 123, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", value: query, onChange: (e)=>setQuery(e.target.value), placeholder: "Type your question here...", className: "flex-1 px-4 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-[#1a3c6e]", __source: { fileName: "", lineNumber: 124, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading || !query.trim(), className: "bg-[#1a3c6e] text-white px-6 py-2 rounded-lg font-semibold hover:bg-[#152f54] disabled:opacity-50 flex items-center gap-2", __source: { fileName: "", lineNumber: 131, columnNumber: 17 }, __self: this }, loading ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 138, columnNumber: 23 }, __self: this }), "Processing...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 143, columnNumber: 23 }, __self: this }), "Ask AI")))), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 text-red-700 p-4 rounded-lg mb-6", __source: { fileName: "", lineNumber: 152, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 153, columnNumber: 17 }, __self: this }), error), response && /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-6 rounded-lg", __source: { fileName: "", lineNumber: 159, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-4", __source: { fileName: "", lineNumber: 160, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold", __source: { fileName: "", lineNumber: 161, columnNumber: 19 }, __self: this }, "AI Response"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ const element = document.createElement('a'); const file = new Blob([ response ], { type: 'text/plain' }); element.href = URL.createObjectURL(file); element.download = `aviation-ai-response.txt`; document.body.appendChild(element); element.click(); document.body.removeChild(element); }, className: "text-[#1a3c6e] hover:text-[#152f54]", __source: { fileName: "", lineNumber: 162, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-download", __source: { fileName: "", lineNumber: 174, columnNumber: 21 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "prose max-w-none", __source: { fileName: "", lineNumber: 177, columnNumber: 17 }, __self: this }, response.split('\n').map((paragraph, index)=>/*#__PURE__*/ React.createElement("p", { key: index, className: "mb-4", __source: { fileName: "", lineNumber: 179, columnNumber: 21 }, __self: this }, paragraph))))))); }