cortex-react-components 3.3.0 → 4.0.3

package/dist/components/Foundry/Views/index.js

@@ -4497,15 +4497,16 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   });
-  const setValue = (value) => {
+  const setValue = (0, import_react14.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_react14.useEffect)(() => {
     setValue(storedValue);
   }, []);
@@ -5094,7 +5095,7 @@ var DialogContent = React10.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,
@@ -5984,8 +5985,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");
@@ -7077,7 +7078,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;
@@ -7098,18 +7099,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()
@@ -7159,8 +7160,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_runtime44.jsx)(import_lucide_react19.FileText, { className: "h-6 w-6 text-primary" });
@@ -7172,8 +7173,8 @@ function FileEdit({ document: document2, onCancel, onSave, onFileUpdate }) {
         return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(import_lucide_react19.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":
@@ -7901,8 +7902,8 @@ function DocumentEdit({
   (0, import_react32.useEffect)(() => {
     setEditedDocument(document2);
   }, [document2]);
-  const formatIcon = (format2) => {
-    switch (format2) {
+  const formatIcon = (format3) => {
+    switch (format3) {
       case "markdown":
       case "mdx":
         return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react23.FileText, { className: "h-6 w-6 text-primary" });
@@ -7914,8 +7915,8 @@ function DocumentEdit({
         return /* @__PURE__ */ (0, import_jsx_runtime48.jsx)(import_lucide_react23.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":
@@ -8239,8 +8240,8 @@ function DocumentPreview({
   (0, import_react34.useEffect)(() => {
     setDocument(initialDocument);
   }, [initialDocument]);
-  const formatIcon = (format2) => {
-    switch (format2) {
+  const formatIcon = (format3) => {
+    switch (format3) {
       case "markdown":
       case "mdx":
         return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react24.FileText, { className: "h-6 w-6 text-primary" });
@@ -8252,8 +8253,8 @@ function DocumentPreview({
         return /* @__PURE__ */ (0, import_jsx_runtime49.jsx)(import_lucide_react24.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":
@@ -8266,15 +8267,15 @@ function DocumentPreview({
         return "bg-muted text-muted-foreground border-border";
     }
   };
-  const renderContent = (content, format2) => {
+  const renderContent = (content, format3) => {
     const defaultRenderers = {
       markdown: defaultMarkdownRenderer,
       mdx: defaultMDXRenderer,
       // richText: defaultRichTextRenderer,
       text: defaultTextRenderer
     };
-    const renderer = renderers?.[format2] || defaultRenderers[format2];
-    if (format2 === "richText" && typeof content === "object") {
+    const renderer = renderers?.[format3] || defaultRenderers[format3];
+    if (format3 === "richText" && typeof content === "object") {
       return defaultRichTextRenderer(content);
     }
     if (renderer) {
@@ -8441,8 +8442,8 @@ function MenuItem({
   const [isExpanded, setIsExpanded] = (0, import_react36.useState)(level === 0);
   const hasChildren = children && Object.keys(children).length > 0;
   const totalDocuments = documents.length + (children ? Object.values(children).reduce((acc, child) => acc + child.documents.length, 0) : 0);
-  const formatDocumentIcon = (format2) => {
-    switch (format2) {
+  const formatDocumentIcon = (format3) => {
+    switch (format3) {
       case "markdown":
       case "mdx":
         return /* @__PURE__ */ (0, import_jsx_runtime50.jsx)(import_lucide_react25.FileText, { className: "h-3.5 w-3.5 text-muted-foreground" });
@@ -9335,9 +9336,9 @@ function KnowledgeView({
 }
 
 // src/components/Projects/ProjectView.tsx
-var import_react52 = require("react");
+var import_react53 = require("react");
 
-// src/components/DigitalColleagues/ManagementSidebar.tsx
+// src/components/Foundry/ManagementSidebar.tsx
 var import_lucide_react29 = require("lucide-react");
 var import_jsx_runtime54 = require("react/jsx-runtime");
 var viewConfig = [
@@ -9376,6 +9377,14 @@ var viewConfig = [
     label: "Tasks",
     color: "bg-brand-cyan",
     title: "Tasks"
+  },
+  {
+    key: "gantt",
+    icon: import_lucide_react29.BarChart2,
+    label: "Gantt",
+    color: "bg-brand-blue",
+    title: "Gantt Chart",
+    hiddenOnMobile: true
   }
 ];
 var ManagementSidebar = ({
@@ -9383,15 +9392,15 @@ var ManagementSidebar = ({
   onViewChange,
   children
 }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime54.jsxs)("div", { className: "flex w-full h-screen", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.jsxs)("div", { className: "flex w-full h-full", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.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_runtime54.jsx)(Icon2, { className: "h-4 w-4 flex-shrink-0" }),
@@ -9401,7 +9410,7 @@ var ManagementSidebar = ({
         view.key
       );
     }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "flex-1 min-w-0 px-4 md:px-6 h-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime54.jsx)("div", { className: "w-full h-full", children }) })
+    /* @__PURE__ */ (0, import_jsx_runtime54.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_runtime54.jsx)("div", { className: "w-full h-full", children }) })
   ] });
 };
 
@@ -11121,17 +11130,25 @@ var import_react48 = require("react");
 var import_lucide_react35 = require("lucide-react");
 var import_jsx_runtime65 = 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_react48.useState)(epics);
+  const [availableTasks, setAvailableTasks] = (0, import_react48.useState)(tasks);
   const [draggedTask, setDraggedTask] = (0, import_react48.useState)(null);
   const [editingEpic, setEditingEpic] = (0, import_react48.useState)(null);
   const [editForm, setEditForm] = (0, import_react48.useState)({});
@@ -11139,16 +11156,29 @@ var EpicsView = ({
   const [isAddEpicModalOpen, setIsAddEpicModalOpen] = (0, import_react48.useState)(false);
   const [isAddTaskModalOpen, setIsAddTaskModalOpen] = (0, import_react48.useState)(false);
   const [addTaskEpic, setAddTaskEpic] = (0, import_react48.useState)(null);
+  const [selectedTask, setSelectedTask] = (0, import_react48.useState)(null);
+  const [selectedEpicIds, setSelectedEpicIds] = useLocalStorage(
+    `epicsView_selectedEpics${projectId ? `_${projectId}` : ""}`,
+    []
+  );
+  const [isEpicSelectorOpen, setIsEpicSelectorOpen] = (0, import_react48.useState)(false);
   const heroRef = (0, import_react48.useRef)(null);
   const containerRef = (0, import_react48.useRef)(null);
   (0, import_react48.useEffect)(() => {
     setAvailableEpics(epics);
+    const validIds = new Set(epics.map((e) => e.id.toString()));
+    setSelectedEpicIds((prev) => prev.filter((id) => validIds.has(id)));
   }, [epics]);
+  (0, import_react48.useEffect)(() => {
+    setAvailableTasks(tasks);
+    if (selectedTask) {
+      setSelectedTask(tasks.find((t) => t.id === selectedTask.id) || null);
+    }
+  }, [tasks]);
   (0, import_react48.useEffect)(() => {
     const measureHeroHeight = () => {
       if (heroRef.current) {
-        const height = heroRef.current.offsetHeight;
-        setHeroHeight(height);
+        setHeroHeight(heroRef.current.offsetHeight);
       }
     };
     measureHeroHeight();
@@ -11173,6 +11203,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);
   };
@@ -11182,14 +11218,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());
@@ -11198,19 +11261,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({});
@@ -11226,6 +11285,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) => {
@@ -11268,218 +11328,315 @@ var EpicsView = ({
           }
         }
       ) }),
-      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-1 min-h-0 mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-1 min-h-0 mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.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_runtime65.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_runtime65.jsx)("div", { className: "p-4 border-b border-border", children: editingEpic === epic.id.toString() ? (
-                    /* Edit Mode */
-                    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "space-y-4", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-between", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-                          Input,
-                          {
-                            value: editForm.name || "",
-                            onChange: (e) => setEditForm({ ...editForm, name: e.target.value }),
-                            placeholder: "Epic name",
-                            className: "font-semibold"
-                          }
-                        ),
-                        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex gap-2 ml-2", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-                            Button,
-                            {
-                              size: "sm",
-                              variant: "ghost",
-                              onClick: handleSaveEdit,
-                              className: "p-1 h-8 w-8",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react35.Check, { className: "h-4 w-4" })
-                            }
-                          ),
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "mb-4", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Card, { className: "p-3 bg-card shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h3", { className: "font-semibold text-foreground text-sm", children: "Epics" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsxs)("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-xs text-muted-foreground", children: "Viewing:" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex flex-wrap gap-1", children: visibleEpics.map((epic) => /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsx)("div", { className: `w-2 h-2 rounded-full ${epic.color}` }),
+                          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "max-w-[80px] truncate", children: epic.name }),
                           /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsx)(import_lucide_react35.X, { className: "h-4 w-4" })
                             }
                           )
-                        ] })
+                        ]
+                      },
+                      epic.id
+                    )) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
+                  Button,
+                  {
+                    onClick: () => setIsEpicSelectorOpen(!isEpicSelectorOpen),
+                    variant: "outline",
+                    size: "sm",
+                    className: "gap-1",
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react35.Layers, { className: "h-3 w-3" }),
+                      isEpicSelectorOpen ? "Close" : "Select"
+                    ]
+                  }
+                )
+              ] }) }),
+              isEpicSelectorOpen && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                "div",
+                {
+                  className: "fixed inset-0 bg-black/20 z-[5]",
+                  onClick: () => setIsEpicSelectorOpen(false)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsxs)(Card, { className: "h-full rounded-none border-0 flex flex-col", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "p-4 border-b bg-muted/30 flex-shrink-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h3", { className: "font-semibold text-foreground text-base", children: "Select Epics" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                          Button,
+                          {
+                            variant: "ghost",
+                            size: "sm",
+                            onClick: () => setIsEpicSelectorOpen(false),
+                            className: "h-8 w-8 p-0",
+                            children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react35.X, { className: "h-4 w-4" })
+                          }
+                        )
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-                        Textarea,
+                      /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsx)("div", { className: "flex flex-col flex-1 p-4 min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.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_runtime65.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("label", { className: "text-xs text-muted-foreground", children: "Confidence" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsx)("option", { value: "low", children: "Low" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("option", { value: "medium", children: "Medium" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("option", { value: "high", children: "High" })
-                              ]
-                            }
-                          )
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("label", { className: "text-xs text-muted-foreground", children: "Phase" }),
-                          /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsxs)("option", { value: phase.toString(), children: [
-                                "Phase ",
-                                phase
-                              ] }, phase))
-                            }
-                          )
-                        ] })
-                      ] })
-                    ] })
-                  ) : (
-                    /* Display Mode */
-                    /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-2 mb-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: `w-4 h-4 rounded-full ${epic.color}` }),
-                        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h3", { className: "font-semibold text-foreground select-none flex-1", children: epic.name }),
-                        /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsxs)("div", { className: "flex items-center justify-between", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: `w-3 h-3 rounded-full flex-shrink-0 ${epic.color}` }),
+                                /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "font-medium text-sm text-foreground truncate", children: epic.name })
+                              ] }),
+                              /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "ml-2 flex items-center gap-1", children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Badge, { variant: "secondary", className: "text-xs", children: taskCount }) })
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.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_runtime65.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_runtime65.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_runtime65.jsx)("div", { className: "p-3 border-b border-border flex-shrink-0", children: editingEpic === epic.id.toString() ? (
+                      /* Edit Mode */
+                      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "space-y-3", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center justify-between", children: [
                           /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-                            Button,
+                            Input,
                             {
-                              size: "sm",
-                              variant: "ghost",
-                              onClick: () => handleEditEpic(epic),
-                              className: "p-1 h-8 w-8",
-                              children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react35.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_runtime65.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_runtime65.jsx)(import_lucide_react35.Trash2, { className: "h-3 w-3" })
-                            }
-                          )
-                        ] })
-                      ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-wrap gap-2 mb-3", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Badge, { className: `text-xs ${getConfidenceColor(epic.confidence)}`, children: [
-                          epic.confidence,
-                          " confidence"
-                        ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(Badge, { variant: "outline", className: "text-xs", children: [
-                          "Phase ",
-                          epic.phase
+                          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex gap-1 ml-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: handleSaveEdit,
+                                className: "p-1 h-7 w-7",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react35.Check, { className: "h-3 w-3" })
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: handleCancelEdit,
+                                className: "p-1 h-7 w-7",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react35.X, { className: "h-3 w-3" })
+                              }
+                            )
+                          ] })
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
-                          Badge,
+                        /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("label", { className: "text-xs text-muted-foreground", children: "Confidence" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsx)("option", { value: "low", children: "Low" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("option", { value: "medium", children: "Medium" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("option", { value: "high", children: "High" })
+                                ]
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("label", { className: "text-xs text-muted-foreground", children: "Phase" }),
+                            /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsxs)("option", { value: phase.toString(), children: [
+                                  "Phase ",
+                                  phase
+                                ] }, phase))
+                              }
+                            )
+                          ] })
+                        ] })
+                      ] })
+                    ) : (
+                      /* Display Mode */
+                      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(import_jsx_runtime65.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: `w-3 h-3 rounded-full flex-shrink-0 ${epic.color}` }),
+                          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("h3", { className: "font-semibold text-foreground text-sm select-none flex-1 truncate", children: epic.name }),
+                          /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex gap-0.5", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: () => handleEditEpic(epic),
+                                className: "p-1 h-6 w-6",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react35.Edit2, { className: "h-3 w-3" })
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsx)(import_lucide_react35.Trash2, { className: "h-3 w-3" })
+                              }
+                            )
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "flex flex-wrap gap-1 mb-2", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Badge, { className: `text-xs px-1.5 py-0 ${getConfidenceColor(epic.confidence)}`, children: epic.confidence }),
+                          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(Badge, { variant: "outline", className: "text-xs px-1.5 py-0", children: getPhaseLabel(epic.phase) }),
+                          /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsx)("p", { className: "text-xs text-muted-foreground mb-2 select-none line-clamp-2", children: epic.description }),
                         /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsx)(import_lucide_react35.Plus, { className: "h-3 w-3" }),
