function MainComponent() { const getThisWeekRange = ()=>{ const today = new Date(); const nextWeek = new Date(); nextWeek.setDate(today.getDate() + 7); return { today: today.toISOString().split("T")[0], nextWeek: nextWeek.toISOString().split("T")[0] }; }; const [expandedGraphs, setExpandedGraphs] = useState({}); const [projects, setProjects] = useState([]); const [tasks, setTasks] = useState([]); const [loading, setLoading] = useState(true); const [error, setError] = useState(null); const [showNewProjectModal, setShowNewProjectModal] = useState(false); const [showNewTaskModal, setShowNewTaskModal] = useState(false); const [showResetModal, setShowResetModal] = useState(false); const [newProject, setNewProject] = useState({ title: "", description: "" }); const [newTask, setNewTask] = useState({ title: "", description: "", project_id: "", priority: "medium", due_date: "", status: "active" }); const [activeView, setActiveView] = useState("dashboard"); const [formError, setFormError] = useState(null); const [projectToDelete, setProjectToDelete] = useState(null); const [taskFilter, setTaskFilter] = useState("all"); const [sortBy, setSortBy] = useState("due_date"); const getProjectMetrics = (projectId)=>{ const projectTasks = tasks.filter((t)=>t.project_id === projectId); return { status: { active: projectTasks.filter((t)=>t.status !== "completed").length, completed: projectTasks.filter((t)=>t.status === "completed").length }, priority: { high: projectTasks.filter((t)=>t.priority === "high").length, medium: projectTasks.filter((t)=>t.priority === "medium").length, low: projectTasks.filter((t)=>t.priority === "low").length }, dueThisWeek: projectTasks.filter((t)=>{ const dueDate = new Date(t.due_date); const today = new Date(); const nextWeek = new Date(); nextWeek.setDate(today.getDate() + 7); return dueDate >= today && dueDate <= nextWeek; }).length }; }; useEffect(()=>{ const fetchData = async ()=>{ try { setLoading(true); const [projectsResponse, tasksResponse] = await Promise.all([ fetch("/api/projects/list", { method: "POST" }), fetch("/api/tasks/list", { method: "POST" }) ]); if (!projectsResponse.ok || !tasksResponse.ok) { throw new Error("Failed to fetch data"); } const [projectsData, tasksData] = await Promise.all([ projectsResponse.json(), tasksResponse.json() ]); setProjects(projectsData.projects || []); setTasks(tasksData.tasks || []); setLoading(false); } catch (err) { setError("Failed to load data"); setLoading(false); } }; fetchData(); }, [ activeView ]); const refreshData = async ()=>{ try { setLoading(true); const [projectsResponse, tasksResponse] = await Promise.all([ fetch("/api/list-projects", { method: "POST" }), fetch("/api/tasks/list", { method: "POST" }) ]); if (!projectsResponse.ok || !tasksResponse.ok) { throw new Error("Failed to fetch data"); } const [projectsData, tasksData] = await Promise.all([ projectsResponse.json(), tasksResponse.json() ]); setProjects(projectsData.projects || []); setTasks(tasksData.tasks || []); setLoading(false); } catch (err) { setError("Failed to refresh data"); setLoading(false); } }; const handleCreateProject = async ()=>{ try { if (!newProject.title.trim()) { setFormError("Project title is required"); return; } const response = await fetch("/api/projects/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ ...newProject, status: "starting", progress: 0 }) }); if (!response.ok) { throw new Error("Failed to create project"); } const result = await response.json(); setProjects([ result.project, ...projects ]); setShowNewProjectModal(false); setNewProject({ title: "", description: "" }); setFormError(null); } catch (err) { setFormError("Failed to create project"); } }; const handleCreateTask = async ()=>{ try { if (!newTask.title || !newTask.project_id || !newTask.due_date) { setFormError("Title, project, and due date are required"); return; } const response = await fetch("/api/tasks/create", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ title: newTask.title, description: newTask.description, project_id: parseInt(newTask.project_id), priority: newTask.priority, due_date: newTask.due_date, status: "active" }) }); const data = await response.json(); if (data.error) { throw new Error(data.error); } setTasks((prevTasks)=>[ data.task, ...prevTasks ]); setNewTask({ title: "", description: "", project_id: "", priority: "medium", due_date: "", status: "active" }); setShowNewTaskModal(false); setFormError(null); const projectsResponse = await fetch("/api/list-projects", { method: "POST" }); const projectsData = await projectsResponse.json(); setProjects(projectsData.projects || []); } catch (err) { setFormError(err.message || "Failed to create task"); } }; const handleDeleteProject = async (projectId)=>{ try { const response = await fetch("/api/projects/delete", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ projectId }) }); if (!response.ok) { throw new Error("Failed to delete project"); } setProjects(projects.filter((p)=>p.id !== projectId)); setProjectToDelete(null); } catch (err) { setError("Failed to delete project"); } }; const handleResetData = async ()=>{ try { const response = await fetch("/api/reset-data", { method: "POST", headers: { "Content-Type": "application/json" } }); if (!response.ok) { throw new Error("Failed to reset data"); } const result = await response.json(); if (!result.success) { throw new Error(result.error || "Failed to reset data"); } const [projectsResponse, tasksResponse] = await Promise.all([ fetch("/api/list-projects", { method: "POST" }), fetch("/api/tasks/list", { method: "POST" }) ]); const [projectsData, tasksData] = await Promise.all([ projectsResponse.json(), tasksResponse.json() ]); setProjects(projectsData.projects || []); setTasks(tasksData.tasks || []); setShowResetModal(false); setError(null); } catch (err) { setError(err.message || "Failed to reset data"); setShowResetModal(false); } }; const handleUpdateTaskStatus = async (taskId, status)=>{ try { const response = await fetch("/api/tasks/update", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ taskId, status, completion_date: status === "completed" ? new Date().toISOString() : null }) }); if (!response.ok) { throw new Error("Failed to update task"); } const result = await response.json(); setTasks(tasks.map((t)=>t.id === taskId ? result.task : t)); } catch (err) { setError("Failed to update task"); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 266, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex h-screen", __source: { fileName: "", lineNumber: 267, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("aside", { className: "w-64 bg-[#1a365d] text-white hidden md:block", __source: { fileName: "", lineNumber: 268, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-4 flex flex-col items-center", __source: { fileName: "", lineNumber: 269, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/d0553127-42be-44dd-85c4-055fbd6b268a/-/format/auto/", alt: "PTM Logo", className: "h-24 w-auto mb-8 hover:scale-105 transition-transform duration-200", __source: { fileName: "", lineNumber: 270, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "w-full h-0.5 bg-white opacity-20 mb-8", __source: { fileName: "", lineNumber: 275, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("nav", { className: "space-y-2 w-full", __source: { fileName: "", lineNumber: 276, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveView("dashboard"), className: `block w-full text-left p-3 rounded-lg ${activeView === "dashboard" ? "bg-[#2a4365]" : ""} hover:bg-[#2c5282]`, __source: { fileName: "", lineNumber: 277, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home mr-2", __source: { fileName: "", lineNumber: 283, columnNumber: 17 }, __self: this }), "Dashboard"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveView("projects"), className: `block w-full text-left p-3 rounded-lg ${activeView === "projects" ? "bg-[#2a4365]" : ""} hover:bg-[#2c5282]`, __source: { fileName: "", lineNumber: 285, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-project-diagram mr-2", __source: { fileName: "", lineNumber: 291, columnNumber: 17 }, __self: this }), "Projects"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setActiveView("tasks"), className: `block w-full text-left p-3 rounded-lg ${activeView === "tasks" ? "bg-[#2a4365]" : ""} hover:bg-[#2c5282]`, __source: { fileName: "", lineNumber: 293, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tasks mr-2", __source: { fileName: "", lineNumber: 299, columnNumber: 17 }, __self: this }), "Tasks")))), /*#__PURE__*/ React.createElement("main", { className: "flex-1 overflow-y-auto", __source: { fileName: "", lineNumber: 305, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white shadow-sm", __source: { fileName: "", lineNumber: 306, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row justify-between items-start sm:items-center px-4 sm:px-6 py-4 space-y-3 sm:space-y-0", __source: { fileName: "", lineNumber: 307, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-[#1a365d]", __source: { fileName: "", lineNumber: 308, columnNumber: 15 }, __self: this }, activeView.charAt(0).toUpperCase() + activeView.slice(1)), /*#__PURE__*/ React.createElement("div", { className: "space-x-2 sm:space-x-4 flex flex-wrap gap-2", __source: { fileName: "", lineNumber: 311, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: refreshData, className: "bg-[#38b2ac] text-white px-3 py-2 rounded-lg hover:bg-[#319795] text-sm sm:text-base flex items-center", __source: { fileName: "", lineNumber: 312, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-sync-alt mr-2", __source: { fileName: "", lineNumber: 316, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden sm:inline", __source: { fileName: "", lineNumber: 317, columnNumber: 19 }, __self: this }, "Refresh"), /*#__PURE__*/ React.createElement("span", { className: "sm:hidden", __source: { fileName: "", lineNumber: 318, columnNumber: 19 }, __self: this }, "↻")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setTaskFilter("due-this-week"); setActiveView("tasks"); }, className: `bg-[#ed8936] text-white px-3 py-2 rounded-lg hover:bg-[#dd6b20] text-sm sm:text-base flex items-center ${taskFilter === "due-this-week" && activeView === "tasks" ? "ring-2 ring-offset-2 ring-[#ed8936]" : ""}`, __source: { fileName: "", lineNumber: 320, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-week mr-2", __source: { fileName: "", lineNumber: 331, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden sm:inline", __source: { fileName: "", lineNumber: 332, columnNumber: 19 }, __self: this }, "View Due This Week"), /*#__PURE__*/ React.createElement("span", { className: "sm:hidden", __source: { fileName: "", lineNumber: 333, columnNumber: 19 }, __self: this }, "View Due")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ const today = new Date(); const nextWeek = new Date(); nextWeek.setDate(today.getDate() + 7); setNewTask({ title: "", description: "", project_id: "", priority: "medium", due_date: nextWeek.toISOString().split("T")[0], status: "active" }); setShowNewTaskModal(true); }, className: "bg-[#ed8936] text-white px-3 py-2 rounded-lg hover:bg-[#dd6b20] text-sm sm:text-base flex items-center", __source: { fileName: "", lineNumber: 335, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-week mr-2", __source: { fileName: "", lineNumber: 353, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden sm:inline", __source: { fileName: "", lineNumber: 354, columnNumber: 19 }, __self: this }, "Add Due This Week"), /*#__PURE__*/ React.createElement("span", { className: "sm:hidden", __source: { fileName: "", lineNumber: 355, columnNumber: 19 }, __self: this }, "Add Due")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowResetModal(true), className: "bg-[#e53e3e] text-white px-3 py-2 rounded-lg hover:bg-[#c53030] text-sm sm:text-base flex items-center", __source: { fileName: "", lineNumber: 357, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash-alt mr-2", __source: { fileName: "", lineNumber: 361, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden sm:inline", __source: { fileName: "", lineNumber: 362, columnNumber: 19 }, __self: this }, "Reset All"), /*#__PURE__*/ React.createElement("span", { className: "sm:hidden", __source: { fileName: "", lineNumber: 363, columnNumber: 19 }, __self: this }, "Reset")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNewTaskModal(true), className: "bg-[#38b2ac] text-white px-3 py-2 rounded-lg hover:bg-[#319795] text-sm sm:text-base flex items-center", __source: { fileName: "", lineNumber: 365, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 369, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden sm:inline", __source: { fileName: "", lineNumber: 370, columnNumber: 19 }, __self: this }, "New Task"), /*#__PURE__*/ React.createElement("span", { className: "sm:hidden", __source: { fileName: "", lineNumber: 371, columnNumber: 19 }, __self: this }, "Task")), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowNewProjectModal(true), className: "bg-[#38b2ac] text-white px-3 py-2 rounded-lg hover:bg-[#319795] text-sm sm:text-base flex items-center", __source: { fileName: "", lineNumber: 373, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-plus mr-2", __source: { fileName: "", lineNumber: 377, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden sm:inline", __source: { fileName: "", lineNumber: 378, columnNumber: 19 }, __self: this }, "New Project"), /*#__PURE__*/ React.createElement("span", { className: "sm:hidden", __source: { fileName: "", lineNumber: 379, columnNumber: 19 }, __self: this }, "Project"))))), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 385, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-6 mb-8", __source: { fileName: "", lineNumber: 386, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#38b2ac] text-white p-6 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 387, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 388, columnNumber: 17 }, __self: this }, projects.length), /*#__PURE__*/ React.createElement("div", { className: "text-sm opacity-80", __source: { fileName: "", lineNumber: 389, columnNumber: 17 }, __self: this }, "Total Projects")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#e53e3e] text-white p-6 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 391, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 392, columnNumber: 17 }, __self: this }, tasks.filter((t)=>t.status !== "completed").length), /*#__PURE__*/ React.createElement("div", { className: "text-sm opacity-80", __source: { fileName: "", lineNumber: 395, columnNumber: 17 }, __self: this }, "Active Tasks")), /*#__PURE__*/ React.createElement("div", { className: "bg-[#ed8936] text-white p-6 rounded-lg shadow-sm", __source: { fileName: "", lineNumber: 397, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-3xl font-bold", __source: { fileName: "", lineNumber: 398, columnNumber: 17 }, __self: this }, tasks.filter((t)=>{ const dueDate = new Date(t.due_date); const today = new Date(); const nextWeek = new Date(); nextWeek.setDate(today.getDate() + 7); return dueDate >= today && dueDate <= nextWeek; }).length), /*#__PURE__*/ React.createElement("div", { className: "text-sm opacity-80", __source: { fileName: "", lineNumber: 409, columnNumber: 17 }, __self: this }, "Due This Week"))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 lg:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 413, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-6", __source: { fileName: "", lineNumber: 414, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4 text-[#1a365d]", __source: { fileName: "", lineNumber: 415, columnNumber: 17 }, __self: this }, activeView === "projects" ? "All Projects" : "Recent Projects"), loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-4", __source: { fileName: "", lineNumber: 421, columnNumber: 19 }, __self: this }, "Loading...") : error ? /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-center py-4", __source: { fileName: "", lineNumber: 423, columnNumber: 19 }, __self: this }, error) : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 425, columnNumber: 19 }, __self: this }, (activeView === "projects" ? projects : projects.slice(0, 5)).map((project)=>/*#__PURE__*/ React.createElement("div", { key: project.id, className: "border-b pb-4", __source: { fileName: "", lineNumber: 430, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start mb-2", __source: { fileName: "", lineNumber: 431, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full", __source: { fileName: "", lineNumber: 432, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-[#1a365d] flex items-center justify-between", __source: { fileName: "", lineNumber: 433, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 434, columnNumber: 31 }, __self: this }, project.title), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setExpandedGraphs((prev)=>({ ...prev, [project.id]: !prev[project.id] })), className: "text-sm px-2 py-1 rounded hover:bg-gray-100", __source: { fileName: "", lineNumber: 435, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-chart-bar mr-1`, __source: { fileName: "", lineNumber: 444, columnNumber: 33 }, __self: this }), expandedGraphs[project.id] ? "Hide Metrics" : "Show Metrics")), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 450, columnNumber: 29 }, __self: this }, project.description), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 453, columnNumber: 29 }, __self: this }, "Created:", " ", new Date(project.created_at).toLocaleDateString()), expandedGraphs[project.id] && /*#__PURE__*/ React.createElement("div", { className: "mt-4 space-y-4 bg-gray-50 p-4 rounded-lg", __source: { fileName: "", lineNumber: 461, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 462, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-semibold mb-2", __source: { fileName: "", lineNumber: 463, columnNumber: 35 }, __self: this }, "Task Status"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 466, columnNumber: 35 }, __self: this }, Object.entries(getProjectMetrics(project.id).status).map(([status, count])=>/*#__PURE__*/ React.createElement("div", { key: status, className: "flex-1 bg-white rounded-lg p-2 shadow-sm", __source: { fileName: "", lineNumber: 470, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-600 mb-1 capitalize", __source: { fileName: "", lineNumber: 474, columnNumber: 41 }, __self: this }, status), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-100 rounded overflow-hidden", __source: { fileName: "", lineNumber: 477, columnNumber: 41 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `h-full ${status === "completed" ? "bg-green-500" : "bg-blue-500"}`, style: { width: `${count > 0 ? count / tasks.filter((t)=>t.project_id === project.id).length * 100 : 0}%` }, __source: { fileName: "", lineNumber: 478, columnNumber: 43 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-xs mt-1 text-right", __source: { fileName: "", lineNumber: 485, columnNumber: 41 }, __self: this }, count))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 493, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-semibold mb-2", __source: { fileName: "", lineNumber: 494, columnNumber: 35 }, __self: this }, "Task Priority"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 497, columnNumber: 35 }, __self: this }, Object.entries(getProjectMetrics(project.id).priority).map(([priority, count])=>/*#__PURE__*/ React.createElement("div", { key: priority, className: "flex-1 bg-white rounded-lg p-2 shadow-sm", __source: { fileName: "", lineNumber: 501, columnNumber: 39 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-600 mb-1 capitalize", __source: { fileName: "", lineNumber: 505, columnNumber: 41 }, __self: this }, priority), /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-100 rounded overflow-hidden", __source: { fileName: "", lineNumber: 508, columnNumber: 41 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `h-full ${priority === "high" ? "bg-red-500" : priority === "medium" ? "bg-yellow-500" : "bg-green-500"}`, style: { width: `${count > 0 ? count / tasks.filter((t)=>t.project_id === project.id).length * 100 : 0}%` }, __source: { fileName: "", lineNumber: 509, columnNumber: 43 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-xs mt-1 text-right", __source: { fileName: "", lineNumber: 522, columnNumber: 41 }, __self: this }, count))))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 530, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "text-sm font-semibold mb-2", __source: { fileName: "", lineNumber: 531, columnNumber: 35 }, __self: this }, "Tasks Due This Week"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-2 shadow-sm", __source: { fileName: "", lineNumber: 534, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-4 bg-gray-100 rounded overflow-hidden", __source: { fileName: "", lineNumber: 535, columnNumber: 37 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-full bg-orange-500", style: { width: `${getProjectMetrics(project.id).dueThisWeek > 0 ? getProjectMetrics(project.id).dueThisWeek / tasks.filter((t)=>t.project_id === project.id).length * 100 : 0}%` }, __source: { fileName: "", lineNumber: 536, columnNumber: 39 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-xs mt-1 text-right", __source: { fileName: "", lineNumber: 556, columnNumber: 37 }, __self: this }, getProjectMetrics(project.id).dueThisWeek, " ", "tasks")))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4 mt-2", __source: { fileName: "", lineNumber: 568, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-grow", __source: { fileName: "", lineNumber: 569, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 rounded-full h-2", __source: { fileName: "", lineNumber: 570, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-blue-500 to-blue-600 h-2 rounded-full transition-all duration-300", style: { width: `${project.progress || 0}%` }, __source: { fileName: "", lineNumber: 571, columnNumber: 35 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-500 mt-1", __source: { fileName: "", lineNumber: 578, columnNumber: 33 }, __self: this }, "Progress: ", project.progress || 0, "%")), /*#__PURE__*/ React.createElement("select", { className: `text-sm px-3 py-1 rounded-lg ${project.status === "starting" ? "bg-yellow-500" : project.status === "progressing" ? "bg-blue-500" : project.status === "finished" ? "bg-green-500" : "bg-gray-500"} text-white`, value: project.status || "starting", onChange: async (e)=>{ try { const response = await fetch("/api/update-project-status", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ project_id: project.id, status: e.target.value }) }); const data = await response.json(); if (data.error) { throw new Error(data.error); } setProjects(projects.map((p)=>p.id === project.id ? data.project : p)); } catch (err) { setError("Failed to update project status"); } }, __source: { fileName: "", lineNumber: 582, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "starting", __source: { fileName: "", lineNumber: 624, columnNumber: 33 }, __self: this }, "Starting"), /*#__PURE__*/ React.createElement("option", { value: "progressing", __source: { fileName: "", lineNumber: 625, columnNumber: 33 }, __self: this }, "In Progress"), /*#__PURE__*/ React.createElement("option", { value: "finished", __source: { fileName: "", lineNumber: 626, columnNumber: 33 }, __self: this }, "Finished")))), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 630, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setProjectToDelete(project), className: "text-red-500 hover:text-red-700", __source: { fileName: "", lineNumber: 631, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-trash", __source: { fileName: "", lineNumber: 635, columnNumber: 31 }, __self: this })))))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-sm p-6", __source: { fileName: "", lineNumber: 644, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 645, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold text-[#1a365d]", __source: { fileName: "", lineNumber: 646, columnNumber: 19 }, __self: this }, activeView === "tasks" ? "All Tasks" : "Upcoming Tasks"), /*#__PURE__*/ React.createElement("div", { className: "flex space-x-2", __source: { fileName: "", lineNumber: 649, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("select", { className: "p-1 border rounded text-sm", value: taskFilter, onChange: (e)=>setTaskFilter(e.target.value), __source: { fileName: "", lineNumber: 650, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "all", __source: { fileName: "", lineNumber: 655, columnNumber: 23 }, __self: this }, "All Tasks"), /*#__PURE__*/ React.createElement("option", { value: "active", __source: { fileName: "", lineNumber: 656, columnNumber: 23 }, __self: this }, "Active"), /*#__PURE__*/ React.createElement("option", { value: "completed", __source: { fileName: "", lineNumber: 657, columnNumber: 23 }, __self: this }, "Completed"), /*#__PURE__*/ React.createElement("option", { value: "due-this-week", __source: { fileName: "", lineNumber: 658, columnNumber: 23 }, __self: this }, "Due This Week")), /*#__PURE__*/ React.createElement("select", { className: "p-1 border rounded text-sm", value: sortBy, onChange: (e)=>setSortBy(e.target.value), __source: { fileName: "", lineNumber: 660, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "due_date", __source: { fileName: "", lineNumber: 665, columnNumber: 23 }, __self: this }, "Due Date"), /*#__PURE__*/ React.createElement("option", { value: "priority", __source: { fileName: "", lineNumber: 666, columnNumber: 23 }, __self: this }, "Priority"), /*#__PURE__*/ React.createElement("option", { value: "status", __source: { fileName: "", lineNumber: 667, columnNumber: 23 }, __self: this }, "Status")))), loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-4", __source: { fileName: "", lineNumber: 672, columnNumber: 19 }, __self: this }, "Loading...") : error ? /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-center py-4", __source: { fileName: "", lineNumber: 674, columnNumber: 19 }, __self: this }, error) : tasks.length === 0 ? /*#__PURE__*/ React.createElement("div", { className: "text-gray-500 text-center py-4", __source: { fileName: "", lineNumber: 676, columnNumber: 19 }, __self: this }, "No tasks available") : /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 680, columnNumber: 19 }, __self: this }, (activeView === "tasks" ? tasks : tasks.slice(0, 5)).filter((task)=>{ if (taskFilter === "active") return task.status !== "completed"; if (taskFilter === "completed") return task.status === "completed"; if (taskFilter === "due-this-week") { const dueDate = new Date(task.due_date); const today = new Date(); const nextWeek = new Date(); nextWeek.setDate(today.getDate() + 7); return dueDate >= today && dueDate <= nextWeek; } return true; }).sort((a, b)=>{ if (sortBy === "due_date") return new Date(a.due_date) - new Date(b.due_date); if (sortBy === "priority") { const priorityOrder = { high: 0, medium: 1, low: 2 }; return priorityOrder[a.priority] - priorityOrder[b.priority]; } if (sortBy === "status") return a.status.localeCompare(b.status); return 0; }).map((task)=>/*#__PURE__*/ React.createElement("div", { key: task.id, className: "border-b pb-4", __source: { fileName: "", lineNumber: 711, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 712, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 713, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "font-semibold text-[#1a365d] flex items-center", __source: { fileName: "", lineNumber: 714, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `w-2 h-2 rounded-full mr-2 ${task.priority === "high" ? "bg-red-500" : task.priority === "medium" ? "bg-yellow-500" : "bg-green-500"}`, __source: { fileName: "", lineNumber: 715, columnNumber: 33 }, __self: this }), task.title), /*#__PURE__*/ React.createElement("div", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 726, columnNumber: 31 }, __self: this }, task.description), /*#__PURE__*/ React.createElement("div", { className: "text-xs text-gray-400 mt-1", __source: { fileName: "", lineNumber: 729, columnNumber: 31 }, __self: this }, "Project: ", task.project_title, task.due_date && ` • Due: ${new Date(task.due_date).toLocaleDateString()}`, task.completion_date && ` • Completed: ${new Date(task.completion_date).toLocaleDateString()}`)), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleUpdateTaskStatus(task.id, task.status === "completed" ? "active" : "completed"), className: `px-2 py-1 rounded text-sm ${task.status === "completed" ? "bg-gray-200 text-gray-600" : "bg-[#38b2ac] text-white"}`, __source: { fileName: "", lineNumber: 737, columnNumber: 29 }, __self: this }, task.status === "completed" ? "Completed" : "Complete")))))))))), showNewProjectModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 768, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 769, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 770, columnNumber: 13 }, __self: this }, "Create New Project"), formError && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-2 bg-red-100 border border-red-400 text-red-700 rounded", __source: { fileName: "", lineNumber: 772, columnNumber: 15 }, __self: this }, formError), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Project Title", className: "w-full p-2 border rounded mb-4", value: newProject.title, onChange: (e)=>setNewProject({ ...newProject, title: e.target.value }), __source: { fileName: "", lineNumber: 776, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "Project Description", className: "w-full p-2 border rounded mb-4", value: newProject.description, onChange: (e)=>setNewProject({ ...newProject, description: e.target.value }), __source: { fileName: "", lineNumber: 785, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-4", __source: { fileName: "", lineNumber: 793, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowNewProjectModal(false); setFormError(null); }, className: "px-4 py-2 text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 794, columnNumber: 15 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: handleCreateProject, className: "bg-[#38b2ac] text-white px-4 py-2 rounded hover:bg-[#319795]", __source: { fileName: "", lineNumber: 803, columnNumber: 15 }, __self: this }, "Create Project")))), showNewTaskModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 815, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 816, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 817, columnNumber: 13 }, __self: this }, "Create New Task"), formError && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-2 bg-red-100 border border-red-400 text-red-700 rounded", __source: { fileName: "", lineNumber: 819, columnNumber: 15 }, __self: this }, formError), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border rounded mb-4", value: newTask.project_id, onChange: (e)=>setNewTask({ ...newTask, project_id: e.target.value }), required: true, __source: { fileName: "", lineNumber: 823, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 831, columnNumber: 15 }, __self: this }, "Select Project"), projects.map((project)=>/*#__PURE__*/ React.createElement("option", { key: project.id, value: project.id, __source: { fileName: "", lineNumber: 833, columnNumber: 17 }, __self: this }, project.title))), /*#__PURE__*/ React.createElement("input", { type: "text", placeholder: "Task Title", className: "w-full p-2 border rounded mb-4", value: newTask.title, onChange: (e)=>setNewTask({ ...newTask, title: e.target.value }), required: true, __source: { fileName: "", lineNumber: 838, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("textarea", { placeholder: "Task Description", className: "w-full p-2 border rounded mb-4", value: newTask.description, onChange: (e)=>setNewTask({ ...newTask, description: e.target.value }), __source: { fileName: "", lineNumber: 848, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("select", { className: "w-full p-2 border rounded mb-4", value: newTask.priority, onChange: (e)=>setNewTask({ ...newTask, priority: e.target.value }), __source: { fileName: "", lineNumber: 856, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "low", __source: { fileName: "", lineNumber: 863, columnNumber: 15 }, __self: this }, "Low Priority"), /*#__PURE__*/ React.createElement("option", { value: "medium", __source: { fileName: "", lineNumber: 864, columnNumber: 15 }, __self: this }, "Medium Priority"), /*#__PURE__*/ React.createElement("option", { value: "high", __source: { fileName: "", lineNumber: 865, columnNumber: 15 }, __self: this }, "High Priority")), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4 mb-4", __source: { fileName: "", lineNumber: 867, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ const { nextWeek } = getThisWeekRange(); setNewTask((prev)=>({ ...prev, due_date: nextWeek })); }, type: "button", className: "text-sm px-3 py-2 rounded bg-[#ed8936] text-white hover:bg-[#dd6b20] flex items-center", __source: { fileName: "", lineNumber: 868, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-week mr-2", __source: { fileName: "", lineNumber: 879, columnNumber: 17 }, __self: this }), "Set Due This Week")), /*#__PURE__*/ React.createElement("input", { type: "date", className: "w-full p-2 border rounded mb-4", value: newTask.due_date, onChange: (e)=>setNewTask({ ...newTask, due_date: e.target.value }), required: true, __source: { fileName: "", lineNumber: 883, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-4", __source: { fileName: "", lineNumber: 892, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowNewTaskModal(false); setFormError(null); }, className: "px-4 py-2 text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 893, columnNumber: 15 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: handleCreateTask, className: "bg-[#38b2ac] text-white px-4 py-2 rounded hover:bg-[#319795]", __source: { fileName: "", lineNumber: 902, columnNumber: 15 }, __self: this }, "Create Task")))), showResetModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 914, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 915, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 916, columnNumber: 13 }, __self: this }, "Reset All Data"), /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-gray-600", __source: { fileName: "", lineNumber: 917, columnNumber: 13 }, __self: this }, "Are you sure you want to reset all data? This action cannot be undone."), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-4", __source: { fileName: "", lineNumber: 921, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowResetModal(false), className: "px-4 py-2 text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 922, columnNumber: 15 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: handleResetData, className: "bg-[#e53e3e] text-white px-4 py-2 rounded hover:bg-[#c53030]", __source: { fileName: "", lineNumber: 928, columnNumber: 15 }, __self: this }, "Reset All Data")))), projectToDelete && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 940, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 w-full max-w-md", __source: { fileName: "", lineNumber: 941, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold mb-4", __source: { fileName: "", lineNumber: 942, columnNumber: 13 }, __self: this }, "Delete Project"), /*#__PURE__*/ React.createElement("p", { className: "mb-4 text-gray-600", __source: { fileName: "", lineNumber: 943, columnNumber: 13 }, __self: this }, 'Are you sure you want to delete "', projectToDelete.title, '"? This will also delete all associated tasks.'), /*#__PURE__*/ React.createElement("div", { className: "flex justify-end space-x-4", __source: { fileName: "", lineNumber: 947, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setProjectToDelete(null), className: "px-4 py-2 text-gray-600 hover:text-gray-800", __source: { fileName: "", lineNumber: 948, columnNumber: 15 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleDeleteProject(projectToDelete.id), className: "bg-[#e53e3e] text-white px-4 py-2 rounded hover:bg-[#c53030]", __source: { fileName: "", lineNumber: 954, columnNumber: 15 }, __self: this }, "Delete Project"))))); }