cortex-react-components 3.3.0 → 4.0.2

package/dist/components/Projects/SprintBoardView.js

@@ -2613,9 +2613,50 @@ var CardFooter = React2.forwardRef(
 );
 CardFooter.displayName = "CardFooter";
 
+// src/components/ui/input.tsx
+var React3 = __toESM(require("react"));
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var Input = React3.forwardRef(
+  ({ className, type, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+// src/components/ui/textarea.tsx
+var React4 = __toESM(require("react"));
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var Textarea = React4.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+      "textarea",
+      {
+        className: cn(
+          "flex min-h-[80px] w-full rounded border border-border bg-background px-3 py-2 text-sm ring-offset-background 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",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Textarea.displayName = "Textarea";
+
 // src/components/Projects/TaskCard.tsx
 var import_lucide_react = require("lucide-react");
-var import_jsx_runtime4 = require("react/jsx-runtime");
+var import_jsx_runtime6 = require("react/jsx-runtime");
 var TaskCard = ({
   task,
   epic,
@@ -2644,14 +2685,14 @@ var TaskCard = ({
   const getTypeIcon = () => {
     switch (task.type) {
       case "story":
-        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.BookOpen, { className: "h-3 w-3" });
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.BookOpen, { className: "h-3 w-3" });
       case "bug":
-        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.Bug, { className: "h-3 w-3" });
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Bug, { className: "h-3 w-3" });
       case "spike":
-        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.Zap, { className: "h-3 w-3" });
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Zap, { className: "h-3 w-3" });
       case "task":
       default:
-        return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.AlertCircle, { className: "h-3 w-3" });
+        return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.AlertCircle, { className: "h-3 w-3" });
     }
   };
   const getTypeColor = () => {
@@ -2668,27 +2709,27 @@ var TaskCard = ({
     }
   };
   if (isCompact) {
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
       Card,
       {
         className: "p-3 bg-card border border-border hover:border-accent cursor-pointer transition-all duration-200 hover:shadow-sm",
         draggable: true,
         onDragStart: handleDragStart,
         onClick: handleClick,
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
             "div",
             {
               className: `flex items-center gap-1 px-2 py-1 rounded-full text-xs font-medium ${getTypeColor()}`,
               children: getTypeIcon()
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h4", { className: `font-medium text-foreground text-sm mb-1 line-clamp-2 select-none-important ${task.status === "done" || task.status === "cancelled" ? "line-through opacity-60" : ""}`, children: task.name })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { className: `font-medium text-foreground text-sm mb-1 line-clamp-2 select-none-important ${task.status === "done" || task.status === "cancelled" ? "line-through opacity-60" : ""}`, children: task.name })
         ] })
       }
     );
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
     Card,
     {
       className: "p-4 bg-card border border-border hover:border-accent cursor-pointer transition-all duration-200 hover:shadow-md",
@@ -2696,26 +2737,26 @@ var TaskCard = ({
       onDragStart: handleDragStart,
       onClick: handleClick,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between mb-3", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
             "div",
             {
               className: `flex items-center gap-2 px-3 py-1 rounded-full text-sm font-medium ${getTypeColor()}`,
               children: [
                 getTypeIcon(),
-                /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { className: "capitalize", children: task.type })
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { className: "capitalize", children: task.type })
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "div",
               {
                 className: `flex items-center gap-2 px-3 py-1 rounded-full text-xs font-medium ${getPriorityColor()}`,
                 children: task.priority
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
               "div",
               {
                 className: `flex items-center gap-2 px-3 py-1 border border-accent rounded-full text-xs font-medium`,
@@ -2724,16 +2765,16 @@ var TaskCard = ({
             )
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("h4", { className: `font-semibold text-foreground mb-2 select-none-important ${task.status === "done" || task.status === "cancelled" ? "line-through opacity-60" : ""}`, children: task.name }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("p", { className: "text-sm text-muted-foreground mb-3 line-clamp-2 select-none-important", children: task.description }),
-        /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.User, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: task.assignee?.value?.name })
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("h4", { className: `font-semibold text-foreground mb-2 select-none-important ${task.status === "done" || task.status === "cancelled" ? "line-through opacity-60" : ""}`, children: task.name }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("p", { className: "text-sm text-muted-foreground mb-3 line-clamp-2 select-none-important", children: task.description }),
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center justify-between text-sm text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.User, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: task.assignee?.value?.name })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("div", { className: "flex items-center gap-1", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_lucide_react.Calendar, { className: "h-4 w-4" }),
-            /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("span", { children: new Date(task.createdAt).toLocaleDateString() })
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_lucide_react.Calendar, { className: "h-4 w-4" }),
+            /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("span", { children: new Date(task.createdAt).toLocaleDateString() })
           ] })
         ] })
       ]
