function MainComponent() { const [responses, setResponses] = React.useState([]); const [loading, setLoading] = React.useState(false); const fetchAIResponses = async (query)=>{ setLoading(true); setResponses([]); const requests = [ fetch(`/integrations/stable-diffusion/?prompt=${encodeURIComponent(query)}`, { method: 'GET' }), fetch(`/integrations/chat-gpt/conversationgpt4`, { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": query } ], system_prompt: query }), headers: { 'Content-Type': 'application/json' } }), fetch(`/integrations/anthropic-claude/`, { method: 'POST', body: JSON.stringify({ messages: [ { "role": "user", "content": query } ] }), headers: { 'Content-Type': 'application/json' } }) ]; Promise.all(requests).then(async (responses)=>{ const dataResponses = await Promise.all(responses.map((response)=>response.json())); setResponses(dataResponses.map((data, index)=>{ if (index === 0) { return data.data[0]; } else { return data.choices[0].message.content; } })); }).catch((error)=>{ setResponses([ "Error fetching AI responses. Please try again." ]); }).finally(()=>{ setLoading(false); }); }; const handleSubmit = async (event)=>{ event.preventDefault(); const data = new FormData(event.target); const query = data.get("query"); await fetchAIResponses(query); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f2f5] flex justify-center items-center", __source: { fileName: "", lineNumber: 51, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl p-5 bg-white shadow-lg rounded-lg", __source: { fileName: "", lineNumber: 52, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold font-roboto mb-4 text-center", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }, "AI Response Generator"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "query", className: "block mb-2 text-sm font-medium text-gray-900", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, "Your Query"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "query", name: "query", className: "bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full p-2.5", placeholder: "Type your query here...", required: true, __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-2 px-4 bg-blue-600 hover:bg-blue-700 focus:ring-blue-500 focus:ring-offset-blue-200 text-white font-semibold rounded-lg shadow-md", disabled: loading, __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, loading ? 'Generating...' : 'Generate Response'), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold font-roboto mb-4", __source: { fileName: "", lineNumber: 63, columnNumber: 13 }, __self: this }, "AI Responses:"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, responses.map((response, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "mb-4", __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, response.startsWith("http") ? /*#__PURE__*/ React.createElement("img", { src: response, alt: "AI generated content", className: "max-w-full h-auto", __source: { fileName: "", lineNumber: 67, columnNumber: 50 }, __self: this }) : /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-lg", __source: { fileName: "", lineNumber: 67, columnNumber: 132 }, __self: this }, response)))))))); }