cortex-react-components 3.3.0 → 4.0.3

package/dist/chunk-PBIUFMQ7.mjs

@@ -0,0 +1,595 @@
+import {
+  TaskCard
+} from "./chunk-WSU6ULOG.mjs";
+import {
+  TaskDetailsModal
+} from "./chunk-B36NGEMF.mjs";
+import {
+  AddTaskModal
+} from "./chunk-GZRODHXY.mjs";
+import {
+  AddEpicModal
+} from "./chunk-LY4RR7AL.mjs";
+import {
+  DashboardHero
+} from "./chunk-I2MVZVXE.mjs";
+import {
+  extractId
+} from "./chunk-Y6HQV3VB.mjs";
+import {
+  Textarea
+} from "./chunk-4UJUWE3A.mjs";
+import {
+  Badge
+} from "./chunk-BG5JSVXF.mjs";
+import {
+  Card
+} from "./chunk-EQHAE4MP.mjs";
+import {
+  Input
+} from "./chunk-YMZ2OUK6.mjs";
+import {
+  Button
+} from "./chunk-I6LSWXZW.mjs";
+import {
+  useLocalStorage
+} from "./chunk-6A7T3O6T.mjs";
+
+// src/components/Projects/EpicsView.tsx
+import { useState, useRef, useEffect } from "react";
+import { Plus, Move, Edit2, Trash2, Check, X, Layers } from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var EpicsView = ({
+  projectId,
+  tasks,
+  epics,
+  sprints,
+  colleagues = [],
+  onUpdateTask,
+  onTaskClick,
+  onAddTaskToEpic,
+  onAddEpic,
+  onUpdateEpic,
+  onDeleteEpic,
+  onDeleteTask,
+  onAddComment,
+  onUploadFile,
+  onDeleteFile,
+  onFileUpdate
+}) => {
+  const [availableEpics, setAvailableEpics] = useState(epics);
+  const [availableTasks, setAvailableTasks] = useState(tasks);
+  const [draggedTask, setDraggedTask] = useState(null);
+  const [editingEpic, setEditingEpic] = useState(null);
+  const [editForm, setEditForm] = useState({});
+  const [heroHeight, setHeroHeight] = useState(0);
+  const [isAddEpicModalOpen, setIsAddEpicModalOpen] = useState(false);
+  const [isAddTaskModalOpen, setIsAddTaskModalOpen] = useState(false);
+  const [addTaskEpic, setAddTaskEpic] = useState(null);
+  const [selectedTask, setSelectedTask] = useState(null);
+  const [selectedEpicIds, setSelectedEpicIds] = useLocalStorage(
+    `epicsView_selectedEpics${projectId ? `_${projectId}` : ""}`,
+    []
+  );
+  const [isEpicSelectorOpen, setIsEpicSelectorOpen] = useState(false);
+  const heroRef = useRef(null);
+  const containerRef = useRef(null);
+  useEffect(() => {
+    setAvailableEpics(epics);
+    const validIds = new Set(epics.map((e) => e.id.toString()));
+    setSelectedEpicIds((prev) => prev.filter((id) => validIds.has(id)));
+  }, [epics]);
+  useEffect(() => {
+    setAvailableTasks(tasks);
+    if (selectedTask) {
+      setSelectedTask(tasks.find((t) => t.id === selectedTask.id) || null);
+    }
+  }, [tasks]);
+  useEffect(() => {
+    const measureHeroHeight = () => {
+      if (heroRef.current) {
+        setHeroHeight(heroRef.current.offsetHeight);
+      }
+    };
+    measureHeroHeight();
+    const resizeObserver = new ResizeObserver(measureHeroHeight);
+    if (heroRef.current) {
+      resizeObserver.observe(heroRef.current);
+    }
+    const handleStorageChange = () => {
+      setTimeout(measureHeroHeight, 100);
+    };
+    window.addEventListener("storage", handleStorageChange);
+    return () => {
+      resizeObserver.disconnect();
+      window.removeEventListener("storage", handleStorageChange);
+    };
+  }, []);
+  useEffect(() => {
+    const timer = setTimeout(() => {
+      if (heroRef.current) {
+        setHeroHeight(heroRef.current.offsetHeight);
+      }
+    }, 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);
+  };
+  const handleDragOver = (e) => {
+    e.preventDefault();
+  };
+  const handleDrop = (e, epicId) => {
+    e.preventDefault();
+    if (draggedTask && extractId(draggedTask.epic).toString() !== 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 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());
+    setEditForm({
+      name: epic.name,
+      description: epic.description,
+      confidence: epic.confidence,
+      phase: epic.phase
+    });
+  };
+  const handleSaveEdit = async () => {
+    if (editingEpic && editForm.name) {
+      await onUpdateEpic(editingEpic.toString(), editForm);
+      setAvailableEpics(
+        (prev) => prev.map(
+          (epic) => epic.id.toString() === editingEpic ? { ...epic, ...editForm } : epic
+        )
+      );
+      setEditingEpic(null);
+      setEditForm({});
+    }
+  };
+  const handleCancelEdit = () => {
+    setEditingEpic(null);
+    setEditForm({});
+  };
+  const handleDeleteEpic = async (epicId) => {
+    if (window.confirm(
+      "Are you sure you want to delete this epic? This will also delete all associated tasks."
+    )) {
+      await onDeleteEpic(epicId);
+      setAvailableEpics((prev) => prev.filter((epic) => epic.id.toString() !== epicId));
+      setSelectedEpicIds((prev) => prev.filter((id) => id !== epicId));
+    }
+  };
+  const getPhaseLabel = (phase) => {
+    const phases = {
+      1: "Planning",
+      2: "Development",
+      3: "Testing",
+      4: "Review",
+      5: "Deployment",
+      6: "Monitoring",
+      7: "Optimization",
+      8: "Maintenance",
+      9: "Complete"
+    };
+    return phases[phase] || `Phase ${phase}`;
+  };
+  const getConfidenceColor = (confidence) => {
+    switch (confidence) {
+      case "high":
+        return "bg-success/10 text-success";
+      case "medium":
+        return "bg-warning/10 text-warning";
+      case "low":
+        return "bg-destructive/10 text-destructive";
+      default:
+        return "bg-muted text-muted-foreground";
+    }
+  };
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsxs("div", { ref: containerRef, className: "h-full flex flex-col px-2 md:px-4 py-4", children: [
+      /* @__PURE__ */ jsx("div", { ref: heroRef, className: "flex-shrink-0", children: /* @__PURE__ */ jsx(
+        DashboardHero,
+        {
+          title: "Epic Planning",
+          description: "Organize and manage your project epics, track progress, and assign tasks.",
+          gradient: "bg-gradient-to-r from-rose-600 via-pink-600 to-fuchsia-600",
+          primaryAction: {
+            label: "Add epic",
+            onClick: () => setIsAddEpicModalOpen(true)
+          }
+        }
+      ) }),
+      /* @__PURE__ */ jsx("div", { className: "flex-1 min-h-0 mt-8", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "h-full overflow-y-auto no-scrollbar",
+          style: {
+            height: heroHeight > 0 ? `calc(100vh - ${heroHeight + 120}px)` : "calc(100vh - 12rem)"
+          },
+          children: [
+            /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
+              /* @__PURE__ */ jsx(Card, { className: "p-3 bg-card shadow-sm", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+                  /* @__PURE__ */ jsxs("div", { children: [
+                    /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground text-sm", children: "Epics" }),
+                    /* @__PURE__ */ jsx("p", { className: "text-xs text-muted-foreground", children: selectedEpicIds.length === 0 ? "All showing" : `${selectedEpicIds.length}/${availableEpics.length} selected` })
+                  ] }),
+                  selectedEpicIds.length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+                    /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Viewing:" }),
+                    /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-1", children: visibleEpics.map((epic) => /* @__PURE__ */ jsxs(
+                      "div",
+                      {
+                        className: "flex items-center gap-1 bg-primary/10 text-primary px-2 py-0.5 rounded text-xs",
+                        children: [
+                          /* @__PURE__ */ jsx("div", { className: `w-2 h-2 rounded-full ${epic.color}` }),
+                          /* @__PURE__ */ jsx("span", { className: "max-w-[80px] truncate", children: epic.name }),
+                          /* @__PURE__ */ jsx(
+                            "button",
+                            {
+                              onClick: () => toggleEpicView(epic.id.toString()),
+                              className: "ml-0.5 hover:bg-primary/20 h-8 rounded p-0.5",
+                              children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+                            }
+                          )
+                        ]
+                      },
+                      epic.id
+                    )) })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxs(
+                  Button,
+                  {
+                    onClick: () => setIsEpicSelectorOpen(!isEpicSelectorOpen),
+                    variant: "outline",
+                    size: "sm",
+                    className: "gap-1",
+                    children: [
+                      /* @__PURE__ */ jsx(Layers, { className: "h-3 w-3" }),
+                      isEpicSelectorOpen ? "Close" : "Select"
+                    ]
+                  }
+                )
+              ] }) }),
+              isEpicSelectorOpen && /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "fixed inset-0 bg-black/20 z-[5]",
+                  onClick: () => setIsEpicSelectorOpen(false)
+                }
+              ),
+              /* @__PURE__ */ 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__ */ jsxs(Card, { className: "h-full rounded-none border-0 flex flex-col", children: [
+                    /* @__PURE__ */ jsxs("div", { className: "p-4 border-b bg-muted/30 flex-shrink-0", children: [
+                      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                        /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground text-base", children: "Select Epics" }),
+                        /* @__PURE__ */ jsx(
+                          Button,
+                          {
+                            variant: "ghost",
+                            size: "sm",
+                            onClick: () => setIsEpicSelectorOpen(false),
+                            className: "h-8 w-8 p-0",
+                            children: /* @__PURE__ */ jsx(X, { className: "h-4 w-4" })
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground mt-1", children: "Filter which epics to display. Select none to show all." })
+                    ] }),
+                    /* @__PURE__ */ jsx("div", { className: "flex flex-col flex-1 p-4 min-h-0", children: /* @__PURE__ */ 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__ */ jsxs(
+                        "div",
+                        {
+                          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__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                              /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 flex-1 min-w-0", children: [
+                                /* @__PURE__ */ jsx("div", { className: `w-3 h-3 rounded-full flex-shrink-0 ${epic.color}` }),
+                                /* @__PURE__ */ jsx("p", { className: "font-medium text-sm text-foreground truncate", children: epic.name })
+                              ] }),
+                              /* @__PURE__ */ jsx("div", { className: "ml-2 flex items-center gap-1", children: /* @__PURE__ */ jsx(Badge, { variant: "secondary", className: "text-xs", children: taskCount }) })
+                            ] }),
+                            /* @__PURE__ */ 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__ */ jsx("p", { className: "text-sm text-muted-foreground text-center py-8", children: "No epics yet. Add one to get started." }) }) })
+                  ] })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ 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__ */ jsxs(
+                Card,
+                {
+                  className: "flex flex-col bg-card shadow-sm",
+                  style: { maxHeight: "420px" },
+                  onDragOver: handleDragOver,
+                  onDrop: (e) => handleDrop(e, epic.id.toString()),
+                  children: [
+                    /* @__PURE__ */ jsx("div", { className: "p-3 border-b border-border flex-shrink-0", children: editingEpic === epic.id.toString() ? (
+                      /* Edit Mode */
+                      /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+                          /* @__PURE__ */ jsx(
+                            Input,
+                            {
+                              value: editForm.name || "",
+                              onChange: (e) => setEditForm({ ...editForm, name: e.target.value }),
+                              placeholder: "Epic name",
+                              className: "font-semibold text-sm"
+                            }
+                          ),
+                          /* @__PURE__ */ jsxs("div", { className: "flex gap-1 ml-2", children: [
+                            /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: handleSaveEdit,
+                                className: "p-1 h-7 w-7",
+                                children: /* @__PURE__ */ jsx(Check, { className: "h-3 w-3" })
+                              }
+                            ),
+                            /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: handleCancelEdit,
+                                className: "p-1 h-7 w-7",
+                                children: /* @__PURE__ */ jsx(X, { className: "h-3 w-3" })
+                              }
+                            )
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          Textarea,
+                          {
+                            value: editForm.description || "",
+                            onChange: (e) => setEditForm({ ...editForm, description: e.target.value }),
+                            placeholder: "Epic description",
+                            className: "text-xs min-h-[50px]"
+                          }
+                        ),
+                        /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-2 gap-2", children: [
+                          /* @__PURE__ */ jsxs("div", { children: [
+                            /* @__PURE__ */ jsx("label", { className: "text-xs text-muted-foreground", children: "Confidence" }),
+                            /* @__PURE__ */ 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__ */ jsx("option", { value: "low", children: "Low" }),
+                                  /* @__PURE__ */ jsx("option", { value: "medium", children: "Medium" }),
+                                  /* @__PURE__ */ jsx("option", { value: "high", children: "High" })
+                                ]
+                              }
+                            )
+                          ] }),
+                          /* @__PURE__ */ jsxs("div", { children: [
+                            /* @__PURE__ */ jsx("label", { className: "text-xs text-muted-foreground", children: "Phase" }),
+                            /* @__PURE__ */ 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__ */ jsxs("option", { value: phase.toString(), children: [
+                                  "Phase ",
+                                  phase
+                                ] }, phase))
+                              }
+                            )
+                          ] })
+                        ] })
+                      ] })
+                    ) : (
+                      /* Display Mode */
+                      /* @__PURE__ */ jsxs(Fragment, { children: [
+                        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 mb-1.5", children: [
+                          /* @__PURE__ */ jsx("div", { className: `w-3 h-3 rounded-full flex-shrink-0 ${epic.color}` }),
+                          /* @__PURE__ */ jsx("h3", { className: "font-semibold text-foreground text-sm select-none flex-1 truncate", children: epic.name }),
+                          /* @__PURE__ */ jsxs("div", { className: "flex gap-0.5", children: [
+                            /* @__PURE__ */ jsx(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "ghost",
+                                onClick: () => handleEditEpic(epic),
+                                className: "p-1 h-6 w-6",
+                                children: /* @__PURE__ */ jsx(Edit2, { className: "h-3 w-3" })
+                              }
+                            ),
+                            /* @__PURE__ */ 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__ */ jsx(Trash2, { className: "h-3 w-3" })
+                              }
+                            )
+                          ] })
+                        ] }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap gap-1 mb-2", children: [
+                          /* @__PURE__ */ jsx(Badge, { className: `text-xs px-1.5 py-0 ${getConfidenceColor(epic.confidence)}`, children: epic.confidence }),
+                          /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "text-xs px-1.5 py-0", children: getPhaseLabel(epic.phase) }),
+                          /* @__PURE__ */ 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__ */ jsx("p", { className: "text-xs text-muted-foreground mb-2 select-none line-clamp-2", children: epic.description }),
+                        /* @__PURE__ */ jsxs(
+                          Button,
+                          {
+                            onClick: () => {
+                              setIsAddTaskModalOpen(true);
+                              setAddTaskEpic(epic);
+                            },
+                            variant: "outline",
+                            size: "sm",
+                            className: "w-full gap-1 h-7 text-xs",
+                            children: [
+                              /* @__PURE__ */ jsx(Plus, { className: "h-3 w-3" }),
+                              "Add Task"
+                            ]
+                          }
+                        )
+                      ] })
+                    ) }),
+                    /* @__PURE__ */ jsx("div", { className: "flex-1 p-2 overflow-y-auto no-scrollbar min-h-0", children: /* @__PURE__ */ 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__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-16 text-muted-foreground", children: [
+                          /* @__PURE__ */ jsx(Move, { className: "h-5 w-5 mb-1" }),
+                          /* @__PURE__ */ jsx("span", { className: "text-xs select-none", children: "Drop tasks here" })
+                        ] }) : epicTasks.map((task) => /* @__PURE__ */ jsxs("div", { className: "relative group", children: [
+                          /* @__PURE__ */ jsx(
+                            TaskCard,
+                            {
+                              task,
+                              epic,
+                              onDragStart: handleDragStart,
+                              onTaskClick: handleTaskClick,
+                              isCompact: true
+                            }
+                          ),
+                          /* @__PURE__ */ 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__ */ jsx(X, { className: "h-3 w-3" })
+                            }
+                          )
+                        ] }, task.id))
+                      }
+                    ) })
+                  ]
+                },
+                epic.id
+              );
+            }) })
+          ]
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      AddEpicModal,
+      {
+        isOpen: isAddEpicModalOpen,
+        onClose: () => setIsAddEpicModalOpen(false),
+        onAddEpic
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      AddTaskModal,
+      {
+        isOpen: isAddTaskModalOpen,
+        onClose: () => setIsAddTaskModalOpen(false),
+        onAddTask: onAddTaskToEpic,
+        assignees: [],
+        epics: [],
+        defaultEpicId: addTaskEpic?.id.toString() || "",
+        sprints
+      }
+    ),
+    selectedTask && /* @__PURE__ */ jsx(
+      TaskDetailsModal,
+      {
+        isOpen: !!selectedTask,
+        onClose: () => setSelectedTask(null),
+        initialTask: selectedTask,
+        epics: availableEpics,
+        sprints,
+        onUpdateTask: handleUpdateTask,
+        onDeleteTask: handleDeleteTask,
+        onAddComment,
+        colleagues,
+        onUploadFile,
+        onDeleteFile,
+        onFileUpdate
+      }
+    )
+  ] });
+};
+
+export {
+  EpicsView
+};