@@ -2745,13 +2786,13 @@ var TaskCard = ({
 var import_react = require("react");
 
 // src/components/ui/dialog.tsx
-var React3 = __toESM(require("react"));
+var React5 = __toESM(require("react"));
 var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"));
 var import_lucide_react2 = require("lucide-react");
-var import_jsx_runtime5 = require("react/jsx-runtime");
+var import_jsx_runtime7 = require("react/jsx-runtime");
 var Dialog = DialogPrimitive.Root;
 var DialogPortal = DialogPrimitive.Portal;
-var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var DialogOverlay = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
   DialogPrimitive.Overlay,
   {
     ref,
@@ -2763,9 +2804,9 @@ var DialogOverlay = React3.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(DialogPortal, { children: [
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(DialogOverlay, {}),
-  /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+var DialogContent = React5.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogPortal, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(DialogOverlay, {}),
+  /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     DialogPrimitive.Content,
     {
       ref,
@@ -2776,18 +2817,18 @@ var DialogContent = React3.forwardRef(({ className, children, ...props }, ref) =
       ...props,
       children: [
         children,
-        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.X, { className: "h-4 w-4" }),
-          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("span", { className: "sr-only", children: "Close" })
+        /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(import_lucide_react2.X, { className: "h-4 w-4" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("span", { className: "sr-only", children: "Close" })
         ] })
       ]
     }
   )
 ] }));
 DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
+var DialogHeader = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("div", { className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className), ...props });
 DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
   "div",
   {
     className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className),
