gantt-lib 0.17.2 → 0.18.0

package/dist/index.mjs

@@ -1,3 +1,5 @@
+"use client";
+
 "use client";
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
@@ -2391,7 +2393,13 @@ var PopoverContent = ({
 
 // src/components/TaskList/TaskListRow.tsx
 init_dateUtils();
-import React9, { useState as useState4, useRef as useRef4, useEffect as useEffect4, useCallback as useCallback4, useMemo as useMemo7 } from "react";
+import React9, {
+  useState as useState4,
+  useRef as useRef4,
+  useEffect as useEffect4,
+  useCallback as useCallback4,
+  useMemo as useMemo7
+} from "react";
 
 // src/components/ui/Input.tsx
 import React6 from "react";
@@ -2828,18 +2836,49 @@ var DAY_MS2 = 24 * 60 * 60 * 1e3;
 var getInclusiveDurationDays = (startDate, endDate) => {
   const start = parseUTCDate(startDate);
   const end = parseUTCDate(endDate);
-  return Math.max(1, Math.round((end.getTime() - start.getTime()) / DAY_MS2) + 1);
+  return Math.max(
+    1,
+    Math.round((end.getTime() - start.getTime()) / DAY_MS2) + 1
+  );
 };
 var getEndDateFromDuration = (startDate, durationDays) => {
   const start = parseUTCDate(startDate);
   return new Date(start.getTime() + (durationDays - 1) * DAY_MS2).toISOString().split("T")[0];
 };
-var TrashIcon = () => /* @__PURE__ */ jsxs9("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx12("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-  /* @__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" }) });
+var TrashIcon = () => /* @__PURE__ */ jsxs9(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "12",
+    height: "12",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsx12("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+      /* @__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" })
+  }
+);
 var DragHandleIcon = () => /* @__PURE__ */ jsxs9("svg", { width: "10", height: "14", viewBox: "0 0 10 14", fill: "currentColor", children: [
   /* @__PURE__ */ jsx12("circle", { cx: "2", cy: "2", r: "1.5" }),
   /* @__PURE__ */ jsx12("circle", { cx: "8", cy: "2", r: "1.5" }),
@@ -2848,51 +2887,94 @@ var DragHandleIcon = () => /* @__PURE__ */ jsxs9("svg", { width: "10", height: "
   /* @__PURE__ */ jsx12("circle", { cx: "2", cy: "12", r: "1.5" }),
   /* @__PURE__ */ jsx12("circle", { cx: "8", cy: "12", r: "1.5" })
 ] });
-var ChevronRightIcon = () => /* @__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: "m9 18 6-6-6-6" }) });
-var HierarchyConnectorIcon = ({ isLastChild }) => /* @__PURE__ */ jsxs9("span", { className: `gantt-tl-hierarchy-connector${isLastChild ? " gantt-tl-hierarchy-connector--last" : ""}`, "aria-hidden": "true", children: [
-  /* @__PURE__ */ jsx12("span", { className: "gantt-tl-hc-vline" }),
-  /* @__PURE__ */ jsx12("span", { className: "gantt-tl-hc-hline" }),
-  /* @__PURE__ */ jsx12("span", { className: "gantt-tl-hc-dot" })
-] });
+var ChevronRightIcon = () => /* @__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: "m9 18 6-6-6-6" })
+  }
+);
+var ArrowLeft = () => /* @__PURE__ */ jsxs9(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsx12("path", { d: "m12 19-7-7 7-7" }),
+      /* @__PURE__ */ jsx12("path", { d: "M19 12H5" })
+    ]
+  }
+);
+var ArrowRight = () => /* @__PURE__ */ jsxs9(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ jsx12("path", { d: "M5 12h14" }),
+      /* @__PURE__ */ jsx12("path", { d: "m12 5 7 7-7 7" })
+    ]
+  }
+);
 var HierarchyButton = ({
   isChild,
-  isParent,
-  rowIndex,
+  rowIndex: _rowIndex,
   onPromote,
   onDemote
 }) => {
   const canPromote = isChild && onPromote;
-  const canDemote = !isParent && onDemote && rowIndex > 0;
-  if (!canPromote && !canDemote) {
-    return null;
-  }
-  const handleClick = (e) => {
-    e.stopPropagation();
-    if (canPromote) {
-      onPromote(e);
-    } else if (canDemote) {
-      onDemote(e);
-    }
-  };
-  const title = canPromote ? "\u041F\u043E\u0432\u044B\u0441\u0438\u0442\u044C (\u0441\u0434\u0435\u043B\u0430\u0442\u044C \u043A\u043E\u0440\u043D\u0435\u0432\u043E\u0439)" : "\u041F\u043E\u043D\u0438\u0437\u0438\u0442\u044C (\u0441\u0434\u0435\u043B\u0430\u0442\u044C \u043F\u043E\u0434\u0447\u0438\u043D\u0435\u043D\u043D\u043E\u0439)";
-  const ArrowLeft = () => /* @__PURE__ */ jsxs9("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx12("path", { d: "m12 19-7-7 7-7" }),
-    /* @__PURE__ */ jsx12("path", { d: "M19 12H5" })
-  ] });
-  const ArrowRight = () => /* @__PURE__ */ jsxs9("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ jsx12("path", { d: "M5 12h14" }),
-    /* @__PURE__ */ jsx12("path", { d: "m12 5 7 7-7 7" })
+  const canDemote = !!onDemote;
+  if (!canPromote && !canDemote) return null;
+  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
+    canPromote && /* @__PURE__ */ jsx12(
+      "button",
+      {
+        type: "button",
+        className: "gantt-tl-name-action-btn gantt-tl-action-hierarchy",
+        onClick: (e) => {
+          e.stopPropagation();
+          onPromote(e);
+        },
+        title: "\u041F\u043E\u0432\u044B\u0441\u0438\u0442\u044C \u0443\u0440\u043E\u0432\u0435\u043D\u044C",
+        children: /* @__PURE__ */ jsx12(ArrowLeft, {})
+      }
+    ),
+    canDemote && /* @__PURE__ */ jsx12(
+      "button",
+      {
+        type: "button",
+        className: "gantt-tl-name-action-btn gantt-tl-action-hierarchy",
+        onClick: (e) => {
+          e.stopPropagation();
+          onDemote(e);
+        },
+        title: "\u041F\u043E\u043D\u0438\u0437\u0438\u0442\u044C \u0443\u0440\u043E\u0432\u0435\u043D\u044C",
+        children: /* @__PURE__ */ jsx12(ArrowRight, {})
+      }
+    )
   ] });
