cortex-react-components 3.3.0 → 4.0.3

package/dist/components/Projects/ProjectView.js

@@ -38,9 +38,9 @@ __export(ProjectView_exports, {
   default: () => ProjectView
 });
 module.exports = __toCommonJS(ProjectView_exports);
-var import_react29 = require("react");
+var import_react30 = require("react");
 
-// src/components/DigitalColleagues/ManagementSidebar.tsx
+// src/components/Foundry/ManagementSidebar.tsx
 var import_lucide_react = require("lucide-react");
 var import_jsx_runtime = require("react/jsx-runtime");
 var viewConfig = [
@@ -79,6 +79,14 @@ var viewConfig = [
     label: "Tasks",
     color: "bg-brand-cyan",
     title: "Tasks"
+  },
+  {
+    key: "gantt",
+    icon: import_lucide_react.BarChart2,
+    label: "Gantt",
+    color: "bg-brand-blue",
+    title: "Gantt Chart",
+    hiddenOnMobile: true
   }
 ];
 var ManagementSidebar = ({
@@ -86,15 +94,15 @@ var ManagementSidebar = ({
   onViewChange,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-full h-screen", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-12 h-full bg-sidebar-background flex flex-col flex-shrink-0", children: viewConfig.map((view) => {
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: "flex w-full h-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-12 h-full bg-sidebar-background flex flex-col flex-shrink-0 z-50 relative overflow-visible", children: viewConfig.map((view) => {
       const Icon2 = view.icon;
       const isActive = currentView === view.key;
       return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
         "button",
         {
           onClick: () => onViewChange(view.key),
-          className: `flex-1 w-12 flex items-center justify-center text-sidebar-foreground transition-all duration-200 relative overflow-hidden group/btn ${isActive ? view.color : `${view.color}/75 hover:${view.color}`} ${view.hiddenOnMobile ? "hidden md:flex" : ""} hover:w-28 hover:justify-start hover:pl-3`,
+          className: `flex-1 w-12 flex items-center justify-center text-sidebar-foreground transition-all duration-200 relative group/btn z-50 hover:w-28 hover:justify-start hover:pl-3 ${isActive ? view.color : `${view.color} brightness-75 hover:brightness-100`} ${view.hiddenOnMobile ? "hidden md:flex" : ""}`,
           title: view.title,
           children: [
             /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Icon2, { className: "h-4 w-4 flex-shrink-0" }),
@@ -104,7 +112,7 @@ var ManagementSidebar = ({
         view.key
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 min-w-0 px-4 md:px-6 h-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full h-full", children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "flex-1 min-w-0 px-4 md:px-6 h-full overflow-auto z-0 relative", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "w-full h-full", children }) })
   ] });
 };
 
@@ -2853,7 +2861,7 @@ var DialogContent = React2.forwardRef(({ className, children, ...props }, ref) =
     {
       ref,
       className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg max-h-[90vh] overflow-y-auto translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
         className
       ),
       ...props,
@@ -4940,8 +4948,8 @@ function ToolbarPlugin() {
         blockNode = curr;
       }
       if (blockNode) {
-        const format2 = blockNode.getFormatType();
-        setAlignment(format2 || "left");
+        const format3 = blockNode.getFormatType();
+        setAlignment(format3 || "left");
       }
       const tag = anchorNode.getTopLevelElement()?.__tag;
       setBlockType(tag || "p");
@@ -5990,7 +5998,7 @@ var markdownToLexical = (markdown) => {
 var convertFileTypeToKnowledgeDocument = async (file) => {
   let content = "";
   let richTextContent = void 0;
-  let format2 = "text";
+  let format3 = "text";
   if (file.url) {
     try {
       let url = file.url;
@@ -6011,18 +6019,18 @@ var convertFileTypeToKnowledgeDocument = async (file) => {
     console.warn("No URL provided for file:", file.name);
   }
   if (file.mimeType === "text/markdown") {
-    format2 = "richText";
+    format3 = "richText";
     richTextContent = markdownToLexical(content);
   } else if (file.mimeType?.startsWith("text/")) {
-    format2 = "text";
+    format3 = "text";
   }
   return {
     id: file.id.toString(),
     title: file.name,
     description: void 0,
-    content: format2 === "richText" ? void 0 : content,
-    richTextContent: format2 === "richText" ? richTextContent : void 0,
-    format: format2,
+    content: format3 === "richText" ? void 0 : content,
+    richTextContent: format3 === "richText" ? richTextContent : void 0,
+    format: format3,
     metadata: {},
     createdAt: typeof file.createdAt === "string" ? new Date(file.createdAt) : file.createdAt,
     updatedAt: /* @__PURE__ */ new Date()
@@ -6072,8 +6080,8 @@ function FileEdit({ document: document2, onCancel, onSave, onFileUpdate }) {
       setRichTextContent(document2.richTextContent);
     }
   }, [document2]);
-  const formatIcon = (format2) => {
-    switch (format2) {
+  const formatIcon = (format3) => {
+    switch (format3) {
       case "markdown":
       case "mdx":
         return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.FileText, { className: "h-6 w-6 text-primary" });
@@ -6085,8 +6093,8 @@ function FileEdit({ document: document2, onCancel, onSave, onFileUpdate }) {
         return /* @__PURE__ */ (0, import_jsx_runtime38.jsx)(import_lucide_react11.File, { className: "h-6 w-6 text-muted-foreground" });
     }
   };
-  const formatBadgeColor = (format2) => {
-    switch (format2) {
+  const formatBadgeColor = (format3) => {
+    switch (format3) {
       case "markdown":
         return "bg-primary/10 text-primary border-primary/20";
       case "mdx":
@@ -6934,15 +6942,16 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   });
-  const setValue = (value) => {
+  const setValue = (0, import_react18.useCallback)((value) => {
     try {
-      setStoredValue(value);
+      const valueToStore = value instanceof Function ? value(storedValue) : value;
+      setStoredValue(valueToStore);
       if (typeof window !== "undefined") {
-        window.localStorage.setItem(key, JSON.stringify(value));
+        window.localStorage.setItem(key, JSON.stringify(valueToStore));
       }
     } catch (error) {
     }
-  };
+  }, [key, storedValue]);
   (0, import_react18.useEffect)(() => {
     setValue(storedValue);
   }, []);
@@ -7387,17 +7396,25 @@ var import_react22 = require("react");
 var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime45 = require("react/jsx-runtime");
 var EpicsView = ({
+  projectId,
   tasks,
   epics,
   sprints,
+  colleagues = [],
   onUpdateTask,
   onTaskClick,
   onAddTaskToEpic,
   onAddEpic,
   onUpdateEpic,
-  onDeleteEpic
+  onDeleteEpic,
+  onDeleteTask,
+  onAddComment,
+  onUploadFile,
+  onDeleteFile,
+  onFileUpdate
 }) => {
   const [availableEpics, setAvailableEpics] = (0, import_react22.useState)(epics);
+  const [availableTasks, setAvailableTasks] = (0, import_react22.useState)(tasks);
   const [draggedTask, setDraggedTask] = (0, import_react22.useState)(null);
   const [editingEpic, setEditingEpic] = (0, import_react22.useState)(null);
   const [editForm, setEditForm] = (0, import_react22.useState)({});
@@ -7405,16 +7422,29 @@ var EpicsView = ({
   const [isAddEpicModalOpen, setIsAddEpicModalOpen] = (0, import_react22.useState)(false);
   const [isAddTaskModalOpen, setIsAddTaskModalOpen] = (0, import_react22.useState)(false);
   const [addTaskEpic, setAddTaskEpic] = (0, import_react22.useState)(null);
+  const [selectedTask, setSelectedTask] = (0, import_react22.useState)(null);
+  const [selectedEpicIds, setSelectedEpicIds] = useLocalStorage(
+    `epicsView_selectedEpics${projectId ? `_${projectId}` : ""}`,
+    []
+  );
+  const [isEpicSelectorOpen, setIsEpicSelectorOpen] = (0, import_react22.useState)(false);
   const heroRef = (0, import_react22.useRef)(null);
   const containerRef = (0, import_react22.useRef)(null);
   (0, import_react22.useEffect)(() => {
     setAvailableEpics(epics);
+    const validIds = new Set(epics.map((e) => e.id.toString()));
+    setSelectedEpicIds((prev) => prev.filter((id) => validIds.has(id)));
   }, [epics]);
+  (0, import_react22.useEffect)(() => {
+    setAvailableTasks(tasks);
+    if (selectedTask) {
+      setSelectedTask(tasks.find((t) => t.id === selectedTask.id) || null);
+    }
+  }, [tasks]);
   (0, import_react22.useEffect)(() => {
     const measureHeroHeight = () => {
       if (heroRef.current) {
-        const height = heroRef.current.offsetHeight;
-        setHeroHeight(height);
+        setHeroHeight(heroRef.current.offsetHeight);
       }
     };
     measureHeroHeight();
@@ -7439,6 +7469,12 @@ var EpicsView = ({
     }, 300);
     return () => clearTimeout(timer);
   }, [editingEpic]);
+  const visibleEpics = selectedEpicIds.length === 0 ? availableEpics : availableEpics.filter((e) => selectedEpicIds.includes(e.id.toString()));
+  const toggleEpicView = (epicId) => {
+    setSelectedEpicIds(
+      (prev) => prev.includes(epicId) ? prev.filter((id) => id !== epicId) : [...prev, epicId]
+    );
+  };
   const handleDragStart = (task) => {
     setDraggedTask(task);
   };
@@ -7448,14 +7484,41 @@ var EpicsView = ({
   const handleDrop = (e, epicId) => {
     e.preventDefault();
     if (draggedTask && extractId(draggedTask.epic).toString() !== epicId) {
-      onUpdateTask(draggedTask.id.toString(), {
-        epic: Number(epicId)
-      });
+      onUpdateTask(draggedTask.id.toString(), { epic: Number(epicId) });
+      setAvailableTasks(
+        (prev) => prev.map((t) => t.id === draggedTask.id ? { ...t, epic: Number(epicId) } : t)
+      );
       setDraggedTask(null);
     }
   };
   const getTasksByEpic = (epicId) => {
-    return tasks.filter((task) => extractId(task.epic).toString() === epicId);
+    return availableTasks.filter((task) => extractId(task.epic).toString() === epicId);
+  };
+  const handleTaskClick = (task) => {
+    setSelectedTask(task);
+    onTaskClick?.(task);
+  };
+  const handleUpdateTask = async (taskId, updates) => {
+    setAvailableTasks(
+      (prev) => prev.map((t) => t.id === Number(taskId) ? { ...t, ...updates } : t)
+    );
+    if (selectedTask?.id === Number(taskId)) {
+      setSelectedTask((prev) => prev ? { ...prev, ...updates } : null);
+    }
+    await onUpdateTask(taskId, updates);
+  };
+  const handleDeleteTask = async (taskId) => {
+    setAvailableTasks((prev) => prev.filter((t) => t.id !== Number(taskId)));
+    if (selectedTask?.id === Number(taskId)) {
+      setSelectedTask(null);
+    }
+    await onDeleteTask?.(taskId);
+  };
+  const handleRemoveFromEpic = (task) => {
+    onUpdateTask(task.id.toString(), { epic: null });
+    setAvailableTasks(
+      (prev) => prev.map((t) => t.id === task.id ? { ...t, epic: null } : t)
+    );
   };
   const handleEditEpic = (epic) => {
     setEditingEpic(epic.id.toString());
@@ -7464,19 +7527,15 @@ var EpicsView = ({
       description: epic.description,
       confidence: epic.confidence,
       phase: epic.phase
-      // progress: epic.progress || 0, // This is a number, not a string
     });
   };
   const handleSaveEdit = async () => {
     if (editingEpic && editForm.name) {
       await onUpdateEpic(editingEpic.toString(), editForm);
       setAvailableEpics(
-        (prev) => prev.map((epic) => {
-          if (epic.id.toString() === editingEpic) {
-            return { ...epic, ...editForm };
-          }
-          return epic;
-        })
+        (prev) => prev.map(
+          (epic) => epic.id.toString() === editingEpic ? { ...epic, ...editForm } : epic
+        )
       );
       setEditingEpic(null);
       setEditForm({});
@@ -7492,6 +7551,7 @@ var EpicsView = ({
     )) {
       await onDeleteEpic(epicId);
       setAvailableEpics((prev) => prev.filter((epic) => epic.id.toString() !== epicId));
+      setSelectedEpicIds((prev) => prev.filter((id) => id !== epicId));
     }
   };
   const getPhaseLabel = (phase) => {
@@ -7534,218 +7594,315 @@ var EpicsView = ({
           }
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex-1 min-h-0 mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex-1 min-h-0 mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
         "div",
         {
-          className: "h-full overflow-y-auto",
+          className: "h-full overflow-y-auto no-scrollbar",
           style: {
             height: heroHeight > 0 ? `calc(100vh - ${heroHeight + 120}px)` : "calc(100vh - 12rem)"
           },
-          children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 auto-rows-max", children: availableEpics.map((epic) => {
-            const epicTasks = getTasksByEpic(epic.id.toString());
-            const totalPoints = epicTasks.reduce(
-              (sum, task) => sum + (task.storyPoints || 0),
-              0
-            );
-            const availableHeight = heroHeight > 0 ? `calc(100vh - ${heroHeight + 200}px)` : "calc(100vh - 14rem)";
-            return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-              Card,
-              {
-                className: `flex flex-col ${editingEpic === epic.id.toString() ? "h-auto" : ""} bg-card shadow-sm`,
-                style: {
-                  height: editingEpic === epic.id.toString() ? "auto" : availableHeight,
-                  minHeight: "400px"
-                },
-                onDragOver: handleDragOver,
-                onDrop: (e) => handleDrop(e, epic.id.toString()),
-                children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "p-4 border-b border-border", children: editingEpic === epic.id.toString() ? (
-                    /* Edit Mode */
-                    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "space-y-4", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                          Input,
-                          {
-                            value: editForm.name || "",
-                            onChange: (e) => setEditForm({ ...editForm, name: e.target.value }),
-                            placeholder: "Epic name",
-                            className: "font-semibold"
-                          }
-                        ),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex gap-2 ml-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                            Button,
-                            {
-                              size: "sm",
-                              variant: "ghost",
-                              onClick: handleSaveEdit,
-                              className: "p-1 h-8 w-8",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.Check, { className: "h-4 w-4" })
-                            }
-                          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "mb-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Card, { className: "p-3 bg-card shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h3", { className: "font-semibold text-foreground text-sm", children: "Epics" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-xs text-muted-foreground", children: selectedEpicIds.length === 0 ? "All showing" : `${selectedEpicIds.length}/${availableEpics.length} selected` })
+                  ] }),
+                  selectedEpicIds.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xs text-muted-foreground", children: "Viewing:" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex flex-wrap gap-1", children: visibleEpics.map((epic) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                      "div",
+                      {
+                        className: "flex items-center gap-1 bg-primary/10 text-primary px-2 py-0.5 rounded text-xs",
+                        children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `w-2 h-2 rounded-full ${epic.color}` }),
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "max-w-[80px] truncate", children: epic.name }),
                           /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                            Button,
+                            "button",
                             {
-                              size: "sm",
-                              variant: "ghost",
-                              onClick: handleCancelEdit,
-                              className: "p-1 h-8 w-8",
+                              onClick: () => toggleEpicView(epic.id.toString()),
+                              className: "ml-0.5 hover:bg-primary/20 h-8 rounded p-0.5",
                               children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.X, { className: "h-4 w-4" })
                             }
                           )
-                        ] })
+                        ]
+                      },
+                      epic.id
+                    )) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                  Button,
+                  {
+                    onClick: () => setIsEpicSelectorOpen(!isEpicSelectorOpen),
+                    variant: "outline",
+                    size: "sm",
+                    className: "gap-1",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.Layers, { className: "h-3 w-3" }),
+                      isEpicSelectorOpen ? "Close" : "Select"
+                    ]
+                  }
+                )
+              ] }) }),
+              isEpicSelectorOpen && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                "div",
+                {
+                  className: "fixed inset-0 bg-black/20 z-[5]",
+                  onClick: () => setIsEpicSelectorOpen(false)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                "div",
+                {
+                  className: `fixed top-0 right-0 h-full w-80 bg-background border-l shadow-xl z-10 transition-all duration-300 ease-in-out ${isEpicSelectorOpen ? "translate-x-0 opacity-100 visible" : "translate-x-full opacity-0 invisible"}`,
+                  children: /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Card, { className: "h-full rounded-none border-0 flex flex-col", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "p-4 border-b bg-muted/30 flex-shrink-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h3", { className: "font-semibold text-foreground text-base", children: "Select Epics" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                          Button,
+                          {
+                            variant: "ghost",
+                            size: "sm",
+                            onClick: () => setIsEpicSelectorOpen(false),
+                            className: "h-8 w-8 p-0",
+                            children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.X, { className: "h-4 w-4" })
+                          }
+                        )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                        Textarea,
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-sm text-muted-foreground mt-1", children: "Filter which epics to display. Select none to show all." })
+                    ] }),
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex flex-col flex-1 p-4 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "space-y-2 flex-1 overflow-y-auto no-scrollbar", children: availableEpics.length > 0 ? availableEpics.map((epic) => {
+                      const isSelected = selectedEpicIds.includes(epic.id.toString());
+                      const taskCount = availableTasks.filter(
+                        (t) => extractId(t.epic) === epic.id
+                      ).length;
+                      return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                        "div",
                         {
-                          value: editForm.description || "",
-                          onChange: (e) => setEditForm({ ...editForm, description: e.target.value }),
-                          placeholder: "Epic description",
-                          className: "text-sm min-h-[60px]"
-                        }
-                      ),
-                      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("label", { className: "text-xs text-muted-foreground", children: "Confidence" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-                            "select",
-                            {
-                              value: editForm.confidence || epic.confidence,
-                              onChange: (e) => setEditForm({
-                                ...editForm,
-                                confidence: e.target.value
-                              }),
-                              className: "flex h-8 w-full rounded-md border border-input bg-background px-3 py-2 text-xs ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-                              children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("option", { value: "low", children: "Low" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("option", { value: "medium", children: "Medium" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("option", { value: "high", children: "High" })
-                              ]
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("label", { className: "text-xs text-muted-foreground", children: "Phase" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                            "select",
-                            {
-                              value: editForm.phase?.toString() || epic.phase.toString(),
-                              onChange: (e) => setEditForm({ ...editForm, phase: parseInt(e.target.value) }),
-                              className: "flex h-8 w-full rounded-md border border-input bg-background px-3 py-2 text-xs ring-offset-background file:border-0 file:bg-transparent file:text-sm file:font-medium placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50",
-                              children: [1, 2, 3, 4, 5, 6, 7, 8, 9].map((phase) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("option", { value: phase.toString(), children: [
-                                "Phase ",
-                                phase
-                              ] }, phase))
-                            }
-                          )
-                        ] })
-                      ] })
-                    ] })
-                  ) : (
-                    /* Display Mode */
-                    /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `w-4 h-4 rounded-full ${epic.color}` }),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h3", { className: "font-semibold text-foreground select-none flex-1", children: epic.name }),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex gap-1", children: [
+                          className: `p-3 rounded-lg border transition-all ${isSelected ? "bg-primary/10 border-primary/30 ring-1 ring-primary/20" : "bg-card border-border"}`,
+                          children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `w-3 h-3 rounded-full flex-shrink-0 ${epic.color}` }),
+                                /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "font-medium text-sm text-foreground truncate", children: epic.name })
+                              ] }),
+                              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "ml-2 flex items-center gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Badge, { variant: "secondary", className: "text-xs", children: taskCount }) })
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                              Button,
+                              {
+                                variant: isSelected ? "default" : "outline",
+                                size: "sm",
+                                className: "w-full mt-2 text-xs h-7",
+                                onClick: () => toggleEpicView(epic.id.toString()),
+                                children: isSelected ? "Deselect" : "Select"
+                              }
+                            )
+                          ]
+                        },
+                        epic.id
+                      );
+                    }) : /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-sm text-muted-foreground text-center py-8", children: "No epics yet. Add one to get started." }) }) })
+                  ] })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 2xl:grid-cols-6 gap-3 auto-rows-max", children: visibleEpics.map((epic) => {
+              const epicTasks = getTasksByEpic(epic.id.toString());
+              const totalPoints = epicTasks.reduce(
+                (sum, task) => sum + (task.storyPoints || 0),
+                0
+              );
+              return /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                Card,
+                {
+                  className: "flex flex-col bg-card shadow-sm",
+                  style: { maxHeight: "420px" },
+                  onDragOver: handleDragOver,
+                  onDrop: (e) => handleDrop(e, epic.id.toString()),
+                  children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "p-3 border-b border-border flex-shrink-0", children: editingEpic === epic.id.toString() ? (
+                      /* Edit Mode */
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "space-y-3", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center justify-between", children: [
                           /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                            Button,
+                            Input,
                             {
-                              size: "sm",
-                              variant: "ghost",
-                              onClick: () => handleEditEpic(epic),
-                              className: "p-1 h-8 w-8",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.Edit2, { className: "h-3 w-3" })
+                              value: editForm.name || "",
+                              onChange: (e) => setEditForm({ ...editForm, name: e.target.value }),
+                              placeholder: "Epic name",
+                              className: "font-semibold text-sm"
                             }
                           ),