@@ -2795,7 +2836,7 @@ var DialogFooter = ({ className, ...props }) => /* @__PURE__ */ (0, import_jsx_r
   }
 );
 DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var DialogTitle = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
   DialogPrimitive.Title,
   {
     ref,
@@ -2804,7 +2845,7 @@ var DialogTitle = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+var DialogDescription = React5.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
   DialogPrimitive.Description,
   {
     ref,
@@ -2814,47 +2855,6 @@ var DialogDescription = React3.forwardRef(({ className, ...props }, ref) => /* @
 ));
 DialogDescription.displayName = DialogPrimitive.Description.displayName;
 
-// src/components/ui/input.tsx
-var React4 = __toESM(require("react"));
-var import_jsx_runtime6 = require("react/jsx-runtime");
-var Input = React4.forwardRef(
-  ({ className, type, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
-      "input",
-      {
-        type,
-        className: cn(
-          "flex h-9 w-full rounded-md border border-input bg-transparent px-3 py-1 text-sm shadow-sm transition-colors file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-
-// src/components/ui/textarea.tsx
-var React5 = __toESM(require("react"));
-var import_jsx_runtime7 = require("react/jsx-runtime");
-var Textarea = React5.forwardRef(
-  ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-      "textarea",
-      {
-        className: cn(
-          "flex min-h-[80px] w-full rounded border border-border bg-background px-3 py-2 text-sm ring-offset-background 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",
-          className
-        ),
-        ref,
-        ...props
-      }
-    );
-  }
-);
-Textarea.displayName = "Textarea";
-
 // src/components/ui/select.tsx
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
 var import_lucide_react3 = require("lucide-react");
@@ -6913,15 +6913,16 @@ function useLocalStorage(key, initialValue) {
       return initialValue;
     }
   });
-  const setValue = (value) => {
+  const setValue = (0, import_react19.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_react19.useEffect)(() => {
     setValue(storedValue);
   }, []);
@@ -7042,6 +7043,7 @@ function DashboardHero({
 var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime42 = require("react/jsx-runtime");
 var SprintBoardView = ({
+  projectId,
   initialTasks = [],
   initialEpics = [],
   initialSprints = [],
@@ -7057,6 +7059,8 @@ var SprintBoardView = ({
   onAddEpic,
   // Sprint handlers
   onAddSprint,
+  onUpdateSprint,
+  onDeleteSprint,
   onAddComment,
   onUploadFile,
   onDeleteFile,
@@ -7068,9 +7072,16 @@ var SprintBoardView = ({
   const [colleagues, setColleagues] = (0, import_react22.useState)([]);
   const [users, setUsers] = (0, import_react22.useState)([]);
   const [selectedSprintIds, setSelectedSprintIds] = useLocalStorage(
-    "sprintBoardView_selectedSprints",
+    `sprintBoardView_selectedSprints${projectId ? `_${projectId}` : ""}`,
     []
   );
+  const [editingSprintId, setEditingSprintId] = (0, import_react22.useState)(null);
+  const [sprintEditForm, setSprintEditForm] = (0, import_react22.useState)({
+    name: "",
+    description: "",
+    startDate: "",
+    endDate: ""
+  });
   const [isAddTaskModalOpen, setIsAddTaskModalOpen] = (0, import_react22.useState)(false);
   const [isAddEpicModalOpen, setIsAddEpicModalOpen] = (0, import_react22.useState)(false);
   const [isAddSprintModalOpen, setIsAddSprintModalOpen] = (0, import_react22.useState)(false);
@@ -7117,6 +7128,8 @@ var SprintBoardView = ({
     const next = getHash(initialSprints);
     if (next !== prevSprintHash.current) {
       setSprints(initialSprints);
+      const validIds = new Set(initialSprints.map((s) => s.id.toString()));
+      setSelectedSprintIds(selectedSprintIds.filter((id) => validIds.has(id)));
       prevSprintHash.current = next;
     }
   }, [initialSprints]);
@@ -7261,6 +7274,34 @@ var SprintBoardView = ({
     onAddSprint?.(sprintData);
     setIsAddSprintModalOpen(false);
   };
+  const handleSprintEditStart = (sprint) => {
+    setEditingSprintId(sprint.id.toString());
+    setSprintEditForm({
+      name: sprint.name,
+      description: sprint.description || "",
+      startDate: sprint.startDate ? new Date(sprint.startDate).toISOString().split("T")[0] : "",
+      endDate: sprint.endDate ? new Date(sprint.endDate).toISOString().split("T")[0] : ""
+    });
+  };
+  const handleSprintEditSave = () => {
+    if (!editingSprintId) return;
+    onUpdateSprint?.(editingSprintId, sprintEditForm);
+    setSprints(
+      (prev) => prev.map(
+        (s) => s.id.toString() === editingSprintId ? { ...s, ...sprintEditForm } : s
+      )
+    );
+    setEditingSprintId(null);
+  };
+  const handleSprintEditCancel = () => {
+    setEditingSprintId(null);
+    setSprintEditForm({ name: "", description: "", startDate: "", endDate: "" });
+  };
+  const handleDeleteSprint = (sprintId) => {
+    onDeleteSprint?.(sprintId);
+    setSprints((prev) => prev.filter((s) => s.id.toString() !== sprintId));
+    setSelectedSprintIds(selectedSprintIds.filter((id) => id !== sprintId));
+  };
   const handleTaskClick = (task) => {
     setSelectedTask(task);
     onTaskClick?.(task);
@@ -7391,37 +7432,138 @@ var SprintBoardView = ({
                     return /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
                       "div",
                       {
-                        className: `p-3 rounded-lg border cursor-pointer transition-all ${isSelected ? "bg-primary/10 border-primary/30 ring-1 ring-primary/20" : canSelect ? "bg-card border-border hover:border-primary/50 hover:bg-muted/50" : "bg-muted/30 border-border/30 opacity-60"}`,
-                        onClick: () => {
-                          if (canSelect) {
-                            toggleSprintView(sprint.id.toString());
-                          } else if (isSelected) {
-                            toggleSprintView(sprint.id.toString());
-                          }
-                        },
-                        children: /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-start justify-between", children: [
-                          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex-1 min-w-0", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "font-medium text-sm text-foreground truncate", children: sprint.name }),
-                            sprint.description && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-xs text-muted-foreground line-clamp-2 mt-1", children: sprint.description }),
-                            sprint.startDate && sprint.endDate && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-1 mt-2 text-xs text-muted-foreground", children: [
-                              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react16.Calendar, { className: "h-3 w-3" }),
-                              /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { children: [
-                                new Date(sprint.startDate).toLocaleDateString(),
-                                " -",
-                                " ",
-                                new Date(sprint.endDate).toLocaleDateString()
-                              ] })
+                        className: `p-3 rounded-lg border transition-all ${isSelected ? "bg-primary/10 border-primary/30 ring-1 ring-primary/20" : canSelect ? "bg-card border-border" : "bg-muted/30 border-border/30 opacity-60"}`,
+                        children: editingSprintId === sprint.id.toString() ? /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "space-y-3", children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                            Input,
+                            {
+                              value: sprintEditForm.name,
+                              onChange: (e) => setSprintEditForm((prev) => ({ ...prev, name: e.target.value })),
+                              className: "text-sm",
+                              placeholder: "Sprint name"
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                            Textarea,
+                            {
+                              value: sprintEditForm.description,
+                              onChange: (e) => setSprintEditForm((prev) => ({
+                                ...prev,
+                                description: e.target.value
+                              })),
+                              className: "text-sm min-h-[60px]",
+                              placeholder: "Sprint description"
+                            }
+                          ),
+                          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "grid grid-cols-2 gap-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "Start Date" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                                Input,
+                                {
+                                  type: "date",
+                                  value: sprintEditForm.startDate,
+                                  onChange: (e) => setSprintEditForm((prev) => ({
+                                    ...prev,
+                                    startDate: e.target.value
+                                  })),
+                                  className: "text-sm"
+                                }
+                              )
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("label", { className: "text-xs text-muted-foreground block mb-1", children: "End Date" }),
+                              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                                Input,
+                                {
+                                  type: "date",
+                                  value: sprintEditForm.endDate,
+                                  onChange: (e) => setSprintEditForm((prev) => ({
+                                    ...prev,
+                                    endDate: e.target.value
+                                  })),
+                                  className: "text-sm"
+                                }
+                              )
                             ] })
                           ] }),
-                          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "ml-2 flex items-center gap-2", children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Badge, { variant: "secondary", className: "text-xs", children: taskCount }),
-                            /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
-                              "div",
+                          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex gap-2", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                              Button,
                               {
-                                className: `h-4 w-4 rounded border-2 transition-all ${isSelected ? "bg-primary border-primary" : "border-muted-foreground hover:border-foreground"}`
+                                size: "sm",
+                                onClick: handleSprintEditSave,
+                                className: "flex-1",
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react16.Check, { className: "h-3 w-3 mr-1" }),
+                                  "Save"
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)(
+                              Button,
+                              {
+                                size: "sm",
+                                variant: "outline",
+                                onClick: handleSprintEditCancel,
+                                className: "flex-1",
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react16.X, { className: "h-3 w-3 mr-1" }),
+                                  "Cancel"
+                                ]
                               }
                             )
                           ] })
+                        ] }) : /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { children: [
+                          /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-start justify-between", children: [
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex-1 min-w-0", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "font-medium text-sm text-foreground truncate", children: sprint.name }),
+                              sprint.description && /* @__PURE__ */ (0, import_jsx_runtime42.jsx)("p", { className: "text-xs text-muted-foreground line-clamp-2 mt-1", children: sprint.description }),
+                              sprint.startDate && sprint.endDate && /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "flex items-center gap-1 mt-2 text-xs text-muted-foreground", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react16.Calendar, { className: "h-3 w-3" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("span", { children: [
+                                  new Date(sprint.startDate).toLocaleDateString(),
+                                  " -",
+                                  " ",
+                                  new Date(sprint.endDate).toLocaleDateString()
+                                ] })
+                              ] })
+                            ] }),
+                            /* @__PURE__ */ (0, import_jsx_runtime42.jsxs)("div", { className: "ml-2 flex items-center gap-1", children: [
+                              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(Badge, { variant: "secondary", className: "text-xs", children: taskCount }),
+                              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                                Button,
+                                {
+                                  size: "sm",
+                                  variant: "ghost",
+                                  onClick: () => handleSprintEditStart(sprint),
+                                  className: "h-6 w-6 p-0",
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react16.Edit2, { className: "h-3 w-3" })
+                                }
+                              ),
+                              /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                                Button,
+                                {
+                                  size: "sm",
+                                  variant: "ghost",
+                                  onClick: () => handleDeleteSprint(sprint.id.toString()),
+                                  className: "h-6 w-6 p-0 text-destructive hover:text-destructive",
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(import_lucide_react16.Trash2, { className: "h-3 w-3" })
+                                }
+                              )
+                            ] })
+                          ] }),
+                          /* @__PURE__ */ (0, import_jsx_runtime42.jsx)(
+                            Button,
+                            {
+                              variant: isSelected ? "default" : "outline",
+                              size: "sm",
+                              className: "w-full mt-2 text-xs h-7",
+                              onClick: () => toggleSprintView(sprint.id.toString()),
+                              disabled: !isSelected && selectedSprintIds.length >= 3,
+                              children: isSelected ? "Deselect" : selectedSprintIds.length >= 3 ? "Limit reached" : "Select"
+                            }
+                          )
                         ] })
                       },
                       sprint.id