-  return /* @__PURE__ */ jsx12(
-    "button",
-    {
-      type: "button",
-      className: "gantt-tl-name-action-btn gantt-tl-action-hierarchy",
-      onClick: handleClick,
-      title,
-      children: canPromote ? /* @__PURE__ */ jsx12(ArrowLeft, {}) : /* @__PURE__ */ jsx12(ArrowRight, {})
-    }
-  );
 };
 var DepChip = ({
   lag,
@@ -2924,71 +3006,91 @@ var DepChip = ({
     const nextOpen = !popoverOpen;
     setPopoverOpen(nextOpen);
     if (nextOpen) {
-      onChipSelect?.({ successorId: taskId, predecessorId: dep.taskId, linkType: dep.type });
+      onChipSelect?.({
+        successorId: taskId,
+        predecessorId: dep.taskId,
+        linkType: dep.type
+      });
       onScrollToTask?.(dep.taskId);
     } else {
       onChipSelect?.(null);
     }
   };
-  const handleOpenChange = useCallback4((open) => {
-    setPopoverOpen(open);
-    if (!open) {
-      onChipSelect?.(null);
-    }
-  }, [onChipSelect]);
+  const handleOpenChange = useCallback4(
+    (open) => {
+      setPopoverOpen(open);
+      if (!open) {
+        onChipSelect?.(null);
+      }
+    },
+    [onChipSelect]
+  );
   const handleTrashClick = (e) => {
     e.stopPropagation();
     onRemoveDependency?.(taskId, dep.taskId, dep.type);
     onChipSelectClear();
     setPopoverOpen(false);
   };
-  const handleLagChange = useCallback4((newLag) => {
-    if (!onTasksChange || !allTasks) return;
-    const taskById = new Map(allTasks.map((t) => [t.id, t]));
-    const predecessor = taskById.get(dep.taskId);
-    if (!predecessor) return;
-    const predStart = parseUTCDate(predecessor.startDate);
-    const predEnd = parseUTCDate(predecessor.endDate);
-    const origStart = parseUTCDate(task.startDate);
-    const origEnd = parseUTCDate(task.endDate);
-    const durationMs = origEnd.getTime() - origStart.getTime();
-    const constraintDate = calculateSuccessorDate(predStart, predEnd, dep.type, newLag);
-    let newStart, newEnd;
-    if (dep.type === "FS" || dep.type === "SS") {
-      newStart = constraintDate;
-      newEnd = new Date(constraintDate.getTime() + durationMs);
-    } else {
-      newEnd = constraintDate;
-      newStart = new Date(constraintDate.getTime() - durationMs);
-    }
-    onTasksChange([{
-      ...task,
-      startDate: newStart.toISOString().split("T")[0],
-      endDate: newEnd.toISOString().split("T")[0]
-    }]);
-  }, [dep, task, allTasks, onTasksChange]);
-  const handleInputCommit = useCallback4((raw) => {
-    if (raw === "") {
-      handleLagChange(0);
-      return;
-    }
-    const parsed = parseInt(raw, 10);
-    const effectiveLag2 = lag ?? 0;
-    if (isNaN(parsed)) {
-      const abs = Math.abs(effectiveLag2);
-      setInputAbs(abs === 0 ? "" : String(abs));
-      return;
-    }
-    let newLag;
-    if (parsed === 0) {
-      newLag = 0;
-    } else if (dep.type === "SF") {
-      newLag = -Math.abs(parsed);
-    } else {
-      newLag = parsed;
-    }
-    if (newLag !== effectiveLag2) handleLagChange(newLag);
-  }, [lag, dep.type, handleLagChange]);
+  const handleLagChange = useCallback4(
+    (newLag) => {
+      if (!onTasksChange || !allTasks) return;
+      const taskById = new Map(allTasks.map((t) => [t.id, t]));
+      const predecessor = taskById.get(dep.taskId);
+      if (!predecessor) return;
+      const predStart = parseUTCDate(predecessor.startDate);
+      const predEnd = parseUTCDate(predecessor.endDate);
+      const origStart = parseUTCDate(task.startDate);
+      const origEnd = parseUTCDate(task.endDate);
+      const durationMs = origEnd.getTime() - origStart.getTime();
+      const constraintDate = calculateSuccessorDate(
+        predStart,
+        predEnd,
+        dep.type,
+        newLag
+      );
+      let newStart, newEnd;
+      if (dep.type === "FS" || dep.type === "SS") {
+        newStart = constraintDate;
+        newEnd = new Date(constraintDate.getTime() + durationMs);
+      } else {
+        newEnd = constraintDate;
+        newStart = new Date(constraintDate.getTime() - durationMs);
+      }
+      onTasksChange([
+        {
+          ...task,
+          startDate: newStart.toISOString().split("T")[0],
+          endDate: newEnd.toISOString().split("T")[0]
+        }
+      ]);
+    },
+    [dep, task, allTasks, onTasksChange]
+  );
+  const handleInputCommit = useCallback4(
+    (raw) => {
+      if (raw === "") {
+        handleLagChange(0);
+        return;
+      }
+      const parsed = parseInt(raw, 10);
+      const effectiveLag2 = lag ?? 0;
+      if (isNaN(parsed)) {
+        const abs = Math.abs(effectiveLag2);
+        setInputAbs(abs === 0 ? "" : String(abs));
+        return;
+      }
+      let newLag;
+      if (parsed === 0) {
+        newLag = 0;
+      } else if (dep.type === "SF") {
+        newLag = -Math.abs(parsed);
+      } else {
+        newLag = parsed;
+      }
+      if (newLag !== effectiveLag2) handleLagChange(newLag);
+    },
+    [lag, dep.type, handleLagChange]
+  );
   const Icon = LINK_TYPE_ICONS[dep.type];
   const depName = predecessorName ?? dep.taskId;
   const effectiveLag = lag ?? 0;
@@ -3027,67 +3129,92 @@ var DepChip = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx12(PopoverContent, { className: "gantt-tl-dep-edit-popover", portal: true, align: "start", children: /* @__PURE__ */ jsxs9("div", { onClick: (e) => e.stopPropagation(), children: [
-      /* @__PURE__ */ jsx12("div", { className: "gantt-tl-dep-edit-task", children: task.name }),
-      /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-dep-edit-row", children: [
-        /* @__PURE__ */ jsxs9("span", { className: "gantt-tl-dep-edit-label", children: [
-          actionVerb,
-          preWord ? ` ${preWord}` : ""
-        ] }),
-        /* @__PURE__ */ jsx12("button", { type: "button", className: "gantt-tl-dep-edit-btn", onClick: () => handleLagChange(effectiveLag - 1), children: "\u2212" }),
-        /* @__PURE__ */ jsx12(
-          "input",
-          {
-            type: "number",
-            className: "gantt-tl-dep-edit-input",
-            value: inputAbs,
-            placeholder: zeroPlaceholder,
-            min: "0",
-            onChange: (e) => setInputAbs(e.target.value),
-            onFocus: (e) => e.target.select(),
-            onBlur: (e) => handleInputCommit(e.target.value),
-            onKeyDown: (e) => {
-              if (e.key === "Enter") handleInputCommit(inputAbs);
-            }
-          }
-        ),
-        !(dep.type === "SF" && effectiveLag === 0) && /* @__PURE__ */ jsx12("button", { type: "button", className: "gantt-tl-dep-edit-btn", onClick: () => handleLagChange(effectiveLag + 1), children: "+" }),
-        effectiveLag !== 0 && /* @__PURE__ */ jsx12("span", { children: "\u0434." }),
-        /* @__PURE__ */ jsx12("span", { children: afterWhat })
-      ] }),
-      /* @__PURE__ */ jsx12("div", { className: "gantt-tl-dep-edit-pred", children: depName }),
-      !disableDependencyEditing && /* @__PURE__ */ jsxs9(Fragment2, { children: [
-        /* @__PURE__ */ jsx12("hr", { className: "gantt-tl-dep-edit-divider" }),
-        /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-dep-edit-actions", children: [
-          /* @__PURE__ */ jsx12(
-            "button",
-            {
-              type: "button",
-              className: "gantt-tl-dep-edit-close",
-              onClick: () => {
-                setPopoverOpen(false);
-                onChipSelectClear();
-              },
-              children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
-            }
-          ),
-          /* @__PURE__ */ jsx12(
-            "button",
-            {
-              type: "button",
-              className: "gantt-tl-dep-edit-delete",
-              onClick: handleTrashClick,
-              children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0432\u044F\u0437\u044C"
-            }
-          )
+    /* @__PURE__ */ jsx12(
+      PopoverContent,
+      {
+        className: "gantt-tl-dep-edit-popover",
+        portal: true,
+        align: "start",
+        children: /* @__PURE__ */ jsxs9("div", { onClick: (e) => e.stopPropagation(), children: [
+          /* @__PURE__ */ jsx12("div", { className: "gantt-tl-dep-edit-task", children: task.name }),
+          /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-dep-edit-row", children: [
+            /* @__PURE__ */ jsxs9("span", { className: "gantt-tl-dep-edit-label", children: [
+              actionVerb,
+              preWord ? ` ${preWord}` : ""
+            ] }),
+            /* @__PURE__ */ jsx12(
+              "button",
+              {
+                type: "button",
+                className: "gantt-tl-dep-edit-btn",
+                onClick: () => handleLagChange(effectiveLag - 1),
+                children: "\u2212"
+              }
+            ),
+            /* @__PURE__ */ jsx12(
+              "input",
+              {
+                type: "number",
+                className: "gantt-tl-dep-edit-input",
+                value: inputAbs,
+                placeholder: zeroPlaceholder,
+                min: "0",
+                onChange: (e) => setInputAbs(e.target.value),
+                onFocus: (e) => e.target.select(),
+                onBlur: (e) => handleInputCommit(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") handleInputCommit(inputAbs);
+                }
+              }
+            ),
+            !(dep.type === "SF" && effectiveLag === 0) && /* @__PURE__ */ jsx12(
+              "button",
+              {
+                type: "button",
+                className: "gantt-tl-dep-edit-btn",
+                onClick: () => handleLagChange(effectiveLag + 1),
+                children: "+"
+              }
+            ),
+            effectiveLag !== 0 && /* @__PURE__ */ jsx12("span", { children: "\u0434." }),
+            /* @__PURE__ */ jsx12("span", { children: afterWhat })
+          ] }),
+          /* @__PURE__ */ jsx12("div", { className: "gantt-tl-dep-edit-pred", children: depName }),
+          !disableDependencyEditing && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+            /* @__PURE__ */ jsx12("hr", { className: "gantt-tl-dep-edit-divider" }),
+            /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-dep-edit-actions", children: [
+              /* @__PURE__ */ jsx12(
+                "button",
+                {
+                  type: "button",
+                  className: "gantt-tl-dep-edit-close",
+                  onClick: () => {
+                    setPopoverOpen(false);
+                    onChipSelectClear();
+                  },
+                  children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
+                }
+              ),
+              /* @__PURE__ */ jsx12(
+                "button",
+                {
+                  type: "button",
+                  className: "gantt-tl-dep-edit-delete",
+                  onClick: handleTrashClick,
+                  children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0432\u044F\u0437\u044C"
+                }
+              )
+            ] })
+          ] })
         ] })
-      ] })
-    ] }) })
+      }
+    )
   ] });
 };
 var toISODate = (value) => {
   if (value instanceof Date) return value.toISOString().split("T")[0];
-  if (typeof value === "string" && value.includes("T")) return value.split("T")[0];
+  if (typeof value === "string" && value.includes("T"))
+    return value.split("T")[0];
   return value;
 };
 var TaskListRow = React9.memo(
@@ -3124,13 +3251,17 @@ var TaskListRow = React9.memo(
     onToggleCollapse,
     onPromoteTask,
     onDemoteTask,
-    isLastChild = true
+    isLastChild = true,
+    nestingDepth = 0,
+    ancestorContinues = []
   }) => {
     const [editingName, setEditingName] = useState4(false);
     const [nameValue, setNameValue] = useState4("");
     const nameInputRef = useRef4(null);
     const [editingDuration, setEditingDuration] = useState4(false);
-    const [durationValue, setDurationValue] = useState4(getInclusiveDurationDays(task.startDate, task.endDate));
+    const [durationValue, setDurationValue] = useState4(
+      getInclusiveDurationDays(task.startDate, task.endDate)
+    );
     const durationInputRef = useRef4(null);
     const [editingProgress, setEditingProgress] = useState4(false);
     const [progressValue, setProgressValue] = useState4(0);
@@ -3140,11 +3271,16 @@ var TaskListRow = React9.memo(
     const durationConfirmedRef = useRef4(false);
     const progressConfirmedRef = useRef4(false);
     const autoEditedForRef = useRef4(null);
-    const editTriggerRef = useRef4("doubleclick");
+    const editTriggerRef = useRef4(
+      "doubleclick"
+    );
     const [deletePending, setDeletePending] = useState4(false);
     const deleteButtonRef = useRef4(null);
     const isSelected = selectedTaskId === task.id;
-    const isParent = useMemo7(() => isTaskParent(task.id, allTasks), [task.id, allTasks]);
+    const isParent = useMemo7(
+      () => isTaskParent(task.id, allTasks),
+      [task.id, allTasks]
+    );
     const isChild = task.parentId !== void 0;
     const isCollapsed = collapsedParentIds.has(task.id);
     const isPicking = selectingPredecessorFor != null;
@@ -3199,31 +3335,40 @@ var TaskListRow = React9.memo(
         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();
-      nameConfirmedRef.current = false;
-      editTriggerRef.current = "doubleclick";
-      setNameValue(task.name);
-      setEditingName(true);
-    }, [task.name, disableTaskNameEditing]);
-    const handleRowKeyDown = useCallback4((e) => {
-      if (editingProgress) return;
-      if (!editingName && !disableTaskNameEditing && e.key === "F2") {
-        e.preventDefault();
+    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();
         nameConfirmedRef.current = false;
-        editTriggerRef.current = "keypress";
+        editTriggerRef.current = "doubleclick";
         setNameValue(task.name);
         setEditingName(true);
-        return;
-      }
-    }, [editingName, disableTaskNameEditing, task.name]);
+      },
+      [task.name, disableTaskNameEditing]
+    );
+    const handleRowKeyDown = useCallback4(
+      (e) => {
+        if (editingProgress) return;
+        if (!editingName && !disableTaskNameEditing && e.key === "F2") {
+          e.preventDefault();
+          nameConfirmedRef.current = false;
+          editTriggerRef.current = "keypress";
+          setNameValue(task.name);
+          setEditingName(true);
+          return;
+        }
+      },
+      [editingName, disableTaskNameEditing, task.name]
+    );
     const handleNameSave = useCallback4(() => {
       if (nameConfirmedRef.current) {
         nameConfirmedRef.current = false;
@@ -3237,24 +3382,32 @@ var TaskListRow = React9.memo(
     const handleNameCancel = useCallback4(() => {
       setEditingName(false);
     }, []);
-    const handleNameKeyDown = useCallback4((e) => {
-      if (e.key === "Enter") {
-        nameConfirmedRef.current = true;
-        if (nameValue.trim()) {
-          onTasksChange?.([{ ...task, name: nameValue.trim() }]);
+    const handleNameKeyDown = useCallback4(
+      (e) => {
+        if (e.key === "Enter") {
+          nameConfirmedRef.current = true;
+          if (nameValue.trim()) {
+            onTasksChange?.([{ ...task, name: nameValue.trim() }]);
+          }
+          setEditingName(false);
+        } else if (e.key === "Escape") {
+          handleNameCancel();
         }
-        setEditingName(false);
-      } else if (e.key === "Escape") {
-        handleNameCancel();
-      }
-    }, [nameValue, task, onTasksChange, handleNameCancel]);
-    const handleDurationClick = useCallback4((e) => {
-      if (task.locked) return;
-      e.stopPropagation();
-      durationConfirmedRef.current = false;
-      setDurationValue(getInclusiveDurationDays(task.startDate, task.endDate));
-      setEditingDuration(true);
-    }, [task.locked, task.startDate, task.endDate]);
+      },
+      [nameValue, task, onTasksChange, handleNameCancel]
+    );
+    const handleDurationClick = useCallback4(
+      (e) => {
+        if (task.locked) return;
+        e.stopPropagation();
+        durationConfirmedRef.current = false;
+        setDurationValue(
+          getInclusiveDurationDays(task.startDate, task.endDate)
+        );
+        setEditingDuration(true);
+      },
+      [task.locked, task.startDate, task.endDate]
+    );
     const applyDurationChange = useCallback4((nextDuration) => {
       const normalizedDuration = Math.max(1, Math.round(nextDuration) || 1);
       setDurationValue(normalizedDuration);
@@ -3265,34 +3418,59 @@ var TaskListRow = React9.memo(
         return;
       }
       const normalizedDuration = Math.max(1, Math.round(durationValue) || 1);
-      onTasksChange?.([{ ...task, endDate: getEndDateFromDuration(task.startDate, normalizedDuration) }]);
+      onTasksChange?.([
+        {
+          ...task,
+          endDate: getEndDateFromDuration(task.startDate, normalizedDuration)
+        }
+      ]);
       setEditingDuration(false);
     }, [durationValue, task, onTasksChange]);
     const handleDurationCancel = useCallback4(() => {
       setDurationValue(getInclusiveDurationDays(task.startDate, task.endDate));
       setEditingDuration(false);
     }, [task.startDate, task.endDate]);
-    const handleDurationAdjust = useCallback4((delta) => {
-      applyDurationChange(durationValue + delta);
-    }, [applyDurationChange, durationValue]);
-    const handleDurationKeyDown = useCallback4((e) => {
-      e.stopPropagation();
-      if (e.key === "Enter") {
-        durationConfirmedRef.current = true;
-        const normalizedDuration = Math.max(1, Math.round(durationValue) || 1);
-        onTasksChange?.([{ ...task, endDate: getEndDateFromDuration(task.startDate, normalizedDuration) }]);
-        setEditingDuration(false);
-      } else if (e.key === "Escape") {
-        handleDurationCancel();
-      }
-    }, [durationValue, task, onTasksChange, handleDurationCancel]);
-    const handleProgressClick = useCallback4((e) => {
-      if (task.locked) return;
-      e.stopPropagation();
-      progressConfirmedRef.current = false;
-      setProgressValue(task.progress ?? 0);
-      setEditingProgress(true);
-    }, [task.progress, task.locked]);
+    const handleDurationAdjust = useCallback4(
+      (delta) => {
+        applyDurationChange(durationValue + delta);
+      },
+      [applyDurationChange, durationValue]
+    );
+    const handleDurationKeyDown = useCallback4(
+      (e) => {
+        e.stopPropagation();
+        if (e.key === "Enter") {
+          durationConfirmedRef.current = true;
+          const normalizedDuration = Math.max(
+            1,
+            Math.round(durationValue) || 1
+          );
+          onTasksChange?.([
+            {
+              ...task,
+              endDate: getEndDateFromDuration(
+                task.startDate,
+                normalizedDuration
+              )
+            }
+          ]);
+          setEditingDuration(false);
+        } else if (e.key === "Escape") {
+          handleDurationCancel();
+        }
+      },
+      [durationValue, task, onTasksChange, handleDurationCancel]
+    );
+    const handleProgressClick = useCallback4(
+      (e) => {
+        if (task.locked) return;
+        e.stopPropagation();
+        progressConfirmedRef.current = false;
+        setProgressValue(task.progress ?? 0);
+        setEditingProgress(true);
+      },
+      [task.progress, task.locked]
+    );
     const handleProgressSave = useCallback4(() => {
       if (progressConfirmedRef.current) {
         progressConfirmedRef.current = false;
@@ -3315,28 +3493,36 @@ var TaskListRow = React9.memo(
       setEditingProgress(false);
     }, []);
     const handleProgressAdjust = useCallback4((delta) => {
-      setProgressValue((current) => Math.max(0, Math.min(100, current + delta)));
+      setProgressValue(
+        (current) => Math.max(0, Math.min(100, current + delta))
+      );
     }, []);
-    const handleProgressKeyDown = useCallback4((e) => {
-      e.stopPropagation();
-      if (e.key === "Enter") {
-        progressConfirmedRef.current = true;
-        const clampedValue = Math.max(0, Math.min(100, progressValue));
-        if ((clampedValue === 100 || clampedValue === 0) && isTaskParent(task.id, allTasks)) {
-          const children = getChildren(task.id, allTasks);
-          const updatedTasks = [
-            { ...task, progress: clampedValue },
-            ...children.map((child) => ({ ...child, progress: clampedValue }))
-          ];
-          onTasksChange?.(updatedTasks);
-        } else {
-          onTasksChange?.([{ ...task, progress: clampedValue }]);
+    const handleProgressKeyDown = useCallback4(
+      (e) => {
+        e.stopPropagation();
+        if (e.key === "Enter") {
+          progressConfirmedRef.current = true;
+          const clampedValue = Math.max(0, Math.min(100, progressValue));
+          if ((clampedValue === 100 || clampedValue === 0) && isTaskParent(task.id, allTasks)) {
+            const children = getChildren(task.id, allTasks);
+            const updatedTasks = [
+              { ...task, progress: clampedValue },
+              ...children.map((child) => ({
+                ...child,
+                progress: clampedValue
+              }))
+            ];
+            onTasksChange?.(updatedTasks);
+          } else {
+            onTasksChange?.([{ ...task, progress: clampedValue }]);
+          }
+          setEditingProgress(false);
+        } else if (e.key === "Escape") {
+          handleProgressCancel();
         }
-        setEditingProgress(false);
-      } else if (e.key === "Escape") {
-        handleProgressCancel();
-      }
-    }, [progressValue, task, onTasksChange, handleProgressCancel, allTasks]);
+      },
+      [progressValue, task, onTasksChange, handleProgressCancel, allTasks]
+    );
     useEffect4(() => {
       if (editingProgress && progressInputRef.current) {
         progressInputRef.current.focus();
@@ -3352,77 +3538,111 @@ var TaskListRow = React9.memo(
         durationInputRef.current.select();
       }
     }, [editingDuration]);
-    const handleStartDateChange = useCallback4((newDateISO) => {
-      if (!newDateISO) return;
-      const origStart = parseUTCDate(task.startDate);
-      const origEnd = parseUTCDate(task.endDate);
-      const durationMs = origEnd.getTime() - origStart.getTime();
-      const newStart = /* @__PURE__ */ new Date(newDateISO + "T00:00:00Z");
-      const newEnd = new Date(newStart.getTime() + durationMs);
-      const { startDate: normalizedStart, endDate: normalizedEnd } = normalizeTaskDates(
-        newDateISO,
-        newEnd.toISOString().split("T")[0]
-      );
-      onTasksChange?.([{ ...task, startDate: normalizedStart, endDate: normalizedEnd }]);
-    }, [task, onTasksChange]);
-    const handleEndDateChange = useCallback4((newDateISO) => {
-      if (!newDateISO) return;
-      const origStart = parseUTCDate(task.startDate);
-      const origEnd = parseUTCDate(task.endDate);
-      const durationMs = origEnd.getTime() - origStart.getTime();
-      const newEnd = /* @__PURE__ */ new Date(newDateISO + "T00:00:00Z");
-      const newStart = new Date(newEnd.getTime() - durationMs);
-      const { startDate: normalizedStart, endDate: normalizedEnd } = normalizeTaskDates(
-        newStart.toISOString().split("T")[0],
-        newDateISO
-      );
-      onTasksChange?.([{ ...task, startDate: normalizedStart, endDate: normalizedEnd }]);
-    }, [task, onTasksChange]);
+    const handleStartDateChange = useCallback4(
+      (newDateISO) => {
+        if (!newDateISO) return;
+        const origStart = parseUTCDate(task.startDate);
+        const origEnd = parseUTCDate(task.endDate);
+        const durationMs = origEnd.getTime() - origStart.getTime();
+        const newStart = /* @__PURE__ */ new Date(newDateISO + "T00:00:00Z");
+        const newEnd = new Date(newStart.getTime() + durationMs);
+        const { startDate: normalizedStart, endDate: normalizedEnd } = normalizeTaskDates(newDateISO, newEnd.toISOString().split("T")[0]);
+        onTasksChange?.([
+          { ...task, startDate: normalizedStart, endDate: normalizedEnd }
+        ]);
+      },
+      [task, onTasksChange]
+    );
+    const handleEndDateChange = useCallback4(
+      (newDateISO) => {
+        if (!newDateISO) return;
+        const origStart = parseUTCDate(task.startDate);
+        const origEnd = parseUTCDate(task.endDate);
+        const durationMs = origEnd.getTime() - origStart.getTime();
+        const newEnd = /* @__PURE__ */ new Date(newDateISO + "T00:00:00Z");
+        const newStart = new Date(newEnd.getTime() - durationMs);
+        const { startDate: normalizedStart, endDate: normalizedEnd } = normalizeTaskDates(newStart.toISOString().split("T")[0], newDateISO);
+        onTasksChange?.([
+          { ...task, startDate: normalizedStart, endDate: normalizedEnd }
+        ]);
+      },
+      [task, onTasksChange]
+    );
     const handleRowClickInternal = useCallback4(() => {
       onRowClick?.(task.id);
     }, [task.id, onRowClick]);
-    const handleNumberClick = useCallback4((e) => {
-      e.stopPropagation();
-      onRowClick?.(task.id);
-    }, [task.id, onRowClick]);
-    const handleToggleCollapse = useCallback4((e) => {
-      e.stopPropagation();
-      onToggleCollapse?.(task.id);
-    }, [task.id, onToggleCollapse]);
-    const handlePromote = useCallback4((e) => {
-      e.stopPropagation();
-      onPromoteTask?.(task.id);
-    }, [task.id, onPromoteTask]);
-    const handleDemote = useCallback4((e) => {
-      e.stopPropagation();
-      const currentIndex = allTasks.findIndex((t) => t.id === task.id);
-      if (currentIndex > 0) {
-        const previousTask = allTasks[currentIndex - 1];
-        const targetParentId = previousTask.parentId || previousTask.id;
-        onDemoteTask?.(task.id, targetParentId);
-      }
-    }, [task.id, allTasks, onDemoteTask]);
-    const handleAddClick = useCallback4((e) => {
-      e.stopPropagation();
-      onSetSelectingPredecessorFor?.(task.id);
-    }, [task.id, onSetSelectingPredecessorFor]);
-    const handlePredecessorPick = useCallback4((e) => {
-      e.stopPropagation();
-      if (!isPicking || isSourceRow) return;
-      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 handleNumberClick = useCallback4(
+      (e) => {
+        e.stopPropagation();
+        onRowClick?.(task.id);
+      },
+      [task.id, onRowClick]
+    );
+    const handleToggleCollapse = useCallback4(
+      (e) => {
+        e.stopPropagation();
+        onToggleCollapse?.(task.id);
+      },
+      [task.id, onToggleCollapse]
+    );
+    const handlePromote = useCallback4(
+      (e) => {
+        e.stopPropagation();
+        onPromoteTask?.(task.id);
+      },
+      [task.id, onPromoteTask]
+    );
+    const handleDemote = useCallback4(
+      (e) => {
+        e.stopPropagation();
+        onDemoteTask?.(task.id, "");
+      },
+      [task.id, onDemoteTask]
+    );
+    const handleAddClick = useCallback4(
+      (e) => {
+        e.stopPropagation();
+        onSetSelectingPredecessorFor?.(task.id);
+      },
+      [task.id, onSetSelectingPredecessorFor]
+    );
+    const handlePredecessorPick = useCallback4(
+      (e) => {
+        e.stopPropagation();
+        if (!isPicking || isSourceRow) return;
+        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();
-      if (!selectedChip) return;
-      onRemoveDependency?.(selectedChip.successorId, selectedChip.predecessorId, selectedChip.linkType);
-      onChipSelect?.(null);
-    }, [selectedChip, onRemoveDependency, onChipSelect]);
+    const handleDeleteSelected = useCallback4(
+      (e) => {
+        e.stopPropagation();
+        if (!selectedChip) return;
+        onRemoveDependency?.(
+          selectedChip.successorId,
+          selectedChip.predecessorId,
+          selectedChip.linkType
+        );
+        onChipSelect?.(null);
+      },
+      [selectedChip, onRemoveDependency, onChipSelect]
+    );
     const startDateISO = toISODate(task.startDate);
     const endDateISO = editingDuration ? getEndDateFromDuration(task.startDate, durationValue) : toISODate(task.endDate);
     return /* @__PURE__ */ jsxs9(
@@ -3475,13 +3695,78 @@ var TaskListRow = React9.memo(
             }
           ),
           /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-cell gantt-tl-cell-name", children: [
-            isChild && !editingName && /* @__PURE__ */ jsx12(HierarchyConnectorIcon, { isLastChild }),
+            isChild && !editingName && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+              ancestorContinues.map(
+                (continues, idx) => continues ? /* @__PURE__ */ jsx12(
+                  "span",
+                  {
+                    style: {
+                      position: "absolute",
+                      left: `${idx * 20 + 9}px`,
+                      top: 0,
+                      height: `${rowHeight}px`,
+                      width: "1.5px",
+                      background: "#d4bceb",
+                      borderRadius: "1px",
+                      pointerEvents: "none"
+                    }
+                  },
+                  idx
+                ) : null
+              ),
+              /* @__PURE__ */ jsx12(
+                "span",
+                {
+                  style: {
+                    position: "absolute",
+                    left: `${(nestingDepth - 1) * 20 + 9}px`,
+                    top: 0,
+                    height: isLastChild ? `${rowHeight / 2}px` : `${rowHeight}px`,
+                    width: "1.5px",
+                    background: "#d4bceb",
+                    borderRadius: "1px",
+                    pointerEvents: "none"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx12(
+                "span",
+                {
+                  style: {
+                    position: "absolute",
+                    left: `${(nestingDepth - 1) * 20 + 9}px`,
+                    top: `${rowHeight / 2 - 0.75}px`,
+                    width: "8px",
+                    height: "1.5px",
+                    background: "#d4bceb",
+                    borderRadius: "1px",
+                    pointerEvents: "none"
+                  }
+                }
+              ),
+              /* @__PURE__ */ jsx12(
+                "span",
+                {
+                  style: {
+                    position: "absolute",
+                    left: `${(nestingDepth - 1) * 20 + 15}px`,
+                    top: `${rowHeight / 2 - 2}px`,
+                    width: "4px",
+                    height: "4px",
+                    borderRadius: "50%",
+                    background: "#d4bceb",
+                    pointerEvents: "none"
+                  }
+                }
+              )
+            ] }),
             isParent && !editingName && /* @__PURE__ */ jsx12(
               "button",
               {
                 type: "button",
                 className: `gantt-tl-collapse-btn ${isCollapsed ? "gantt-tl-collapse-btn-collapsed" : ""}`,
                 onClick: handleToggleCollapse,
+                style: { left: `${nestingDepth * 20 + 4}px` },
                 "aria-label": isCollapsed ? "Expand children" : "Collapse children",
                 children: /* @__PURE__ */ jsx12(ChevronRightIcon, {})
               }
@@ -3495,7 +3780,10 @@ var TaskListRow = React9.memo(
                 onChange: (e) => setNameValue(e.target.value),
                 onBlur: handleNameSave,
                 onKeyDown: handleNameKeyDown,
-                className: ["gantt-tl-name-input", isChild ? "gantt-tl-name-input-child" : ""].filter(Boolean).join(" "),
+                className: "gantt-tl-name-input",
+                style: {
+                  paddingLeft: nestingDepth > 0 ? `${nestingDepth * 20 + 24}px` : void 0
+                },
                 onClick: (e) => e.stopPropagation()
               }
             ),
@@ -3505,14 +3793,15 @@ var TaskListRow = React9.memo(
                 type: "button",
                 className: [
                   "gantt-tl-name-trigger",
-                  disableTaskNameEditing ? "gantt-tl-name-locked" : "",
-                  isParent ? "gantt-tl-name-trigger-parent" : "",
-                  isChild ? "gantt-tl-name-trigger-child" : ""
+                  disableTaskNameEditing ? "gantt-tl-name-locked" : ""
                 ].filter(Boolean).join(" "),
                 title: task.name,
                 onClick: handleNameClick,
                 onDoubleClick: handleNameDoubleClick,
-                style: editingName ? { visibility: "hidden", pointerEvents: "none" } : void 0,
+                style: {
+                  paddingLeft: nestingDepth > 0 ? `${nestingDepth * 20 + (isParent ? 26 : 8)}px` : isParent ? "26px" : void 0,
+                  ...editingName ? { visibility: "hidden", pointerEvents: "none" } : void 0
+                },
                 children: task.name
               }
             ),
@@ -3525,16 +3814,20 @@ var TaskListRow = React9.memo(
                   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 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",
@@ -3570,7 +3863,6 @@ var TaskListRow = React9.memo(
                 HierarchyButton,
                 {
                   isChild,
-                  isParent,
                   rowIndex,
                   onPromote: onPromoteTask ? handlePromote : void 0,
                   onDemote: onDemoteTask ? handleDemote : void 0
@@ -3578,113 +3870,228 @@ var TaskListRow = React9.memo(
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx12("div", { className: "gantt-tl-cell gantt-tl-cell-date", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx12(
-            DatePicker,
+          /* @__PURE__ */ jsx12(
+            "div",
             {
-              value: startDateISO,
-              onChange: handleStartDateChange,
-              format: "dd.MM.yy",
-              portal: true,
-              disabled: task.locked
+              className: "gantt-tl-cell gantt-tl-cell-date",
+              onClick: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ jsx12(
+                DatePicker,
+                {
+                  value: startDateISO,
+                  onChange: handleStartDateChange,
+                  format: "dd.MM.yy",
+                  portal: true,
+                  disabled: task.locked
+                }
+              )
             }
-          ) }),
-          /* @__PURE__ */ jsx12("div", { className: "gantt-tl-cell gantt-tl-cell-date", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ jsx12(
-            DatePicker,
+          ),
+          /* @__PURE__ */ jsx12(
+            "div",
             {
-              value: endDateISO,
-              onChange: handleEndDateChange,
-              format: "dd.MM.yy",
-              portal: true,
-              disabled: task.locked
-            }
-          ) }),
-          /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-cell gantt-tl-cell-duration", onClick: handleDurationClick, children: [
-            editingDuration && /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-number-editor", onClick: (e) => e.stopPropagation(), children: [
-              /* @__PURE__ */ jsx12(
-                Input,
+              className: "gantt-tl-cell gantt-tl-cell-date",
+              onClick: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ jsx12(
+                DatePicker,
                 {
-                  ref: durationInputRef,
-                  type: "number",
-                  min: 1,
-                  step: 1,
-                  value: durationValue,
-                  onChange: (e) => applyDurationChange(parseInt(e.target.value, 10) || 1),
-                  onBlur: handleDurationSave,
-                  onKeyDown: handleDurationKeyDown,
-                  className: "gantt-tl-number-input"
+                  value: endDateISO,
+                  onChange: handleEndDateChange,
+                  format: "dd.MM.yy",
+                  portal: true,
+                  disabled: task.locked
                 }
-              ),
-              /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx12(
-                  "button",
+              )
+            }
+          ),
+          /* @__PURE__ */ jsxs9(
+            "div",
+            {
+              className: "gantt-tl-cell gantt-tl-cell-duration",
+              onClick: handleDurationClick,
+              children: [
+                editingDuration && /* @__PURE__ */ jsxs9(
+                  "div",
                   {
-                    type: "button",
-                    className: "gantt-tl-number-stepper",
-                    tabIndex: -1,
-                    onMouseDown: (e) => e.preventDefault(),
-                    onClick: () => handleDurationAdjust(1),
-                    children: /* @__PURE__ */ jsx12("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx12("path", { d: "m18 15-6-6-6 6" }) })
+                    className: "gantt-tl-number-editor",
+                    onClick: (e) => e.stopPropagation(),
+                    children: [
+                      /* @__PURE__ */ jsx12(
+                        Input,
+                        {
+                          ref: durationInputRef,
+                          type: "number",
+                          min: 1,
+                          step: 1,
+                          value: durationValue,
+                          onChange: (e) => applyDurationChange(parseInt(e.target.value, 10) || 1),
+                          onBlur: handleDurationSave,
+                          onKeyDown: handleDurationKeyDown,
+                          className: "gantt-tl-number-input"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
+                        /* @__PURE__ */ jsx12(
+                          "button",
+                          {
+                            type: "button",
+                            className: "gantt-tl-number-stepper",
+                            tabIndex: -1,
+                            onMouseDown: (e) => e.preventDefault(),
+                            onClick: () => handleDurationAdjust(1),
+                            children: /* @__PURE__ */ jsx12(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "10",
+                                height: "10",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                strokeWidth: "2",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                children: /* @__PURE__ */ jsx12("path", { d: "m18 15-6-6-6 6" })
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsx12(
+                          "button",
+                          {
+                            type: "button",
+                            className: "gantt-tl-number-stepper",
+                            tabIndex: -1,
+                            onMouseDown: (e) => e.preventDefault(),
+                            onClick: () => handleDurationAdjust(-1),
+                            children: /* @__PURE__ */ jsx12(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "10",
+                                height: "10",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                strokeWidth: "2",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                children: /* @__PURE__ */ jsx12("path", { d: "m6 9 6 6 6-6" })
+                              }
+                            )
+                          }
+                        )
+                      ] })
+                    ]
                   }
                 ),
                 /* @__PURE__ */ jsx12(
-                  "button",
+                  "span",
                   {
-                    type: "button",
-                    className: "gantt-tl-number-stepper",
-                    tabIndex: -1,
-                    onMouseDown: (e) => e.preventDefault(),
-                    onClick: () => handleDurationAdjust(-1),
-                    children: /* @__PURE__ */ jsx12("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx12("path", { d: "m6 9 6 6 6-6" }) })
+                    style: editingDuration ? { visibility: "hidden", pointerEvents: "none" } : void 0,
+                    children: getInclusiveDurationDays(task.startDate, task.endDate)
                   }
                 )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx12("span", { style: editingDuration ? { visibility: "hidden", pointerEvents: "none" } : void 0, children: getInclusiveDurationDays(task.startDate, task.endDate) })
-          ] }),
-          /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-cell gantt-tl-cell-progress", onClick: handleProgressClick, children: [
-            editingProgress && /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-number-editor", onClick: (e) => e.stopPropagation(), children: [
-              /* @__PURE__ */ jsx12(
-                Input,
-                {
-                  ref: progressInputRef,
-                  type: "number",
-                  min: 0,
-                  max: 100,
-                  step: 1,
-                  value: progressValue,
-                  onChange: (e) => setProgressValue(parseInt(e.target.value, 10) || 0),
-                  onBlur: handleProgressSave,
-                  onKeyDown: handleProgressKeyDown,
-                  className: "gantt-tl-number-input"
-                }
-              ),
-              /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx12(
-                  "button",
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxs9(
+            "div",
+            {
+              className: "gantt-tl-cell gantt-tl-cell-progress",
+              onClick: handleProgressClick,
+              children: [
+                editingProgress && /* @__PURE__ */ jsxs9(
+                  "div",
                   {
-                    type: "button",
-                    className: "gantt-tl-number-stepper",
-                    tabIndex: -1,
-                    onMouseDown: (e) => e.preventDefault(),
-                    onClick: () => handleProgressAdjust(1),
-                    children: /* @__PURE__ */ jsx12("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx12("path", { d: "m18 15-6-6-6 6" }) })
+                    className: "gantt-tl-number-editor",
+                    onClick: (e) => e.stopPropagation(),
+                    children: [
+                      /* @__PURE__ */ jsx12(
+                        Input,
+                        {
+                          ref: progressInputRef,
+                          type: "number",
+                          min: 0,
+                          max: 100,
+                          step: 1,
+                          value: progressValue,
+                          onChange: (e) => setProgressValue(parseInt(e.target.value, 10) || 0),
+                          onBlur: handleProgressSave,
+                          onKeyDown: handleProgressKeyDown,
+                          className: "gantt-tl-number-input"
+                        }
+                      ),
+                      /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
+                        /* @__PURE__ */ jsx12(
+                          "button",
+                          {
+                            type: "button",
+                            className: "gantt-tl-number-stepper",
+                            tabIndex: -1,
+                            onMouseDown: (e) => e.preventDefault(),
+                            onClick: () => handleProgressAdjust(1),
+                            children: /* @__PURE__ */ jsx12(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "10",
+                                height: "10",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                strokeWidth: "2",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                children: /* @__PURE__ */ jsx12("path", { d: "m18 15-6-6-6 6" })
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ jsx12(
+                          "button",
+                          {
+                            type: "button",
+                            className: "gantt-tl-number-stepper",
+                            tabIndex: -1,
+                            onMouseDown: (e) => e.preventDefault(),
+                            onClick: () => handleProgressAdjust(-1),
+                            children: /* @__PURE__ */ jsx12(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "10",
+                                height: "10",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                strokeWidth: "2",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                children: /* @__PURE__ */ jsx12("path", { d: "m6 9 6 6 6-6" })
+                              }
+                            )
+                          }
+                        )
+                      ] })
+                    ]
                   }
                 ),
                 /* @__PURE__ */ jsx12(
-                  "button",
+                  "span",
                   {
-                    type: "button",
-                    className: "gantt-tl-number-stepper",
-                    tabIndex: -1,
-                    onMouseDown: (e) => e.preventDefault(),
-                    onClick: () => handleProgressAdjust(-1),
-                    children: /* @__PURE__ */ jsx12("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ jsx12("path", { d: "m6 9 6 6 6-6" }) })
+                    style: editingProgress ? { visibility: "hidden", pointerEvents: "none" } : task.progress === 100 ? {
+                      backgroundColor: "#17c864",
+                      borderRadius: "4px",
+                      padding: "2px 4px",
+                      color: "#ffffff"
+                    } : void 0,
+                    children: task.progress ? Math.round(task.progress) === 100 ? "100" : `${Math.round(task.progress)}%` : "0%"
                   }
                 )
-              ] })
-            ] }),
-            /* @__PURE__ */ jsx12("span", { style: editingProgress ? { visibility: "hidden", pointerEvents: "none" } : void 0, children: task.progress ? `${Math.round(task.progress)}%` : "0%" })
-          ] }),
+              ]
+            }
+          ),
           /* @__PURE__ */ jsx12(
             "div",
             {
@@ -3725,26 +4132,33 @@ var TaskListRow = React9.memo(
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ jsx12(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ jsx12("div", { className: "gantt-tl-dep-overflow-list", onClick: (e) => e.stopPropagation(), children: chips.map(({ dep, lag, predecessorName }) => /* @__PURE__ */ jsx12(
-                      DepChip,
+                    /* @__PURE__ */ jsx12(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ jsx12(
+                      "div",
                       {
-                        lag,
-                        dep,
-                        taskId: task.id,
-                        predecessorName,
-                        selectedChip,
-                        disableDependencyEditing,
-                        onChipSelect,
-                        onRowClick,
-                        onScrollToTask,
-                        onRemoveDependency,
-                        onChipSelectClear: () => onChipSelect?.(null),
-                        task,
-                        allTasks,
-                        onTasksChange
-                      },
-                      `${dep.taskId}-${dep.type}`
-                    )) }) })
+                        className: "gantt-tl-dep-overflow-list",
+                        onClick: (e) => e.stopPropagation(),
+                        children: chips.map(({ dep, lag, predecessorName }) => /* @__PURE__ */ jsx12(
+                          DepChip,
+                          {
+                            lag,
+                            dep,
+                            taskId: task.id,
+                            predecessorName,
+                            selectedChip,
+                            disableDependencyEditing,
+                            onChipSelect,
+                            onRowClick,
+                            onScrollToTask,
+                            onRemoveDependency,
+                            onChipSelectClear: () => onChipSelect?.(null),
+                            task,
+                            allTasks,
+                            onTasksChange
+                          },
+                          `${dep.taskId}-${dep.type}`
+                        ))
+                      }
+                    ) })
                   ] })
                 ) : chips.length === 1 ? (
                   /* Single chip — unified DepChip */
@@ -3943,6 +4357,25 @@ var TaskList = ({
     () => visibleTasks.length * rowHeight,
     [visibleTasks.length, rowHeight]
   );
+  const nestingDepthMap = useMemo8(() => {
+    const depthMap = /* @__PURE__ */ new Map();
+    const taskById = new Map(tasks.map((t) => [t.id, t]));
+    function getDepth(taskId) {
+      if (depthMap.has(taskId)) return depthMap.get(taskId);
+      const task = taskById.get(taskId);
+      if (!task || !task.parentId || !taskById.has(task.parentId)) {
+        depthMap.set(taskId, 0);
+        return 0;
+      }
+      const depth = getDepth(task.parentId) + 1;
+      depthMap.set(taskId, depth);
+      return depth;
+    }
+    for (const task of tasks) {
+      getDepth(task.id);
+    }
+    return depthMap;
+  }, [tasks]);
   const lastChildIds = useMemo8(() => {
     const last = /* @__PURE__ */ new Set();
     const seenParents = /* @__PURE__ */ new Set();
@@ -3955,6 +4388,20 @@ var TaskList = ({
     }
     return last;
   }, [visibleTasks]);
+  const ancestorContinuesMap = useMemo8(() => {
+    const taskById = new Map(tasks.map((t) => [t.id, t]));
+    const map = /* @__PURE__ */ new Map();
+    for (const task of visibleTasks) {
+      const continues = [];
+      let current = taskById.get(task.id);
+      while (current?.parentId && taskById.has(current.parentId)) {
+        continues.unshift(!lastChildIds.has(current.id));
+        current = taskById.get(current.parentId);
+      }
+      map.set(task.id, continues.slice(0, -1));
+    }
+    return map;
+  }, [tasks, visibleTasks, lastChildIds]);
   const handleRowClick = useCallback5((taskId) => {
     onTaskSelect?.(taskId);
   }, [onTaskSelect]);
@@ -4065,9 +4512,6 @@ var TaskList = ({
     if (dropTarget.parentId === draggedTaskId) {
       return false;
     }
-    if (dropTarget.parentId) {
-      return false;
-    }
     const draggedTask = orderedTasks.find((t) => t.id === draggedTaskId);
     if (!draggedTask) return true;
     const descendants = getAllDescendants(draggedTaskId, orderedTasks);
@@ -4213,6 +4657,52 @@ var TaskList = ({
     setIsCreating(false);
   }, [onAdd]);
   const handleCancelNewTask = useCallback5(() => setIsCreating(false), []);
+  function getTaskDepth(task, tasks2) {
+    if (!task) return 0;
+    let depth = 0;
+    let current = task;
+    while (current) {
+      if (!current.parentId) break;
+      depth++;
+      const parentId = current.parentId;
+      current = tasks2.find((t) => t.id === parentId);
+    }
+    return depth;
+  }
+  const handleDemoteWrapper = useCallback5((taskId, _newParentId) => {
+    const taskIndex = visibleTasks.findIndex((t) => t.id === taskId);
+    const currentTask = visibleTasks[taskIndex];
+    const currentDepth = getTaskDepth(currentTask, orderedTasks);
+    if (taskIndex > 0) {
+      for (let i = taskIndex - 1; i >= 0; i--) {
+        const previousTask = visibleTasks[i];
+        const previousDepth = getTaskDepth(previousTask, orderedTasks);
+        if (previousDepth === currentDepth) {
+          onDemoteTask?.(taskId, previousTask.id);
+          return;
+        }
+        if (previousDepth < currentDepth) {
+          break;
+        }
+      }
+      return;
+    }
+    const demotedTask = orderedTasks.find((t) => t.id === taskId);
+    if (!demotedTask) return;
+    const newSectionTask = {
+      id: crypto.randomUUID(),
+      name: "\u041D\u043E\u0432\u044B\u0439 \u0440\u0430\u0437\u0434\u0435\u043B",
+      startDate: demotedTask.startDate,
+      endDate: demotedTask.endDate
+    };
+    const updatedTasks = [
+      newSectionTask,
+      ...orderedTasks.map(
+        (t) => t.id === taskId ? { ...t, parentId: newSectionTask.id } : t
+      )
+    ];
+    onReorder?.(updatedTasks, taskId, newSectionTask.id);
+  }, [visibleTasks, orderedTasks, onDemoteTask, onReorder]);
   const effectiveTaskListWidth = Math.max(taskListWidth, MIN_TASK_LIST_WIDTH);
   return /* @__PURE__ */ jsx14(
     "div",
@@ -4296,8 +4786,10 @@ var TaskList = ({
             collapsedParentIds,
             onToggleCollapse: handleToggleCollapse,
             onPromoteTask,
-            onDemoteTask,
-            isLastChild: lastChildIds.has(task.id)
+            onDemoteTask: onDemoteTask ? handleDemoteWrapper : void 0,
+            isLastChild: lastChildIds.has(task.id),
+            nestingDepth: nestingDepthMap.get(task.id) ?? 0,
+            ancestorContinues: ancestorContinuesMap.get(task.id) ?? []
           },
           task.id
         )) }),
@@ -4606,6 +5098,17 @@ var GanttChart = forwardRef(({
     }),
     [scrollToToday, scrollToTask, handleCollapseAll, handleExpandAll]
   );
+  function getTaskDepth(taskId, tasks2) {
+    let depth = 0;
+    let current = tasks2.find((t) => t.id === taskId);
+    while (current) {
+      if (!current.parentId) break;
+      depth++;
+      const parentId = current.parentId;
+      current = tasks2.find((t) => t.id === parentId);
+    }
+    return depth;
+  }
   const handlePromoteTask = useCallback6((taskId) => {
     if (onPromoteTask) {
       onPromoteTask(taskId);
@@ -4615,20 +5118,20 @@ var GanttChart = forwardRef(({
     if (!taskToPromote || !taskToPromote.parentId) {
       return;
     }
-    const parentId = taskToPromote.parentId;
-    const siblings = tasks.filter((t) => t.parentId === parentId);
+    const depth = getTaskDepth(taskId, tasks);
+    const grandparentId = depth > 1 ? tasks.find((t) => t.id === taskToPromote.parentId)?.parentId : void 0;
+    const currentParentId = taskToPromote.parentId;
+    const siblings = tasks.filter((t) => t.parentId === currentParentId);
+    const promotedTask = { ...taskToPromote, parentId: grandparentId };
     if (siblings.length <= 1) {
-      const promotedTask2 = { ...taskToPromote, parentId: void 0 };
-      onTasksChange?.([promotedTask2]);
+      onTasksChange?.([promotedTask]);
       return;
     }
-    const lastSiblingIndex = tasks.map((t, i) => ({ task: t, index: i })).filter(({ task }) => task.parentId === parentId).sort((a, b) => b.index - a.index)[0];
+    const lastSiblingIndex = tasks.map((t, i) => ({ task: t, index: i })).filter(({ task }) => task.parentId === currentParentId).sort((a, b) => b.index - a.index)[0];
     if (!lastSiblingIndex) {
-      const promotedTask2 = { ...taskToPromote, parentId: void 0 };
-      onTasksChange?.([promotedTask2]);
+      onTasksChange?.([promotedTask]);
       return;
     }
-    const promotedTask = { ...taskToPromote, parentId: void 0 };
     const reorderedTasks = normalizeHierarchyTasks([
       ...tasks.filter((t) => t.id !== taskId).slice(0, lastSiblingIndex.index + 1),
       promotedTask,