+                              "Add Task"
                             ]
                           }
                         )
-                      ] }),
-                      epic.description && /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("p", { className: "text-sm text-muted-foreground mb-3 select-none", children: epic.description }),
-                      /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
-                        Button,
-                        {
-                          onClick: () => {
-                            setIsAddTaskModalOpen(true);
-                            setAddTaskEpic(epic);
-                          },
-                          variant: "outline",
-                          size: "sm",
-                          className: "w-full gap-2",
-                          children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react35.Plus, { className: "h-4 w-4" }),
-                            "Add Task"
-                          ]
-                        }
-                      )
-                    ] })
-                  ) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-1 p-4 overflow-y-auto", children: /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.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_runtime65.jsx)(import_lucide_react35.Move, { className: "h-8 w-8 mb-2" }),
-                        /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-sm select-none", children: "Drop tasks here" })
-                      ] }) : epicTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
-                        TaskCard,
-                        {
-                          task,
-                          epic,
-                          onDragStart: handleDragStart,
-                          onTaskClick,
-                          isCompact: true
-                        },
-                        task.id
-                      ))
-                    }
-                  ) })
-                ]
-              },
-              epic.id
-            );
-          }) })
+                      ] })
+                    ) }),
+                    /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("div", { className: "flex-1 p-2 overflow-y-auto no-scrollbar min-h-0", children: /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsxs)("div", { className: "flex flex-col items-center justify-center h-16 text-muted-foreground", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(import_lucide_react35.Move, { className: "h-5 w-5 mb-1" }),
+                          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)("span", { className: "text-xs select-none", children: "Drop tasks here" })
+                        ] }) : epicTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)("div", { className: "relative group", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+                            TaskCard,
+                            {
+                              task,
+                              epic,
+                              onDragStart: handleDragStart,
+                              onTaskClick: handleTaskClick,
+                              isCompact: true
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime65.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_runtime65.jsx)(import_lucide_react35.X, { className: "h-3 w-3" })
+                            }
+                          )
+                        ] }, task.id))
+                      }
+                    ) })
+                  ]
+                },
+                epic.id
+              );
+            }) })
+          ]
         }
       ) })
     ] }),
@@ -11502,21 +11659,417 @@ var EpicsView = ({
         defaultEpicId: addTaskEpic?.id.toString() || "",
         sprints
       }
+    ),
+    selectedTask && /* @__PURE__ */ (0, import_jsx_runtime65.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_react50 = require("react");
-var import_lucide_react37 = require("lucide-react");
-
-// src/components/Projects/AddSprintModal.tsx
+// src/components/Projects/GanttView.tsx
 var import_react49 = require("react");
-var import_lucide_react36 = require("lucide-react");
 var import_date_fns = require("date-fns");
+var import_lucide_react36 = require("lucide-react");
 var import_jsx_runtime66 = 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_react49.useState)(7);
+  const [isFullscreen, setIsFullscreen] = (0, import_react49.useState)(false);
+  const scrollRef = (0, import_react49.useRef)(null);
+  const heroRef = (0, import_react49.useRef)(null);
+  const [heroHeight, setHeroHeight] = (0, import_react49.useState)(0);
+  (0, import_react49.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_react49.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_react49.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_react49.useMemo)(
+    () => sprints.filter((s) => {
+      const name = s.name.toLowerCase();
+      return name !== "backlog" && name !== "all tasks";
+    }),
+    [sprints]
+  );
+  const monthHeaders = (0, import_react49.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_react49.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_runtime66.jsxs)("div", { className: "flex flex-1 min-h-0 overflow-hidden", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "w-52 flex-shrink-0 border-r bg-background z-10 flex flex-col", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsx)("span", { className: "text-xs font-semibold text-muted-foreground tracking-wider uppercase", children: "Epic" })
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "overflow-y-auto flex-1", children: [
+        sortedKeys.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsxs)(
+            "div",
+            {
+              className: "flex flex-col justify-center px-3 border-b",
+              style: { height: ROW_HEIGHT },
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-sm font-medium truncate", title: name, children: name }),
+                /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("span", { className: "text-xs text-muted-foreground", children: [
+                  stats.total,
+                  " task",
+                  stats.total !== 1 ? "s" : "",
+                  " \xB7 ",
+                  stats.pct,
+                  "%"
+                ] })
+              ]
+            },
+            name
+          );
+        })
+      ] })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex-1 overflow-x-auto overflow-y-auto", ref: scrollRef, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { style: { width: totalWidth, position: "relative" }, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.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_runtime66.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_runtime66.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_runtime66.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_runtime66.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_runtime66.jsxs)(
+          "div",
+          {
+            className: "absolute inset-y-0 pointer-events-none z-10",
+            style: { left: todayLeft },
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "absolute inset-y-0 w-0.5 bg-destructive/50" }),
+              /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.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_runtime66.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_runtime66.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_runtime66.jsx)(
+                        "div",
+                        {
+                          className: `absolute inset-0 ${epic.color}`,
+                          style: { opacity: 0.2 }
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsxs)("div", { className: "absolute inset-0 flex items-center px-2 gap-1.5 z-10", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("span", { className: "text-xs font-semibold text-white drop-shadow truncate", children: phaseLabel }),
+                        stats.total > 0 && /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.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_runtime66.jsxs)("div", { className: `flex flex-col ${isFullscreen ? "h-screen" : "h-full"} overflow-hidden`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { ref: heroRef, className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsxs)("div", { className: "flex items-center gap-2 px-4 py-2 border-b bg-background flex-shrink-0", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react36.BarChart2, { className: "h-4 w-4 text-muted-foreground" }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "flex items-center gap-1", children: ZOOM_LEVELS.map((z) => /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsx)("div", { className: "flex-1" }),
+      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+        Button,
+        {
+          variant: "outline",
+          size: "sm",
+          className: "h-7 px-2 text-xs",
+          onClick: scrollToToday,
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react36.Calendar, { className: "h-3 w-3 mr-1" }),
+            "Today"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime66.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_runtime66.jsx)(import_lucide_react36.Minimize2, { className: "h-3.5 w-3.5" }) : /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react36.Maximize2, { className: "h-3.5 w-3.5" })
+        }
+      )
+    ] }),
+    chartContent
+  ] });
+  if (isFullscreen) {
+    return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)("div", { className: "fixed inset-0 z-50 bg-background overflow-hidden", children: inner });
+  }
+  return inner;
+};
+
+// src/components/Projects/PlanningView.tsx
+var import_react51 = require("react");
+var import_lucide_react38 = require("lucide-react");
+
+// src/components/Projects/AddSprintModal.tsx
+var import_react50 = require("react");
+var import_lucide_react37 = require("lucide-react");
+var import_date_fns2 = require("date-fns");
+var import_jsx_runtime67 = require("react/jsx-runtime");
 var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