package/dist/components/Projects/SprintBoardView.mjs

@@ -1,18 +1,20 @@
 import {
   SprintBoardView
-} from "../../chunk-SSDRUPMS.mjs";
-import "../../chunk-B7WVGDB6.mjs";
-import "../../chunk-IDMTHUC4.mjs";
+} from "../../chunk-2BKXIIFJ.mjs";
+import "../../chunk-WSU6ULOG.mjs";
+import "../../chunk-N5Q2DYUR.mjs";
 import "../../chunk-3G7VLQG5.mjs";
 import "../../chunk-YFNT546N.mjs";
-import "../../chunk-WSU6ULOG.mjs";
-import "../../chunk-UDCOG2XL.mjs";
 import "../../chunk-C3CKYJ2F.mjs";
-import "../../chunk-KOK3VCJZ.mjs";
+import "../../chunk-Y4KJTMKO.mjs";
+import "../../chunk-UDCOG2XL.mjs";
 import "../../chunk-HQW5M4ND.mjs";
-import "../../chunk-4JHX6BW6.mjs";
-import "../../chunk-Z54HOXSV.mjs";
-import "../../chunk-GGOGMLBY.mjs";
+import "../../chunk-B7WVGDB6.mjs";
+import "../../chunk-TZH6L2OH.mjs";
+import "../../chunk-RFMER577.mjs";
+import "../../chunk-ETV6EEYB.mjs";
+import "../../chunk-AKMJBGUU.mjs";
+import "../../chunk-PLFX66EX.mjs";
 import "../../chunk-EGCBZZGV.mjs";
 import "../../chunk-RV4VRLGN.mjs";
 import "../../chunk-DHB2L7O2.mjs";