-                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                            Button,
-                            {
-                              size: "sm",
-                              variant: "ghost",
-                              onClick: () => handleDeleteEpic(epic.id.toString()),
-                              className: "p-1 h-8 w-8 hover:bg-destructive/10 hover:text-destructive",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.Trash2, { className: "h-3 w-3" })
-                            }
-                          )
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-wrap gap-2 mb-3", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Badge, { className: `text-xs ${getConfidenceColor(epic.confidence)}`, children: [
-                          epic.confidence,
-                          " confidence"
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Badge, { variant: "outline", className: "text-xs", children: [
-                          "Phase ",
-                          epic.phase
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex gap-1 ml-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: handleSaveEdit,
+                                className: "p-1 h-7 w-7",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.Check, { className: "h-3 w-3" })
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: handleCancelEdit,
+                                className: "p-1 h-7 w-7",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.X, { className: "h-3 w-3" })
+                              }
+                            )
+                          ] })
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-                          Badge,
+                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                          Textarea,
                           {
-                            variant: "secondary",
-                            className: "text-xs bg-muted text-muted-foreground",
-                            children: [
-                              epicTasks.length,
-                              " tasks"
-                            ]
+                            value: editForm.description || "",
+                            onChange: (e) => setEditForm({ ...editForm, description: e.target.value }),
+                            placeholder: "Epic description",
+                            className: "text-xs min-h-[50px]"
                           }
                         ),
+                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("label", { className: "text-xs text-muted-foreground", children: "Confidence" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
+                              "select",
+                              {
+                                value: editForm.confidence || epic.confidence,
+                                onChange: (e) => setEditForm({
+                                  ...editForm,
+                                  confidence: e.target.value
+                                }),
+                                className: "flex h-7 w-full rounded-md border border-input bg-background px-2 py-1 text-xs ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("option", { value: "low", children: "Low" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("option", { value: "medium", children: "Medium" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("option", { value: "high", children: "High" })
+                                ]
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("label", { className: "text-xs text-muted-foreground", children: "Phase" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                              "select",
+                              {
+                                value: editForm.phase?.toString() || epic.phase.toString(),
+                                onChange: (e) => setEditForm({ ...editForm, phase: parseInt(e.target.value) }),
+                                className: "flex h-7 w-full rounded-md border border-input bg-background px-2 py-1 text-xs ring-offset-background focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
+                                children: [1, 2, 3, 4, 5, 6, 7, 8, 9].map((phase) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("option", { value: phase.toString(), children: [
+                                  "Phase ",
+                                  phase
+                                ] }, phase))
+                              }
+                            )
+                          ] })
+                        ] })
+                      ] })
+                    ) : (
+                      /* Display Mode */
+                      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(import_jsx_runtime45.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: `w-3 h-3 rounded-full flex-shrink-0 ${epic.color}` }),
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("h3", { className: "font-semibold text-foreground text-sm select-none flex-1 truncate", children: epic.name }),
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex gap-0.5", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: () => handleEditEpic(epic),
+                                className: "p-1 h-6 w-6",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.Edit2, { className: "h-3 w-3" })
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: () => handleDeleteEpic(epic.id.toString()),
+                                className: "p-1 h-6 w-6 hover:bg-destructive/10 hover:text-destructive",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.Trash2, { className: "h-3 w-3" })
+                              }
+                            )
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-wrap gap-1 mb-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Badge, { className: `text-xs px-1.5 py-0 ${getConfidenceColor(epic.confidence)}`, children: epic.confidence }),
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(Badge, { variant: "outline", className: "text-xs px-1.5 py-0", children: getPhaseLabel(epic.phase) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(Badge, { variant: "secondary", className: "text-xs px-1.5 py-0 bg-muted text-muted-foreground", children: [
+                            epicTasks.length,
+                            "t \xB7 ",
+                            totalPoints,
+                            "pt"
+                          ] })
+                        ] }),
+                        epic.description && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-xs text-muted-foreground mb-2 select-none line-clamp-2", children: epic.description }),
                         /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-                          Badge,