-  const [formData, setFormData] = (0, import_react49.useState)({
+  const [formData, setFormData] = (0, import_react50.useState)({
     name: "",
     description: "",
     startDate: void 0,
@@ -11557,12 +12110,12 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
     });
     onClose();
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(DialogContent, { className: "sm:max-w-md", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(DialogTitle, { children: "Add New Sprint" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Label3, { htmlFor: "name", children: "Sprint Name *" }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Dialog, { open: isOpen, onOpenChange: handleClose, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(DialogContent, { className: "sm:max-w-md", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(DialogTitle, { children: "Add New Sprint" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Label3, { htmlFor: "name", children: "Sprint Name *" }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           Input,
           {
             id: "name",
@@ -11573,9 +12126,9 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Label3, { htmlFor: "description", children: "Description" }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Label3, { htmlFor: "description", children: "Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           Textarea,
           {
             id: "description",
@@ -11586,11 +12139,11 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Label3, { children: "Start Date *" }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Popover, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Label3, { children: "Start Date *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Popover, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
               Button,
               {
                 variant: "outline",
@@ -11599,12 +12152,12 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
                   !formData.startDate && "text-muted-foreground"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react36.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_runtime67.jsx)(import_lucide_react37.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_runtime66.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
               Calendar3,
               {
                 mode: "single",
@@ -11615,10 +12168,10 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
             ) })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Label3, { children: "End Date *" }),
-          /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(Popover, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Label3, { children: "End Date *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Popover, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
               Button,
               {
                 variant: "outline",
@@ -11627,12 +12180,12 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
                   !formData.endDate && "text-muted-foreground"
                 ),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(import_lucide_react36.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_runtime67.jsx)(import_lucide_react37.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_runtime66.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(PopoverContent, { className: "w-auto p-0", align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
               Calendar3,
               {
                 mode: "single",
@@ -11645,9 +12198,9 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime66.jsxs)("div", { className: "flex justify-end gap-3 pt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(Button, { type: "button", variant: "outline", onClick: handleClose, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime66.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex justify-end gap-3 pt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Button, { type: "button", variant: "outline", onClick: handleClose, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
           Button,
           {
             type: "submit",
@@ -11661,7 +12214,7 @@ var AddSprintModal = ({ isOpen, onClose, onAddSprint }) => {
 };
 
 // src/components/Projects/PlanningView.tsx
-var import_jsx_runtime67 = require("react/jsx-runtime");
+var import_jsx_runtime68 = require("react/jsx-runtime");
 var PlanningView = ({
   tasks,
   epics,
@@ -11672,25 +12225,25 @@ var PlanningView = ({
   onUpdateSprint,
   onDeleteSprint
 }) => {
-  const [selectedSprintIds, setSelectedSprintIds] = (0, import_react50.useState)([]);
-  const [collapsedEpics, setCollapsedEpics] = (0, import_react50.useState)(/* @__PURE__ */ new Set());
-  const [draggedTask, setDraggedTask] = (0, import_react50.useState)(null);
-  const [isAddSprintModalOpen, setIsAddSprintModalOpen] = (0, import_react50.useState)(false);
-  const [dragOverTarget, setDragOverTarget] = (0, import_react50.useState)(null);
-  const [editingSprintId, setEditingSprintId] = (0, import_react50.useState)(null);
-  const [sprintEditForm, setSprintEditForm] = (0, import_react50.useState)({
+  const [selectedSprintIds, setSelectedSprintIds] = (0, import_react51.useState)([]);
+  const [collapsedEpics, setCollapsedEpics] = (0, import_react51.useState)(/* @__PURE__ */ new Set());
+  const [draggedTask, setDraggedTask] = (0, import_react51.useState)(null);
+  const [isAddSprintModalOpen, setIsAddSprintModalOpen] = (0, import_react51.useState)(false);
+  const [dragOverTarget, setDragOverTarget] = (0, import_react51.useState)(null);
+  const [editingSprintId, setEditingSprintId] = (0, import_react51.useState)(null);
+  const [sprintEditForm, setSprintEditForm] = (0, import_react51.useState)({
     name: "",
     description: "",
     startDate: "",
     endDate: ""
   });
-  const [availableSprints, setAvailableSprints] = (0, import_react50.useState)([]);
-  const [sprintFilter, setSprintFilter] = (0, import_react50.useState)("upcoming");
-  const [isSprintSelectorOpen, setIsSprintSelectorOpen] = (0, import_react50.useState)(false);
-  const [heroHeight, setHeroHeight] = (0, import_react50.useState)(0);
-  const heroRef = (0, import_react50.useRef)(null);
-  const containerRef = (0, import_react50.useRef)(null);
-  (0, import_react50.useEffect)(() => {
+  const [availableSprints, setAvailableSprints] = (0, import_react51.useState)([]);
+  const [sprintFilter, setSprintFilter] = (0, import_react51.useState)("upcoming");
+  const [isSprintSelectorOpen, setIsSprintSelectorOpen] = (0, import_react51.useState)(false);
+  const [heroHeight, setHeroHeight] = (0, import_react51.useState)(0);
+  const heroRef = (0, import_react51.useRef)(null);
+  const containerRef = (0, import_react51.useRef)(null);
+  (0, import_react51.useEffect)(() => {
     const savedSprintIds = localStorage.getItem("planningView_selectedSprints");
     if (savedSprintIds) {
       try {
@@ -11703,10 +12256,10 @@ var PlanningView = ({
       }
     }
   }, []);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     localStorage.setItem("planningView_selectedSprints", JSON.stringify(selectedSprintIds));
   }, [selectedSprintIds]);
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     const updateHeroHeight = () => {
       if (heroRef.current) {
         setHeroHeight(heroRef.current.offsetHeight);
@@ -11767,7 +12320,7 @@ var PlanningView = ({
     });
     return { tasksByEpic, unassignedTasks };
   };
-  (0, import_react50.useEffect)(() => {
+  (0, import_react51.useEffect)(() => {
     setAvailableSprints(sprints);
   }, [sprints]);
   const displayedSprints = availableSprints.filter((sprint) => {
@@ -11890,7 +12443,7 @@ var PlanningView = ({
       e.dataTransfer.setData("text/plain", task.id.toString());
       handleDragStart(e, task);
     };
-    return /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime68.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",
@@ -11898,28 +12451,28 @@ var PlanningView = ({
         onDragStart: handleCardDragStart,
         onClick: handleCardClick,
         style: { userSelect: "none" },
-        children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "space-y-2 pointer-events-none", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h4", { className: "font-medium text-sm text-foreground line-clamp-1", children: task.name }),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Badge, { className: `text-xs ${getPriorityColor(task.priority || "medium")}`, children: task.priority?.[0]?.toUpperCase() })
+        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "space-y-2 pointer-events-none", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-start justify-between gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("h4", { className: "font-medium text-sm text-foreground line-clamp-1", children: task.name }),
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Badge, { className: `text-xs ${getPriorityColor(task.priority || "medium")}`, children: task.priority?.[0]?.toUpperCase() })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-1", children: [
-              epic && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: `w-2 h-2 rounded-full ${epic.color}` }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-muted-foreground truncate", children: epic?.name })
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-between text-xs", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-1", children: [
+              epic && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: `w-2 h-2 rounded-full ${epic.color}` }),
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-muted-foreground truncate", children: epic?.name })
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-muted-foreground", children: getDisplayName(task.assignee?.value?.name) })
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-muted-foreground", children: getDisplayName(task.assignee?.value?.name) })
           ] }),
-          showSprint && sprint && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.Calendar, { className: "h-3 w-3" }),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { children: sprint.name })
+          showSprint && sprint && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-1 text-xs text-muted-foreground", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Calendar, { className: "h-3 w-3" }),
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: sprint.name })
           ] })
         ] })
       }
     );
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { ref: containerRef, className: "h-full flex flex-col px-2 md:px-4 py-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { ref: heroRef, className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { ref: containerRef, className: "h-full flex flex-col px-2 md:px-4 py-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { ref: heroRef, className: "flex-shrink-0", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
       DashboardHero,
       {
         title: "Sprint Planning",
@@ -11931,7 +12484,7 @@ var PlanningView = ({
         }
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex-1 min-h-0 mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex-1 min-h-0 mt-8", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
       "div",
       {
         className: "h-full",
@@ -11939,30 +12492,30 @@ var PlanningView = ({
           height: heroHeight > 0 ? `calc(100vh - ${heroHeight + 120}px)` : "calc(100vh - 12rem)"
         },
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "mb-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(Card, { className: "p-3 bg-card shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center justify-between", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-3", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "font-semibold text-foreground text-sm", children: "Sprint Board" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "mb-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Card, { className: "p-3 bg-card shadow-sm", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-between", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-3", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("h3", { className: "font-semibold text-foreground text-sm", children: "Sprint Board" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { className: "text-xs text-muted-foreground", children: [
                     selectedSprintIds?.length,
                     "/3 selected"
                   ] })
                 ] }),
-                selectedSprintIds?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "text-xs text-muted-foreground", children: "Viewing:" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex flex-wrap gap-1", children: visibleSprints.map((sprint) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+                selectedSprintIds?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-2", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "text-xs text-muted-foreground", children: "Viewing:" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex flex-wrap gap-1", children: visibleSprints.map((sprint) => /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsx)("span", { className: "max-w-[80px] truncate", children: sprint.name }),
-                        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "max-w-[80px] truncate", children: sprint.name }),
+                        /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsx)(import_lucide_react37.X, { className: "h-4 w-4" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.X, { className: "h-4 w-4" })
                           }
                         )
                       ]
@@ -11971,20 +12524,20 @@ var PlanningView = ({
                   )) })
                 ] })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-2", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-2", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
                   Button,
                   {
                     onClick: () => setIsAddSprintModalOpen(true),
                     className: "bg-primary hover:bg-primary/90 text-primary-foreground gap-1",
                     size: "sm",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.Plus, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Plus, { className: "h-3 w-3" }),
                       "Add"
                     ]
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+                /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
                   Button,
                   {
                     onClick: () => setIsSprintSelectorOpen(!isSprintSelectorOpen),
@@ -11992,43 +12545,43 @@ var PlanningView = ({
                     size: "sm",
                     className: "gap-1",
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.Calendar, { className: "h-3 w-3" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Calendar, { className: "h-3 w-3" }),
                       isSprintSelectorOpen ? "Close" : "Select"
                     ]
                   }
                 )
               ] })
             ] }) }),
-            isSprintSelectorOpen && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+            isSprintSelectorOpen && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
               "div",
               {
                 className: "fixed inset-0 bg-black/20 z-[5]",
                 onClick: () => setIsSprintSelectorOpen(false)
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsxs)(Card, { className: "h-full rounded-none border-0 flex flex-col", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "p-4 border-b bg-muted/30 flex-shrink-0", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center justify-between", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "font-semibold text-foreground text-base", children: "Select Sprints" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Card, { className: "h-full rounded-none border-0 flex flex-col", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "p-4 border-b bg-muted/30 flex-shrink-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-between", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("h3", { className: "font-semibold text-foreground text-base", children: "Select Sprints" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                         Button,
                         {
                           variant: "ghost",
                           size: "sm",
                           onClick: () => setIsSprintSelectorOpen(false),
                           className: "h-8 w-8 p-0",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.X, { className: "h-4 w-4" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.X, { className: "h-4 w-4" })
                         }
                       )
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime67.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_runtime68.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_runtime67.jsxs)("div", { className: "flex flex-col flex-1 p-4 min-h-0", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex gap-1 mb-4 bg-muted p-1 rounded-lg", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex flex-col flex-1 p-4 min-h-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex gap-1 mb-4 bg-muted p-1 rounded-lg", children: [
                       { key: "all", label: "All", count: sprints.length },
                       {
                         key: "active",
@@ -12040,7 +12593,7 @@ var PlanningView = ({
                         label: "Upcoming"
                         // count: sprints.filter((s) => !s.isActive).length,
                       }
-                    ].map((filter) => /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+                    ].map((filter) => /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
                       Button,
                       {
                         variant: sprintFilter === filter.key ? "default" : "outline",
@@ -12056,18 +12609,18 @@ var PlanningView = ({
                       },
                       filter.key
                     )) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "space-y-2 flex-1 overflow-y-auto", children: displayedSprints.length > 0 ? displayedSprints.map((sprint) => {
+                    /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsx)(
+                      return /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsxs)("div", { className: "space-y-3", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                          children: editingSprintId === sprint.id.toString() ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "space-y-3", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                               Input,
                               {
                                 value: sprintEditForm.name,
@@ -12076,7 +12629,7 @@ var PlanningView = ({
                                 placeholder: "Sprint name"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                               Textarea,
                               {
                                 value: sprintEditForm.description,
@@ -12088,10 +12641,10 @@ var PlanningView = ({
                                 placeholder: "Sprint description"
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "Start Date" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "Start Date" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                                   Input,
                                   {
                                     type: "date",
@@ -12104,9 +12657,9 @@ var PlanningView = ({
                                   }
                                 )
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "End Date" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "End Date" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                                   Input,
                                   {
                                     type: "date",
@@ -12120,20 +12673,20 @@ var PlanningView = ({
                                 )
                               ] })
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex gap-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+                            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex gap-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
                                 Button,
                                 {
                                   size: "sm",
                                   onClick: () => handleSprintEditSave(),
                                   className: "flex-1",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.Check, { className: "h-3 w-3 mr-1" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Check, { className: "h-3 w-3 mr-1" }),
                                     "Save"
                                   ]
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+                              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
                                 Button,
                                 {
                                   size: "sm",
@@ -12141,18 +12694,18 @@ var PlanningView = ({
                                   onClick: handleSprintEditCancel,
                                   className: "flex-1",
                                   children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.X, { className: "h-3 w-3 mr-1" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.X, { className: "h-3 w-3 mr-1" }),
                                     "Cancel"
                                   ]
                                 }
                               )
                             ] })
-                          ] }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-start justify-between", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-2 mb-1", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h4", { className: "font-medium text-sm text-foreground truncate", children: sprint.name }),
-                                  isSprintActive(sprint) && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                          ] }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-start justify-between", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-2 mb-1", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("h4", { className: "font-medium text-sm text-foreground truncate", children: sprint.name }),
+                                  isSprintActive(sprint) && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                                     Badge,
                                     {
                                       variant: "default",
@@ -12161,43 +12714,43 @@ var PlanningView = ({
                                     }
                                   )
                                 ] }),
-                                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "text-xs text-muted-foreground line-clamp-2 mb-2", children: sprint.description }),
-                                /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "flex items-center gap-1", children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.CalendarDays, { className: "h-3 w-3" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-xs text-muted-foreground line-clamp-2 mb-2", children: sprint.description }),
+                                /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-3 text-xs text-muted-foreground", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "flex items-center gap-1", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.CalendarDays, { className: "h-3 w-3" }),
                                     new Date(sprint.startDate).toLocaleDateString()
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "flex items-center gap-1", children: [
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.User, { className: "h-3 w-3" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "flex items-center gap-1", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.User, { className: "h-3 w-3" }),
                                     taskCount,
                                     " tasks"
                                   ] })
                                 ] })
                               ] }),
