gantt-lib 0.3.3 → 0.4.0

package/dist/index.js

@@ -78,7 +78,7 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/components/GanttChart/GanttChart.tsx
-var import_react12 = require("react");
+var import_react13 = require("react");
 
 // src/utils/dateUtils.ts
 var parseUTCDate = (date) => {
@@ -119,9 +119,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(),
@@ -600,7 +600,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 });
   }
@@ -1179,7 +1179,7 @@ var TaskRow = import_react3.default.memo(
     const isExpired = (0, import_react3.useMemo)(() => {
       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;
@@ -1399,7 +1399,7 @@ var TodayIndicator_default = TodayIndicator;
 var import_react5 = __toESM(require("react"));
 var import_jsx_runtime4 = require("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 = import_react5.default.memo(
   ({ dateRange, dayWidth, totalHeight }) => {
@@ -1686,7 +1686,7 @@ DependencyLines.displayName = "DependencyLines";
 var DependencyLines_default = DependencyLines;
 
 // src/components/TaskList/TaskList.tsx
-var import_react11 = __toESM(require("react"));
+var import_react12 = __toESM(require("react"));
 
 // src/components/ui/Popover.tsx
 var RadixPopover = __toESM(require("@radix-ui/react-popover"));
@@ -1855,7 +1855,73 @@ var Calendar = ({
     () => months.map(renderMonth),
     [months, renderMonth]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { ref: scrollRef, className: "gantt-cal-container", children: renderedMonths });
+  const handleDayShift = (0, import_react8.useCallback)(
+    (deltaDays) => {
+      if (!onSelect || disabled) return;
+      const baseDate = selected ?? /* @__PURE__ */ new Date();
+      onSelect((0, import_date_fns2.addDays)(baseDate, deltaDays));
+    },
+    [onSelect, selected, disabled]
+  );
+  const handleToday = (0, import_react8.useCallback)(() => {
+    if (!onSelect || disabled) return;
+    onSelect(/* @__PURE__ */ new Date());
+  }, [onSelect, disabled]);
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { ref: scrollRef, className: "gantt-cal-container", children: [
+    renderedMonths,
+    /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "gantt-cal-nav", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "gantt-btn gantt-btn-sm",
+          onClick: () => handleDayShift(-7),
+          disabled,
+          children: "-7"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "gantt-btn gantt-btn-sm",
+          onClick: () => handleDayShift(-1),
+          disabled,
+          children: "-1"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "gantt-btn gantt-btn-sm",
+          onClick: handleToday,
+          disabled,
+          children: "\u0421\u0435\u0433\u043E\u0434\u043D\u044F"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "gantt-btn gantt-btn-sm",
+          onClick: () => handleDayShift(1),
+          disabled,
+          children: "+1"
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+        "button",
+        {
+          type: "button",
+          className: "gantt-btn gantt-btn-sm",
+          onClick: () => handleDayShift(7),
+          disabled,
+          children: "+7"
+        }
+      )
+    ] })
+  ] });
 };
 Calendar.displayName = "Calendar";
 
@@ -1963,6 +2029,7 @@ var TrashIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { xm
   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M3 6h18" }),
   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
 ] });
+var PlusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M12 5v14M5 12h14" }) });
 function formatDepDescription(type, lag) {
   const effectiveLag = lag ?? 0;
   if (type === "FS") {
@@ -2004,12 +2071,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 = (0, import_react10.useCallback)((open) => {
+    if (!open) {
+      onChipSelect?.(null);
+    }
+  }, [onChipSelect]);
   const handleTrashClick = (e) => {
     e.stopPropagation();
     onRemoveDependency?.(taskId, dep.taskId, dep.type);
@@ -2018,50 +2092,26 @@ var DepChip = ({
   const Icon = LINK_TYPE_ICONS[dep.type];
   const depPrefix = formatDepDescription(dep.type, lag);
   const depName = predecessorName ?? dep.taskId;
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Popover, { open: isSelected, onOpenChange: (open) => {
-  }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "gantt-tl-dep-chip-wrapper", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "span",
-        {
-          className: `gantt-tl-dep-chip${isSelected ? " gantt-tl-dep-chip-selected" : ""}`,
-          onClick: handleClick,
-          children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, {}),
-            lag != null && lag !== 0 ? lag > 0 ? `+${lag}` : `${lag}` : ""
-          ] })
-        }
-      ),
-      !disableDependencyEditing && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-        "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__ */ (0, import_jsx_runtime12.jsx)(TrashIcon, {})
-        }
-      )
-    ] }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
-      PopoverContent,
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "gantt-tl-dep-chip-wrapper", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "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__ */ (0, import_jsx_runtime12.jsx)("span", { className: "gantt-tl-dep-info-prefix", children: depPrefix }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "gantt-tl-dep-info-name", children: depName })
-        ]
+        className: `gantt-tl-dep-chip${isSelected ? " gantt-tl-dep-chip-selected" : ""}`,
+        onClick: handleClick,
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(Icon, {}),
+          lag != null && lag !== 0 ? lag > 0 ? `+${lag}` : `${lag}` : ""
+        ] })
+      }
+    ),
+    !disableDependencyEditing && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "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__ */ (0, import_jsx_runtime12.jsx)(TrashIcon, {})
       }
     )
   ] });