+                          Button,
                           {
-                            variant: "secondary",
-                            className: "text-xs bg-muted text-muted-foreground",
+                            onClick: () => {
+                              setIsAddTaskModalOpen(true);
+                              setAddTaskEpic(epic);
+                            },
+                            variant: "outline",
+                            size: "sm",
+                            className: "w-full gap-1 h-7 text-xs",
                             children: [
-                              totalPoints,
-                              " pts"
+                              /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.Plus, { className: "h-3 w-3" }),
+                              "Add Task"
                             ]
                           }
                         )
-                      ] }),
-                      epic.description && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("p", { className: "text-sm text-muted-foreground mb-3 select-none", children: epic.description }),
-                      /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)(
-                        Button,
-                        {
-                          onClick: () => {
-                            setIsAddTaskModalOpen(true);
-                            setAddTaskEpic(epic);
-                          },
-                          variant: "outline",
-                          size: "sm",
-                          className: "w-full gap-2",
-                          children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.Plus, { className: "h-4 w-4" }),
-                            "Add Task"
-                          ]
-                        }
-                      )
-                    ] })
-                  ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex-1 p-4 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                    "div",
-                    {
-                      className: `space-y-3 min-h-[200px] border-2 border-dashed rounded p-3 transition-colors ${draggedTask ? "border-primary bg-primary/10" : "border-border"}`,
-                      children: epicTasks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col items-center justify-center h-32 text-muted-foreground border-2 border-dashed border-border rounded-lg", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.Move, { className: "h-8 w-8 mb-2" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-sm select-none", children: "Drop tasks here" })
-                      ] }) : epicTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
-                        TaskCard,
-                        {
-                          task,
-                          epic,
-                          onDragStart: handleDragStart,
-                          onTaskClick,
-                          isCompact: true
-                        },
-                        task.id
-                      ))
-                    }
-                  ) })
-                ]
-              },
-              epic.id
-            );
-          }) })
+                      ] })
+                    ) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("div", { className: "flex-1 p-2 overflow-y-auto no-scrollbar min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                      "div",
+                      {
+                        className: `space-y-2 min-h-[80px] border-2 border-dashed rounded p-2 transition-colors ${draggedTask ? "border-primary bg-primary/10" : "border-border"}`,
+                        children: epicTasks.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "flex flex-col items-center justify-center h-16 text-muted-foreground", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.Move, { className: "h-5 w-5 mb-1" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)("span", { className: "text-xs select-none", children: "Drop tasks here" })
+                        ] }) : epicTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime45.jsxs)("div", { className: "relative group", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                            TaskCard,
+                            {
+                              task,
+                              epic,
+                              onDragStart: handleDragStart,
+                              onTaskClick: handleTaskClick,
+                              isCompact: true
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+                            "button",
+                            {
+                              onClick: (e) => {
+                                e.stopPropagation();
+                                handleRemoveFromEpic(task);
+                              },
+                              title: "Remove from epic",
+                              className: "absolute top-1 right-1 opacity-0 group-hover:opacity-100 transition-opacity bg-background/80 hover:bg-destructive/10 hover:text-destructive rounded p-0.5",
+                              children: /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(import_lucide_react16.X, { className: "h-3 w-3" })
+                            }
+                          )
+                        ] }, task.id))
+                      }
+                    ) })
+                  ]
+                },
+                epic.id
+              );
+            }) })
+          ]
         }
       ) })
     ] }),
@@ -7768,21 +7925,417 @@ var EpicsView = ({
         defaultEpicId: addTaskEpic?.id.toString() || "",
         sprints
       }
+    ),
+    selectedTask && /* @__PURE__ */ (0, import_jsx_runtime45.jsx)(
+      TaskDetailsModal,
+      {
+        isOpen: !!selectedTask,
+        onClose: () => setSelectedTask(null),
+        initialTask: selectedTask,
+        epics: availableEpics,
+        sprints,
+        onUpdateTask: handleUpdateTask,
+        onDeleteTask: handleDeleteTask,
+        onAddComment,
+        colleagues,
+        onUploadFile,
+        onDeleteFile,
+        onFileUpdate
+      }
     )
   ] });
 };
 
-// src/components/Projects/PlanningView.tsx
-var import_react24 = require("react");
-var import_lucide_react18 = require("lucide-react");
-
-// src/components/Projects/AddSprintModal.tsx
+// src/components/Projects/GanttView.tsx
 var import_react23 = require("react");
-var import_lucide_react17 = require("lucide-react");
 var import_date_fns = require("date-fns");
+var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime46 = require("react/jsx-runtime");
+var PHASE_LABELS = {
+  1: "Plan",
+  2: "Dev",
+  3: "Test",
+  4: "Deploy",
+  5: "Review",
+  6: "Maint.",
+  7: "Complete",
+  8: "Archive",
+  9: "Legacy"
+};
+var ZOOM_LEVELS = [
+  { label: "Quarter", dayWidth: 3 },
+  { label: "Month", dayWidth: 7 },
+  { label: "Week", dayWidth: 14 },
+  { label: "Day", dayWidth: 40 }
+];
+var ROW_HEIGHT = 48;
+var TIME_HEADER_HEIGHT = 60;
+var GanttView = ({
+  tasks,
+  epics,
+  sprints,
+  onTaskClick
+}) => {
+  const [dayWidth, setDayWidth] = (0, import_react23.useState)(7);
+  const [isFullscreen, setIsFullscreen] = (0, import_react23.useState)(false);
+  const scrollRef = (0, import_react23.useRef)(null);
+  const heroRef = (0, import_react23.useRef)(null);
+  const [heroHeight, setHeroHeight] = (0, import_react23.useState)(0);
+  (0, import_react23.useEffect)(() => {
+    const measure = () => {
+      if (heroRef.current) setHeroHeight(heroRef.current.offsetHeight);
+    };
+    const observer = new ResizeObserver(measure);
+    if (heroRef.current) observer.observe(heroRef.current);
+    return () => observer.disconnect();
+  }, []);
+  const { timelineStart, timelineEnd, totalDays } = (0, import_react23.useMemo)(() => {
+    if (epics.length === 0) {
+      const today = /* @__PURE__ */ new Date();
+      const start = (0, import_date_fns.addDays)(today, -14);
+      const end = (0, import_date_fns.addDays)(today, 76);
+      return { timelineStart: start, timelineEnd: end, totalDays: 90 };
+    }
+    const allDates = epics.flatMap((e) => [new Date(e.startDate), new Date(e.endDate)]);
+    const minTime = Math.min(...allDates.map((d) => d.getTime()));
+    const maxTime = Math.max(...allDates.map((d) => d.getTime()));
+    const paddedStart = (0, import_date_fns.addDays)(new Date(minTime), -14);
+    const paddedEnd = (0, import_date_fns.addDays)(new Date(maxTime), 14);
+    return {
+      timelineStart: paddedStart,
+      timelineEnd: paddedEnd,
+      totalDays: (0, import_date_fns.differenceInDays)(paddedEnd, paddedStart)
+    };
+  }, [epics]);
+  const { groups, sortedKeys } = (0, import_react23.useMemo)(() => {
+    const groups2 = {};
+    epics.forEach((epic) => {
+      if (!groups2[epic.name]) groups2[epic.name] = [];
+      groups2[epic.name].push(epic);
+    });
+    Object.values(groups2).forEach((list) => list.sort((a, b) => a.phase - b.phase));
+    const sortedKeys2 = Object.keys(groups2).sort((a, b) => {
+      const aMin = Math.min(...groups2[a].map((e) => new Date(e.startDate).getTime()));
+      const bMin = Math.min(...groups2[b].map((e) => new Date(e.startDate).getTime()));
+      return aMin - bMin;
+    });
+    return { groups: groups2, sortedKeys: sortedKeys2 };
+  }, [epics]);
+  const realSprints = (0, import_react23.useMemo)(
+    () => sprints.filter((s) => {
+      const name = s.name.toLowerCase();
+      return name !== "backlog" && name !== "all tasks";
+    }),
+    [sprints]
+  );
+  const monthHeaders = (0, import_react23.useMemo)(
+    () => (0, import_date_fns.eachMonthOfInterval)({ start: timelineStart, end: timelineEnd }).map((month) => ({
+      month,
+      left: (0, import_date_fns.differenceInDays)(month, timelineStart) * dayWidth
+    })),
+    [timelineStart, timelineEnd, dayWidth]
+  );
+  const totalWidth = Math.max(totalDays * dayWidth, 600);
+  const scrollToToday = (0, import_react23.useCallback)(() => {
+    if (scrollRef.current) {
+      const todayOffset = (0, import_date_fns.differenceInDays)(/* @__PURE__ */ new Date(), timelineStart) * dayWidth;
+      scrollRef.current.scrollLeft = Math.max(0, todayOffset - 200);
+    }
+  }, [timelineStart, dayWidth]);
+  const todayLeft = (0, import_date_fns.differenceInDays)(/* @__PURE__ */ new Date(), timelineStart) * dayWidth;
+  const getEpicStats = (epic) => {
+    const epicTasks = tasks.filter((t) => extractId(t.epic) === epic.id);
+    const done = epicTasks.filter((t) => t.status === "done").length;
+    const pct = epicTasks.length > 0 ? Math.round(done / epicTasks.length * 100) : 0;
+    return { total: epicTasks.length, done, pct };
+  };
+  const getGroupStats = (epicList) => {
+    const allTasks = epicList.flatMap(
+      (e) => tasks.filter((t) => extractId(t.epic) === e.id)
+    );
+    const done = allTasks.filter((t) => t.status === "done").length;
+    const pct = allTasks.length > 0 ? Math.round(done / allTasks.length * 100) : 0;
+    return { total: allTasks.length, done, pct };
+  };
+  const isSprintActive = (sprint) => {
+    const today = /* @__PURE__ */ new Date();
+    try {
+      return (0, import_date_fns.isWithinInterval)(today, {
+        start: new Date(sprint.startDate),
+        end: new Date(sprint.endDate)
+      });
+    } catch {
+      return false;
+    }
+  };
+  const chartContent = /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex flex-1 min-h-0 overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "w-52 flex-shrink-0 border-r bg-background z-10 flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        "div",
+        {
+          className: "border-b flex items-end pb-2 px-3 flex-shrink-0 bg-muted/20",
+          style: { height: TIME_HEADER_HEIGHT },
+          children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs font-semibold text-muted-foreground tracking-wider uppercase", children: "Epic" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "overflow-y-auto flex-1", children: [
+        sortedKeys.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex items-center justify-center h-24 text-sm text-muted-foreground", children: "No epics" }),
+        sortedKeys.map((name) => {
+          const stats = getGroupStats(groups[name]);
+          return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+            "div",
+            {
+              className: "flex flex-col justify-center px-3 border-b",
+              style: { height: ROW_HEIGHT },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-sm font-medium truncate", title: name, children: name }),
+                /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+                  stats.total,
+                  " task",
+                  stats.total !== 1 ? "s" : "",
+                  " \xB7 ",
+                  stats.pct,
+                  "%"
+                ] })
+              ]
+            },
+            name
+          );
+        })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex-1 overflow-x-auto overflow-y-auto", ref: scrollRef, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { style: { width: totalWidth, position: "relative" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+        "div",
+        {
+          className: "sticky top-0 border-b bg-muted/20 z-20 flex-shrink-0",
+          style: { height: TIME_HEADER_HEIGHT, width: totalWidth },
+          children: [
+            monthHeaders.map(({ month, left }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+              "div",
+              {
+                className: "absolute top-2 text-xs font-semibold text-muted-foreground select-none",
+                style: { left: left + 4 },
+                children: (0, import_date_fns.format)(month, "MMM yyyy")
+              },
+              month.toISOString()
+            )),
+            realSprints.map((sprint) => {
+              const start = new Date(sprint.startDate);
+              const end = new Date(sprint.endDate);
+              if (start > timelineEnd || end < timelineStart) return null;
+              const left = Math.max(0, (0, import_date_fns.differenceInDays)(start, timelineStart) * dayWidth);
+              const right = Math.min(
+                totalWidth,
+                (0, import_date_fns.differenceInDays)(end, timelineStart) * dayWidth
+              );
+              const width = right - left;
+              if (width <= 0) return null;
+              const active = isSprintActive(sprint);
+              return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                "div",
+                {
+                  className: `absolute bottom-0 border-l border-t text-xs px-1 overflow-hidden whitespace-nowrap select-none flex items-center ${active ? "border-primary/50 bg-primary/10 text-primary font-medium" : "border-border bg-muted/40 text-muted-foreground"}`,
+                  style: { left, width, height: 22 },
+                  title: sprint.name,
+                  children: sprint.name
+                },
+                `header-sprint-${sprint.id}`
+              );
+            })
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { style: { position: "relative", width: totalWidth }, children: [
+        realSprints.map((sprint) => {
+          const start = new Date(sprint.startDate);
+          const end = new Date(sprint.endDate);
+          if (start > timelineEnd || end < timelineStart) return null;
+          const left = Math.max(0, (0, import_date_fns.differenceInDays)(start, timelineStart) * dayWidth);
+          const right = Math.min(
+            totalWidth,
+            (0, import_date_fns.differenceInDays)(end, timelineStart) * dayWidth
+          );
+          const width = right - left;
+          if (width <= 0 || !isSprintActive(sprint)) return null;
+          return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            "div",
+            {
+              className: "absolute inset-y-0 bg-primary/5 pointer-events-none",
+              style: { left, width }
+            },
+            `bg-${sprint.id}`
+          );
+        }),
+        realSprints.map((sprint) => {
+          const left = (0, import_date_fns.differenceInDays)(new Date(sprint.startDate), timelineStart) * dayWidth;
+          if (left < 0 || left > totalWidth) return null;
+          const active = isSprintActive(sprint);
+          return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            "div",
+            {
+              className: `absolute inset-y-0 pointer-events-none ${active ? "border-l border-primary/40" : "border-l border-dashed border-border/60"}`,
+              style: { left }
+            },
+            `line-${sprint.id}`
+          );
+        }),
+        todayLeft >= 0 && todayLeft <= totalWidth && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+          "div",
+          {
+            className: "absolute inset-y-0 pointer-events-none z-10",
+            style: { left: todayLeft },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "absolute inset-y-0 w-0.5 bg-destructive/50" }),
+              /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "absolute top-1 -translate-x-1/2 w-2 h-2 rounded-full bg-destructive" })
+            ]
+          }
+        ),
+        monthHeaders.map(({ month, left }) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          "div",
+          {
+            className: "absolute inset-y-0 border-l border-border/30 pointer-events-none",
+            style: { left }
+          },
+          `grid-${month.toISOString()}`
+        )),
+        sortedKeys.map((name) => {
+          const epicList = groups[name];
+          return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            "div",
+            {
+              className: "border-b relative flex items-center",
+              style: { height: ROW_HEIGHT },
+              children: epicList.map((epic) => {
+                const start = new Date(epic.startDate);
+                const end = new Date(epic.endDate);
+                const left = (0, import_date_fns.differenceInDays)(start, timelineStart) * dayWidth;
+                const width = Math.max(8, (0, import_date_fns.differenceInDays)(end, start) * dayWidth);
+                const stats = getEpicStats(epic);
+                const phaseLabel = PHASE_LABELS[epic.phase] ?? `Phase ${epic.phase}`;
+                const showLabel = width >= 50;
+                const tooltip = [
+                  `${epic.name} \xB7 ${phaseLabel}`,
+                  epic.description ? epic.description : null,
+                  `${(0, import_date_fns.format)(start, "dd MMM yyyy")} \u2192 ${(0, import_date_fns.format)(end, "dd MMM yyyy")}`,
+                  `${stats.total} tasks \xB7 ${stats.pct}% complete`
+                ].filter(Boolean).join("\n");
+                return /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+                  "div",
+                  {
+                    className: "absolute rounded overflow-hidden cursor-pointer hover:ring-2 hover:ring-white/40 transition-all",
+                    style: { left, width, height: 32, top: 8 },
+                    title: tooltip,
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                        "div",
+                        {
+                          className: `absolute inset-0 ${epic.color}`,
+                          style: { opacity: 0.2 }
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+                        "div",
+                        {
+                          className: `absolute inset-y-0 left-0 ${epic.color} transition-all`,
+                          style: { width: `${stats.pct}%`, opacity: 0.85 }
+                        }
+                      ),
+                      showLabel && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "absolute inset-0 flex items-center px-2 gap-1.5 z-10", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("span", { className: "text-xs font-semibold text-white drop-shadow truncate", children: phaseLabel }),
+                        stats.total > 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("span", { className: "text-xs text-white/80 drop-shadow shrink-0", children: [
+                          stats.pct,
+                          "%"
+                        ] })
+                      ] })
+                    ]
+                  },
+                  epic.id
+                );
+              })
+            },
+            name
+          );
+        }),
+        sortedKeys.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+          "div",
+          {
+            className: "flex items-center justify-center text-sm text-muted-foreground",
+            style: { height: 200 },
+            children: "No epics to display on the timeline"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+  const inner = /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: `flex flex-col ${isFullscreen ? "h-screen" : "h-full"} overflow-hidden`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { ref: heroRef, className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      DashboardHero,
+      {
+        title: "Gantt Chart",
+        description: "Epic timeline with sprint alignment and phase-based grouping.",
+        gradient: "bg-gradient-to-r from-indigo-600 via-blue-600 to-cyan-600",
+        badge: `${sortedKeys.length} epic${sortedKeys.length !== 1 ? "s" : ""}`
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex items-center gap-2 px-4 py-2 border-b bg-background flex-shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react17.BarChart2, { className: "h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex items-center gap-1", children: ZOOM_LEVELS.map((z) => /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        Button,
+        {
+          variant: dayWidth === z.dayWidth ? "default" : "outline",
+          size: "sm",
+          className: "h-7 px-2 text-xs",
+          onClick: () => setDayWidth(z.dayWidth),
+          children: z.label
+        },
+        z.label
+      )) }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "flex-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-7 px-2 text-xs",
+          onClick: scrollToToday,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react17.Calendar, { className: "h-3 w-3 mr-1" }),
+            "Today"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-7 w-7 p-0",
+          onClick: () => setIsFullscreen((v) => !v),
+          title: isFullscreen ? "Exit fullscreen" : "Fullscreen",
+          children: isFullscreen ? /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react17.Minimize2, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react17.Maximize2, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] }),
+    chartContent
+  ] });
+  if (isFullscreen) {
+    return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)("div", { className: "fixed inset-0 z-50 bg-background overflow-hidden", children: inner });
+  }
+  return inner;
+};
+
+// src/components/Projects/PlanningView.tsx
+var import_react25 = require("react");
+var import_lucide_react19 = require("lucide-react");
+
+// src/components/Projects/AddSprintModal.tsx
+var import_react24 = require("react");
+var import_lucide_react18 = require("lucide-react");
+var import_date_fns2 = require("date-fns");
+var import_jsx_runtime47 = require("react/jsx-runtime");
 var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
