function MainComponent() { const [integrationData, setIntegrationData] = React.useState({ googleGemini: "", anthropicClaude: "" }); React.useEffect(()=>{ async function fetchIntegrationData() { const googleGeminiResponse = await fetch('/integrations/google-gemini/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": "Predictive Maintenance Platform using real-time sensor data" } ] }) }); const googleGeminiData = await googleGeminiResponse.json(); const anthropicClaudeResponse = await fetch('/integrations/anthropic-claude/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": "Integrate CMMS for maintenance task management" } ] }) }); const anthropicClaudeData = await anthropicClaudeResponse.json(); setIntegrationData({ googleGemini: googleGeminiData.choices[0].message.content, anthropicClaude: anthropicClaudeData.choices[0].message.content }); } fetchIntegrationData(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "font-roboto flex flex-col min-h-screen bg-[#F4F6F8]", __source: { fileName: "", lineNumber: 43, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-[#121212] bg-[#ffffff] p-6 shadow", __source: { fileName: "", lineNumber: 44, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "Predictive Maintenance Platform for Manufacturing (with Open Integrations)")), /*#__PURE__*/ React.createElement("nav", { className: "bg-[#2D3748] p-4 text-[#ffffff] shadow", __source: { fileName: "", lineNumber: 47, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("ul", { className: "flex justify-around", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "Monitoring Dashboard"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, "Machine Management"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "Alert Center"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "Analytics & Reports"))), /*#__PURE__*/ React.createElement("main", { className: "flex-grow p-8", __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Monitoring Dashboard"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow rounded", __source: { fileName: "", lineNumber: 59, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }, "Vibrations Sensor Data")), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow rounded", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg", __source: { fileName: "", lineNumber: 63, columnNumber: 15 }, __self: this }, "Temperature Sensor Data")))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, "Machine Management"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow rounded", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg", __source: { fileName: "", lineNumber: 70, columnNumber: 13 }, __self: this }, "Equipment Profiles"))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }, "Alert Center"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow rounded", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Notifications"))), /*#__PURE__*/ React.createElement("section", { className: "mb-8", __source: { fileName: "", lineNumber: 79, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl mb-4", __source: { fileName: "", lineNumber: 80, columnNumber: 11 }, __self: this }, "Analytics & Reports"), /*#__PURE__*/ React.createElement("div", { className: "bg-white p-4 shadow rounded", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, "Data Analysis"))))); }