@@ -22,14 +24,12 @@ import "../../chunk-ZJB7AFL5.mjs";
 import "../../chunk-KHFPDDTO.mjs";
 import "../../chunk-AVNBD2X5.mjs";
 import "../../chunk-SNUES6JA.mjs";
-import "../../chunk-PLFX66EX.mjs";
-import "../../chunk-RFMER577.mjs";
-import "../../chunk-QPO45D6F.mjs";
+import "../../chunk-I2MVZVXE.mjs";
 import "../../chunk-ZFUPXIGR.mjs";
 import "../../chunk-XTI4RMGG.mjs";
 import "../../chunk-Y6HQV3VB.mjs";
-import "../../chunk-JCFLPLDK.mjs";
 import "../../chunk-IBQBZNEA.mjs";
+import "../../chunk-JCFLPLDK.mjs";
 import "../../chunk-3VKPPG4Z.mjs";
 import "../../chunk-T2CLUB2R.mjs";
 import "../../chunk-6V75REDA.mjs";
@@ -50,10 +50,10 @@ import "../../chunk-EQHAE4MP.mjs";
 import "../../chunk-SG5TVUD2.mjs";
 import "../../chunk-23N4BX45.mjs";
 import "../../chunk-6MKCSIL2.mjs";
-import "../../chunk-AEFGMCK3.mjs";
+import "../../chunk-D5KV6INF.mjs";
+import "../../chunk-EPR27OQG.mjs";
 import "../../chunk-7GPVQAMX.mjs";
 import "../../chunk-HJCCUR2K.mjs";
-import "../../chunk-EPR27OQG.mjs";
 import "../../chunk-R7D7RJIE.mjs";
 import "../../chunk-YMZ2OUK6.mjs";
 import "../../chunk-EN2UUKLU.mjs";
@@ -63,7 +63,7 @@ import "../../chunk-JHOP4BOK.mjs";
 import "../../chunk-ZSBTDL4H.mjs";
 import "../../chunk-KZPGX6CG.mjs";
 import "../../chunk-OZ77QF4K.mjs";
-import "../../chunk-I4MTJN23.mjs";
+import "../../chunk-6A7T3O6T.mjs";
 import "../../chunk-G3DHYJLD.mjs";
 import "../../chunk-HGJGZHAE.mjs";
 import "../../chunk-6DZX6EAA.mjs";