gantt-lib 0.3.3 → 0.4.0

package/dist/index.mjs

@@ -1,7 +1,7 @@
 "use client";
 
 // src/components/GanttChart/GanttChart.tsx
-import { useMemo as useMemo9, useCallback as useCallback6, useRef as useRef5, useState as useState6, useEffect as useEffect5, useImperativeHandle, forwardRef } from "react";
+import { useMemo as useMemo9, useCallback as useCallback6, useRef as useRef6, useState as useState7, useEffect as useEffect6, useImperativeHandle, forwardRef } from "react";
 
 // src/utils/dateUtils.ts
 var parseUTCDate = (date) => {
@@ -42,9 +42,9 @@ var getDayOffset = (date, monthStart) => {
 var isToday = (date) => {
   const now = /* @__PURE__ */ new Date();
   const today = new Date(Date.UTC(
-    now.getUTCFullYear(),
-    now.getUTCMonth(),
-    now.getUTCDate()
+    now.getFullYear(),
+    now.getMonth(),
+    now.getDate()
   ));
   const compareDate = new Date(Date.UTC(
     date.getUTCFullYear(),
@@ -523,7 +523,7 @@ var calculateGridLines = (dateRange, dayWidth) => {
   for (let i = 0; i < dateRange.length; i++) {
     const date = dateRange[i];
     const x = Math.round(i * dayWidth);
-    const isMonthStart = date.getUTCDate() === 1;
+    const isMonthStart = i === 0 ? false : date.getUTCDate() === 1;
     const isWeekStart = date.getUTCDay() === 1;
     lines.push({ x, isMonthStart, isWeekStart });
   }
@@ -1102,7 +1102,7 @@ var TaskRow = React2.memo(
     const isExpired = useMemo2(() => {
       if (!highlightExpiredTasks) return false;
       const now = /* @__PURE__ */ new Date();
-      const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));
+      const today = new Date(Date.UTC(now.getFullYear(), now.getMonth(), now.getDate()));
       const taskStart = parseUTCDate(task.startDate);
       const taskEnd = parseUTCDate(task.endDate);
       const actualProgress = task.progress ?? 0;
@@ -1322,7 +1322,7 @@ var TodayIndicator_default = TodayIndicator;
 import React4, { useMemo as useMemo4 } from "react";
 import { jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var arePropsEqual2 = (prevProps, nextProps) => {
-  return prevProps.dayWidth === nextProps.dayWidth && prevProps.dateRange.length === nextProps.dateRange.length && prevProps.totalHeight !== nextProps.totalHeight;
+  return prevProps.dayWidth === nextProps.dayWidth && prevProps.dateRange.length === nextProps.dateRange.length && prevProps.totalHeight === nextProps.totalHeight;
 };
 var GridBackground = React4.memo(
   ({ dateRange, dayWidth, totalHeight }) => {
@@ -1609,7 +1609,7 @@ DependencyLines.displayName = "DependencyLines";
 var DependencyLines_default = DependencyLines;
 
 // src/components/TaskList/TaskList.tsx
-import React10, { useMemo as useMemo8, useCallback as useCallback5, useState as useState5, useEffect as useEffect4, useRef as useRef4 } from "react";
+import React11, { useMemo as useMemo8, useCallback as useCallback5, useState as useState6, useEffect as useEffect5, useRef as useRef5 } from "react";
 
 // src/components/ui/Popover.tsx
 import * as RadixPopover from "@radix-ui/react-popover";
@@ -1683,6 +1683,7 @@ import {
   format as format2,
   addMonths,
   subMonths,
+  addDays,
   isSameDay,
   getDay,
   isToday as isToday2,
@@ -1796,7 +1797,73 @@ var Calendar = ({
     () => months.map(renderMonth),
     [months, renderMonth]
   );
-  return /* @__PURE__ */ jsx9("div", { ref: scrollRef, className: "gantt-cal-container", children: renderedMonths });
+  const handleDayShift = useCallback2(
+    (deltaDays) => {
+      if (!onSelect || disabled) return;
+      const baseDate = selected ?? /* @__PURE__ */ new Date();
+      onSelect(addDays(baseDate, deltaDays));
+    },
+    [onSelect, selected, disabled]
+  );
+  const handleToday = useCallback2(() => {
+    if (!onSelect || disabled) return;
+    onSelect(/* @__PURE__ */ new Date());
+  }, [onSelect, disabled]);
+  return /* @__PURE__ */ jsxs6("div", { ref: scrollRef, className: "gantt-cal-container", children: [
+    renderedMonths,
+    /* @__PURE__ */ jsxs6("div", { className: "gantt-cal-nav", children: [
+      /* @__PURE__ */ jsx9(
+        "button",
+        {
+          type: "button",
+          className: "gantt-btn gantt-btn-sm",
+          onClick: () => handleDayShift(-7),
+          disabled,
+          children: "-7"
+        }
+      ),
+      /* @__PURE__ */ jsx9(
+        "button",
+        {
+          type: "button",
+          className: "gantt-btn gantt-btn-sm",
+          onClick: () => handleDayShift(-1),
+          disabled,
+          children: "-1"
+        }
+      ),
+      /* @__PURE__ */ jsx9(
+        "button",
+        {
+          type: "button",
+          className: "gantt-btn gantt-btn-sm",
+          onClick: handleToday,
+          disabled,
+          children: "\u0421\u0435\u0433\u043E\u0434\u043D\u044F"
+        }
+      ),
+      /* @__PURE__ */ jsx9(
+        "button",
+        {
+          type: "button",
+          className: "gantt-btn gantt-btn-sm",
+          onClick: () => handleDayShift(1),
+          disabled,
+          children: "+1"
+        }
+      ),
+      /* @__PURE__ */ jsx9(
+        "button",
+        {
+          type: "button",
+          className: "gantt-btn gantt-btn-sm",
+          onClick: () => handleDayShift(7),
+          disabled,
+          children: "+7"
+        }
+      )
+    ] })
+  ] });
 };
 Calendar.displayName = "Calendar";
 
@@ -1904,6 +1971,7 @@ var TrashIcon = () => /* @__PURE__ */ jsxs9("svg", { xmlns: "http://www.w3.org/2
   /* @__PURE__ */ jsx12("path", { d: "M3 6h18" }),
   /* @__PURE__ */ jsx12("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
 ] });
+var PlusIcon = () => /* @__PURE__ */ jsx12("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx12("path", { d: "M12 5v14M5 12h14" }) });
 function formatDepDescription(type, lag) {
   const effectiveLag = lag ?? 0;
   if (type === "FS") {
@@ -1945,12 +2013,19 @@ var DepChip = ({
   const handleClick = (e) => {
     e.stopPropagation();
     if (disableDependencyEditing) return;
-    onChipSelect?.(isSelected ? null : { successorId: taskId, predecessorId: dep.taskId, linkType: dep.type });
-    if (!isSelected) {
-      onRowClick?.(taskId);
-      onScrollToTask?.(taskId);
+    if (isSelected) {
+      e.preventDefault();
+      onChipSelect?.(null);
+      return;
     }
+    onChipSelect?.({ successorId: taskId, predecessorId: dep.taskId, linkType: dep.type });
+    onScrollToTask?.(dep.taskId);
   };
+  const handleOpenChange = useCallback4((open) => {
+    if (!open) {
+      onChipSelect?.(null);
+    }
+  }, [onChipSelect]);
   const handleTrashClick = (e) => {
     e.stopPropagation();
     onRemoveDependency?.(taskId, dep.taskId, dep.type);
@@ -1959,50 +2034,26 @@ var DepChip = ({
   const Icon = LINK_TYPE_ICONS[dep.type];
   const depPrefix = formatDepDescription(dep.type, lag);
   const depName = predecessorName ?? dep.taskId;
-  return /* @__PURE__ */ jsxs9(Popover, { open: isSelected, onOpenChange: (open) => {
-  }, children: [
-    /* @__PURE__ */ jsx12(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9("span", { className: "gantt-tl-dep-chip-wrapper", children: [
-      /* @__PURE__ */ jsx12(
-        "span",
-        {
-          className: `gantt-tl-dep-chip${isSelected ? " gantt-tl-dep-chip-selected" : ""}`,
-          onClick: handleClick,
-          children: /* @__PURE__ */ jsxs9(Fragment2, { children: [
-            /* @__PURE__ */ jsx12(Icon, {}),
-            lag != null && lag !== 0 ? lag > 0 ? `+${lag}` : `${lag}` : ""
-          ] })
-        }
-      ),
-      !disableDependencyEditing && /* @__PURE__ */ jsx12(
-        "button",
-        {
-          type: "button",
-          className: "gantt-tl-dep-chip-trash",
-          "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0432\u044F\u0437\u044C",
-          onClick: handleTrashClick,
-          children: /* @__PURE__ */ jsx12(TrashIcon, {})
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ jsxs9(
-      PopoverContent,
+  return /* @__PURE__ */ jsxs9("span", { className: "gantt-tl-dep-chip-wrapper", children: [
+    /* @__PURE__ */ jsx12(
+      "span",
       {
-        portal: true,
-        side: "bottom",
-        align: "start",
-        className: "gantt-tl-dep-info-popover",
-        onInteractOutside: (event) => {
-          const target = event.target;
-          if (target?.closest?.(".gantt-tl-dep-chip") || target?.closest?.(".gantt-tl-dep-delete-label") || target?.closest?.(".gantt-tl-dep-chip-trash")) {
-            event.preventDefault();
-          } else {
-            onChipSelectClear();
-          }
-        },
-        children: [
-          /* @__PURE__ */ jsx12("span", { className: "gantt-tl-dep-info-prefix", children: depPrefix }),
-          /* @__PURE__ */ jsx12("span", { className: "gantt-tl-dep-info-name", children: depName })
-        ]
+        className: `gantt-tl-dep-chip${isSelected ? " gantt-tl-dep-chip-selected" : ""}`,
+        onClick: handleClick,
+        children: /* @__PURE__ */ jsxs9(Fragment2, { children: [
+          /* @__PURE__ */ jsx12(Icon, {}),
+          lag != null && lag !== 0 ? lag > 0 ? `+${lag}` : `${lag}` : ""
+        ] })
+      }
+    ),
+    !disableDependencyEditing && /* @__PURE__ */ jsx12(
+      "button",
+      {
+        type: "button",
+        className: "gantt-tl-dep-chip-trash",
+        "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0432\u044F\u0437\u044C",
+        onClick: handleTrashClick,
+        children: /* @__PURE__ */ jsx12(TrashIcon, {})
       }
     )
   ] });
@@ -2030,12 +2081,19 @@ var TaskListRow = React9.memo(
     onRemoveDependency,
     selectedChip,
     onChipSelect,
-    onScrollToTask
+    onScrollToTask,
+    onDelete,
+    onAdd,
+    onInsertAfter,
+    editingTaskId
   }) => {
     const [editingName, setEditingName] = useState4(false);
     const [nameValue, setNameValue] = useState4("");
     const nameInputRef = useRef3(null);
     const [overflowOpen, setOverflowOpen] = useState4(false);
+    const confirmedRef = useRef3(false);
+    const autoEditedForRef = useRef3(null);
+    const editTriggerRef = useRef3("doubleclick");
     const isSelected = selectedTaskId === task.id;
     const isPicking = selectingPredecessorFor != null;
     const isSourceRow = isPicking && selectingPredecessorFor === task.id;
@@ -2059,15 +2117,59 @@ var TaskListRow = React9.memo(
     useEffect3(() => {
       if (editingName && nameInputRef.current) {
         nameInputRef.current.focus();
+        if (editTriggerRef.current === "keypress") {
+          const len = nameInputRef.current.value.length;
+          nameInputRef.current.setSelectionRange(len, len);
+        } else {
+          nameInputRef.current.select();
+        }
       }
     }, [editingName]);
+    useEffect3(() => {
+      if (editingTaskId === task.id && !disableTaskNameEditing && autoEditedForRef.current !== editingTaskId) {
+        autoEditedForRef.current = editingTaskId;
+        confirmedRef.current = false;
+        editTriggerRef.current = "autoedit";
+        setNameValue(task.name);
+        setEditingName(true);
+      }
+    }, [editingTaskId, task.id, disableTaskNameEditing]);
     const handleNameClick = useCallback4((e) => {
       if (disableTaskNameEditing) return;
       e.stopPropagation();
+      onRowClick?.(task.id);
+      onScrollToTask?.(task.id);
+    }, [task.id, disableTaskNameEditing, onRowClick, onScrollToTask]);
+    const handleNameDoubleClick = useCallback4((e) => {
+      if (disableTaskNameEditing) return;
+      e.stopPropagation();
+      confirmedRef.current = false;
+      editTriggerRef.current = "doubleclick";
       setNameValue(task.name);
       setEditingName(true);
     }, [task.name, disableTaskNameEditing]);
+    const handleRowKeyDown = useCallback4((e) => {
+      if (!editingName && !disableTaskNameEditing && e.key === "F2") {
+        e.preventDefault();
+        confirmedRef.current = false;
+        editTriggerRef.current = "keypress";
+        setNameValue(task.name);
+        setEditingName(true);
+        return;
+      }
+      if (!editingName && !disableTaskNameEditing && e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
+        e.preventDefault();
+        confirmedRef.current = false;
+        editTriggerRef.current = "keypress";
+        setNameValue(e.key);
+        setEditingName(true);
+      }
+    }, [editingName, disableTaskNameEditing, task.name]);
     const handleNameSave = useCallback4(() => {
+      if (confirmedRef.current) {
+        confirmedRef.current = false;
+        return;
+      }
       if (nameValue.trim()) {
         onTaskChange?.({ ...task, name: nameValue.trim() });
       }
@@ -2077,9 +2179,16 @@ var TaskListRow = React9.memo(
       setEditingName(false);
     }, []);
     const handleNameKeyDown = useCallback4((e) => {
-      if (e.key === "Enter") handleNameSave();
-      else if (e.key === "Escape") handleNameCancel();
-    }, [handleNameSave, handleNameCancel]);
+      if (e.key === "Enter") {
+        confirmedRef.current = true;
+        if (nameValue.trim()) {
+          onTaskChange?.({ ...task, name: nameValue.trim() });
+        }
+        setEditingName(false);
+      } else if (e.key === "Escape") {
+        handleNameCancel();
+      }
+    }, [nameValue, task, onTaskChange, handleNameCancel]);
     const handleStartDateChange = useCallback4((newDateISO) => {
       if (!newDateISO) return;
       const origStart = parseUTCDate(task.startDate);
@@ -2104,8 +2213,7 @@ var TaskListRow = React9.memo(
     const handleNumberClick = useCallback4((e) => {
       e.stopPropagation();
       onRowClick?.(task.id);
-      onScrollToTask?.(task.id);
-    }, [task.id, onRowClick, onScrollToTask]);
+    }, [task.id, onRowClick]);
     const handleAddClick = useCallback4((e) => {
       e.stopPropagation();
       onSetSelectingPredecessorFor?.(task.id);
@@ -2116,6 +2224,10 @@ var TaskListRow = React9.memo(
       if (!selectingPredecessorFor || !activeLinkType) return;
       onAddDependency?.(task.id, selectingPredecessorFor, activeLinkType);
     }, [isPicking, isSourceRow, selectingPredecessorFor, task.id, activeLinkType, onAddDependency]);
+    const handleCancelPicking = useCallback4((e) => {
+      e.stopPropagation();
+      onSetSelectingPredecessorFor?.(null);
+    }, [onSetSelectingPredecessorFor]);
     const isSelectedPredecessor = selectedChip != null && selectedChip.predecessorId === task.id;
     const handleDeleteSelected = useCallback4((e) => {
       e.stopPropagation();
@@ -2134,23 +2246,17 @@ var TaskListRow = React9.memo(
           isPicking && !isSourceRow ? "gantt-tl-row-picking" : "",
           isSourceRow ? "gantt-tl-row-picking-self" : ""
         ].filter(Boolean).join(" "),
-        style: { minHeight: `${rowHeight}px` },
+        style: { minHeight: `${rowHeight}px`, position: "relative" },
         onClick: handleRowClickInternal,
+        onKeyDown: handleRowKeyDown,
+        tabIndex: isSelected ? 0 : -1,
         children: [
-          /* @__PURE__ */ jsxs9(
+          /* @__PURE__ */ jsx12(
             "div",
             {
               className: "gantt-tl-cell gantt-tl-cell-number",
               onClick: handleNumberClick,
-              title: "\u041F\u0435\u0440\u0435\u0439\u0442\u0438 \u043A \u0440\u0430\u0431\u043E\u0442\u0435",
-              children: [
-                /* @__PURE__ */ jsx12("span", { className: "gantt-tl-num-label", children: rowIndex + 1 }),
-                /* @__PURE__ */ jsxs9("svg", { className: "gantt-tl-num-icon", xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-                  /* @__PURE__ */ jsx12("path", { d: "M17 12H3" }),
-                  /* @__PURE__ */ jsx12("path", { d: "m11 18 6-6-6-6" }),
-                  /* @__PURE__ */ jsx12("path", { d: "M21 5v14" })
-                ] })
-              ]
+              children: /* @__PURE__ */ jsx12("span", { className: "gantt-tl-num-label", children: rowIndex + 1 })
             }
           ),
           /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-cell gantt-tl-cell-name", children: [
@@ -2173,10 +2279,56 @@ var TaskListRow = React9.memo(
                 type: "button",
                 className: `gantt-tl-name-trigger ${disableTaskNameEditing ? "gantt-tl-name-locked" : ""}`,
                 onClick: handleNameClick,
+                onDoubleClick: handleNameDoubleClick,
                 style: editingName ? { visibility: "hidden", pointerEvents: "none" } : void 0,
                 children: task.name
               }
-            )
+            ),
+            !editingName && /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-name-actions", children: [
+              onInsertAfter && /* @__PURE__ */ jsx12(
+                "button",
+                {
+                  type: "button",
+                  className: "gantt-tl-name-action-btn gantt-tl-action-insert",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    const now = /* @__PURE__ */ new Date();
+                    const todayISO = new Date(Date.UTC(
+                      now.getUTCFullYear(),
+                      now.getUTCMonth(),
+                      now.getUTCDate()
+                    )).toISOString().split("T")[0];
+                    const endISO = new Date(Date.UTC(
+                      now.getUTCFullYear(),
+                      now.getUTCMonth(),
+                      now.getUTCDate() + 7
+                    )).toISOString().split("T")[0];
+                    const newTask = {
+                      id: crypto.randomUUID(),
+                      name: "\u041D\u043E\u0432\u0430\u044F \u0437\u0430\u0434\u0430\u0447\u0430",
+                      startDate: todayISO,
+                      endDate: endISO
+                    };
+                    onInsertAfter(task.id, newTask);
+                  },
+                  "aria-label": "\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0437\u0430\u0434\u0430\u0447\u0443 \u043F\u043E\u0441\u043B\u0435 \u044D\u0442\u043E\u0439",
+                  children: /* @__PURE__ */ jsx12(PlusIcon, {})
+                }
+              ),
+              onDelete && /* @__PURE__ */ jsx12(
+                "button",
+                {
+                  type: "button",
+                  className: "gantt-tl-name-action-btn gantt-tl-action-delete",
+                  onClick: (e) => {
+                    e.stopPropagation();
+                    onDelete(task.id);
+                  },
+                  "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0437\u0430\u0434\u0430\u0447\u0443",
+                  children: /* @__PURE__ */ jsx12(TrashIcon, {})
+                }
+              )
+            ] })
           ] }),
           /* @__PURE__ */ jsx12("div", { className: "gantt-tl-cell gantt-tl-cell-date", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx12(
             DatePicker,
@@ -2202,7 +2354,7 @@ var TaskListRow = React9.memo(
             "div",
             {
               className: "gantt-tl-cell gantt-tl-cell-deps",
-              onClick: isPicking && !isSourceRow ? handlePredecessorPick : void 0,
+              onClick: isSourceRow ? handleCancelPicking : isPicking ? handlePredecessorPick : void 0,
               children: isSourceRow ? /* @__PURE__ */ jsx12("span", { className: "gantt-tl-dep-source-hint", children: "\u0412\u044B\u0431\u0435\u0440\u0438\u0442\u0435 \u0437\u0430\u0434\u0430\u0447\u0443" }) : isSelectedPredecessor && !disableDependencyEditing ? (
                 /* Full-replacement: "Зависит от [name]" → hover → "Удалить" */
                 /* @__PURE__ */ jsxs9(
@@ -2279,7 +2431,7 @@ var TaskListRow = React9.memo(
                   "button",
                   {
                     type: "button",
-                    className: "gantt-tl-dep-add",
+                    className: `gantt-tl-dep-add gantt-tl-dep-add-hover${selectedChip ? " gantt-tl-dep-add-hidden" : ""}`,
                     onClick: handleAddClick,
                     "aria-label": "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0441\u0432\u044F\u0437\u044C",
                     children: "+"
@@ -2295,14 +2447,68 @@ var TaskListRow = React9.memo(
 );
 TaskListRow.displayName = "TaskListRow";
 
-// src/components/TaskList/TaskList.tsx
+// src/components/TaskList/NewTaskRow.tsx
+import { useState as useState5, useRef as useRef4, useEffect as useEffect4 } from "react";
 import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
+var NewTaskRow = ({ rowHeight, onConfirm, onCancel }) => {
+  const [nameValue, setNameValue] = useState5("");
+  const inputRef = useRef4(null);
+  const confirmedRef = useRef4(false);
+  useEffect4(() => {
+    if (inputRef.current) {
+      inputRef.current.focus();
+      inputRef.current.select();
+    }
+  }, []);
+  const handleKeyDown = (e) => {
+    if (e.key === "Enter") {
+      if (nameValue.trim()) {
+        confirmedRef.current = true;
+        onConfirm(nameValue.trim());
+      } else {
+        onCancel();
+      }
+    } else if (e.key === "Escape") {
+      onCancel();
+    }
+  };
+  const handleBlur = () => {
+    if (confirmedRef.current) return;
+    if (nameValue.trim()) {
+      confirmedRef.current = true;
+      onConfirm(nameValue.trim());
+    } else {
+      onCancel();
+    }
+  };
+  return /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-row gantt-tl-row-new", style: { minHeight: `${rowHeight}px` }, children: [
+    /* @__PURE__ */ jsx13("div", { className: "gantt-tl-cell gantt-tl-cell-number" }),
+    /* @__PURE__ */ jsx13("div", { className: "gantt-tl-cell gantt-tl-cell-name gantt-tl-cell-new-name", children: /* @__PURE__ */ jsx13(
+      Input,
+      {
+        ref: inputRef,
+        value: nameValue,
+        onChange: (e) => setNameValue(e.target.value),
+        onKeyDown: handleKeyDown,
+        onBlur: handleBlur,
+        placeholder: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435",
+        className: "gantt-tl-name-input"
+      }
+    ) }),
+    /* @__PURE__ */ jsx13("div", { className: "gantt-tl-cell" }),
+    /* @__PURE__ */ jsx13("div", { className: "gantt-tl-cell" }),
+    /* @__PURE__ */ jsx13("div", { className: "gantt-tl-cell" })
+  ] });
+};
+
+// src/components/TaskList/TaskList.tsx
+import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
 var LINK_TYPE_ORDER = ["FS", "SS", "FF", "SF"];
 var TaskList = ({
   tasks,
   rowHeight,
   headerHeight,
-  taskListWidth = 520,
+  taskListWidth = 472,
   onTaskChange,
   selectedTaskId,
   onTaskSelect,
@@ -2310,7 +2516,11 @@ var TaskList = ({
   disableTaskNameEditing = false,
   disableDependencyEditing = false,
   onScrollToTask,
-  onSelectedChipChange
+  onSelectedChipChange,
+  onAdd,
+  onDelete,
+  onInsertAfter,
+  editingTaskId: propEditingTaskId
 }) => {
   const totalHeight = useMemo8(
     () => tasks.length * rowHeight,
@@ -2319,17 +2529,17 @@ var TaskList = ({
   const handleRowClick = useCallback5((taskId) => {
     onTaskSelect?.(taskId);
   }, [onTaskSelect]);
-  const [activeLinkType, setActiveLinkType] = useState5("FS");
-  const [selectingPredecessorFor, setSelectingPredecessorFor] = useState5(null);
-  const [typeMenuOpen, setTypeMenuOpen] = useState5(false);
-  const [cycleError, setCycleError] = useState5(false);
-  const overlayRef = useRef4(null);
-  const [selectedChip, setSelectedChip] = useState5(null);
+  const [activeLinkType, setActiveLinkType] = useState6("FS");
+  const [selectingPredecessorFor, setSelectingPredecessorFor] = useState6(null);
+  const [typeMenuOpen, setTypeMenuOpen] = useState6(false);
+  const [cycleError, setCycleError] = useState6(false);
+  const overlayRef = useRef5(null);
+  const [selectedChip, setSelectedChip] = useState6(null);
   const handleChipSelect = useCallback5((chip) => {
     setSelectedChip(chip);
     onSelectedChipChange?.(chip);
   }, [onSelectedChipChange]);
-  useEffect4(() => {
+  useEffect5(() => {
     if (!selectingPredecessorFor && !selectedChip) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -2410,21 +2620,44 @@ var TaskList = ({
     );
     onTaskChange?.({ ...task, dependencies: updatedDeps });
   }, [tasks, onTaskChange]);
-  return /* @__PURE__ */ jsx13(
+  const [isCreating, setIsCreating] = useState6(false);
+  const handleConfirmNewTask = useCallback5((name) => {
+    const now = /* @__PURE__ */ new Date();
+    const todayISO = new Date(Date.UTC(
+      now.getUTCFullYear(),
+      now.getUTCMonth(),
+      now.getUTCDate()
+    )).toISOString().split("T")[0];
+    const endISO = new Date(Date.UTC(
+      now.getUTCFullYear(),
+      now.getUTCMonth(),
+      now.getUTCDate() + 7
+    )).toISOString().split("T")[0];
+    const newTask = {
+      id: crypto.randomUUID(),
+      name,
+      startDate: todayISO,
+      endDate: endISO
+    };
+    onAdd?.(newTask);
+    setIsCreating(false);
+  }, [onAdd]);
+  const handleCancelNewTask = useCallback5(() => setIsCreating(false), []);
+  return /* @__PURE__ */ jsx14(
     "div",
     {
       ref: overlayRef,
       className: `gantt-tl-overlay${show ? "" : " gantt-tl-hidden"}`,
       style: { width: `${taskListWidth}px` },
-      children: /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-table", children: [
-        /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-header", style: { height: `${headerHeight + 0.5}px` }, children: [
-          /* @__PURE__ */ jsx13("div", { className: "gantt-tl-headerCell gantt-tl-cell-number", children: "\u2116" }),
-          /* @__PURE__ */ jsx13("div", { className: "gantt-tl-headerCell gantt-tl-cell-name", children: "\u0418\u043C\u044F" }),
-          /* @__PURE__ */ jsx13("div", { className: "gantt-tl-headerCell gantt-tl-cell-date", children: "\u041D\u0430\u0447\u0430\u043B\u043E" }),
-          /* @__PURE__ */ jsx13("div", { className: "gantt-tl-headerCell gantt-tl-cell-date", children: "\u041E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u0435" }),
-          /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-headerCell gantt-tl-cell-deps", style: { position: "relative" }, children: [
-            /* @__PURE__ */ jsxs10(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
-              /* @__PURE__ */ jsx13(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
+      children: /* @__PURE__ */ jsxs11("div", { className: "gantt-tl-table", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "gantt-tl-header", style: { height: `${headerHeight + 0.5}px` }, children: [
+          /* @__PURE__ */ jsx14("div", { className: "gantt-tl-headerCell gantt-tl-cell-number", children: "\u2116" }),
+          /* @__PURE__ */ jsx14("div", { className: "gantt-tl-headerCell gantt-tl-cell-name", children: "\u0418\u043C\u044F" }),
+          /* @__PURE__ */ jsx14("div", { className: "gantt-tl-headerCell gantt-tl-cell-date", children: "\u041D\u0430\u0447\u0430\u043B\u043E" }),
+          /* @__PURE__ */ jsx14("div", { className: "gantt-tl-headerCell gantt-tl-cell-date", children: "\u041E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u0435" }),
+          /* @__PURE__ */ jsxs11("div", { className: "gantt-tl-headerCell gantt-tl-cell-deps", style: { position: "relative" }, children: [
+            /* @__PURE__ */ jsxs11(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
+              /* @__PURE__ */ jsx14(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
                 "button",
                 {
                   className: "gantt-tl-dep-type-trigger",
@@ -2432,12 +2665,12 @@ var TaskList = ({
                   onClick: (e) => e.stopPropagation(),
                   children: [
                     "\u0421\u0432\u044F\u0437\u0438 ",
-                    React10.createElement(LINK_TYPE_ICONS[activeLinkType]),
+                    React11.createElement(LINK_TYPE_ICONS[activeLinkType]),
                     " \u25BE"
                   ]
                 }
               ) }),
-              /* @__PURE__ */ jsx13(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ jsx13("div", { className: "gantt-tl-dep-type-menu", children: LINK_TYPE_ORDER.map((lt) => /* @__PURE__ */ jsxs10(
+              /* @__PURE__ */ jsx14(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ jsx14("div", { className: "gantt-tl-dep-type-menu", children: LINK_TYPE_ORDER.map((lt) => /* @__PURE__ */ jsxs11(
                 "button",
                 {
                   className: `gantt-tl-dep-type-option${activeLinkType === lt ? " active" : ""}`,
@@ -2446,17 +2679,17 @@ var TaskList = ({
                     setTypeMenuOpen(false);
                   },
                   children: [
-                    React10.createElement(LINK_TYPE_ICONS[lt]),
-                    /* @__PURE__ */ jsx13("span", { children: LINK_TYPE_LABELS[lt] })
+                    React11.createElement(LINK_TYPE_ICONS[lt]),
+                    /* @__PURE__ */ jsx14("span", { children: LINK_TYPE_LABELS[lt] })
                   ]
                 },
                 lt
               )) }) })
             ] }),
-            cycleError && /* @__PURE__ */ jsx13("div", { className: "gantt-tl-dep-error", children: "\u0426\u0438\u043A\u043B \u0437\u0430\u0432\u0438\u0441\u0438\u043C\u043E\u0441\u0442\u0435\u0439!" })
+            cycleError && /* @__PURE__ */ jsx14("div", { className: "gantt-tl-dep-error", children: "\u0426\u0438\u043A\u043B \u0437\u0430\u0432\u0438\u0441\u0438\u043C\u043E\u0441\u0442\u0435\u0439!" })
           ] })
         ] }),
-        /* @__PURE__ */ jsx13("div", { className: "gantt-tl-body", style: { height: `${totalHeight}px` }, children: tasks.map((task, index) => /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14("div", { className: "gantt-tl-body", style: { height: `${totalHeight}px` }, children: tasks.map((task, index) => /* @__PURE__ */ jsx14(
           TaskListRow,
           {
             task,
@@ -2475,17 +2708,38 @@ var TaskList = ({
             onRemoveDependency: handleRemoveDependency,
             selectedChip,
             onChipSelect: handleChipSelect,
-            onScrollToTask
+            onScrollToTask,
+            onDelete,
+            onAdd,
+            onInsertAfter,
+            editingTaskId: propEditingTaskId
           },
           task.id
-        )) })
+        )) }),
+        isCreating && /* @__PURE__ */ jsx14(
+          NewTaskRow,
+          {
+            rowHeight,
+            onConfirm: handleConfirmNewTask,
+            onCancel: handleCancelNewTask
+          }
+        ),
+        onAdd && !isCreating && /* @__PURE__ */ jsx14(
+          "button",
+          {
+            className: "gantt-tl-add-btn",
+            onClick: () => setIsCreating(true),
+            type: "button",
+            children: "+ \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0437\u0430\u0434\u0430\u0447\u0443"
+          }
+        )
       ] })
     }
   );
 };
 
 // src/components/GanttChart/GanttChart.tsx
-import { jsx as jsx14, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 var GanttChart = forwardRef(({
   tasks,
   dayWidth = 40,
@@ -2501,14 +2755,18 @@ var GanttChart = forwardRef(({
   taskListWidth = 520,
   disableTaskNameEditing = false,
   disableDependencyEditing = false,
-  highlightExpiredTasks = false
+  highlightExpiredTasks = false,
+  onAdd,
+  onDelete,
+  onInsertAfter,
+  editingTaskId
 }, ref) => {
-  const scrollContainerRef = useRef5(null);
-  const [selectedTaskId, setSelectedTaskId] = useState6(null);
-  const [selectedChip, setSelectedChip] = useState6(null);
+  const scrollContainerRef = useRef6(null);
+  const [selectedTaskId, setSelectedTaskId] = useState7(null);
+  const [selectedChip, setSelectedChip] = useState7(null);
   const dateRange = useMemo9(() => getMultiMonthDays(tasks), [tasks]);
-  const [validationResult, setValidationResult] = useState6(null);
-  const [cascadeOverrides, setCascadeOverrides] = useState6(/* @__PURE__ */ new Map());
+  const [validationResult, setValidationResult] = useState7(null);
+  const [cascadeOverrides, setCascadeOverrides] = useState7(/* @__PURE__ */ new Map());
   const gridWidth = useMemo9(
     () => Math.round(dateRange.length * dayWidth),
     [dateRange.length, dayWidth]
@@ -2529,7 +2787,7 @@ var GanttChart = forwardRef(({
     const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));
     return dateRange.some((day) => day.getTime() === today.getTime());
   }, [dateRange]);
-  useEffect5(() => {
+  useEffect6(() => {
     const container = scrollContainerRef.current;
     if (!container || dateRange.length === 0) return;
     const now = /* @__PURE__ */ new Date();
@@ -2551,7 +2809,7 @@ var GanttChart = forwardRef(({
     const todayOffset = todayIndex * dayWidth;
     const containerWidth = container.clientWidth;
     const scrollLeft = Math.round(todayOffset - containerWidth / 2 + dayWidth / 2);
-    container.scrollLeft = Math.max(0, scrollLeft);
+    container.scrollTo({ left: Math.max(0, scrollLeft), behavior: "smooth" });
   }, [dateRange, dayWidth]);
   const scrollToTask = useCallback6((taskId) => {
     const container = scrollContainerRef.current;
@@ -2568,7 +2826,7 @@ var GanttChart = forwardRef(({
     if (taskIndex === -1) return;
     const taskOffset = taskIndex * dayWidth;
     const scrollLeft = Math.round(taskOffset - dayWidth * 2);
-    container.scrollLeft = Math.max(0, scrollLeft);
+    container.scrollTo({ left: Math.max(0, scrollLeft), behavior: "smooth" });
   }, [tasks, dateRange, dayWidth]);
   useImperativeHandle(
     ref,
@@ -2578,9 +2836,9 @@ var GanttChart = forwardRef(({
     }),
     [scrollToToday, scrollToTask]
   );
-  const [dragGuideLines, setDragGuideLines] = useState6(null);
-  const [draggedTaskOverride, setDraggedTaskOverride] = useState6(null);
-  useEffect5(() => {
+  const [dragGuideLines, setDragGuideLines] = useState7(null);
+  const [draggedTaskOverride, setDraggedTaskOverride] = useState7(null);
+  useEffect6(() => {
     const result = validateDependencies(tasks);
     setValidationResult(result);
     onValidateDependencies?.(result);
@@ -2596,41 +2854,16 @@ var GanttChart = forwardRef(({
     const newStart = new Date(updatedTask.startDate);
     const newEnd = new Date(updatedTask.endDate);
     const datesChanged = origStart.getTime() !== newStart.getTime() || origEnd.getTime() !== newEnd.getTime();
-    const now = /* @__PURE__ */ new Date();
-    const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));
-    const msPerDay = 1e3 * 60 * 60 * 24;
-    let tasksToProcess;
-    let cascadedTasksForCallback = [];
     if (!datesChanged) {
       onChange?.((currentTasks) => currentTasks.map((t) => t.id === updatedTask.id ? updatedTask : t));
       return;
     }
+    let cascadedTasksForCallback;
     if (disableConstraints) {
-      tasksToProcess = [updatedTask];
       cascadedTasksForCallback = [updatedTask];
     } else {
-      const cascadedTask = updatedTask;
       const cascadedChain = cascadeByLinks(updatedTask.id, newStart, newEnd, tasks);
-      tasksToProcess = [cascadedTask, ...cascadedChain];
-      cascadedTasksForCallback = tasksToProcess;
-    }
-    console.log("[GanttChart handleTaskChange] IsExpired calculation:");
-    for (const t of tasksToProcess) {
-      const taskStart = new Date(t.startDate);
-      const taskEnd = new Date(t.endDate);
-      const actualProgress = t.progress ?? 0;
-      if (actualProgress >= 100) {
-        console.log(`  [${t.id}] START=${t.startDate} END=${t.endDate} TODAY=${today.toISOString().split("T")[0]} PROGRESS=${actualProgress}% EXPECTED=N/A (completed) EXPIRED=NO`);
-        continue;
-      }
-      const duration = taskEnd.getTime() - taskStart.getTime() + msPerDay;
-      const elapsedFromToday = today.getTime() - taskStart.getTime();
-      const elapsed = Math.min(Math.max(0, elapsedFromToday), duration);
-      const expectedProgress = Math.min(100, Math.max(0, elapsed / duration * 100));
-      const isExpired = actualProgress < expectedProgress;
-      const durationDays = Math.round(duration / msPerDay);
-      const elapsedDays = Math.round(elapsed / msPerDay);
-      console.log(`  [${t.id}] START=${t.startDate} END=${t.endDate} TODAY=${today.toISOString().split("T")[0]} PROGRESS=${actualProgress}% DURATION=${durationDays}d ELAPSED=${elapsedDays}d EXPECTED=${expectedProgress.toFixed(1)}% EXPIRED=${isExpired ? "YES" : "NO"}`);
+      cascadedTasksForCallback = [updatedTask, ...cascadedChain];
     }
     if (disableConstraints) {
       onChange?.((currentTasks) => currentTasks.map((t) => t.id === updatedTask.id ? updatedTask : t));
@@ -2642,6 +2875,15 @@ var GanttChart = forwardRef(({
       onCascade?.(cascadedTasksForCallback);
     }
   }, [tasks, onChange, disableConstraints, onCascade]);
+  const handleDelete = useCallback6((taskId) => {
+    onChange?.(
+      (currentTasks) => currentTasks.filter((t) => t.id !== taskId).map((t) => ({
+        ...t,
+        dependencies: (t.dependencies ?? []).filter((d) => d.taskId !== taskId)
+      }))
+    );
+    onDelete?.(taskId);
+  }, [onChange, onDelete]);
   const dependencyOverrides = useMemo9(() => {
     const map = new Map(cascadeOverrides);
     if (draggedTaskOverride) {
@@ -2665,7 +2907,7 @@ var GanttChart = forwardRef(({
   const handleTaskSelect = useCallback6((taskId) => {
     setSelectedTaskId(taskId);
   }, []);
-  const panStateRef = useRef5(null);
+  const panStateRef = useRef6(null);
   const handlePanStart = useCallback6((e) => {
     if (e.button !== 0) return;
     const target = e.target;
@@ -2687,7 +2929,7 @@ var GanttChart = forwardRef(({
     container.style.cursor = "grabbing";
     e.preventDefault();
   }, []);
-  useEffect5(() => {
+  useEffect6(() => {
     const handlePanMove = (e) => {
       const pan = panStateRef.current;
       if (!pan?.active) return;
@@ -2709,15 +2951,15 @@ var GanttChart = forwardRef(({
       window.removeEventListener("mouseup", handlePanEnd);
     };
   }, []);
-  return /* @__PURE__ */ jsx14("div", { className: "gantt-container", children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx15("div", { className: "gantt-container", children: /* @__PURE__ */ jsx15(
     "div",
     {
       ref: scrollContainerRef,
       className: "gantt-scrollContainer",
       style: { height: containerHeight ?? "auto", cursor: "grab" },
       onMouseDown: handlePanStart,
-      children: /* @__PURE__ */ jsxs11("div", { className: "gantt-scrollContent", children: [
-        /* @__PURE__ */ jsx14(
+      children: /* @__PURE__ */ jsxs12("div", { className: "gantt-scrollContent", children: [
+        /* @__PURE__ */ jsx15(
           TaskList,
           {
             tasks,
@@ -2731,11 +2973,15 @@ var GanttChart = forwardRef(({
             disableTaskNameEditing,
             disableDependencyEditing,
             onScrollToTask: scrollToTask,
-            onSelectedChipChange: setSelectedChip
+            onSelectedChipChange: setSelectedChip,
+            onAdd,
+            onDelete: handleDelete,
+            onInsertAfter,
+            editingTaskId
           }
         ),
-        /* @__PURE__ */ jsxs11("div", { style: { minWidth: `${gridWidth}px`, flex: 1 }, children: [
-          /* @__PURE__ */ jsx14("div", { className: "gantt-stickyHeader", style: { width: `${gridWidth}px` }, children: /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsxs12("div", { style: { minWidth: `${gridWidth}px`, flex: 1 }, children: [
+          /* @__PURE__ */ jsx15("div", { className: "gantt-stickyHeader", style: { width: `${gridWidth}px` }, children: /* @__PURE__ */ jsx15(
             TimeScaleHeader_default,
             {
               days: dateRange,
@@ -2743,7 +2989,7 @@ var GanttChart = forwardRef(({
               headerHeight
             }
           ) }),
-          /* @__PURE__ */ jsxs11(
+          /* @__PURE__ */ jsxs12(
             "div",
             {
               className: "gantt-taskArea",
@@ -2752,7 +2998,7 @@ var GanttChart = forwardRef(({
                 width: `${gridWidth}px`
               },
               children: [
-                /* @__PURE__ */ jsx14(
+                /* @__PURE__ */ jsx15(
                   GridBackground_default,
                   {
                     dateRange,
@@ -2760,8 +3006,8 @@ var GanttChart = forwardRef(({
                     totalHeight: totalGridHeight
                   }
                 ),
-                todayInRange && /* @__PURE__ */ jsx14(TodayIndicator_default, { monthStart, dayWidth }),
-                /* @__PURE__ */ jsx14(
+                todayInRange && /* @__PURE__ */ jsx15(TodayIndicator_default, { monthStart, dayWidth }),
+                /* @__PURE__ */ jsx15(
                   DependencyLines_default,
                   {
                     tasks,
@@ -2773,7 +3019,7 @@ var GanttChart = forwardRef(({
                     selectedDep: selectedChip
                   }
                 ),
-                dragGuideLines && /* @__PURE__ */ jsx14(
+                dragGuideLines && /* @__PURE__ */ jsx15(
                   DragGuideLines_default,
                   {
                     isDragging: dragGuideLines.isDragging,
@@ -2783,7 +3029,7 @@ var GanttChart = forwardRef(({
                     totalHeight: totalGridHeight
                   }
                 ),
-                tasks.map((task, index) => /* @__PURE__ */ jsx14(
+                tasks.map((task, index) => /* @__PURE__ */ jsx15(
                   TaskRow_default,
                   {
                     task,
@@ -2822,9 +3068,9 @@ var GanttChart = forwardRef(({
 GanttChart.displayName = "GanttChart";
 
 // src/components/ui/Button.tsx
-import React12 from "react";
-import { jsx as jsx15 } from "react/jsx-runtime";
-var Button = React12.forwardRef(
+import React13 from "react";
+import { jsx as jsx16 } from "react/jsx-runtime";
+var Button = React13.forwardRef(
   ({ className, variant = "default", size = "default", children, ...props }, ref) => {
     const classes = [
       "gantt-btn",
@@ -2832,7 +3078,7 @@ var Button = React12.forwardRef(
       size !== "default" ? `gantt-btn-${size}` : "",
       className || ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsx15("button", { ref, className: classes, ...props, children });
+    return /* @__PURE__ */ jsx16("button", { ref, className: classes, ...props, children });
   }
 );
 Button.displayName = "Button";