package/dist/{chunk-GTHNG3Q7.mjs → chunk-PPESICX2.mjs}

@@ -7,7 +7,7 @@ import {
   DialogContent,
   DialogHeader,
   DialogTitle
-} from "./chunk-3BYULUMU.mjs";
+} from "./chunk-T62Q55Y5.mjs";
 
 // src/components/Cards/Image.tsx
 import NextImage from "next/image";

package/dist/{chunk-F7JPOQIC.mjs → chunk-Q54XDKD6.mjs}

@@ -22,7 +22,7 @@ import {
   DialogContent,
   DialogHeader,
   DialogTitle
-} from "./chunk-3BYULUMU.mjs";
+} from "./chunk-T62Q55Y5.mjs";
 import {
   Input
 } from "./chunk-YMZ2OUK6.mjs";

package/dist/{chunk-LTDXFLCW.mjs → chunk-QM3XSGNV.mjs}

@@ -2,7 +2,7 @@
 "use strict";
 
 // src/components/Foundry/ManagementSidebar.tsx
-import { Calendar, Kanban, FileText, Target } from "lucide-react";
+import { BarChart2, Calendar, Kanban, FileText, Target } from "lucide-react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var viewConfig = [
   {
@@ -40,6 +40,14 @@ var viewConfig = [
     label: "Tasks",
     color: "bg-brand-cyan",
     title: "Tasks"
+  },
+  {
+    key: "gantt",
+    icon: BarChart2,
+    label: "Gantt",
+    color: "bg-brand-blue",
+    title: "Gantt Chart",
+    hiddenOnMobile: true
   }
 ];
 var ManagementSidebar = ({
@@ -47,15 +55,15 @@ var ManagementSidebar = ({
   onViewChange,
   children
 }) => {
-  return /* @__PURE__ */ jsxs("div", { className: "flex w-full h-screen", children: [
-    /* @__PURE__ */ jsx("div", { className: "w-12 h-full bg-sidebar-background flex flex-col flex-shrink-0", children: viewConfig.map((view) => {
+  return /* @__PURE__ */ jsxs("div", { className: "flex w-full h-full", children: [
+    /* @__PURE__ */ 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 Icon = view.icon;
       const isActive = currentView === view.key;
       return /* @__PURE__ */ 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__ */ jsx(Icon, { className: "h-4 w-4 flex-shrink-0" }),
@@ -65,7 +73,7 @@ var ManagementSidebar = ({
         view.key
       );
     }) }),
-    /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0 px-4 md:px-6 h-full overflow-auto", children: /* @__PURE__ */ jsx("div", { className: "w-full h-full", children }) })
+    /* @__PURE__ */ jsx("div", { className: "flex-1 min-w-0 px-4 md:px-6 h-full overflow-auto z-0 relative", children: /* @__PURE__ */ jsx("div", { className: "w-full h-full", children }) })
   ] });
 };