-  const [formData, setFormData] = (0, import_react23.useState)({
+  const [formData, setFormData] = (0, import_react24.useState)({
     name: "",
     description: "",
     startDate: void 0,
@@ -7823,12 +8376,12 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
     });
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(DialogContent, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(DialogTitle, { children: "Add New Sprint" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label2, { htmlFor: "name", children: "Sprint Name *" }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(DialogTitle, { children: "Add New Sprint" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Label2, { htmlFor: "name", children: "Sprint Name *" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           Input,
           {
             id: "name",
@@ -7839,9 +8392,9 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label2, { htmlFor: "description", children: "Description" }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Label2, { htmlFor: "description", children: "Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           Textarea,
           {
             id: "description",
@@ -7852,11 +8405,11 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label2, { children: "Start Date *" }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Popover, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Label2, { children: "Start Date *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Popover, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
               Button,
               {
                 variant: "outline",
@@ -7865,12 +8418,12 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
                   !formData.startDate && "text-muted-foreground"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react17.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  formData.startDate ? (0, import_date_fns.format)(formData.startDate, "PPP") : "Pick a date"
+                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.CalendarIcon, { className: "mr-2 h-4 w-4" }),
+                  formData.startDate ? (0, import_date_fns2.format)(formData.startDate, "PPP") : "Pick a date"
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
               Calendar4,
               {
                 mode: "single",
@@ -7881,10 +8434,10 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Label2, { children: "End Date *" }),
-          /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(Popover, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Label2, { children: "End Date *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Popover, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
               Button,
               {
                 variant: "outline",
@@ -7893,12 +8446,12 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
                   !formData.endDate && "text-muted-foreground"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(import_lucide_react17.CalendarIcon, { className: "mr-2 h-4 w-4" }),
-                  formData.endDate ? (0, import_date_fns.format)(formData.endDate, "PPP") : "Pick a date"
+                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.CalendarIcon, { className: "mr-2 h-4 w-4" }),
+                  formData.endDate ? (0, import_date_fns2.format)(formData.endDate, "PPP") : "Pick a date"
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
               Calendar4,
               {
                 mode: "single",
@@ -7911,9 +8464,9 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime46.jsxs)("div", { className: "flex justify-end gap-3 pt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(Button, { type: "button", variant: "outline", onClick: handleClose, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime46.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex justify-end gap-3 pt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Button, { type: "button", variant: "outline", onClick: handleClose, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
           Button,
           {
             type: "submit",
@@ -7927,7 +8480,7 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
 };
 
 // src/components/Projects/PlanningView.tsx
-var import_jsx_runtime47 = require("react/jsx-runtime");
+var import_jsx_runtime48 = require("react/jsx-runtime");
 var PlanningView = ({
   tasks,
   epics,
@@ -7938,25 +8491,25 @@ var PlanningView = ({
   onUpdateSprint,
   onDeleteSprint
 }) => {
-  const [selectedSprintIds, setSelectedSprintIds] = (0, import_react24.useState)([]);
-  const [collapsedEpics, setCollapsedEpics] = (0, import_react24.useState)(/* @__PURE__ */ new Set());
-  const [draggedTask, setDraggedTask] = (0, import_react24.useState)(null);
-  const [isAddSprintModalOpen, setIsAddSprintModalOpen] = (0, import_react24.useState)(false);
-  const [dragOverTarget, setDragOverTarget] = (0, import_react24.useState)(null);
-  const [editingSprintId, setEditingSprintId] = (0, import_react24.useState)(null);
-  const [sprintEditForm, setSprintEditForm] = (0, import_react24.useState)({
+  const [selectedSprintIds, setSelectedSprintIds] = (0, import_react25.useState)([]);
+  const [collapsedEpics, setCollapsedEpics] = (0, import_react25.useState)(/* @__PURE__ */ new Set());
+  const [draggedTask, setDraggedTask] = (0, import_react25.useState)(null);
+  const [isAddSprintModalOpen, setIsAddSprintModalOpen] = (0, import_react25.useState)(false);
+  const [dragOverTarget, setDragOverTarget] = (0, import_react25.useState)(null);
+  const [editingSprintId, setEditingSprintId] = (0, import_react25.useState)(null);
+  const [sprintEditForm, setSprintEditForm] = (0, import_react25.useState)({
     name: "",
     description: "",
     startDate: "",
     endDate: ""
   });
-  const [availableSprints, setAvailableSprints] = (0, import_react24.useState)([]);
-  const [sprintFilter, setSprintFilter] = (0, import_react24.useState)("upcoming");
-  const [isSprintSelectorOpen, setIsSprintSelectorOpen] = (0, import_react24.useState)(false);
-  const [heroHeight, setHeroHeight] = (0, import_react24.useState)(0);
-  const heroRef = (0, import_react24.useRef)(null);
-  const containerRef = (0, import_react24.useRef)(null);
-  (0, import_react24.useEffect)(() => {
+  const [availableSprints, setAvailableSprints] = (0, import_react25.useState)([]);
+  const [sprintFilter, setSprintFilter] = (0, import_react25.useState)("upcoming");
+  const [isSprintSelectorOpen, setIsSprintSelectorOpen] = (0, import_react25.useState)(false);
+  const [heroHeight, setHeroHeight] = (0, import_react25.useState)(0);
+  const heroRef = (0, import_react25.useRef)(null);
+  const containerRef = (0, import_react25.useRef)(null);
+  (0, import_react25.useEffect)(() => {
     const savedSprintIds = localStorage.getItem("planningView_selectedSprints");
     if (savedSprintIds) {
       try {
@@ -7969,10 +8522,10 @@ var PlanningView = ({
       }
     }
   }, []);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     localStorage.setItem("planningView_selectedSprints", JSON.stringify(selectedSprintIds));
   }, [selectedSprintIds]);
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     const updateHeroHeight = () => {
       if (heroRef.current) {
         setHeroHeight(heroRef.current.offsetHeight);
@@ -8033,7 +8586,7 @@ var PlanningView = ({
     });
     return { tasksByEpic, unassignedTasks };
   };
-  (0, import_react24.useEffect)(() => {
+  (0, import_react25.useEffect)(() => {
     setAvailableSprints(sprints);
   }, [sprints]);
   const displayedSprints = availableSprints.filter((sprint) => {
@@ -8156,7 +8709,7 @@ var PlanningView = ({
       e.dataTransfer.setData("text/plain", task.id.toString());
       handleDragStart(e, task);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       Card,
       {
         className: "p-3 cursor-grab active:cursor-grabbing hover:shadow-md transition-all duration-200 border border-border bg-card hover:bg-accent/50",
@@ -8164,28 +8717,28 @@ var PlanningView = ({
         onDragStart: handleCardDragStart,
         onClick: handleCardClick,
         style: { userSelect: "none" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-2 pointer-events-none", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h4", { className: "font-medium text-sm text-foreground line-clamp-1", children: task.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Badge, { className: `text-xs ${getPriorityColor(task.priority || "medium")}`, children: task.priority?.[0]?.toUpperCase() })
+        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "space-y-2 pointer-events-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h4", { className: "font-medium text-sm text-foreground line-clamp-1", children: task.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Badge, { className: `text-xs ${getPriorityColor(task.priority || "medium")}`, children: task.priority?.[0]?.toUpperCase() })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-1", children: [
-              epic && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: `w-2 h-2 rounded-full ${epic.color}` }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground truncate", children: epic?.name })
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-1", children: [
+              epic && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: `w-2 h-2 rounded-full ${epic.color}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-muted-foreground truncate", children: epic?.name })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-muted-foreground", children: getDisplayName(task.assignee?.value?.name) })
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-muted-foreground", children: getDisplayName(task.assignee?.value?.name) })
           ] }),
-          showSprint && sprint && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.Calendar, { className: "h-3 w-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { children: sprint.name })
+          showSprint && sprint && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Calendar, { className: "h-3 w-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: sprint.name })
           ] })
         ] })
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { ref: containerRef, className: "h-full flex flex-col px-2 md:px-4 py-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { ref: heroRef, className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { ref: containerRef, className: "h-full flex flex-col px-2 md:px-4 py-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { ref: heroRef, className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
       DashboardHero,
       {
         title: "Sprint Planning",
@@ -8197,7 +8750,7 @@ var PlanningView = ({
         }
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex-1 min-h-0 mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex-1 min-h-0 mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
       "div",
       {
         className: "h-full",
@@ -8205,30 +8758,30 @@ var PlanningView = ({
           height: heroHeight > 0 ? `calc(100vh - ${heroHeight + 120}px)` : "calc(100vh - 12rem)"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "mb-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(Card, { className: "p-3 bg-card shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h3", { className: "font-semibold text-foreground text-sm", children: "Sprint Board" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Card, { className: "p-3 bg-card shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h3", { className: "font-semibold text-foreground text-sm", children: "Sprint Board" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
                     selectedSprintIds?.length,
                     "/3 selected"
                   ] })
                 ] }),
-                selectedSprintIds?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "text-xs text-muted-foreground", children: "Viewing:" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex flex-wrap gap-1", children: visibleSprints.map((sprint) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                selectedSprintIds?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "text-xs text-muted-foreground", children: "Viewing:" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex flex-wrap gap-1", children: visibleSprints.map((sprint) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                     "div",
                     {
                       className: "flex items-center gap-1 bg-primary/10 text-primary px-2 py-0.5 rounded text-xs",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "max-w-[80px] truncate", children: sprint.name }),
-                        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "max-w-[80px] truncate", children: sprint.name }),
+                        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                           "button",
                           {
                             onClick: () => toggleSprintView(sprint.id.toString()),
                             className: "ml-0.5 hover:bg-primary/20 h-8 rounded p-0.5",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.X, { className: "h-4 w-4" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.X, { className: "h-4 w-4" })
                           }
                         )
                       ]
@@ -8237,20 +8790,20 @@ var PlanningView = ({
                   )) })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                   Button,
                   {
                     onClick: () => setIsAddSprintModalOpen(true),
                     className: "bg-primary hover:bg-primary/90 text-primary-foreground gap-1",
                     size: "sm",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.Plus, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Plus, { className: "h-3 w-3" }),
                       "Add"
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                   Button,
                   {
                     onClick: () => setIsSprintSelectorOpen(!isSprintSelectorOpen),
@@ -8258,43 +8811,43 @@ var PlanningView = ({
                     size: "sm",
                     className: "gap-1",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.Calendar, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Calendar, { className: "h-3 w-3" }),
                       isSprintSelectorOpen ? "Close" : "Select"
                     ]
                   }
                 )
               ] })
             ] }) }),
-            isSprintSelectorOpen && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            isSprintSelectorOpen && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               "div",
               {
                 className: "fixed inset-0 bg-black/20 z-[5]",
                 onClick: () => setIsSprintSelectorOpen(false)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
               "div",
               {
                 className: `fixed top-0 right-0 h-full w-80 bg-background border-l shadow-xl z-10 transition-all duration-300 ease-in-out ${isSprintSelectorOpen ? "translate-x-0 opacity-100 visible" : "translate-x-full opacity-0 invisible"}`,
-                children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Card, { className: "h-full rounded-none border-0 flex flex-col", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "p-4 border-b bg-muted/30 flex-shrink-0", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h3", { className: "font-semibold text-foreground text-base", children: "Select Sprints" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Card, { className: "h-full rounded-none border-0 flex flex-col", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "p-4 border-b bg-muted/30 flex-shrink-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h3", { className: "font-semibold text-foreground text-base", children: "Select Sprints" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                         Button,
                         {
                           variant: "ghost",
                           size: "sm",
                           onClick: () => setIsSprintSelectorOpen(false),
                           className: "h-8 w-8 p-0",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.X, { className: "h-4 w-4" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.X, { className: "h-4 w-4" })
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-sm text-muted-foreground mt-1", children: "Choose up to 3 sprints to view in your planning board" })
+                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-sm text-muted-foreground mt-1", children: "Choose up to 3 sprints to view in your planning board" })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex flex-col flex-1 p-4 min-h-0", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex gap-1 mb-4 bg-muted p-1 rounded-lg", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex flex-col flex-1 p-4 min-h-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex gap-1 mb-4 bg-muted p-1 rounded-lg", children: [
                       { key: "all", label: "All", count: sprints.length },
                       {
                         key: "active",
@@ -8306,7 +8859,7 @@ var PlanningView = ({
                         label: "Upcoming"
                         // count: sprints.filter((s) => !s.isActive).length,
                       }
-                    ].map((filter) => /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                    ].map((filter) => /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                       Button,
                       {
                         variant: sprintFilter === filter.key ? "default" : "outline",
@@ -8322,18 +8875,18 @@ var PlanningView = ({
                       },
                       filter.key
                     )) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "space-y-2 flex-1 overflow-y-auto", children: displayedSprints.length > 0 ? displayedSprints.map((sprint) => {
+                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "space-y-2 flex-1 overflow-y-auto", children: displayedSprints.length > 0 ? displayedSprints.map((sprint) => {
                       const isSelected = selectedSprintIds.includes(sprint.id.toString());
                       const taskCount = tasks.filter(
                         (task) => extractId(task.sprint) === sprint.id
                       ).length;
                       const canSelect = !isSelected && selectedSprintIds.length < 3;
-                      return /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                         "div",
                         {
                           className: `p-3 rounded-lg border transition-all ${isSelected ? "bg-primary/10 border-primary/30" : canSelect ? "bg-card border-border hover:border-primary/50" : "bg-muted/30 border-border/30 opacity-60"}`,
-                          children: editingSprintId === sprint.id.toString() ? /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-3", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                          children: editingSprintId === sprint.id.toString() ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "space-y-3", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                               Input,
                               {
                                 value: sprintEditForm.name,
@@ -8342,7 +8895,7 @@ var PlanningView = ({
                                 placeholder: "Sprint name"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                               Textarea,
                               {
                                 value: sprintEditForm.description,
@@ -8354,10 +8907,10 @@ var PlanningView = ({
                                 placeholder: "Sprint description"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "Start Date" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "Start Date" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                                   Input,
                                   {
                                     type: "date",
@@ -8370,9 +8923,9 @@ var PlanningView = ({
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "End Date" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "End Date" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                                   Input,
                                   {
                                     type: "date",
@@ -8386,20 +8939,20 @@ var PlanningView = ({
                                 )
                               ] })
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex gap-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex gap-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                                 Button,
                                 {
                                   size: "sm",
                                   onClick: () => handleSprintEditSave(),
                                   className: "flex-1",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.Check, { className: "h-3 w-3 mr-1" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Check, { className: "h-3 w-3 mr-1" }),
                                     "Save"
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                                 Button,
                                 {
                                   size: "sm",
@@ -8407,18 +8960,18 @@ var PlanningView = ({
                                   onClick: handleSprintEditCancel,
                                   className: "flex-1",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.X, { className: "h-3 w-3 mr-1" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.X, { className: "h-3 w-3 mr-1" }),
                                     "Cancel"
                                   ]
                                 }
                               )
                             ] })
-                          ] }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-start justify-between", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2 mb-1", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h4", { className: "font-medium text-sm text-foreground truncate", children: sprint.name }),
-                                  isSprintActive(sprint) && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                          ] }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start justify-between", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2 mb-1", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h4", { className: "font-medium text-sm text-foreground truncate", children: sprint.name }),
+                                  isSprintActive(sprint) && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                                     Badge,
                                     {
                                       variant: "default",
@@ -8427,43 +8980,43 @@ var PlanningView = ({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-xs text-muted-foreground line-clamp-2 mb-2", children: sprint.description }),
-                                /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "flex items-center gap-1", children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.CalendarDays, { className: "h-3 w-3" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-xs text-muted-foreground line-clamp-2 mb-2", children: sprint.description }),
+                                /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "flex items-center gap-1", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.CalendarDays, { className: "h-3 w-3" }),
                                     new Date(sprint.startDate).toLocaleDateString()
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "flex items-center gap-1", children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.User, { className: "h-3 w-3" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "flex items-center gap-1", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.User, { className: "h-3 w-3" }),
                                     taskCount,
                                     " tasks"
                                   ] })
                                 ] })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-1 ml-2", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-1 ml-2", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                                   Button,
                                   {
                                     size: "sm",
                                     variant: "ghost",
                                     onClick: () => handleSprintEditStart(sprint),
                                     className: "h-6 w-6 p-0",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.Edit2, { className: "h-3 w-3" })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Edit2, { className: "h-3 w-3" })
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                                   Button,
                                   {
                                     size: "sm",
                                     variant: "ghost",
                                     onClick: () => onDeleteSprint(sprint.id.toString()),
                                     className: "h-6 w-6 p-0 text-destructive hover:text-destructive",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.Trash2, { className: "h-3 w-3" })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Trash2, { className: "h-3 w-3" })
                                   }
                                 )
                               ] })
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center justify-between mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center justify-between mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                               Button,
                               {
                                 variant: isSelected ? "default" : "outline",
@@ -8471,21 +9024,21 @@ var PlanningView = ({
                                 className: "text-xs w-full h-8 flex items-center justify-center cursor-pointer",
                                 onClick: () => toggleSprintView(sprint.id.toString()),
                                 disabled: !isSelected && selectedSprintIds?.length >= 3,
-                                children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "pointer-events-none select-none", children: isSelected ? "Deselect" : selectedSprintIds?.length >= 3 ? "Limit Reached" : "Select" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "pointer-events-none select-none", children: isSelected ? "Deselect" : selectedSprintIds?.length >= 3 ? "Limit Reached" : "Select" })
                               }
                             ) })
                           ] })
                         },
                         sprint.id
                       );
-                    }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "text-center py-8 text-muted-foreground", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.Calendar, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("p", { className: "text-sm", children: [
+                    }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "text-center py-8 text-muted-foreground", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Calendar, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("p", { className: "text-sm", children: [
                         'No sprints found for "',
                         sprintFilter,
                         '" filter'
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                         Button,
                         {
                           variant: "link",
@@ -8496,18 +9049,18 @@ var PlanningView = ({
                         }
                       )
                     ] }) }),
-                    selectedSprintIds?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "mt-4 p-4 bg-muted/50 rounded-lg border-2 border-dashed border-border", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "text-center", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.Calendar, { className: "h-6 w-6 mx-auto mb-2 text-muted-foreground" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-sm text-muted-foreground font-medium", children: "Select sprints to start planning" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: "Choose up to 3 sprints to view alongside your backlog" })
+                    selectedSprintIds?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "mt-4 p-4 bg-muted/50 rounded-lg border-2 border-dashed border-border", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "text-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Calendar, { className: "h-6 w-6 mx-auto mb-2 text-muted-foreground" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-sm text-muted-foreground font-medium", children: "Select sprints to start planning" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-xs text-muted-foreground mt-1", children: "Choose up to 3 sprints to view alongside your backlog" })
                     ] }) })
                   ] })
                 ] })
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6 h-full flex-1 min-h-0", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "lg:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "grid grid-cols-1 lg:grid-cols-4 gap-6 h-full flex-1 min-h-0", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "lg:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
               Card,
               {
                 className: "p-4 h-full bg-card border-l-4 border-l-gray-400 shadow-sm hover:shadow-md transition-shadow duration-200 flex flex-col",
@@ -8519,78 +9072,78 @@ var PlanningView = ({
                   height: heroHeight > 0 ? `calc(100vh - ${heroHeight + 200}px)` : "calc(100vh - 16rem)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between mb-4 flex-shrink-0", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h3", { className: "font-semibold text-foreground select-none text-lg", children: "Backlog" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Badge, { variant: "secondary", className: "bg-muted text-muted-foreground", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between mb-4 flex-shrink-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h3", { className: "font-semibold text-foreground select-none text-lg", children: "Backlog" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Badge, { variant: "secondary", className: "bg-muted text-muted-foreground", children: [
                         backlogTasks?.length,
                         " tasks"
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(Badge, { variant: "outline", className: "bg-gray-50 text-gray-700 border-gray-200", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Badge, { variant: "outline", className: "bg-gray-50 text-gray-700 border-gray-200", children: [
                         backlogStoryPoints,
                         " pts"
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                     "div",
                     {
                       className: `flex-1 overflow-y-auto space-y-3 min-h-0 p-3 rounded transition-colors ${dragOverTarget === "backlog" ? "bg-primary/10" : ""}`,
                       children: (() => {
                         const { tasksByEpic, unassignedTasks } = getTasksByEpic(backlogTasks);
-                        return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+                        return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
                           Object.entries(tasksByEpic).map(([epicId, epicTasks]) => {
                             const epic = getEpicById(epicId);
                             if (!epic) return null;
                             const isCollapsed = collapsedEpics.has(epicId);
-                            return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "space-y-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                                 "div",
                                 {
                                   className: "flex items-center gap-2 px-2 py-1 bg-muted/50 rounded text-xs cursor-pointer hover:bg-muted/70 transition-colors",
                                   onClick: () => toggleEpicCollapse(epicId),
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: `w-3 h-3 rounded-full ${epic.color}` }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "font-medium text-muted-foreground", children: epic.name }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-muted-foreground", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: `w-3 h-3 rounded-full ${epic.color}` }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-medium text-muted-foreground", children: epic.name }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "text-muted-foreground", children: [
                                       "(",
                                       epicTasks?.length,
                                       ")"
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
+                                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
                                   ]
                                 }
                               ),
-                              !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "space-y-2 pl-2", children: epicTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CompactTaskCard, { task }, task.id)) })
+                              !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "space-y-2 pl-2", children: epicTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CompactTaskCard, { task }, task.id)) })
                             ] }, epicId);
                           }),
                           unassignedTasks?.length > 0 && (() => {
                             const isCollapsed = collapsedEpics.has("no-epic");
-                            return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "space-y-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                                 "div",
                                 {
                                   className: "flex items-center gap-2 px-2 py-1 bg-muted/50 rounded text-xs cursor-pointer hover:bg-muted/70 transition-colors",
                                   onClick: () => toggleEpicCollapse("no-epic"),
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-3 h-3 rounded-full bg-gray-400" }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "font-medium text-muted-foreground", children: "No Epic" }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-muted-foreground", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-3 h-3 rounded-full bg-gray-400" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-medium text-muted-foreground", children: "No Epic" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "text-muted-foreground", children: [
                                       "(",
                                       unassignedTasks?.length,
                                       ")"
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
+                                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
                                   ]
                                 }
                               ),
-                              !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "space-y-2 pl-2", children: unassignedTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CompactTaskCard, { task }, task.id)) })
+                              !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "space-y-2 pl-2", children: unassignedTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CompactTaskCard, { task }, task.id)) })
                             ] });
                           })(),
-                          backlogTasks?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center justify-center h-32 text-muted-foreground text-sm select-none", children: "Drop tasks here to move to backlog" }),
-                          backlogTasks?.length > 0 && Object.keys(tasksByEpic).length === 0 && unassignedTasks.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "text-xs text-muted-foreground mb-2", children: "Direct backlog tasks:" }),
-                            backlogTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CompactTaskCard, { task }, task.id))
+                          backlogTasks?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center justify-center h-32 text-muted-foreground text-sm select-none", children: "Drop tasks here to move to backlog" }),
+                          backlogTasks?.length > 0 && Object.keys(tasksByEpic).length === 0 && unassignedTasks.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "space-y-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-xs text-muted-foreground mb-2", children: "Direct backlog tasks:" }),
+                            backlogTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CompactTaskCard, { task }, task.id))
                           ] })
                         ] });
                       })()
@@ -8607,7 +9160,7 @@ var PlanningView = ({
                 (sum, task) => sum + (task?.storyPoints || 0),
                 0
               );
-              return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                 Card,
                 {
                   className: "p-4 h-full bg-card border-l-4 border-l-blue-500 shadow-sm hover:shadow-md transition-shadow duration-200 flex flex-col",
@@ -8619,10 +9172,10 @@ var PlanningView = ({
                     height: heroHeight > 0 ? `calc(100vh - ${heroHeight + 200}px)` : "calc(100vh - 16rem)"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center justify-between mb-4 flex-shrink-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("h3", { className: "font-semibold text-foreground select-none text-lg", children: sprint.name }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between mb-4 flex-shrink-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h3", { className: "font-semibold text-foreground select-none text-lg", children: sprint.name }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                           Badge,
                           {
                             variant: "secondary",
@@ -8633,7 +9186,7 @@ var PlanningView = ({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                           Badge,
                           {
                             variant: "outline",
@@ -8644,7 +9197,7 @@ var PlanningView = ({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                           Button,
                           {
                             size: "sm",
@@ -8654,73 +9207,73 @@ var PlanningView = ({
                               handleSprintEditStart(sprint);
                             },
                             className: "h-6 px-2",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.Edit2, { className: "h-3 w-3" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Edit2, { className: "h-3 w-3" })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
                           Button,
                           {
                             size: "sm",
                             variant: "ghost",
                             onClick: () => onDeleteSprint(sprint.id.toString()),
                             className: "h-6 px-2 text-destructive hover:text-destructive",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.Trash2, { className: "h-3 w-3" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Trash2, { className: "h-3 w-3" })
                           }
                         )
                       ] })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex-1 overflow-y-auto space-y-3 min-h-0", children: (() => {
+                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex-1 overflow-y-auto space-y-3 min-h-0", children: (() => {
                       const { tasksByEpic, unassignedTasks } = getTasksByEpic(sprintTasksFiltered);
-                      return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(import_jsx_runtime47.Fragment, { children: [
+                      return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
                         Object.entries(tasksByEpic).map(([epicId, epicTasks]) => {
                           const epic = getEpicById(epicId);
                           if (!epic) return null;
                           const isCollapsed = collapsedEpics.has(epicId);
-                          return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "space-y-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                               "div",
                               {
                                 className: "flex items-center gap-2 px-2 py-1 bg-muted/50 rounded text-xs cursor-pointer hover:bg-muted/70 transition-colors",
                                 onClick: () => toggleEpicCollapse(epicId),
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: `w-3 h-3 rounded-full ${epic.color}` }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "font-medium text-muted-foreground", children: epic.name }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-muted-foreground", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: `w-3 h-3 rounded-full ${epic.color}` }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-medium text-muted-foreground", children: epic.name }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "text-muted-foreground", children: [
                                     "(",
                                     epicTasks?.length,
                                     ")"
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
+                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
                                 ]
                               }
                             ),
-                            !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "space-y-2 pl-2", children: epicTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CompactTaskCard, { task }, task.id)) })
+                            !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "space-y-2 pl-2", children: epicTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CompactTaskCard, { task }, task.id)) })
                           ] }, epicId);
                         }),
                         unassignedTasks?.length > 0 && (() => {
                           const isCollapsed = collapsedEpics.has("no-epic");
-                          return /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "space-y-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
                               "div",
                               {
                                 className: "flex items-center gap-2 px-2 py-1 bg-muted/50 rounded text-xs cursor-pointer hover:bg-muted/70 transition-colors",
                                 onClick: () => toggleEpicCollapse("no-epic"),
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "w-3 h-3 rounded-full bg-gray-400" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("span", { className: "font-medium text-muted-foreground", children: "No Epic" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsxs)("span", { className: "text-muted-foreground", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "w-3 h-3 rounded-full bg-gray-400" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: "font-medium text-muted-foreground", children: "No Epic" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("span", { className: "text-muted-foreground", children: [
                                     "(",
                                     unassignedTasks?.length,
                                     ")"
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(import_lucide_react18.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
+                                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
                                 ]
                               }
                             ),
-                            !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "space-y-2 pl-2", children: unassignedTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(CompactTaskCard, { task }, task.id)) })
+                            !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "space-y-2 pl-2", children: unassignedTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CompactTaskCard, { task }, task.id)) })
                           ] });
                         })(),
-                        sprintTasksFiltered?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime47.jsx)("div", { className: "flex items-center justify-center h-32 text-muted-foreground text-sm select-none", children: "Drop tasks here" })
+                        sprintTasksFiltered?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center justify-center h-32 text-muted-foreground text-sm select-none", children: "Drop tasks here" })
                       ] });
                     })() })
                   ]
@@ -8729,7 +9282,7 @@ var PlanningView = ({
               );
             })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime47.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
             AddSprintModal,
             {
               isOpen: isAddSprintModalOpen,
@@ -8744,9 +9297,9 @@ var PlanningView = ({
 };
 
 // src/components/Projects/TasksView.tsx
-var import_react25 = require("react");
-var import_lucide_react19 = require("lucide-react");
-var import_jsx_runtime48 = require("react/jsx-runtime");
+var import_react26 = require("react");
+var import_lucide_react20 = require("lucide-react");
+var import_jsx_runtime49 = require("react/jsx-runtime");
 var formatDate = (date) => {
   return date.toLocaleDateString("en-US", {
     weekday: "short",
@@ -8784,7 +9337,7 @@ var isTomorrow = (date) => {
   return date.toDateString() === tomorrow.toDateString();
 };
 var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
-  const [formData, setFormData] = (0, import_react25.useState)({
+  const [formData, setFormData] = (0, import_react26.useState)({
     title: "",
     description: "",
     dueDate: "",
@@ -8798,7 +9351,7 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
     reminderMinutes: 15,
     tags: ""
   });
-  const [isColleagueError, setIsColleagueError] = (0, import_react25.useState)(false);
+  const [isColleagueError, setIsColleagueError] = (0, import_react26.useState)(false);
   const handleSubmit = (e) => {
     e.preventDefault();
     const colleague = colleagues.find((c) => c?.id.toString() === formData.colleagueId.toString());
@@ -8843,18 +9396,18 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
       tags: ""
     });
   };
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     if (formData.colleagueId) {
       setIsColleagueError(false);
     }
   }, [formData.colleagueId]);
   const validColleagues = colleagues.filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogTitle, { children: "Add New Reminder" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { htmlFor: "title", children: "Title" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogTitle, { children: "Add New Reminder" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { htmlFor: "title", children: "Title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           Input,
           {
             id: "title",
@@ -8865,9 +9418,9 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
           }
         )
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { htmlFor: "description", children: "Description" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { htmlFor: "description", children: "Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           Textarea,
           {
             id: "description",
@@ -8878,10 +9431,10 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { htmlFor: "dueDate", children: "Due Date" }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { htmlFor: "dueDate", children: "Due Date" }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             Input,
             {
               id: "dueDate",
@@ -8892,9 +9445,9 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { htmlFor: "dueTime", children: "Due Time (optional)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { htmlFor: "dueTime", children: "Due Time (optional)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             Input,
             {
               id: "dueTime",
@@ -8905,9 +9458,9 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { className: `${isColleagueError ? "text-destructive" : ""}`, htmlFor: "colleague", children: "Assigned Colleague" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { className: `${isColleagueError ? "text-destructive" : ""}`, htmlFor: "colleague", children: "Assigned Colleague" }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
           Select,
           {
             value: formData.colleagueId,
@@ -8916,11 +9469,11 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
             },
             required: true,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                 SelectTrigger,
                 {
                   className: `${isColleagueError ? "text-destructive border-red-500" : ""}`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                     SelectValue,
                     {
                       className: `${isColleagueError ? "text-destructive border-red-500" : ""}`,
@@ -8930,15 +9483,15 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectContent, { children: validColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectItem, { value: colleague.id.toString(), children: colleague.name }, colleague.id)) })
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectContent, { children: validColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectItem, { value: colleague.id.toString(), children: colleague.name }, colleague.id)) })
             ]
           }
         ),
-        isColleagueError && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-destructive text-sm", children: "Please select a digital colleague" })
+        isColleagueError && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-destructive text-sm", children: "Please select a digital colleague" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             "input",
             {
               type: "checkbox",
@@ -8948,12 +9501,12 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
               className: "rounded border-border"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { htmlFor: "isRecurring", children: "Make this a recurring reminder" })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { htmlFor: "isRecurring", children: "Make this a recurring reminder" })
         ] }),
-        formData.isRecurring && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "grid grid-cols-2 gap-4 pl-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { htmlFor: "recurrencePattern", children: "Frequency" }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+        formData.isRecurring && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "grid grid-cols-2 gap-4 pl-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { htmlFor: "recurrencePattern", children: "Frequency" }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
               Select,
               {
                 value: formData.recurrencePattern,
@@ -8962,20 +9515,20 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
                   recurrencePattern: value
                 }),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectValue, {}) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SelectContent, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectItem, { value: "daily", children: "Daily" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectItem, { value: "weekly", children: "Weekly" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectItem, { value: "monthly", children: "Monthly" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectItem, { value: "yearly", children: "Yearly" })
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectValue, {}) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(SelectContent, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectItem, { value: "daily", children: "Daily" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectItem, { value: "weekly", children: "Weekly" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectItem, { value: "monthly", children: "Monthly" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectItem, { value: "yearly", children: "Yearly" })
                   ] })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { htmlFor: "recurrenceInterval", children: "Every" }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { htmlFor: "recurrenceInterval", children: "Every" }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               Input,
               {
                 id: "recurrenceInterval",
@@ -8988,15 +9541,15 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex justify-end space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Button, { type: "button", variant: "outline", onClick: () => setOpen(false), children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Button, { type: "submit", children: "Add Reminder" })
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex justify-end space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { type: "button", variant: "outline", onClick: () => setOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { type: "submit", children: "Add Reminder" })
       ] })
     ] })
   ] }) });
 };
 var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose }) => {
-  const [formData, setFormData] = (0, import_react25.useState)({
+  const [formData, setFormData] = (0, import_react26.useState)({
     title: reminder.title,
     description: reminder.description,
     dueDate: reminder.dueDate?.toString().split("T")[0],
@@ -9030,12 +9583,12 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
     onClose();
   };
   const validColleagues = colleagues.filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Dialog, { open, onOpenChange: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(DialogTitle, { children: "Edit Reminder" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { htmlFor: "edit-title", children: "Title" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Dialog, { open, onOpenChange: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DialogTitle, { children: "Edit Reminder" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { htmlFor: "edit-title", children: "Title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           Input,
           {
             id: "edit-title",
@@ -9046,9 +9599,9 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
           }
         )
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { htmlFor: "edit-description", children: "Description" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { htmlFor: "edit-description", children: "Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           Textarea,
           {
             id: "edit-description",
@@ -9059,10 +9612,10 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { htmlFor: "edit-dueDate", children: "Due Date" }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { htmlFor: "edit-dueDate", children: "Due Date" }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             Input,
             {
               id: "edit-dueDate",
@@ -9073,9 +9626,9 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { htmlFor: "edit-dueTime", children: "Due Time (optional)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { htmlFor: "edit-dueTime", children: "Due Time (optional)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             Input,
             {
               id: "edit-dueTime",
@@ -9086,8 +9639,8 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
           "input",
           {
             type: "checkbox",
@@ -9097,17 +9650,17 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
             className: "rounded border-border"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Label2, { htmlFor: "edit-isRecurring", children: "Make this a recurring reminder" })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Label2, { htmlFor: "edit-isRecurring", children: "Make this a recurring reminder" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex justify-end space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(Button, { type: "submit", children: "Save Changes" })
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex justify-end space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Button, { type: "submit", children: "Save Changes" })
       ] })
     ] })
   ] }) });
 };
 var ReminderCard = ({ reminder, colleagues, onUpdateReminder, onDeleteReminder }) => {
-  const [isEditing, setIsEditing] = (0, import_react25.useState)(false);
+  const [isEditing, setIsEditing] = (0, import_react26.useState)(false);
   if (!reminder || !reminder.id) {
     return null;
   }
@@ -9125,8 +9678,8 @@ var ReminderCard = ({ reminder, colleagues, onUpdateReminder, onDeleteReminder }
     if (tomorrow) return "Tomorrow";
     return formatDate(new Date(reminder.dueDate || ""));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(import_jsx_runtime48.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(import_jsx_runtime49.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       EditReminderModal,
       {
         reminder,
@@ -9136,61 +9689,61 @@ var ReminderCard = ({ reminder, colleagues, onUpdateReminder, onDeleteReminder }
         onClose: () => setIsEditing(false)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       Card,
       {
-        children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(CardContent, { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-start space-x-3 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(CardContent, { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-start justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-start space-x-3 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               "button",
               {
                 onClick: handleToggleComplete,
                 className: "mt-1 text-primary hover:text-primary/80"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex items-center space-x-2 mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex items-center space-x-2 mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
                 "h3",
                 {
                   children: reminder.title
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: reminder.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center space-x-4 text-sm text-muted-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center space-x-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Calendar, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { className: overdue ? "text-destructive font-medium" : "", children: getDateLabel() })
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: reminder.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center space-x-4 text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center space-x-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.Calendar, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { className: overdue ? "text-destructive font-medium" : "", children: getDateLabel() })
                 ] }),
-                reminder.dueTime && /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center space-x-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Clock, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: formatTime(reminder.dueTime) })
+                reminder.dueTime && /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center space-x-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.Clock, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: formatTime(reminder.dueTime) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center space-x-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.User, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: typeof reminder.assignedColleague !== "number" ? reminder.assignedColleague.name : "Unknown Colleague" })
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center space-x-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.User, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: typeof reminder.assignedColleague !== "number" ? reminder.assignedColleague.name : "Unknown Colleague" })
                 ] })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center space-x-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center space-x-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 onClick: () => setIsEditing(true),
                 className: "h-8 w-8 p-0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Edit2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.Edit2, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 onClick: () => onDeleteReminder(reminder.id.toString()),
                 className: "h-8 w-8 p-0 text-destructive hover:text-destructive/80",
-                children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Trash2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.Trash2, { className: "h-4 w-4" })
               }
             )
           ] })
@@ -9206,15 +9759,15 @@ var TasksView = ({
   onUpdateReminder,
   onDeleteReminder
 }) => {
-  const [reminders, setReminders] = (0, import_react25.useState)(initialReminders.filter(Boolean));
-  const [colleagues, setColleagues] = (0, import_react25.useState)(initialColleagues.filter(Boolean));
-  const [filter, setFilter] = (0, import_react25.useState)("all");
-  const [searchTerm, setSearchTerm] = (0, import_react25.useState)("");
-  const [openAddReminderModal, setOpenAddReminderModal] = (0, import_react25.useState)(false);
-  (0, import_react25.useEffect)(() => {
+  const [reminders, setReminders] = (0, import_react26.useState)(initialReminders.filter(Boolean));
+  const [colleagues, setColleagues] = (0, import_react26.useState)(initialColleagues.filter(Boolean));
+  const [filter, setFilter] = (0, import_react26.useState)("all");
+  const [searchTerm, setSearchTerm] = (0, import_react26.useState)("");
+  const [openAddReminderModal, setOpenAddReminderModal] = (0, import_react26.useState)(false);
+  (0, import_react26.useEffect)(() => {
     setReminders(initialReminders.filter(Boolean));
   }, [initialReminders]);
-  (0, import_react25.useEffect)(() => {
+  (0, import_react26.useEffect)(() => {
     setColleagues(initialColleagues.filter(Boolean));
   }, [initialColleagues]);
   const handleAddReminder = (newReminder) => {
@@ -9302,8 +9855,8 @@ var TasksView = ({
     // lastUpdated: new Date(),
     // isActive: true,
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
       DashboardHero,
       {
         title: "Task Reminders",
@@ -9317,8 +9870,8 @@ var TasksView = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "h-full bg-background", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "h-full bg-background", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
         AddReminderModal,
         {
           colleagues,
@@ -9327,48 +9880,48 @@ var TasksView = ({
           setOpen: setOpenAddReminderModal
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "p-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center justify-between mb-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("h1", { className: "text-2xl font-bold text-foreground", children: "Task Reminders" }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-muted-foreground", children: "Manage your digital colleague task reminders" })
+      /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "p-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center justify-between mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("h1", { className: "text-2xl font-bold text-foreground", children: "Task Reminders" }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-muted-foreground", children: "Manage your digital colleague task reminders" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
             Button,
             {
               className: "flex items-center space-x-2",
               onClick: () => setOpenAddReminderModal(true),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react19.Plus, { className: "h-4 w-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("span", { children: "Add Reminder" })
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.Plus, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("span", { children: "Add Reminder" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "grid grid-cols-5 gap-4 mb-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-2xl font-bold text-foreground", children: stats.total }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-muted-foreground", children: "Total" })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "grid grid-cols-5 gap-4 mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-2xl font-bold text-foreground", children: stats.total }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-sm text-muted-foreground", children: "Total" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-2xl font-bold text-primary", children: stats.overdue }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-muted-foreground", children: "Pending" })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-2xl font-bold text-primary", children: stats.overdue }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-sm text-muted-foreground", children: "Pending" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-2xl font-bold text-success", children: stats.today }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-muted-foreground", children: "Completed" })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-2xl font-bold text-success", children: stats.today }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-sm text-muted-foreground", children: "Completed" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-2xl font-bold text-destructive", children: stats.overdue }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-muted-foreground", children: "Overdue" })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-2xl font-bold text-destructive", children: stats.overdue }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-sm text-muted-foreground", children: "Overdue" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-2xl font-bold text-warning", children: stats.today }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-sm text-muted-foreground", children: "Today" })
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-2xl font-bold text-warning", children: stats.today }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-sm text-muted-foreground", children: "Today" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)("div", { className: "flex items-center space-x-4 mb-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)("div", { className: "flex items-center space-x-4 mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             Input,
             {
               placeholder: "Search reminders...",
@@ -9377,25 +9930,25 @@ var TasksView = ({
               className: "max-w-md"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Select, { value: filter, onValueChange: (value) => setFilter(value), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(SelectValue, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SelectContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SelectItem, { value: "all", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Select, { value: filter, onValueChange: (value) => setFilter(value), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(SelectValue, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(SelectContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(SelectItem, { value: "all", children: [
                 "All (",
                 stats.total,
                 ")"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SelectItem, { value: "overdue", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(SelectItem, { value: "overdue", children: [
                 "Overdue (",
                 stats.overdue,
                 ")"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SelectItem, { value: "overdue", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(SelectItem, { value: "overdue", children: [
                 "Overdue (",
                 stats.overdue,
                 ")"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(SelectItem, { value: "today", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(SelectItem, { value: "today", children: [
                 "Today (",
                 stats.today,
                 ")"
@@ -9403,11 +9956,11 @@ var TasksView = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "space-y-4", children: sortedReminders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime48.jsxs)(Card, { className: "p-8 text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("div", { className: "text-muted-foreground", children: searchTerm || filter !== "all" ? "No reminders match your filters" : "No reminders yet" }),
-          !searchTerm && filter === "all" && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)("p", { className: "text-sm text-muted-foreground/60 mt-2", children: "Create your first reminder to get started" })
+        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "space-y-4", children: sortedReminders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Card, { className: "p-8 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "text-muted-foreground", children: searchTerm || filter !== "all" ? "No reminders match your filters" : "No reminders yet" }),
+          !searchTerm && filter === "all" && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("p", { className: "text-sm text-muted-foreground/60 mt-2", children: "Create your first reminder to get started" })
         ] }) : sortedReminders.map(
-          (reminder) => reminder && /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(
+          (reminder) => reminder && /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
             ReminderCard,
             {
               reminder,
@@ -9424,13 +9977,13 @@ var TasksView = ({
 };
 
 // src/components/Projects/FileView.tsx
-var import_react27 = require("react");
-var import_lucide_react21 = require("lucide-react");
+var import_react28 = require("react");
+var import_lucide_react22 = require("lucide-react");
 
 // src/components/AdvancedComponents/navigation-tabs.tsx
-var import_react26 = require("motion/react");
-var import_lucide_react20 = require("lucide-react");
-var import_jsx_runtime49 = require("react/jsx-runtime");
+var import_react27 = require("motion/react");
+var import_lucide_react21 = require("lucide-react");
+var import_jsx_runtime50 = require("react/jsx-runtime");
 function NavigationTabs({
   activeTab,
   onTabChange,
@@ -9440,15 +9993,15 @@ function NavigationTabs({
   gridCols = 6
 }) {
   const currentTab = tabOptions.find((tab) => tab.value === activeTab);
-  return /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(
-    import_react26.motion.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(
+    import_react27.motion.div,
     {
       className: `flex-1 flex justify-center ${className}`,
       initial: { opacity: 0, y: -20 },
       animate: { opacity: 1, y: 0 },
       transition: { duration: 0.3, ease: "easeOut" },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(Tabs, { value: activeTab, onValueChange: onTabChange, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "hidden lg:block", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Tabs, { value: activeTab, onValueChange: onTabChange, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
           TabsList,
           {
             className: "grid w-full rounded-2xl p-0 h-10",
@@ -9459,14 +10012,14 @@ function NavigationTabs({
                 tabOptions.length
               )}, minmax(0, 1fr))`
             },
-            children: tabOptions.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
-              import_react26.motion.div,
+            children: tabOptions.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+              import_react27.motion.div,
               {
                 whileHover: { scale: 1.1 },
                 whileTap: { scale: 0.98 },
                 transition: { type: "spring", stiffness: 400, damping: 17 },
                 className: "flex-1 px-2",
-                children: /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
                   TabsTrigger,
                   {
                     value: tab.value,
@@ -9480,12 +10033,12 @@ function NavigationTabs({
             ))
           }
         ) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime49.jsx)("div", { className: "lg:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(DropdownMenu, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime49.jsxs)(Button, { variant: "outline", className: "rounded-2xl min-w-[140px] justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "lg:hidden", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(DropdownMenu, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Button, { variant: "outline", className: "rounded-2xl min-w-[140px] justify-between", children: [
             currentTab?.label || "Select",
-            /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react20.ChevronDown, { className: "h-4 w-4 ml-2" })
+            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.ChevronDown, { className: "h-4 w-4 ml-2" })
           ] }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(DropdownMenuContent, { align: "center", className: "w-[180px]", children: tabOptions.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(DropdownMenuContent, { align: "center", className: "w-[180px]", children: tabOptions.map((tab) => /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
             DropdownMenuItem,
             {
               onClick: () => onTabChange?.(tab.value),
@@ -9501,8 +10054,8 @@ function NavigationTabs({
 }
 
 // src/components/Projects/FileView.tsx
-var import_react28 = require("motion/react");
-var import_jsx_runtime50 = require("react/jsx-runtime");
+var import_react29 = require("motion/react");
+var import_jsx_runtime51 = require("react/jsx-runtime");
 function FileView({
   initialFiles = [],
   onFileAdd,
@@ -9513,18 +10066,18 @@ function FileView({
   compactView = false,
   className
 }) {
-  const [files, setFiles] = (0, import_react27.useState)(initialFiles);
-  const [searchTerm, setSearchTerm] = (0, import_react27.useState)("");
-  const [appFilter, setAppFilter] = (0, import_react27.useState)("all");
-  const [activeTab, setActiveTab] = (0, import_react27.useState)("all");
-  const [isAddFileModalOpen, setIsAddFileModalOpen] = (0, import_react27.useState)(false);
-  const prevFilesHash = (0, import_react27.useRef)("");
+  const [files, setFiles] = (0, import_react28.useState)(initialFiles);
+  const [searchTerm, setSearchTerm] = (0, import_react28.useState)("");
+  const [appFilter, setAppFilter] = (0, import_react28.useState)("all");
+  const [activeTab, setActiveTab] = (0, import_react28.useState)("all");
+  const [isAddFileModalOpen, setIsAddFileModalOpen] = (0, import_react28.useState)(false);
+  const prevFilesHash = (0, import_react28.useRef)("");
   const getHash = (list) => {
     return list.map(
       (item) => `${item.id}-${new Date(item.createdAt).getTime()}-${new Date(item.updatedAt).getTime()}`
     ).join("-");
   };
-  (0, import_react27.useEffect)(() => {
+  (0, import_react28.useEffect)(() => {
     const next = getHash(
       initialFiles.map((el) => ({
         ...el,
@@ -9561,16 +10114,16 @@ function FileView({
     setSearchTerm("");
     setAppFilter("all");
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_react28.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
-      import_react28.motion.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_react29.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+      import_react29.motion.div,
       {
         initial: { opacity: 0, y: 10 },
         animate: { opacity: 1, y: 0 },
         exit: { opacity: 0, y: -10 },
         transition: { duration: 0.2 },
-        children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: `space-y-6 ${className || ""}`, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: `space-y-6 ${className || ""}`, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
             DashboardHero,
             {
               title: "Files",
@@ -9586,10 +10139,10 @@ function FileView({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CardContent, { className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "flex flex-col md:flex-row gap-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "relative", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.Search, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CardContent, { className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "flex flex-col md:flex-row gap-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "relative", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react22.Search, { className: "absolute left-3 top-3 h-4 w-4 text-muted-foreground" }),
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
                 Input,
                 {
                   placeholder: "Search files...",
@@ -9599,13 +10152,13 @@ function FileView({
                 }
               )
             ] }) }),
-            (searchTerm || appFilter !== "all") && /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Button, { variant: "outline", onClick: clearFilters, className: "gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.Filter, { className: "h-4 w-4" }),
+            (searchTerm || appFilter !== "all") && /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Button, { variant: "outline", onClick: clearFilters, className: "gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react22.Filter, { className: "h-4 w-4" }),
               "Clear"
             ] })
           ] }) }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "space-y-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "space-y-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               NavigationTabs,
               {
                 activeTab,
@@ -9619,7 +10172,7 @@ function FileView({
                 gridCols: 3
               }
             ),
-            activeTab === "all" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            activeTab === "all" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               FileList,
               {
                 files: filteredFiles,
@@ -9629,7 +10182,7 @@ function FileView({
                 showHeader: !compactView
               }
             ),
-            activeTab === "recent" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            activeTab === "recent" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               FileList,
               {
                 files: recentFiles,
@@ -9639,7 +10192,7 @@ function FileView({
                 showHeader: !compactView
               }
             ),
-            activeTab === "shared" && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+            activeTab === "shared" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
               FileList,
               {
                 files: sharedFiles,
@@ -9650,12 +10203,12 @@ function FileView({
               }
             )
           ] }),
-          filteredFiles.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(CardContent, { className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)("div", { className: "text-center py-8", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.File, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("h3", { className: "text-lg font-semibold mb-2", children: "No files found" }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsx)("p", { className: "text-muted-foreground mb-4", children: searchTerm || appFilter !== "all" ? "Try adjusting your filters to see more results." : "Get started by uploading your first file." }),
-            /* @__PURE__ */ (0, import_jsx_runtime50.jsxs)(Button, { onClick: handleAddFile, className: "gap-2", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react21.Plus, { className: "h-4 w-4" }),
+          filteredFiles.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(Card, { children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(CardContent, { className: "pt-6", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)("div", { className: "text-center py-8", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react22.File, { className: "h-12 w-12 text-muted-foreground mx-auto mb-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("h3", { className: "text-lg font-semibold mb-2", children: "No files found" }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("p", { className: "text-muted-foreground mb-4", children: searchTerm || appFilter !== "all" ? "Try adjusting your filters to see more results." : "Get started by uploading your first file." }),
+            /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(Button, { onClick: handleAddFile, className: "gap-2", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(import_lucide_react22.Plus, { className: "h-4 w-4" }),
               "Upload File"
             ] })
           ] }) }) })
@@ -9663,7 +10216,7 @@ function FileView({
       },
       "files-view"
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
       AddFileModal,
       {
         isOpen: isAddFileModalOpen,
@@ -9676,7 +10229,7 @@ function FileView({
 
 // src/components/Projects/ProjectView.tsx
 var import_navigation = require("next/navigation");
-var import_jsx_runtime51 = require("react/jsx-runtime");
+var import_jsx_runtime52 = require("react/jsx-runtime");
 function ProjectView({
   title = "",
   initialTasks = [],
@@ -9724,47 +10277,47 @@ function ProjectView({
   onCopilotClick,
   handleAddComment
 }) {
-  const [tasks, setTasks] = (0, import_react29.useState)(initialTasks);
-  const [epics, setEpics] = (0, import_react29.useState)(initialEpics);
-  const [sprints, setSprints] = (0, import_react29.useState)(initialSprints);
-  const [projects, setProjects] = (0, import_react29.useState)(initialProjects);
-  const [reminders, setReminders] = (0, import_react29.useState)(initialReminders);
-  const [colleagues, setColleagues] = (0, import_react29.useState)(initialColleagues);
-  const [users, setUsers] = (0, import_react29.useState)(initialUsers);
-  const [files, setFiles] = (0, import_react29.useState)(initialFiles);
-  const [isAddTaskModalOpen, setIsAddTaskModalOpen] = (0, import_react29.useState)(false);
-  const [isAddEpicModalOpen, setIsAddEpicModalOpen] = (0, import_react29.useState)(false);
-  const [selectedTask, setSelectedTask] = (0, import_react29.useState)(null);
-  const [selectedEpicForTask, setSelectedEpicForTask] = (0, import_react29.useState)(null);
-  const [draggedTask, setDraggedTask] = (0, import_react29.useState)(null);
-  const [currentView, setCurrentView] = (0, import_react29.useState)(initialView || "kanban");
-  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react29.useState)(false);
+  const [tasks, setTasks] = (0, import_react30.useState)(initialTasks);
+  const [epics, setEpics] = (0, import_react30.useState)(initialEpics);
+  const [sprints, setSprints] = (0, import_react30.useState)(initialSprints);
+  const [projects, setProjects] = (0, import_react30.useState)(initialProjects);
+  const [reminders, setReminders] = (0, import_react30.useState)(initialReminders);
+  const [colleagues, setColleagues] = (0, import_react30.useState)(initialColleagues);
+  const [users, setUsers] = (0, import_react30.useState)(initialUsers);
+  const [files, setFiles] = (0, import_react30.useState)(initialFiles);
+  const [isAddTaskModalOpen, setIsAddTaskModalOpen] = (0, import_react30.useState)(false);
+  const [isAddEpicModalOpen, setIsAddEpicModalOpen] = (0, import_react30.useState)(false);
+  const [selectedTask, setSelectedTask] = (0, import_react30.useState)(null);
+  const [selectedEpicForTask, setSelectedEpicForTask] = (0, import_react30.useState)(null);
+  const [draggedTask, setDraggedTask] = (0, import_react30.useState)(null);
+  const [currentView, setCurrentView] = (0, import_react30.useState)(initialView || "kanban");
+  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react30.useState)(false);
   const router = (0, import_navigation.useRouter)();
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     setTasks(initialTasks);
   }, [initialTasks]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     setSprints(initialSprints);
   }, [initialSprints]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     setEpics(initialEpics);
   }, [initialEpics]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     setProjects(initialProjects);
   }, [initialProjects]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     setFiles(initialFiles);
   }, [initialFiles]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     setUsers(initialUsers);
   }, [initialUsers]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     setColleagues(initialColleagues);
   }, [initialColleagues]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     setReminders(initialReminders);
   }, [initialReminders]);
-  (0, import_react29.useEffect)(() => {
+  (0, import_react30.useEffect)(() => {
     setCurrentView(initialView);
   }, [initialView]);
   const filteredTasks = tasks.filter((task) => {
@@ -9970,6 +10523,8 @@ function ProjectView({
         return "Documentation";
       case "epics":
         return "Epic Planning";
+      case "gantt":
+        return "Gantt Chart";
       default:
         return "Project Board";
     }
@@ -9985,8 +10540,8 @@ function ProjectView({
   const recentTeams = mockTeams.sort((a, b) => b.lastUsed.getTime() - a.lastUsed.getTime()).slice(0, 3);
   const hasMoreTeams = mockTeams.length > 3;
   const additionalTeams = mockTeams.slice(3);
-  return /* @__PURE__ */ (0, import_jsx_runtime51.jsxs)(ManagementSidebar, { currentView, onViewChange: handleViewChange, children: [
-    currentView === "kanban" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime52.jsxs)(ManagementSidebar, { currentView, onViewChange: handleViewChange, children: [
+    currentView === "kanban" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "h-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       KanbanBoardView,
       {
         initialProjects: projects,
@@ -10003,7 +10558,7 @@ function ProjectView({
         onAddComment: handleAddComment
       }
     ) }),
-    currentView === "planning" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "hidden md:block h-full", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    currentView === "planning" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "hidden md:block h-full", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       PlanningView,
       {
         tasks,
@@ -10016,7 +10571,7 @@ function ProjectView({
         onDeleteSprint: handleDeleteSprint
       }
     ) }),
-    currentView === "tasks" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    currentView === "tasks" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       TasksView,
       {
         initialReminders: reminders,
@@ -10026,7 +10581,7 @@ function ProjectView({
         onDeleteReminder: handleDeleteReminder
       }
     ) }),
-    currentView === "files" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    currentView === "files" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       FileView,
       {
         initialFiles: files,
@@ -10037,7 +10592,7 @@ function ProjectView({
         compactView: false
       }
     ) }),
-    currentView === "epics" && /* @__PURE__ */ (0, import_jsx_runtime51.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    currentView === "epics" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       EpicsView,
       {
         tasks,
@@ -10051,7 +10606,17 @@ function ProjectView({
         onDeleteEpic: handleDeleteEpic
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    currentView === "gantt" && /* @__PURE__ */ (0, import_jsx_runtime52.jsx)("div", { className: "hidden md:block h-full", children: /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
+      GanttView,
+      {
+        tasks,
+        epics,
+        sprints,
+        onUpdateEpic: handleUpdateEpic,
+        onTaskClick: handleTaskClick
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       AddTaskModal,
       {
         isOpen: isAddTaskModalOpen,
@@ -10063,7 +10628,7 @@ function ProjectView({
         defaultEpicId: selectedEpicForTask || void 0
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime51.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime52.jsx)(
       AddEpicModal,
       {
         isOpen: isAddEpicModalOpen,