function MainComponent() { const [isGenerating, setIsGenerating] = React.useState(false); const [notes, setNotes] = React.useState([]); const [downloadLink, setDownloadLink] = React.useState(""); const handleNotes = (formData)=>{ const instructions = `AI Instructions: Create, design, form, code, program, enhance, generate, produce, provide, embed, retrieve, implement, create, link, sync, send, and receive functionality in an AI app and/or program maker based on: Description: ${formData.get('description')} Configuration: ${formData.get('configuration')} Features: - Generate PDF: ${formData.has('generatePdf')} - Generate Images: ${formData.has('generateImages')} - Auto-generate Code: ${formData.has('autoCode')} - Auto-build Module: ${formData.has('autoBuild')}`; setNotes([ ...notes, instructions ]); }; const handleSubmit = async (event)=>{ event.preventDefault(); const formData = new FormData(event.target); handleNotes(formData); setIsGenerating(true); const fakeApiResponse = await new Promise((resolve)=>setTimeout(()=>resolve("/downloads/ai_module_installer.exe"), 5000)); setDownloadLink(fakeApiResponse); setIsGenerating(false); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f7f9fc] p-4", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "max-w-4xl mx-auto p-6 bg-white shadow-md rounded-md", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-center mb-6 font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "AI App & Program Maker"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-3 border border-[#d1d5db] rounded-md resize-none font-roboto", rows: "6", placeholder: "Describe the AI behavior you require in a comprehensive manner.", name: "description", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 39, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", className: "w-full p-3 border border-[#d1d5db] rounded-md font-roboto", placeholder: "Configuration (JSON format)", name: "configuration", __source: { fileName: "", lineNumber: 40, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-6 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-x-4 gap-y-2", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "form-checkbox h-5 w-5", name: "generatePdf", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 50, columnNumber: 13 }, __self: this }, "Generate PDF")), /*#__PURE__*/ React.createElement("label", { __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "form-checkbox h-5 w-5", name: "generateImages", __source: { fileName: "", lineNumber: 53, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Generate Images")), /*#__PURE__*/ React.createElement("label", { __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "form-checkbox h-5 w-5", name: "autoCode", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, "Auto-generate Code")), /*#__PURE__*/ React.createElement("label", { __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", className: "form-checkbox h-5 w-5", name: "autoBuild", __source: { fileName: "", lineNumber: 61, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-2 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 62, columnNumber: 13 }, __self: this }, "Auto-build Module"))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full py-3 bg-[#4f46e5] text-white rounded-md font-roboto font-medium hover:bg-[#4338ca] disabled:bg-[#d1d5db]", disabled: isGenerating, __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, isGenerating ? "Building Module..." : "Build AI Module")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl mx-auto mt-8", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, notes.length > 0 && /*#__PURE__*/ React.createElement("ul", { className: "mb-4 space-y-2 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, notes.map((note, idx)=>/*#__PURE__*/ React.createElement("li", { key: idx, className: "bg-[#e2e8f0] p-4 rounded-md shadow-sm", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, note))), downloadLink && /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-4 font-roboto text-[#121212]", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "Your AI Module has been trained and compiled into an installation file."), /*#__PURE__*/ React.createElement("a", { href: downloadLink, className: "inline-block px-8 py-3 border border-[#4f46e5] text-[#4f46e5] rounded-md font-roboto hover:bg-[#4f46e5] hover:text-white transition-colors", download: "ai_module_installer.exe", __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }, "Download Installation File")))); }