function MainComponent() { const [tasks, setTasks] = React.useState([]); const [task, setTask] = React.useState(""); const [projects, setProjects] = React.useState([]); const [missions, setMissions] = React.useState([]); const [project, setProject] = React.useState(""); const [mission, setMission] = React.useState(""); const [selectedProject, setSelectedProject] = React.useState(""); const [selectedMission, setSelectedMission] = React.useState(""); const fetchCompletion = async (task)=>{ const response = await fetch('/integrations/anthropic-claude-sonnet-3-5/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { role: 'user', content: task } ] }) }); const result = await response.json(); return result.choices[0].message.content; }; const handleProjectSubmit = async (e)=>{ e.preventDefault(); const newProject = await fetchCompletion(`Add the project: ${project}`); setProjects([ ...projects, newProject ]); setProject(""); }; const handleMissionSubmit = async (e)=>{ e.preventDefault(); const newMission = await fetchCompletion(`Add the mission: ${mission} related to project: ${selectedProject}`); setMissions([ ...missions, newMission ]); setMission(""); }; const handleTaskSubmit = async (e)=>{ e.preventDefault(); const newTask = await fetchCompletion(`Add the task: ${task} related to mission: ${selectedMission}`); setTasks([ ...tasks, newTask ]); setTask(""); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-white p-4 space-y-4 w-full h-full", __source: { fileName: "", lineNumber: 52, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto", __source: { fileName: "", lineNumber: 53, columnNumber: 7 }, __self: this }, "Task Manager"), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg space-y-4", onSubmit: handleProjectSubmit, __source: { fileName: "", lineNumber: 55, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto text-sm", htmlFor: "project-input", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "New Project:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "project-input", name: "project", value: project, onChange: (e)=>setProject(e.target.value), className: "w-full p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, "Add Project")), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg space-y-4", onSubmit: handleMissionSubmit, __source: { fileName: "", lineNumber: 70, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto text-sm", htmlFor: "mission-input", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "New Mission:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "mission-input", name: "mission", value: mission, onChange: (e)=>setMission(e.target.value), className: "w-full p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto text-sm", htmlFor: "project-select", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, "Related Project:"), /*#__PURE__*/ React.createElement("select", { id: "project-select", name: "selectedProject", value: selectedProject, onChange: (e)=>setSelectedProject(e.target.value), className: "w-full p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, projects.map((proj, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: proj, __source: { fileName: "", lineNumber: 92, columnNumber: 15 }, __self: this }, proj)))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, "Add Mission")), /*#__PURE__*/ React.createElement("form", { className: "w-full max-w-lg space-y-4", onSubmit: handleTaskSubmit, __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto text-sm", htmlFor: "task-input", __source: { fileName: "", lineNumber: 101, columnNumber: 11 }, __self: this }, "New Task:"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "task-input", name: "task", value: task, onChange: (e)=>setTask(e.target.value), className: "w-full p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 111, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto text-sm", htmlFor: "mission-select", __source: { fileName: "", lineNumber: 112, columnNumber: 11 }, __self: this }, "Related Mission:"), /*#__PURE__*/ React.createElement("select", { id: "mission-select", name: "selectedMission", value: selectedMission, onChange: (e)=>setSelectedMission(e.target.value), className: "w-full p-2 border rounded font-roboto", __source: { fileName: "", lineNumber: 113, columnNumber: 11 }, __self: this }, missions.map((msn, index)=>/*#__PURE__*/ React.createElement("option", { key: index, value: msn, __source: { fileName: "", lineNumber: 121, columnNumber: 15 }, __self: this }, msn)))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "px-4 py-2 bg-blue-500 text-white rounded", __source: { fileName: "", lineNumber: 125, columnNumber: 9 }, __self: this }, "Add Task")), /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg space-y-4", __source: { fileName: "", lineNumber: 128, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto", __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }, "Tasks"), /*#__PURE__*/ React.createElement("ul", { __source: { fileName: "", lineNumber: 130, columnNumber: 9 }, __self: this }, tasks.map((task, index)=>/*#__PURE__*/ React.createElement("li", { key: index, className: "font-roboto px-4 py-2 border-b", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, task))))); }