-                              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-1 ml-2", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-1 ml-2", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                                   Button,
                                   {
                                     size: "sm",
                                     variant: "ghost",
                                     onClick: () => handleSprintEditStart(sprint),
                                     className: "h-6 w-6 p-0",
-                                    children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.Edit2, { className: "h-3 w-3" })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Edit2, { className: "h-3 w-3" })
                                   }
                                 ),
-                                /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                                /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsx)(import_lucide_react37.Trash2, { className: "h-3 w-3" })
+                                    children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Trash2, { className: "h-3 w-3" })
                                   }
                                 )
                               ] })
                             ] }),
-                            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex items-center justify-between mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex items-center justify-between mt-2", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                               Button,
                               {
                                 variant: isSelected ? "default" : "outline",
@@ -12205,21 +12758,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_runtime67.jsx)("span", { className: "pointer-events-none select-none", children: isSelected ? "Deselect" : selectedSprintIds?.length >= 3 ? "Limit Reached" : "Select" })
+                                children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "pointer-events-none select-none", children: isSelected ? "Deselect" : selectedSprintIds?.length >= 3 ? "Limit Reached" : "Select" })
                               }
                             ) })
                           ] })
                         },
                         sprint.id
                       );
-                    }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "text-center py-8 text-muted-foreground", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.Calendar, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("p", { className: "text-sm", children: [
+                    }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "text-center py-8 text-muted-foreground", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Calendar, { className: "h-8 w-8 mx-auto mb-2 opacity-50" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("p", { className: "text-sm", children: [
                         'No sprints found for "',
                         sprintFilter,
                         '" filter'
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                         Button,
                         {
                           variant: "link",
@@ -12230,18 +12783,18 @@ var PlanningView = ({
                         }
                       )
                     ] }) }),
-                    selectedSprintIds?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "mt-4 p-4 bg-muted/50 rounded-lg border-2 border-dashed border-border", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "text-center", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.Calendar, { className: "h-6 w-6 mx-auto mb-2 text-muted-foreground" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("p", { className: "text-sm text-muted-foreground font-medium", children: "Select sprints to start planning" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime67.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_runtime68.jsx)("div", { className: "mt-4 p-4 bg-muted/50 rounded-lg border-2 border-dashed border-border", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "text-center", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Calendar, { className: "h-6 w-6 mx-auto mb-2 text-muted-foreground" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-sm text-muted-foreground font-medium", children: "Select sprints to start planning" }),
+                      /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.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_runtime67.jsx)("div", { className: "lg:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime68.jsx)("div", { className: "lg:col-span-1", children: /* @__PURE__ */ (0, import_jsx_runtime68.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",
@@ -12253,78 +12806,78 @@ var PlanningView = ({
                   height: heroHeight > 0 ? `calc(100vh - ${heroHeight + 200}px)` : "calc(100vh - 16rem)"
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center justify-between mb-4 flex-shrink-0", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "font-semibold text-foreground select-none text-lg", children: "Backlog" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-2", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Badge, { variant: "secondary", className: "bg-muted text-muted-foreground", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-between mb-4 flex-shrink-0", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("h3", { className: "font-semibold text-foreground select-none text-lg", children: "Backlog" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-2", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Badge, { variant: "secondary", className: "bg-muted text-muted-foreground", children: [
                         backlogTasks?.length,
                         " tasks"
                       ] }),
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(Badge, { variant: "outline", className: "bg-gray-50 text-gray-700 border-gray-200", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Badge, { variant: "outline", className: "bg-gray-50 text-gray-700 border-gray-200", children: [
                         backlogStoryPoints,
                         " pts"
                       ] })
                     ] })
                   ] }),
-                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+                        return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.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_runtime67.jsxs)("div", { className: "space-y-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "space-y-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsx)("div", { className: `w-3 h-3 rounded-full ${epic.color}` }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "font-medium text-muted-foreground", children: epic.name }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "text-muted-foreground", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: `w-3 h-3 rounded-full ${epic.color}` }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "font-medium text-muted-foreground", children: epic.name }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "text-muted-foreground", children: [
                                       "(",
                                       epicTasks?.length,
                                       ")"
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
                                   ]
                                 }
                               ),
-                              !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "space-y-2 pl-2", children: epicTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CompactTaskCard, { task }, task.id)) })
+                              !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "space-y-2 pl-2", children: epicTasks.map((task) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CompactTaskCard, { task }, task.id)) })
                             ] }, epicId);
                           }),
                           unassignedTasks?.length > 0 && (() => {
                             const isCollapsed = collapsedEpics.has("no-epic");
-                            return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "space-y-2", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+                            return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "space-y-2", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsx)("div", { className: "w-3 h-3 rounded-full bg-gray-400" }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "font-medium text-muted-foreground", children: "No Epic" }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "text-muted-foreground", children: [
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-3 h-3 rounded-full bg-gray-400" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "font-medium text-muted-foreground", children: "No Epic" }),
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "text-muted-foreground", children: [
                                       "(",
                                       unassignedTasks?.length,
                                       ")"
                                     ] }),
-                                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
+                                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
                                   ]
                                 }
                               ),
-                              !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "space-y-2 pl-2", children: unassignedTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CompactTaskCard, { task }, task.id)) })
+                              !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "space-y-2 pl-2", children: unassignedTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CompactTaskCard, { task }, task.id)) })
                             ] });
                           })(),
-                          backlogTasks?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime67.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_runtime67.jsxs)("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "text-xs text-muted-foreground mb-2", children: "Direct backlog tasks:" }),
-                            backlogTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CompactTaskCard, { task }, task.id))
+                          backlogTasks?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime68.jsxs)("div", { className: "space-y-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-xs text-muted-foreground mb-2", children: "Direct backlog tasks:" }),
+                            backlogTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CompactTaskCard, { task }, task.id))
                           ] })
                         ] });
                       })()
@@ -12341,7 +12894,7 @@ var PlanningView = ({
                 (sum, task) => sum + (task?.storyPoints || 0),
                 0
               );
-              return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+              return /* @__PURE__ */ (0, import_jsx_runtime68.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",
@@ -12353,10 +12906,10 @@ var PlanningView = ({
                     height: heroHeight > 0 ? `calc(100vh - ${heroHeight + 200}px)` : "calc(100vh - 16rem)"
                   },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center justify-between mb-4 flex-shrink-0", children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("h3", { className: "font-semibold text-foreground select-none text-lg", children: sprint.name }) }),
-                      /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "flex items-center gap-2", children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-between mb-4 flex-shrink-0", children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("h3", { className: "font-semibold text-foreground select-none text-lg", children: sprint.name }) }),
+                      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center gap-2", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
                           Badge,
                           {
                             variant: "secondary",
@@ -12367,7 +12920,7 @@ var PlanningView = ({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+                        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
                           Badge,
                           {
                             variant: "outline",
@@ -12378,7 +12931,7 @@ var PlanningView = ({
                             ]
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
                           Button,
                           {
                             size: "sm",
@@ -12388,73 +12941,73 @@ var PlanningView = ({
                               handleSprintEditStart(sprint);
                             },
                             className: "h-6 px-2",
-                            children: /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.Edit2, { className: "h-3 w-3" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Edit2, { className: "h-3 w-3" })
                           }
                         ),
-                        /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsx)(import_lucide_react37.Trash2, { className: "h-3 w-3" })
+                            children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Trash2, { className: "h-3 w-3" })
                           }
                         )
                       ] })
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "flex-1 overflow-y-auto space-y-3 min-h-0", children: (() => {
+                    /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsxs)(import_jsx_runtime67.Fragment, { children: [
+                      return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.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_runtime67.jsxs)("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "space-y-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsx)("div", { className: `w-3 h-3 rounded-full ${epic.color}` }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "font-medium text-muted-foreground", children: epic.name }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "text-muted-foreground", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: `w-3 h-3 rounded-full ${epic.color}` }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "font-medium text-muted-foreground", children: epic.name }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "text-muted-foreground", children: [
                                     "(",
                                     epicTasks?.length,
                                     ")"
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
+                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
                                 ]
                               }
                             ),
-                            !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "space-y-2 pl-2", children: epicTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CompactTaskCard, { task }, task.id)) })
+                            !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "space-y-2 pl-2", children: epicTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CompactTaskCard, { task }, task.id)) })
                           ] }, epicId);
                         }),
                         unassignedTasks?.length > 0 && (() => {
                           const isCollapsed = collapsedEpics.has("no-epic");
-                          return /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("div", { className: "space-y-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)(
+                          return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "space-y-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime67.jsx)("div", { className: "w-3 h-3 rounded-full bg-gray-400" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("span", { className: "font-medium text-muted-foreground", children: "No Epic" }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime67.jsxs)("span", { className: "text-muted-foreground", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "w-3 h-3 rounded-full bg-gray-400" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: "font-medium text-muted-foreground", children: "No Epic" }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("span", { className: "text-muted-foreground", children: [
                                     "(",
                                     unassignedTasks?.length,
                                     ")"
                                   ] }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(import_lucide_react37.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
+                                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "ml-auto", children: isCollapsed ? /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.ChevronDown, { className: "h-3 w-3 text-muted-foreground" }) : /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.ChevronUp, { className: "h-3 w-3 text-muted-foreground" }) })
                                 ]
                               }
                             ),
-                            !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime67.jsx)("div", { className: "space-y-2 pl-2", children: unassignedTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(CompactTaskCard, { task }, task.id)) })
+                            !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "space-y-2 pl-2", children: unassignedTasks?.map((task) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CompactTaskCard, { task }, task.id)) })
                           ] });
                         })(),
-                        sprintTasksFiltered?.length === 0 && /* @__PURE__ */ (0, import_jsx_runtime67.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_runtime68.jsx)("div", { className: "flex items-center justify-center h-32 text-muted-foreground text-sm select-none", children: "Drop tasks here" })
                       ] });
                     })() })
                   ]