@@ -2089,12 +2139,19 @@ var TaskListRow = import_react10.default.memo(
     onRemoveDependency,
     selectedChip,
     onChipSelect,
-    onScrollToTask
+    onScrollToTask,
+    onDelete,
+    onAdd,
+    onInsertAfter,
+    editingTaskId
   }) => {
     const [editingName, setEditingName] = (0, import_react10.useState)(false);
     const [nameValue, setNameValue] = (0, import_react10.useState)("");
     const nameInputRef = (0, import_react10.useRef)(null);
     const [overflowOpen, setOverflowOpen] = (0, import_react10.useState)(false);
+    const confirmedRef = (0, import_react10.useRef)(false);
+    const autoEditedForRef = (0, import_react10.useRef)(null);
+    const editTriggerRef = (0, import_react10.useRef)("doubleclick");
     const isSelected = selectedTaskId === task.id;
     const isPicking = selectingPredecessorFor != null;
     const isSourceRow = isPicking && selectingPredecessorFor === task.id;
@@ -2118,15 +2175,59 @@ var TaskListRow = import_react10.default.memo(
     (0, import_react10.useEffect)(() => {
       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]);
+    (0, import_react10.useEffect)(() => {
+      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 = (0, import_react10.useCallback)((e) => {
       if (disableTaskNameEditing) return;
       e.stopPropagation();
+      onRowClick?.(task.id);
+      onScrollToTask?.(task.id);
+    }, [task.id, disableTaskNameEditing, onRowClick, onScrollToTask]);
+    const handleNameDoubleClick = (0, import_react10.useCallback)((e) => {
+      if (disableTaskNameEditing) return;
+      e.stopPropagation();
+      confirmedRef.current = false;
+      editTriggerRef.current = "doubleclick";
       setNameValue(task.name);
       setEditingName(true);
     }, [task.name, disableTaskNameEditing]);
+    const handleRowKeyDown = (0, import_react10.useCallback)((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 = (0, import_react10.useCallback)(() => {
+      if (confirmedRef.current) {
+        confirmedRef.current = false;
+        return;
+      }
       if (nameValue.trim()) {
         onTaskChange?.({ ...task, name: nameValue.trim() });
       }
@@ -2136,9 +2237,16 @@ var TaskListRow = import_react10.default.memo(
       setEditingName(false);
     }, []);
     const handleNameKeyDown = (0, import_react10.useCallback)((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 = (0, import_react10.useCallback)((newDateISO) => {
       if (!newDateISO) return;
       const origStart = parseUTCDate(task.startDate);
@@ -2163,8 +2271,7 @@ var TaskListRow = import_react10.default.memo(
     const handleNumberClick = (0, import_react10.useCallback)((e) => {
       e.stopPropagation();
       onRowClick?.(task.id);
-      onScrollToTask?.(task.id);
-    }, [task.id, onRowClick, onScrollToTask]);
+    }, [task.id, onRowClick]);
     const handleAddClick = (0, import_react10.useCallback)((e) => {
       e.stopPropagation();
       onSetSelectingPredecessorFor?.(task.id);
@@ -2175,6 +2282,10 @@ var TaskListRow = import_react10.default.memo(
       if (!selectingPredecessorFor || !activeLinkType) return;
       onAddDependency?.(task.id, selectingPredecessorFor, activeLinkType);
     }, [isPicking, isSourceRow, selectingPredecessorFor, task.id, activeLinkType, onAddDependency]);
+    const handleCancelPicking = (0, import_react10.useCallback)((e) => {
+      e.stopPropagation();
+      onSetSelectingPredecessorFor?.(null);
+    }, [onSetSelectingPredecessorFor]);
     const isSelectedPredecessor = selectedChip != null && selectedChip.predecessorId === task.id;
     const handleDeleteSelected = (0, import_react10.useCallback)((e) => {
       e.stopPropagation();
@@ -2193,23 +2304,17 @@ var TaskListRow = import_react10.default.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__ */ (0, import_jsx_runtime12.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "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__ */ (0, import_jsx_runtime12.jsx)("span", { className: "gantt-tl-num-label", children: rowIndex + 1 }),
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("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__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M17 12H3" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m11 18 6-6-6-6" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M21 5v14" })
-                ] })
-              ]
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "gantt-tl-num-label", children: rowIndex + 1 })
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-cell gantt-tl-cell-name", children: [
@@ -2232,10 +2337,56 @@ var TaskListRow = import_react10.default.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__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-name-actions", children: [
+              onInsertAfter && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "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__ */ (0, import_jsx_runtime12.jsx)(PlusIcon, {})
+                }
+              ),
+              onDelete && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "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__ */ (0, import_jsx_runtime12.jsx)(TrashIcon, {})
+                }
+              )
+            ] })
           ] }),
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "gantt-tl-cell gantt-tl-cell-date", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             DatePicker,
@@ -2261,7 +2412,7 @@ var TaskListRow = import_react10.default.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__ */ (0, import_jsx_runtime12.jsx)("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__ */ (0, import_jsx_runtime12.jsxs)(
@@ -2338,7 +2489,7 @@ var TaskListRow = import_react10.default.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: "+"
@@ -2354,14 +2505,68 @@ var TaskListRow = import_react10.default.memo(
 );
 TaskListRow.displayName = "TaskListRow";
 
-// src/components/TaskList/TaskList.tsx
+// src/components/TaskList/NewTaskRow.tsx
+var import_react11 = require("react");
 var import_jsx_runtime13 = require("react/jsx-runtime");
+var NewTaskRow = ({ rowHeight, onConfirm, onCancel }) => {
+  const [nameValue, setNameValue] = (0, import_react11.useState)("");
+  const inputRef = (0, import_react11.useRef)(null);
+  const confirmedRef = (0, import_react11.useRef)(false);
+  (0, import_react11.useEffect)(() => {
+    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__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-row gantt-tl-row-new", style: { minHeight: `${rowHeight}px` }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-cell gantt-tl-cell-number" }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-cell gantt-tl-cell-name gantt-tl-cell-new-name", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      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__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-cell" }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-cell" }),
+    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-cell" })
+  ] });
+};
+
+// src/components/TaskList/TaskList.tsx
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var LINK_TYPE_ORDER = ["FS", "SS", "FF", "SF"];
 var TaskList = ({
   tasks,
   rowHeight,
   headerHeight,
-  taskListWidth = 520,
+  taskListWidth = 472,
   onTaskChange,
   selectedTaskId,
   onTaskSelect,
@@ -2369,26 +2574,30 @@ var TaskList = ({
   disableTaskNameEditing = false,
   disableDependencyEditing = false,
   onScrollToTask,
-  onSelectedChipChange
+  onSelectedChipChange,
+  onAdd,
+  onDelete,
+  onInsertAfter,
+  editingTaskId: propEditingTaskId
 }) => {
-  const totalHeight = (0, import_react11.useMemo)(
+  const totalHeight = (0, import_react12.useMemo)(
     () => tasks.length * rowHeight,
     [tasks.length, rowHeight]
   );
-  const handleRowClick = (0, import_react11.useCallback)((taskId) => {
+  const handleRowClick = (0, import_react12.useCallback)((taskId) => {
     onTaskSelect?.(taskId);
   }, [onTaskSelect]);
-  const [activeLinkType, setActiveLinkType] = (0, import_react11.useState)("FS");
-  const [selectingPredecessorFor, setSelectingPredecessorFor] = (0, import_react11.useState)(null);
-  const [typeMenuOpen, setTypeMenuOpen] = (0, import_react11.useState)(false);
-  const [cycleError, setCycleError] = (0, import_react11.useState)(false);
-  const overlayRef = (0, import_react11.useRef)(null);
-  const [selectedChip, setSelectedChip] = (0, import_react11.useState)(null);
-  const handleChipSelect = (0, import_react11.useCallback)((chip) => {
+  const [activeLinkType, setActiveLinkType] = (0, import_react12.useState)("FS");
+  const [selectingPredecessorFor, setSelectingPredecessorFor] = (0, import_react12.useState)(null);
+  const [typeMenuOpen, setTypeMenuOpen] = (0, import_react12.useState)(false);
+  const [cycleError, setCycleError] = (0, import_react12.useState)(false);
+  const overlayRef = (0, import_react12.useRef)(null);
+  const [selectedChip, setSelectedChip] = (0, import_react12.useState)(null);
+  const handleChipSelect = (0, import_react12.useCallback)((chip) => {
     setSelectedChip(chip);
     onSelectedChipChange?.(chip);
   }, [onSelectedChipChange]);
-  (0, import_react11.useEffect)(() => {
+  (0, import_react12.useEffect)(() => {
     if (!selectingPredecessorFor && !selectedChip) return;
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
@@ -2412,7 +2621,7 @@ var TaskList = ({
       document.removeEventListener("mousedown", handleMouseDown, true);
     };
   }, [selectingPredecessorFor, selectedChip, onSelectedChipChange]);
-  const handleAddDependency = (0, import_react11.useCallback)((successorTaskId, predecessorTaskId, linkType) => {
+  const handleAddDependency = (0, import_react12.useCallback)((successorTaskId, predecessorTaskId, linkType) => {
     if (successorTaskId === predecessorTaskId) return;
     const successor = tasks.find((t) => t.id === successorTaskId);
     if (!successor) return;
@@ -2461,7 +2670,7 @@ var TaskList = ({
     }
     setSelectingPredecessorFor(null);
   }, [tasks, onTaskChange]);
-  const handleRemoveDependency = (0, import_react11.useCallback)((taskId, predecessorTaskId, linkType) => {
+  const handleRemoveDependency = (0, import_react12.useCallback)((taskId, predecessorTaskId, linkType) => {
     const task = tasks.find((t) => t.id === taskId);
     if (!task) return;
     const updatedDeps = (task.dependencies ?? []).filter(
@@ -2469,21 +2678,44 @@ var TaskList = ({
     );
     onTaskChange?.({ ...task, dependencies: updatedDeps });
   }, [tasks, onTaskChange]);
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  const [isCreating, setIsCreating] = (0, import_react12.useState)(false);
+  const handleConfirmNewTask = (0, import_react12.useCallback)((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 = (0, import_react12.useCallback)(() => setIsCreating(false), []);
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
     {
       ref: overlayRef,
       className: `gantt-tl-overlay${show ? "" : " gantt-tl-hidden"}`,
       style: { width: `${taskListWidth}px` },
-      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-table", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-header", style: { height: `${headerHeight + 0.5}px` }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-headerCell gantt-tl-cell-number", children: "\u2116" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-headerCell gantt-tl-cell-name", children: "\u0418\u043C\u044F" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-headerCell gantt-tl-cell-date", children: "\u041D\u0430\u0447\u0430\u043B\u043E" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-headerCell gantt-tl-cell-date", children: "\u041E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u0435" }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-headerCell gantt-tl-cell-deps", style: { position: "relative" }, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-header", style: { height: `${headerHeight + 0.5}px` }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-headerCell gantt-tl-cell-number", children: "\u2116" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-headerCell gantt-tl-cell-name", children: "\u0418\u043C\u044F" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-headerCell gantt-tl-cell-date", children: "\u041D\u0430\u0447\u0430\u043B\u043E" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-headerCell gantt-tl-cell-date", children: "\u041E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u0435" }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-headerCell gantt-tl-cell-deps", style: { position: "relative" }, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
                 "button",
                 {
                   className: "gantt-tl-dep-type-trigger",
@@ -2491,12 +2723,12 @@ var TaskList = ({
                   onClick: (e) => e.stopPropagation(),
                   children: [
                     "\u0421\u0432\u044F\u0437\u0438 ",
-                    import_react11.default.createElement(LINK_TYPE_ICONS[activeLinkType]),
+                    import_react12.default.createElement(LINK_TYPE_ICONS[activeLinkType]),
                     " \u25BE"
                   ]
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-dep-type-menu", children: LINK_TYPE_ORDER.map((lt) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-dep-type-menu", children: LINK_TYPE_ORDER.map((lt) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
                 "button",
                 {
                   className: `gantt-tl-dep-type-option${activeLinkType === lt ? " active" : ""}`,
@@ -2505,17 +2737,17 @@ var TaskList = ({
                     setTypeMenuOpen(false);
                   },
                   children: [
-                    import_react11.default.createElement(LINK_TYPE_ICONS[lt]),
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: LINK_TYPE_LABELS[lt] })
+                    import_react12.default.createElement(LINK_TYPE_ICONS[lt]),
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: LINK_TYPE_LABELS[lt] })
                   ]
                 },
                 lt
               )) }) })
             ] }),
-            cycleError && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("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__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-dep-error", children: "\u0426\u0438\u043A\u043B \u0437\u0430\u0432\u0438\u0441\u0438\u043C\u043E\u0441\u0442\u0435\u0439!" })
           ] })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-body", style: { height: `${totalHeight}px` }, children: tasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-body", style: { height: `${totalHeight}px` }, children: tasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           TaskListRow,
           {
             task,
@@ -2534,18 +2766,39 @@ var TaskList = ({
             onRemoveDependency: handleRemoveDependency,
             selectedChip,
             onChipSelect: handleChipSelect,
-            onScrollToTask
+            onScrollToTask,
+            onDelete,
+            onAdd,
+            onInsertAfter,
+            editingTaskId: propEditingTaskId
           },
           task.id
-        )) })
+        )) }),
+        isCreating && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          NewTaskRow,
+          {
+            rowHeight,
+            onConfirm: handleConfirmNewTask,
+            onCancel: handleCancelNewTask
+          }
+        ),
+        onAdd && !isCreating && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          "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
-var import_jsx_runtime14 = require("react/jsx-runtime");
-var GanttChart = (0, import_react12.forwardRef)(({
+var import_jsx_runtime15 = require("react/jsx-runtime");
+var GanttChart = (0, import_react13.forwardRef)(({
   tasks,
   dayWidth = 40,
   rowHeight = 40,
@@ -2560,35 +2813,39 @@ var GanttChart = (0, import_react12.forwardRef)(({
   taskListWidth = 520,
   disableTaskNameEditing = false,
   disableDependencyEditing = false,
-  highlightExpiredTasks = false
+  highlightExpiredTasks = false,
+  onAdd,
+  onDelete,
+  onInsertAfter,
+  editingTaskId
 }, ref) => {
-  const scrollContainerRef = (0, import_react12.useRef)(null);
-  const [selectedTaskId, setSelectedTaskId] = (0, import_react12.useState)(null);
-  const [selectedChip, setSelectedChip] = (0, import_react12.useState)(null);
-  const dateRange = (0, import_react12.useMemo)(() => getMultiMonthDays(tasks), [tasks]);
-  const [validationResult, setValidationResult] = (0, import_react12.useState)(null);
-  const [cascadeOverrides, setCascadeOverrides] = (0, import_react12.useState)(/* @__PURE__ */ new Map());
-  const gridWidth = (0, import_react12.useMemo)(
+  const scrollContainerRef = (0, import_react13.useRef)(null);
+  const [selectedTaskId, setSelectedTaskId] = (0, import_react13.useState)(null);
+  const [selectedChip, setSelectedChip] = (0, import_react13.useState)(null);
+  const dateRange = (0, import_react13.useMemo)(() => getMultiMonthDays(tasks), [tasks]);
+  const [validationResult, setValidationResult] = (0, import_react13.useState)(null);
+  const [cascadeOverrides, setCascadeOverrides] = (0, import_react13.useState)(/* @__PURE__ */ new Map());
+  const gridWidth = (0, import_react13.useMemo)(
     () => Math.round(dateRange.length * dayWidth),
     [dateRange.length, dayWidth]
   );
-  const totalGridHeight = (0, import_react12.useMemo)(
+  const totalGridHeight = (0, import_react13.useMemo)(
     () => tasks.length * rowHeight,
     [tasks.length, rowHeight]
   );
-  const monthStart = (0, import_react12.useMemo)(() => {
+  const monthStart = (0, import_react13.useMemo)(() => {
     if (dateRange.length === 0) {
       return new Date(Date.UTC((/* @__PURE__ */ new Date()).getUTCFullYear(), (/* @__PURE__ */ new Date()).getUTCMonth(), 1));
     }
     const firstDay = dateRange[0];
     return new Date(Date.UTC(firstDay.getUTCFullYear(), firstDay.getUTCMonth(), 1));
   }, [dateRange]);
-  const todayInRange = (0, import_react12.useMemo)(() => {
+  const todayInRange = (0, import_react13.useMemo)(() => {
     const now = /* @__PURE__ */ new Date();
     const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));
     return dateRange.some((day) => day.getTime() === today.getTime());
   }, [dateRange]);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const container = scrollContainerRef.current;
     if (!container || dateRange.length === 0) return;
     const now = /* @__PURE__ */ new Date();
@@ -2600,7 +2857,7 @@ var GanttChart = (0, import_react12.forwardRef)(({
     const scrollLeft = Math.round(todayOffset - containerWidth / 2 + dayWidth / 2);
     container.scrollLeft = Math.max(0, scrollLeft);
   }, []);
-  const scrollToToday = (0, import_react12.useCallback)(() => {
+  const scrollToToday = (0, import_react13.useCallback)(() => {
     const container = scrollContainerRef.current;
     if (!container || dateRange.length === 0) return;
     const now = /* @__PURE__ */ new Date();
@@ -2610,9 +2867,9 @@ var GanttChart = (0, import_react12.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 = (0, import_react12.useCallback)((taskId) => {
+  const scrollToTask = (0, import_react13.useCallback)((taskId) => {
     const container = scrollContainerRef.current;
     if (!container || dateRange.length === 0) return;
     const task = tasks.find((t) => t.id === taskId);
@@ -2627,9 +2884,9 @@ var GanttChart = (0, import_react12.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]);
-  (0, import_react12.useImperativeHandle)(
+  (0, import_react13.useImperativeHandle)(
     ref,
     () => ({
       scrollToToday,
@@ -2637,14 +2894,14 @@ var GanttChart = (0, import_react12.forwardRef)(({
     }),
     [scrollToToday, scrollToTask]
   );
-  const [dragGuideLines, setDragGuideLines] = (0, import_react12.useState)(null);
-  const [draggedTaskOverride, setDraggedTaskOverride] = (0, import_react12.useState)(null);
-  (0, import_react12.useEffect)(() => {
+  const [dragGuideLines, setDragGuideLines] = (0, import_react13.useState)(null);
+  const [draggedTaskOverride, setDraggedTaskOverride] = (0, import_react13.useState)(null);
+  (0, import_react13.useEffect)(() => {
     const result = validateDependencies(tasks);
     setValidationResult(result);
     onValidateDependencies?.(result);
   }, [tasks, onValidateDependencies]);
-  const handleTaskChange = (0, import_react12.useCallback)((updatedTask) => {
+  const handleTaskChange = (0, import_react13.useCallback)((updatedTask) => {
     const originalTask = tasks.find((t) => t.id === updatedTask.id);
     if (!originalTask) {
       onChange?.((currentTasks) => currentTasks.map((t) => t.id === updatedTask.id ? updatedTask : t));
@@ -2655,41 +2912,16 @@ var GanttChart = (0, import_react12.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));
@@ -2701,7 +2933,16 @@ var GanttChart = (0, import_react12.forwardRef)(({
       onCascade?.(cascadedTasksForCallback);
     }
   }, [tasks, onChange, disableConstraints, onCascade]);
-  const dependencyOverrides = (0, import_react12.useMemo)(() => {
+  const handleDelete = (0, import_react13.useCallback)((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 = (0, import_react13.useMemo)(() => {
     const map = new Map(cascadeOverrides);
     if (draggedTaskOverride) {
       map.set(draggedTaskOverride.taskId, {
@@ -2711,21 +2952,21 @@ var GanttChart = (0, import_react12.forwardRef)(({
     }
     return map;
   }, [cascadeOverrides, draggedTaskOverride]);
-  const handleCascadeProgress = (0, import_react12.useCallback)((overrides) => {
+  const handleCascadeProgress = (0, import_react13.useCallback)((overrides) => {
     setCascadeOverrides(new Map(overrides));
   }, []);
-  const handleCascade = (0, import_react12.useCallback)((cascadedTasks) => {
+  const handleCascade = (0, import_react13.useCallback)((cascadedTasks) => {
     onChange?.((currentTasks) => {
       const cascadeMap = new Map(cascadedTasks.map((t) => [t.id, t]));
       return currentTasks.map((t) => cascadeMap.get(t.id) ?? t);
     });
     onCascade?.(cascadedTasks);
   }, [onChange, onCascade]);
-  const handleTaskSelect = (0, import_react12.useCallback)((taskId) => {
+  const handleTaskSelect = (0, import_react13.useCallback)((taskId) => {
     setSelectedTaskId(taskId);
   }, []);
-  const panStateRef = (0, import_react12.useRef)(null);
-  const handlePanStart = (0, import_react12.useCallback)((e) => {
+  const panStateRef = (0, import_react13.useRef)(null);
+  const handlePanStart = (0, import_react13.useCallback)((e) => {
     if (e.button !== 0) return;
     const target = e.target;
     if (target.closest("[data-taskbar]")) return;
@@ -2746,7 +2987,7 @@ var GanttChart = (0, import_react12.forwardRef)(({
     container.style.cursor = "grabbing";
     e.preventDefault();
   }, []);
-  (0, import_react12.useEffect)(() => {
+  (0, import_react13.useEffect)(() => {
     const handlePanMove = (e) => {
       const pan = panStateRef.current;
       if (!pan?.active) return;
@@ -2768,15 +3009,15 @@ var GanttChart = (0, import_react12.forwardRef)(({
       window.removeEventListener("mouseup", handlePanEnd);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-container", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "gantt-container", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
     "div",
     {
       ref: scrollContainerRef,
       className: "gantt-scrollContainer",
       style: { height: containerHeight ?? "auto", cursor: "grab" },
       onMouseDown: handlePanStart,
-      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-scrollContent", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "gantt-scrollContent", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
           TaskList,
           {
             tasks,
@@ -2790,11 +3031,15 @@ var GanttChart = (0, import_react12.forwardRef)(({
             disableTaskNameEditing,
             disableDependencyEditing,
             onScrollToTask: scrollToTask,
-            onSelectedChipChange: setSelectedChip
+            onSelectedChipChange: setSelectedChip,
+            onAdd,
+            onDelete: handleDelete,
+            onInsertAfter,
+            editingTaskId
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { style: { minWidth: `${gridWidth}px`, flex: 1 }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-stickyHeader", style: { width: `${gridWidth}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { minWidth: `${gridWidth}px`, flex: 1 }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "gantt-stickyHeader", style: { width: `${gridWidth}px` }, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
             TimeScaleHeader_default,
             {
               days: dateRange,
@@ -2802,7 +3047,7 @@ var GanttChart = (0, import_react12.forwardRef)(({
               headerHeight
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
             "div",
             {
               className: "gantt-taskArea",
@@ -2811,7 +3056,7 @@ var GanttChart = (0, import_react12.forwardRef)(({
                 width: `${gridWidth}px`
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   GridBackground_default,
                   {
                     dateRange,
@@ -2819,8 +3064,8 @@ var GanttChart = (0, import_react12.forwardRef)(({
                     totalHeight: totalGridHeight
                   }
                 ),
-                todayInRange && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TodayIndicator_default, { monthStart, dayWidth }),
-                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                todayInRange && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TodayIndicator_default, { monthStart, dayWidth }),
+                /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   DependencyLines_default,
                   {
                     tasks,
@@ -2832,7 +3077,7 @@ var GanttChart = (0, import_react12.forwardRef)(({
                     selectedDep: selectedChip
                   }
                 ),
-                dragGuideLines && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                dragGuideLines && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   DragGuideLines_default,
                   {
                     isDragging: dragGuideLines.isDragging,
@@ -2842,7 +3087,7 @@ var GanttChart = (0, import_react12.forwardRef)(({
                     totalHeight: totalGridHeight
                   }
                 ),
-                tasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+                tasks.map((task, index) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                   TaskRow_default,
                   {
                     task,
@@ -2881,9 +3126,9 @@ var GanttChart = (0, import_react12.forwardRef)(({
 GanttChart.displayName = "GanttChart";
 
 // src/components/ui/Button.tsx
-var import_react13 = __toESM(require("react"));
-var import_jsx_runtime15 = require("react/jsx-runtime");
-var Button = import_react13.default.forwardRef(
+var import_react14 = __toESM(require("react"));
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var Button = import_react14.default.forwardRef(
   ({ className, variant = "default", size = "default", children, ...props }, ref) => {
     const classes = [
       "gantt-btn",
@@ -2891,7 +3136,7 @@ var Button = import_react13.default.forwardRef(
       size !== "default" ? `gantt-btn-${size}` : "",
       className || ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("button", { ref, className: classes, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("button", { ref, className: classes, ...props, children });
   }
 );
 Button.displayName = "Button";