@@ -12463,7 +13016,7 @@ var PlanningView = ({
               );
             })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime67.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
             AddSprintModal,
             {
               isOpen: isAddSprintModalOpen,
@@ -12478,9 +13031,9 @@ var PlanningView = ({
 };
 
 // src/components/Projects/TasksView.tsx
-var import_react51 = require("react");
-var import_lucide_react38 = require("lucide-react");
-var import_jsx_runtime68 = require("react/jsx-runtime");
+var import_react52 = require("react");
+var import_lucide_react39 = require("lucide-react");
+var import_jsx_runtime69 = require("react/jsx-runtime");
 var formatDate = (date) => {
   return date.toLocaleDateString("en-US", {
     weekday: "short",
@@ -12518,7 +13071,7 @@ var isTomorrow = (date) => {
   return date.toDateString() === tomorrow.toDateString();
 };
 var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
-  const [formData, setFormData] = (0, import_react51.useState)({
+  const [formData, setFormData] = (0, import_react52.useState)({
     title: "",
     description: "",
     dueDate: "",
@@ -12532,7 +13085,7 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
     reminderMinutes: 15,
     tags: ""
   });
-  const [isColleagueError, setIsColleagueError] = (0, import_react51.useState)(false);
+  const [isColleagueError, setIsColleagueError] = (0, import_react52.useState)(false);
   const handleSubmit = (e) => {
     e.preventDefault();
     const colleague = colleagues.find((c) => c?.id.toString() === formData.colleagueId.toString());
@@ -12577,18 +13130,18 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
       tags: ""
     });
   };
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     if (formData.colleagueId) {
       setIsColleagueError(false);
     }
   }, [formData.colleagueId]);
   const validColleagues = colleagues.filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DialogTitle, { children: "Add New Reminder" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label3, { htmlFor: "title", children: "Title" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Dialog, { open, onOpenChange: setOpen, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DialogTitle, { children: "Add New Reminder" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Label3, { htmlFor: "title", children: "Title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           Input,
           {
             id: "title",
@@ -12599,9 +13152,9 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
           }
         )
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label3, { htmlFor: "description", children: "Description" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Label3, { htmlFor: "description", children: "Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           Textarea,
           {
             id: "description",
@@ -12612,10 +13165,10 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label3, { htmlFor: "dueDate", children: "Due Date" }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Label3, { htmlFor: "dueDate", children: "Due Date" }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             Input,
             {
               id: "dueDate",
@@ -12626,9 +13179,9 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label3, { htmlFor: "dueTime", children: "Due Time (optional)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Label3, { htmlFor: "dueTime", children: "Due Time (optional)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             Input,
             {
               id: "dueTime",
@@ -12639,9 +13192,9 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label3, { className: `${isColleagueError ? "text-destructive" : ""}`, htmlFor: "colleague", children: "Assigned Colleague" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Label3, { className: `${isColleagueError ? "text-destructive" : ""}`, htmlFor: "colleague", children: "Assigned Colleague" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
           Select,
           {
             value: formData.colleagueId,
@@ -12650,11 +13203,11 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
             },
             required: true,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                 SelectTrigger,
                 {
                   className: `${isColleagueError ? "text-destructive border-red-500" : ""}`,
-                  children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                     SelectValue,
                     {
                       className: `${isColleagueError ? "text-destructive border-red-500" : ""}`,
@@ -12664,15 +13217,15 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectContent, { children: validColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectItem, { value: colleague.id.toString(), children: colleague.name }, colleague.id)) })
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectContent, { children: validColleagues.map((colleague) => /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectItem, { value: colleague.id.toString(), children: colleague.name }, colleague.id)) })
             ]
           }
         ),
-        isColleagueError && /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-destructive text-sm", children: "Please select a digital colleague" })
+        isColleagueError && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-destructive text-sm", children: "Please select a digital colleague" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center space-x-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center space-x-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             "input",
             {
               type: "checkbox",
@@ -12682,12 +13235,12 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
               className: "rounded border-border"
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label3, { htmlFor: "isRecurring", children: "Make this a recurring reminder" })
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Label3, { htmlFor: "isRecurring", children: "Make this a recurring reminder" })
         ] }),
-        formData.isRecurring && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "grid grid-cols-2 gap-4 pl-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label3, { htmlFor: "recurrencePattern", children: "Frequency" }),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+        formData.isRecurring && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "grid grid-cols-2 gap-4 pl-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Label3, { htmlFor: "recurrencePattern", children: "Frequency" }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
               Select,
               {
                 value: formData.recurrencePattern,
@@ -12696,20 +13249,20 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
                   recurrencePattern: value
                 }),
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectValue, {}) }),
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(SelectContent, { children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectItem, { value: "daily", children: "Daily" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectItem, { value: "weekly", children: "Weekly" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectItem, { value: "monthly", children: "Monthly" }),
-                    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectItem, { value: "yearly", children: "Yearly" })
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectTrigger, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectValue, {}) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(SelectContent, { children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectItem, { value: "daily", children: "Daily" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectItem, { value: "weekly", children: "Weekly" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectItem, { value: "monthly", children: "Monthly" }),
+                    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectItem, { value: "yearly", children: "Yearly" })
                   ] })
                 ]
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label3, { htmlFor: "recurrenceInterval", children: "Every" }),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Label3, { htmlFor: "recurrenceInterval", children: "Every" }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
               Input,
               {
                 id: "recurrenceInterval",
@@ -12722,15 +13275,15 @@ var AddReminderModal = ({ colleagues, onAddReminder, open, setOpen }) => {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex justify-end space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { type: "button", variant: "outline", onClick: () => setOpen(false), children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { type: "submit", children: "Add Reminder" })
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex justify-end space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button, { type: "button", variant: "outline", onClick: () => setOpen(false), children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button, { type: "submit", children: "Add Reminder" })
       ] })
     ] })
   ] }) });
 };
 var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose }) => {
-  const [formData, setFormData] = (0, import_react51.useState)({
+  const [formData, setFormData] = (0, import_react52.useState)({
     title: reminder.title,
     description: reminder.description,
     dueDate: reminder.dueDate?.toString().split("T")[0],
@@ -12764,12 +13317,12 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
     onClose();
   };
   const validColleagues = colleagues.filter(Boolean);
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Dialog, { open, onOpenChange: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(DialogContent, { className: "max-w-2xl", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(DialogTitle, { children: "Edit Reminder" }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label3, { htmlFor: "edit-title", children: "Title" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Dialog, { open, onOpenChange: onClose, children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(DialogContent, { className: "max-w-2xl", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DialogHeader, { children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(DialogTitle, { children: "Edit Reminder" }) }),
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "grid grid-cols-2 gap-4", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Label3, { htmlFor: "edit-title", children: "Title" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           Input,
           {
             id: "edit-title",
@@ -12780,9 +13333,9 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
           }
         )
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label3, { htmlFor: "edit-description", children: "Description" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Label3, { htmlFor: "edit-description", children: "Description" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           Textarea,
           {
             id: "edit-description",
@@ -12793,10 +13346,10 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
           }
         )
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label3, { htmlFor: "edit-dueDate", children: "Due Date" }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Label3, { htmlFor: "edit-dueDate", children: "Due Date" }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             Input,
             {
               id: "edit-dueDate",
@@ -12807,9 +13360,9 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label3, { htmlFor: "edit-dueTime", children: "Due Time (optional)" }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Label3, { htmlFor: "edit-dueTime", children: "Due Time (optional)" }),
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             Input,
             {
               id: "edit-dueTime",
@@ -12820,8 +13373,8 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "space-y-2", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
           "input",
           {
             type: "checkbox",
@@ -12831,17 +13384,17 @@ var EditReminderModal = ({ reminder, colleagues, onUpdateReminder, open, onClose
             className: "rounded border-border"
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Label3, { htmlFor: "edit-isRecurring", children: "Make this a recurring reminder" })
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Label3, { htmlFor: "edit-isRecurring", children: "Make this a recurring reminder" })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex justify-end space-x-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Cancel" }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(Button, { type: "submit", children: "Save Changes" })
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex justify-end space-x-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button, { type: "button", variant: "outline", onClick: onClose, children: "Cancel" }),
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(Button, { type: "submit", children: "Save Changes" })
       ] })
     ] })
   ] }) });
 };
 var ReminderCard = ({ reminder, colleagues, onUpdateReminder, onDeleteReminder }) => {
-  const [isEditing, setIsEditing] = (0, import_react51.useState)(false);
+  const [isEditing, setIsEditing] = (0, import_react52.useState)(false);
   if (!reminder || !reminder.id) {
     return null;
   }
@@ -12859,8 +13412,8 @@ var ReminderCard = ({ reminder, colleagues, onUpdateReminder, onDeleteReminder }
     if (tomorrow) return "Tomorrow";
     return formatDate(new Date(reminder.dueDate || ""));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(import_jsx_runtime68.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(import_jsx_runtime69.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       EditReminderModal,
       {
         reminder,
@@ -12870,61 +13423,61 @@ var ReminderCard = ({ reminder, colleagues, onUpdateReminder, onDeleteReminder }
         onClose: () => setIsEditing(false)
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       Card,
       {
-        children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(CardContent, { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-start justify-between", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-start space-x-3 flex-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(CardContent, { className: "p-4", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-start justify-between", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-start space-x-3 flex-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
               "button",
               {
                 onClick: handleToggleComplete,
                 className: "mt-1 text-primary hover:text-primary/80"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex-1", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex items-center space-x-2 mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex-1", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex items-center space-x-2 mb-1", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
                 "h3",
                 {
                   children: reminder.title
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: reminder.description }),
-              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center space-x-4 text-sm text-muted-foreground", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center space-x-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Calendar, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { className: overdue ? "text-destructive font-medium" : "", children: getDateLabel() })
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-sm text-muted-foreground mb-2", children: reminder.description }),
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center space-x-4 text-sm text-muted-foreground", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center space-x-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react39.Calendar, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { className: overdue ? "text-destructive font-medium" : "", children: getDateLabel() })
                 ] }),
-                reminder.dueTime && /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center space-x-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Clock, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: formatTime(reminder.dueTime) })
+                reminder.dueTime && /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center space-x-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react39.Clock, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: formatTime(reminder.dueTime) })
                 ] }),
-                /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center space-x-1", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.User, { className: "h-4 w-4" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: typeof reminder.assignedColleague !== "number" ? reminder.assignedColleague.name : "Unknown Colleague" })
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center space-x-1", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react39.User, { className: "h-4 w-4" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: typeof reminder.assignedColleague !== "number" ? reminder.assignedColleague.name : "Unknown Colleague" })
                 ] })
               ] })
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center space-x-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center space-x-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
               Button,
               {
                 variant: "ghost",
                 size: "sm",
                 onClick: () => setIsEditing(true),
                 className: "h-8 w-8 p-0",
-                children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Edit2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react39.Edit2, { className: "h-4 w-4" })
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime69.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_runtime68.jsx)(import_lucide_react38.Trash2, { className: "h-4 w-4" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react39.Trash2, { className: "h-4 w-4" })
               }
             )
           ] })
@@ -12940,15 +13493,15 @@ var TasksView = ({
   onUpdateReminder,
   onDeleteReminder
 }) => {
-  const [reminders, setReminders] = (0, import_react51.useState)(initialReminders.filter(Boolean));
-  const [colleagues, setColleagues] = (0, import_react51.useState)(initialColleagues.filter(Boolean));
-  const [filter, setFilter] = (0, import_react51.useState)("all");
-  const [searchTerm, setSearchTerm] = (0, import_react51.useState)("");
-  const [openAddReminderModal, setOpenAddReminderModal] = (0, import_react51.useState)(false);
-  (0, import_react51.useEffect)(() => {
+  const [reminders, setReminders] = (0, import_react52.useState)(initialReminders.filter(Boolean));
+  const [colleagues, setColleagues] = (0, import_react52.useState)(initialColleagues.filter(Boolean));
+  const [filter, setFilter] = (0, import_react52.useState)("all");
+  const [searchTerm, setSearchTerm] = (0, import_react52.useState)("");
+  const [openAddReminderModal, setOpenAddReminderModal] = (0, import_react52.useState)(false);
+  (0, import_react52.useEffect)(() => {
     setReminders(initialReminders.filter(Boolean));
   }, [initialReminders]);
-  (0, import_react51.useEffect)(() => {
+  (0, import_react52.useEffect)(() => {
     setColleagues(initialColleagues.filter(Boolean));
   }, [initialColleagues]);
   const handleAddReminder = (newReminder) => {
@@ -13036,8 +13589,8 @@ var TasksView = ({
     // lastUpdated: new Date(),
     // isActive: true,
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
       DashboardHero,
       {
         title: "Task Reminders",
@@ -13051,8 +13604,8 @@ var TasksView = ({
         }
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "h-full bg-background", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "h-full bg-background", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
         AddReminderModal,
         {
           colleagues,
@@ -13061,48 +13614,48 @@ var TasksView = ({
           setOpen: setOpenAddReminderModal
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "p-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center justify-between mb-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("h1", { className: "text-2xl font-bold text-foreground", children: "Task Reminders" }),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("p", { className: "text-muted-foreground", children: "Manage your digital colleague task reminders" })
+      /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "p-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center justify-between mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("h1", { className: "text-2xl font-bold text-foreground", children: "Task Reminders" }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("p", { className: "text-muted-foreground", children: "Manage your digital colleague task reminders" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(
             Button,
             {
               className: "flex items-center space-x-2",
               onClick: () => setOpenAddReminderModal(true),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(import_lucide_react38.Plus, { className: "h-4 w-4" }),
-                /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("span", { children: "Add Reminder" })
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(import_lucide_react39.Plus, { className: "h-4 w-4" }),
+                /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("span", { children: "Add Reminder" })
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "grid grid-cols-5 gap-4 mb-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-2xl font-bold text-foreground", children: stats.total }),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-sm text-muted-foreground", children: "Total" })
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "grid grid-cols-5 gap-4 mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-2xl font-bold text-foreground", children: stats.total }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-sm text-muted-foreground", children: "Total" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-2xl font-bold text-primary", children: stats.overdue }),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-sm text-muted-foreground", children: "Pending" })
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-2xl font-bold text-primary", children: stats.overdue }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-sm text-muted-foreground", children: "Pending" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-2xl font-bold text-success", children: stats.today }),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-sm text-muted-foreground", children: "Completed" })
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-2xl font-bold text-success", children: stats.today }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-sm text-muted-foreground", children: "Completed" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-2xl font-bold text-destructive", children: stats.overdue }),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-sm text-muted-foreground", children: "Overdue" })
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-2xl font-bold text-destructive", children: stats.overdue }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-sm text-muted-foreground", children: "Overdue" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Card, { className: "p-4", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-2xl font-bold text-warning", children: stats.today }),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "text-sm text-muted-foreground", children: "Today" })
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Card, { className: "p-4", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-2xl font-bold text-warning", children: stats.today }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "text-sm text-muted-foreground", children: "Today" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)("div", { className: "flex items-center space-x-4 mb-6", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)("div", { className: "flex items-center space-x-4 mb-6", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             Input,
             {
               placeholder: "Search reminders...",
@@ -13111,25 +13664,25 @@ var TasksView = ({
               className: "max-w-md"
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Select, { value: filter, onValueChange: (value) => setFilter(value), children: [
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime68.jsx)(SelectValue, {}) }),
-            /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(SelectContent, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(SelectItem, { value: "all", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Select, { value: filter, onValueChange: (value) => setFilter(value), children: [
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectTrigger, { className: "w-40", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(SelectValue, {}) }),
+            /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(SelectContent, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(SelectItem, { value: "all", children: [
                 "All (",
                 stats.total,
                 ")"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(SelectItem, { value: "overdue", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(SelectItem, { value: "overdue", children: [
                 "Overdue (",
                 stats.overdue,
                 ")"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(SelectItem, { value: "overdue", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(SelectItem, { value: "overdue", children: [
                 "Overdue (",
                 stats.overdue,
                 ")"
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(SelectItem, { value: "today", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(SelectItem, { value: "today", children: [
                 "Today (",
                 stats.today,
                 ")"
@@ -13137,11 +13690,11 @@ var TasksView = ({
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime68.jsx)("div", { className: "space-y-4", children: sortedReminders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime68.jsxs)(Card, { className: "p-8 text-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime68.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_runtime68.jsx)("p", { className: "text-sm text-muted-foreground/60 mt-2", children: "Create your first reminder to get started" })
+        /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "space-y-4", children: sortedReminders.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime69.jsxs)(Card, { className: "p-8 text-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime69.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_runtime69.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_runtime68.jsx)(
+          (reminder) => reminder && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
             ReminderCard,
             {
               reminder,
@@ -13159,7 +13712,7 @@ var TasksView = ({
 
 // src/components/Projects/ProjectView.tsx
 var import_navigation = require("next/navigation");
-var import_jsx_runtime69 = require("react/jsx-runtime");
+var import_jsx_runtime70 = require("react/jsx-runtime");
 function ProjectView({
   title = "",
   initialTasks = [],
@@ -13207,47 +13760,47 @@ function ProjectView({
   onCopilotClick,
   handleAddComment
 }) {
-  const [tasks, setTasks] = (0, import_react52.useState)(initialTasks);
-  const [epics, setEpics] = (0, import_react52.useState)(initialEpics);
-  const [sprints, setSprints] = (0, import_react52.useState)(initialSprints);
-  const [projects, setProjects] = (0, import_react52.useState)(initialProjects);
-  const [reminders, setReminders] = (0, import_react52.useState)(initialReminders);
-  const [colleagues, setColleagues] = (0, import_react52.useState)(initialColleagues);
-  const [users, setUsers] = (0, import_react52.useState)(initialUsers);
-  const [files, setFiles] = (0, import_react52.useState)(initialFiles);
-  const [isAddTaskModalOpen, setIsAddTaskModalOpen] = (0, import_react52.useState)(false);
-  const [isAddEpicModalOpen, setIsAddEpicModalOpen] = (0, import_react52.useState)(false);
-  const [selectedTask, setSelectedTask] = (0, import_react52.useState)(null);
-  const [selectedEpicForTask, setSelectedEpicForTask] = (0, import_react52.useState)(null);
-  const [draggedTask, setDraggedTask] = (0, import_react52.useState)(null);
-  const [currentView, setCurrentView] = (0, import_react52.useState)(initialView || "kanban");
-  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react52.useState)(false);
+  const [tasks, setTasks] = (0, import_react53.useState)(initialTasks);
+  const [epics, setEpics] = (0, import_react53.useState)(initialEpics);
+  const [sprints, setSprints] = (0, import_react53.useState)(initialSprints);
+  const [projects, setProjects] = (0, import_react53.useState)(initialProjects);
+  const [reminders, setReminders] = (0, import_react53.useState)(initialReminders);
+  const [colleagues, setColleagues] = (0, import_react53.useState)(initialColleagues);
+  const [users, setUsers] = (0, import_react53.useState)(initialUsers);
+  const [files, setFiles] = (0, import_react53.useState)(initialFiles);
+  const [isAddTaskModalOpen, setIsAddTaskModalOpen] = (0, import_react53.useState)(false);
+  const [isAddEpicModalOpen, setIsAddEpicModalOpen] = (0, import_react53.useState)(false);
+  const [selectedTask, setSelectedTask] = (0, import_react53.useState)(null);
+  const [selectedEpicForTask, setSelectedEpicForTask] = (0, import_react53.useState)(null);
+  const [draggedTask, setDraggedTask] = (0, import_react53.useState)(null);
+  const [currentView, setCurrentView] = (0, import_react53.useState)(initialView || "kanban");
+  const [mobileMenuOpen, setMobileMenuOpen] = (0, import_react53.useState)(false);
   const router = (0, import_navigation.useRouter)();
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     setTasks(initialTasks);
   }, [initialTasks]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     setSprints(initialSprints);
   }, [initialSprints]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     setEpics(initialEpics);
   }, [initialEpics]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     setProjects(initialProjects);
   }, [initialProjects]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     setFiles(initialFiles);
   }, [initialFiles]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     setUsers(initialUsers);
   }, [initialUsers]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     setColleagues(initialColleagues);
   }, [initialColleagues]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     setReminders(initialReminders);
   }, [initialReminders]);
-  (0, import_react52.useEffect)(() => {
+  (0, import_react53.useEffect)(() => {
     setCurrentView(initialView);
   }, [initialView]);
   const filteredTasks = tasks.filter((task) => {
@@ -13453,6 +14006,8 @@ function ProjectView({
         return "Documentation";
       case "epics":
         return "Epic Planning";
+      case "gantt":
+        return "Gantt Chart";
       default:
         return "Project Board";
     }
@@ -13468,8 +14023,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_runtime69.jsxs)(ManagementSidebar, { currentView, onViewChange: handleViewChange, children: [
-    currentView === "kanban" && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "h-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime70.jsxs)(ManagementSidebar, { currentView, onViewChange: handleViewChange, children: [
+    currentView === "kanban" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "h-full overflow-hidden", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       KanbanBoardView,
       {
         initialProjects: projects,
@@ -13486,7 +14041,7 @@ function ProjectView({
         onAddComment: handleAddComment
       }
     ) }),
-    currentView === "planning" && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "hidden md:block h-full", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    currentView === "planning" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "hidden md:block h-full", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       PlanningView,
       {
         tasks,
@@ -13499,7 +14054,7 @@ function ProjectView({
         onDeleteSprint: handleDeleteSprint
       }
     ) }),
-    currentView === "tasks" && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    currentView === "tasks" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       TasksView,
       {
         initialReminders: reminders,
@@ -13509,7 +14064,7 @@ function ProjectView({
         onDeleteReminder: handleDeleteReminder
       }
     ) }),
-    currentView === "files" && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    currentView === "files" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       FileView,
       {
         initialFiles: files,
@@ -13520,7 +14075,7 @@ function ProjectView({
         compactView: false
       }
     ) }),
-    currentView === "epics" && /* @__PURE__ */ (0, import_jsx_runtime69.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    currentView === "epics" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "h-full", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       EpicsView,
       {
         tasks,
@@ -13534,7 +14089,17 @@ function ProjectView({
         onDeleteEpic: handleDeleteEpic
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    currentView === "gantt" && /* @__PURE__ */ (0, import_jsx_runtime70.jsx)("div", { className: "hidden md:block h-full", children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+      GanttView,
+      {
+        tasks,
+        epics,
+        sprints,
+        onUpdateEpic: handleUpdateEpic,
+        onTaskClick: handleTaskClick
+      }
+    ) }),
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       AddTaskModal,
       {
         isOpen: isAddTaskModalOpen,
@@ -13546,7 +14111,7 @@ function ProjectView({
         defaultEpicId: selectedEpicForTask || void 0
       }
     ),
-    /* @__PURE__ */ (0, import_jsx_runtime69.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
       AddEpicModal,
       {
         isOpen: isAddEpicModalOpen,
@@ -13558,18 +14123,18 @@ function ProjectView({
 }
 
 // src/components/Projects/ProjectsIndexView.tsx
-var import_react55 = require("react");
-var import_react56 = require("motion/react");
+var import_react56 = require("react");
+var import_react57 = require("motion/react");
 
 // src/components/Projects/project-card.tsx
-var import_react53 = require("motion/react");
-var import_lucide_react39 = require("lucide-react");
+var import_react54 = require("motion/react");
+var import_lucide_react40 = require("lucide-react");
 
 // src/components/ui/progress.tsx
-var React35 = __toESM(require("react"));
+var React36 = __toESM(require("react"));
 var ProgressPrimitive = __toESM(require("@radix-ui/react-progress"));
-var import_jsx_runtime70 = require("react/jsx-runtime");
-var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+var import_jsx_runtime71 = require("react/jsx-runtime");
+var Progress = React36.forwardRef(({ className, value, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
   ProgressPrimitive.Root,
   {
     ref,
@@ -13578,7 +14143,7 @@ var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @_
       className
     ),
     ...props,
-    children: /* @__PURE__ */ (0, import_jsx_runtime70.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(
       ProgressPrimitive.Indicator,
       {
         className: "h-full w-full flex-1 bg-primary transition-all",
@@ -13590,54 +14155,54 @@ var Progress = React35.forwardRef(({ className, value, ...props }, ref) => /* @_
 Progress.displayName = ProgressPrimitive.Root.displayName;
 
 // src/components/Projects/project-card.tsx
-var import_jsx_runtime71 = require("react/jsx-runtime");
+var import_jsx_runtime72 = require("react/jsx-runtime");
 function ProjectCard({ project, onOpen, onShare, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_react53.motion.div, { whileHover: { scale: 1.02, y: -5 }, whileTap: { scale: 0.98 }, className, children: /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Card, { className: "overflow-hidden rounded-3xl border hover:border-primary/50 transition-all duration-300", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(CardHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center justify-between", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CardTitle, { children: project.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(Badge, { variant: "outline", className: "rounded-xl", children: [
+  return /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_react54.motion.div, { whileHover: { scale: 1.02, y: -5 }, whileTap: { scale: 0.98 }, className, children: /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Card, { className: "overflow-hidden rounded-3xl border hover:border-primary/50 transition-all duration-300", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CardTitle, { children: project.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(Badge, { variant: "outline", className: "rounded-xl", children: [
           "Due ",
           project.dueDate
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(CardDescription, { children: project.description })
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(CardDescription, { children: project.description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(CardContent, { className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "space-y-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)("span", { children: "Progress" }),
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("span", { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(CardContent, { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "space-y-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: "Progress" }),
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { children: [
             project.progress,
             "%"
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Progress, { value: project.progress, className: "h-2 rounded-xl" })
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Progress, { value: project.progress, className: "h-2 rounded-xl" })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react39.Users, { className: "mr-1 h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react40.Users, { className: "mr-1 h-4 w-4" }),
           project.members,
           " members"
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)("div", { className: "flex items-center", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react39.FileText, { className: "mr-1 h-4 w-4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react40.FileText, { className: "mr-1 h-4 w-4" }),
           project.files,
           " files"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime71.jsxs)(CardFooter, { className: "flex gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { variant: "secondary", className: "flex-1 rounded-2xl", onClick: () => onOpen?.(project), children: "Open Project" }),
-      /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(Button, { variant: "outline", size: "icon", className: "rounded-2xl", onClick: () => onShare?.(project), children: /* @__PURE__ */ (0, import_jsx_runtime71.jsx)(import_lucide_react39.Share2, { className: "h-4 w-4" }) })
+    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(CardFooter, { className: "flex gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Button, { variant: "secondary", className: "flex-1 rounded-2xl", onClick: () => onOpen?.(project), children: "Open Project" }),
+      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Button, { variant: "outline", size: "icon", className: "rounded-2xl", onClick: () => onShare?.(project), children: /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react40.Share2, { className: "h-4 w-4" }) })
     ] })
   ] }) });
 }
 
 // src/components/Projects/project-form.tsx
-var import_react54 = require("react");
-var import_lucide_react40 = require("lucide-react");
-var import_jsx_runtime72 = require("react/jsx-runtime");
+var import_react55 = require("react");
+var import_lucide_react41 = require("lucide-react");
+var import_jsx_runtime73 = require("react/jsx-runtime");
 var ProjectForm = ({
   onSubmit,
   onCancel,
@@ -13645,14 +14210,14 @@ var ProjectForm = ({
   initialData,
   className = ""
 }) => {
-  const [formData, setFormData] = (0, import_react54.useState)({
+  const [formData, setFormData] = (0, import_react55.useState)({
     name: initialData?.name || "",
     description: initialData?.description || "",
     objectives: initialData?.objectives || "",
     workInstructions: initialData?.workInstructions || "",
     plan: initialData?.plan || false
   });
-  const [errors, setErrors] = (0, import_react54.useState)({});
+  const [errors, setErrors] = (0, import_react55.useState)({});
   const validateForm = () => {
     const newErrors = {};
     if (!formData.name.trim()) {
@@ -13690,19 +14255,19 @@ var ProjectForm = ({
       setErrors((prev) => ({ ...prev, [field]: void 0 }));
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: `w-full max-w-2xl ${className}`, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "mb-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react40.Plus, { className: "h-5 w-5" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: `w-full max-w-2xl ${className}`, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "mb-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react41.Plus, { className: "h-5 w-5" }),
         "Create New Project"
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "text-sm text-gray-500", children: "Set up a new project with clear objectives and work instructions to help your team collaborate effectively." })
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-sm text-gray-500", children: "Set up a new project with clear objectives and work instructions to help your team collaborate effectively." })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("form", { onSubmit: handleSubmit, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "space-y-6", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Label3, { htmlFor: "name", className: "text-sm font-medium", children: "Project Name *" }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("form", { onSubmit: handleSubmit, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "space-y-6", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Label3, { htmlFor: "name", className: "text-sm font-medium", children: "Project Name *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             Input,
             {
               id: "name",
@@ -13715,11 +14280,11 @@ var ProjectForm = ({
               maxLength: 100
             }
           ),
-          errors.name && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "text-sm text-red-600", children: errors.name })
+          errors.name && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-sm text-red-600", children: errors.name })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Label3, { htmlFor: "name", className: "text-sm font-medium", children: "Project Description *" }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Label3, { htmlFor: "name", className: "text-sm font-medium", children: "Project Description *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             Input,
             {
               id: "description",
@@ -13732,11 +14297,11 @@ var ProjectForm = ({
               maxLength: 100
             }
           ),
-          errors.description && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "text-sm text-red-600", children: errors.description })
+          errors.description && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-sm text-red-600", children: errors.description })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Label3, { htmlFor: "objectives", className: "text-sm font-medium", children: "Project Objectives *" }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Label3, { htmlFor: "objectives", className: "text-sm font-medium", children: "Project Objectives *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             Textarea,
             {
               id: "objectives",
@@ -13748,17 +14313,17 @@ var ProjectForm = ({
               maxLength: 1e3
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex justify-between text-xs text-gray-500", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: errors.objectives && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "text-red-600", children: errors.objectives }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex justify-between text-xs text-gray-500", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: errors.objectives && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-red-600", children: errors.objectives }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { children: [
               formData.objectives.length,
               "/1000"
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Label3, { htmlFor: "workInstructions", className: "text-sm font-medium", children: "Work Instructions *" }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Label3, { htmlFor: "workInstructions", className: "text-sm font-medium", children: "Work Instructions *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
             Textarea,
             {
               id: "workInstructions",
@@ -13770,18 +14335,18 @@ var ProjectForm = ({
               maxLength: 2e3
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex justify-between text-xs text-gray-500", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { children: errors.workInstructions && /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("span", { className: "text-red-600", children: errors.workInstructions }) }),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("span", { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex justify-between text-xs text-gray-500", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { children: errors.workInstructions && /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("span", { className: "text-red-600", children: errors.workInstructions }) }),
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("span", { children: [
               formData.workInstructions.length,
               "/2000"
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "space-y-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Label3, { className: "text-sm font-medium", children: "Project Management" }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "space-y-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Label3, { className: "text-sm font-medium", children: "Project Management" }),
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
               Checkbox,
               {
                 id: "plan",
@@ -13790,13 +14355,13 @@ var ProjectForm = ({
                 disabled: isLoading
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Label3, { htmlFor: "plan", className: "text-sm text-gray-700 cursor-pointer", children: "Enable project planning and management features" })
+            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Label3, { htmlFor: "plan", className: "text-sm text-gray-700 cursor-pointer", children: "Enable project planning and management features" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)("p", { className: "text-xs text-gray-500 ml-6", children: "This will allow project managers to create sprints, assign tasks, and track progress." })
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("p", { className: "text-xs text-gray-500 ml-6", children: "This will allow project managers to create sprints, assign tasks, and track progress." })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)("div", { className: "flex justify-end gap-3", children: [
-        onCancel && /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(
+      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "flex justify-end gap-3", children: [
+        onCancel && /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
           Button,
           {
             type: "button",
@@ -13805,16 +14370,16 @@ var ProjectForm = ({
             disabled: isLoading,
             className: "flex items-center gap-2",
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react40.X, { className: "h-4 w-4" }),
+              /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react41.X, { className: "h-4 w-4" }),
               "Cancel"
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(Button, { type: "submit", disabled: isLoading, className: "flex items-center gap-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react40.Loader2, { className: "h-4 w-4 animate-spin" }),
+        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Button, { type: "submit", disabled: isLoading, className: "flex items-center gap-2", children: isLoading ? /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react41.Loader2, { className: "h-4 w-4 animate-spin" }),
           "Creating..."
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime72.jsxs)(import_jsx_runtime72.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime72.jsx)(import_lucide_react40.Plus, { className: "h-4 w-4" }),
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(import_jsx_runtime73.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_lucide_react41.Plus, { className: "h-4 w-4" }),
           "Create Project"
         ] }) })
       ] })
@@ -13823,15 +14388,15 @@ var ProjectForm = ({
 };
 
 // src/components/Projects/ProjectsIndexView.tsx
-var import_jsx_runtime73 = require("react/jsx-runtime");
+var import_jsx_runtime74 = require("react/jsx-runtime");
 function Home({
   projects = [],
   onAddProject,
   handleProjectOpen,
   handleProjectShare
 }) {
-  const [isNewProjectDialogOpen, setIsNewProjectDialogOpen] = (0, import_react55.useState)(false);
-  const [isSubmitting, setIsSubmitting] = (0, import_react55.useState)(false);
+  const [isNewProjectDialogOpen, setIsNewProjectDialogOpen] = (0, import_react56.useState)(false);
+  const [isSubmitting, setIsSubmitting] = (0, import_react56.useState)(false);
   const handleCreateProject = async (formData) => {
     setIsSubmitting(true);
     try {
@@ -13846,16 +14411,16 @@ function Home({
   const handleNewProjectClick = () => {
     setIsNewProjectDialogOpen(true);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(import_react56.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(
-      import_react56.motion.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react57.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(
+      import_react57.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_runtime73.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
             DashboardHero,
             {
               title: "Project Management",
@@ -13867,9 +14432,9 @@ function Home({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)("section", { className: "space-y-4 mt-8", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("h2", { className: "text-2xl font-semibold", children: "Active Projects" }),
-            /* @__PURE__ */ (0, import_jsx_runtime73.jsx)("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3", children: projects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("section", { className: "space-y-4 mt-8", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("h2", { className: "text-2xl font-semibold", children: "Active Projects" }),
+            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("div", { className: "grid grid-cols-1 gap-3 md:grid-cols-2 lg:grid-cols-3", children: projects.map((project) => /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
               ProjectCard,
               {
                 project,
@@ -13883,12 +14448,12 @@ function Home({
       },
       "projects-index-view"
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(Dialog, { open: isNewProjectDialogOpen, onOpenChange: setIsNewProjectDialogOpen, children: /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(DialogContent, { className: "max-w-3xl max-h-[90vh] overflow-y-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsxs)(DialogHeader, { className: "sr-only", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DialogTitle, { children: "Create New Project" }),
-        /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(DialogDescription, { children: "Fill out the form below to create a new project." })
+    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(Dialog, { open: isNewProjectDialogOpen, onOpenChange: setIsNewProjectDialogOpen, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(DialogContent, { className: "max-w-3xl max-h-[90vh] overflow-y-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(DialogHeader, { className: "sr-only", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(DialogTitle, { children: "Create New Project" }),
+        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(DialogDescription, { children: "Fill out the form below to create a new project." })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime73.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
         ProjectForm,
         {
           onSubmit: handleCreateProject,
@@ -13902,45 +14467,45 @@ function Home({
 }
 
 // src/components/Foundry/Views/TeamsIndexView.tsx
-var import_react59 = require("react");
-var import_react60 = require("motion/react");
+var import_react60 = require("react");
+var import_react61 = require("motion/react");
 
 // src/components/Projects/team-card.tsx
-var import_react57 = require("motion/react");
-var import_lucide_react41 = require("lucide-react");
-var import_jsx_runtime74 = require("react/jsx-runtime");
+var import_react58 = require("motion/react");
+var import_lucide_react42 = require("lucide-react");
+var import_jsx_runtime75 = require("react/jsx-runtime");
 function TeamCard({ team, onOpen, className }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_react57.motion.div, { whileHover: { scale: 1.02, y: -5 }, whileTap: { scale: 0.98 }, className, children: /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(Card, { className: "overflow-hidden rounded-3xl border hover:border-primary/50 transition-all duration-300", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(CardHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CardTitle, { className: "text-lg", children: team.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CardDescription, { className: "mt-1 text-sm", children: team.description })
+  return /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_react58.motion.div, { whileHover: { scale: 1.02, y: -5 }, whileTap: { scale: 0.98 }, className, children: /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(Card, { className: "overflow-hidden rounded-3xl border hover:border-primary/50 transition-all duration-300", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(CardHeader, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CardTitle, { className: "text-lg", children: team.name }),
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CardDescription, { className: "mt-1 text-sm", children: team.description })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)(CardContent, { className: "space-y-4", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react41.Users, { className: "h-4 w-4 text-blue-500" }),
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: "Human" })
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)(CardContent, { className: "space-y-4", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "grid grid-cols-2 gap-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react42.Users, { className: "h-4 w-4 text-blue-500" }),
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: "Human" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "font-medium", children: team.humanColleagues })
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "font-medium", children: team.humanColleagues })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react41.Bot, { className: "h-4 w-4 text-purple-500" }),
-            /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: "Digital" })
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react42.Bot, { className: "h-4 w-4 text-purple-500" }),
+            /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: "Digital" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "font-medium", children: team.digitalColleagues })
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "font-medium", children: team.digitalColleagues })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center justify-between text-sm border-t pt-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(import_lucide_react41.FolderOpen, { className: "h-4 w-4 text-green-500" }),
-          /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { children: "Projects" })
+      /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center justify-between text-sm border-t pt-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(import_lucide_react42.FolderOpen, { className: "h-4 w-4 text-green-500" }),
+          /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { children: "Projects" })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime74.jsx)("span", { className: "font-medium", children: team.projects })
+        /* @__PURE__ */ (0, import_jsx_runtime75.jsx)("span", { className: "font-medium", children: team.projects })
       ] })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(CardFooter, { className: "flex gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime74.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(CardFooter, { className: "flex gap-2", children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
       Button,
       {
         variant: "secondary",
@@ -13953,14 +14518,14 @@ function TeamCard({ team, onOpen, className }) {
 }
 
 // src/components/Foundry/team-form.tsx
-var import_react58 = require("react");
-var import_lucide_react42 = require("lucide-react");
+var import_react59 = require("react");
+var import_lucide_react43 = require("lucide-react");
 
 // src/components/ui/switch.tsx
-var React37 = __toESM(require("react"));
+var React38 = __toESM(require("react"));
 var SwitchPrimitives = __toESM(require("@radix-ui/react-switch"));
-var import_jsx_runtime75 = require("react/jsx-runtime");
-var Switch = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+var import_jsx_runtime76 = require("react/jsx-runtime");
+var Switch = React38.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
   SwitchPrimitives.Root,
   {
     className: cn(
@@ -13969,7 +14534,7 @@ var Switch = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ),
     ...props,
     ref,
-    children: /* @__PURE__ */ (0, import_jsx_runtime75.jsx)(
+    children: /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
       SwitchPrimitives.Thumb,
       {
         className: cn(
@@ -13982,7 +14547,7 @@ var Switch = React37.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
 Switch.displayName = SwitchPrimitives.Root.displayName;
 
 // src/components/Foundry/team-form.tsx
-var import_jsx_runtime76 = require("react/jsx-runtime");
+var import_jsx_runtime77 = require("react/jsx-runtime");
 function TeamForm({
   team,
   onSave,
@@ -13993,7 +14558,7 @@ function TeamForm({
   cancelLabel = "Cancel",
   readOnly = false
 }) {
-  const [formData, setFormData] = (0, import_react58.useState)({
+  const [formData, setFormData] = (0, import_react59.useState)({
     name: "",
     description: "",
     systemMsg: "",
@@ -14003,8 +14568,8 @@ function TeamForm({
     useChat: false,
     ...team
   });
-  const [editMode, setEditMode] = (0, import_react58.useState)(!readOnly);
-  (0, import_react58.useEffect)(() => {
+  const [editMode, setEditMode] = (0, import_react59.useState)(!readOnly);
+  (0, import_react59.useEffect)(() => {
     if (team) {
       setFormData(team);
     }
@@ -14031,16 +14596,16 @@ function TeamForm({
   };
   const formTitle = title || (!editMode ? "View Team" : team ? "Edit Team" : "Create New Team");
   const buttonLabel = submitLabel || (team ? "Update Team" : "Create Team");
-  return /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(import_jsx_runtime76.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_lucide_react42.Users, { className: "h-5 w-5" }),
+  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(import_jsx_runtime77.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react43.Users, { className: "h-5 w-5" }),
       formTitle
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Label3, { htmlFor: "name", children: "Team Name *" }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("form", { onSubmit: handleSubmit, className: "space-y-6", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Label3, { htmlFor: "name", children: "Team Name *" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             Input,
             {
               id: "name",
@@ -14052,9 +14617,9 @@ function TeamForm({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Label3, { htmlFor: "description", children: "Description" }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Label3, { htmlFor: "description", children: "Description" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             Textarea,
             {
               id: "description",
@@ -14066,9 +14631,9 @@ function TeamForm({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Label3, { htmlFor: "systemMsg", children: "Ways of working" }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Label3, { htmlFor: "systemMsg", children: "Ways of working" }),
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
             Textarea,
             {
               id: "systemMsg",
@@ -14081,11 +14646,11 @@ function TeamForm({
           )
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "space-y-4", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)("h3", { className: "text-lg font-semibold", children: "Team Configuration" }),
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "space-y-4", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h3", { className: "text-lg font-semibold", children: "Team Configuration" }),
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-4", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
               Switch,
               {
                 id: "useProjects",
@@ -14094,10 +14659,10 @@ function TeamForm({
                 disabled: isLoading || !editMode
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Label3, { htmlFor: "useProjects", children: "Enable Projects" })
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Label3, { htmlFor: "useProjects", children: "Enable Projects" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
               Switch,
               {
                 id: "useKnowledge",
@@ -14106,10 +14671,10 @@ function TeamForm({
                 disabled: isLoading || !editMode
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Label3, { htmlFor: "useKnowledge", children: "Enable Knowledge Base" })
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Label3, { htmlFor: "useKnowledge", children: "Enable Knowledge Base" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
               Switch,
               {
                 id: "useFiles",
@@ -14118,10 +14683,10 @@ function TeamForm({
                 disabled: isLoading || !editMode
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Label3, { htmlFor: "useFiles", children: "Enable File Management" })
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Label3, { htmlFor: "useFiles", children: "Enable File Management" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex items-center space-x-2", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex items-center space-x-2", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
               Switch,
               {
                 id: "useChat",
@@ -14130,29 +14695,29 @@ function TeamForm({
                 disabled: isLoading || !editMode
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Label3, { htmlFor: "useChat", children: "Enable Team Chat" })
+            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Label3, { htmlFor: "useChat", children: "Enable Team Chat" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)("div", { className: "flex justify-end gap-2 pt-4 border-t", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Button, { type: "button", variant: "outline", onClick: onCancel, disabled: isLoading, children: !editMode ? "Close" : cancelLabel }),
-        !editMode ? /* @__PURE__ */ (0, import_jsx_runtime76.jsxs)(Button, { type: "button", onClick: handleEditToggle, disabled: isLoading, className: "gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(import_lucide_react42.Edit, { className: "h-4 w-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "flex justify-end gap-2 pt-4 border-t", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { type: "button", variant: "outline", onClick: onCancel, disabled: isLoading, children: !editMode ? "Close" : cancelLabel }),
+        !editMode ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(Button, { type: "button", onClick: handleEditToggle, disabled: isLoading, className: "gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_lucide_react43.Edit, { className: "h-4 w-4" }),
           "Edit"
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime76.jsx)(Button, { type: "submit", disabled: isLoading || !formData.name?.trim(), children: isLoading ? "Saving..." : buttonLabel })
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Button, { type: "submit", disabled: isLoading || !formData.name?.trim(), children: isLoading ? "Saving..." : buttonLabel })
       ] })
     ] })
   ] });
 }
 
 // src/components/Foundry/Views/TeamsIndexView.tsx
-var import_jsx_runtime77 = require("react/jsx-runtime");
+var import_jsx_runtime78 = require("react/jsx-runtime");
 function TeamsIndexView({
   teams = [],
   onCreateTeam,
   onTeamOpen
 }) {
-  const [isNewTeamDialogOpen, setIsNewTeamDialogOpen] = (0, import_react59.useState)(false);
+  const [isNewTeamDialogOpen, setIsNewTeamDialogOpen] = (0, import_react60.useState)(false);
   const handleNewTeamClick = () => {
     setIsNewTeamDialogOpen(true);
   };
@@ -14166,16 +14731,16 @@ function TeamsIndexView({
   const handleTeamOpen = (team) => {
     onTeamOpen?.(team);
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(import_react60.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(
-      import_react60.motion.div,
+  return /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "px-2 md:px-4 py-4 space-y-8", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(import_react61.AnimatePresence, { mode: "wait", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(
+      import_react61.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_runtime77.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
             DashboardHero,
             {
               title: "My Teams",
@@ -14187,23 +14752,23 @@ function TeamsIndexView({
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("section", { className: "space-y-4 mt-8", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("h2", { className: "text-2xl font-semibold", children: "Active Teams" }),
-            teams.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)("div", { className: "text-center py-12", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-muted-foreground text-lg", children: "You're not part of any teams yet." }),
-              /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("p", { className: "text-muted-foreground text-sm mt-2", children: "Create a new team or ask to be added to an existing one." })
-            ] }) : /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3", children: teams.map((team) => /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(TeamCard, { team, onOpen: handleTeamOpen }, team.id)) })
+          /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("section", { className: "space-y-4 mt-8", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("h2", { className: "text-2xl font-semibold", children: "Active Teams" }),
+            teams.length === 0 ? /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)("div", { className: "text-center py-12", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "text-muted-foreground text-lg", children: "You're not part of any teams yet." }),
+              /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("p", { className: "text-muted-foreground text-sm mt-2", children: "Create a new team or ask to be added to an existing one." })
+            ] }) : /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-2 lg:grid-cols-3", children: teams.map((team) => /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(TeamCard, { team, onOpen: handleTeamOpen }, team.id)) })
           ] })
         ]
       },
       "teams-index-view"
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(Dialog, { open: isNewTeamDialogOpen, onOpenChange: setIsNewTeamDialogOpen, children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(DialogContent, { className: "max-w-4xl max-h-[90vh] overflow-y-auto", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)("div", { className: "sr-only", children: /* @__PURE__ */ (0, import_jsx_runtime77.jsxs)(DialogHeader, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DialogTitle, { children: "Create New Team" }),
-        /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(DialogDescription, { children: "Set up a new team to collaborate with colleagues on projects." })
+    /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(Dialog, { open: isNewTeamDialogOpen, onOpenChange: setIsNewTeamDialogOpen, children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DialogContent, { className: "max-w-4xl max-h-[90vh] overflow-y-auto", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)("div", { className: "sr-only", children: /* @__PURE__ */ (0, import_jsx_runtime78.jsxs)(DialogHeader, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DialogTitle, { children: "Create New Team" }),
+        /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(DialogDescription, { children: "Set up a new team to collaborate with colleagues on projects." })
       ] }) }),
-      /* @__PURE__ */ (0, import_jsx_runtime77.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime78.jsx)(
         TeamForm,
         {
           title: "Create New Team",