gantt-lib 0.121.2 → 0.123.0

package/dist/index.js

@@ -2980,10 +2980,10 @@ var useTaskDrag = (options) => {
 // src/components/TaskRow/TaskRow.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var arePropsEqual = (prevProps, nextProps) => {
-  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.baselineStartDate === nextProps.task.baselineStartDate && prevProps.task.baselineEndDate === nextProps.task.baselineEndDate && prevProps.task.type === nextProps.task.type && prevProps.task.color === nextProps.task.color && prevProps.task.progress === nextProps.task.progress && prevProps.task.accepted === nextProps.task.accepted && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight && prevProps.overridePosition?.left === nextProps.overridePosition?.left && prevProps.overridePosition?.width === nextProps.overridePosition?.width && prevProps.previewPositionStore === nextProps.previewPositionStore && prevProps.allTasks === nextProps.allTasks && prevProps.disableConstraints === nextProps.disableConstraints && prevProps.task.locked === nextProps.task.locked && prevProps.task.synced === nextProps.task.synced && prevProps.task.divider === nextProps.task.divider && prevProps.highlightExpiredTasks === nextProps.highlightExpiredTasks && prevProps.showBaseline === nextProps.showBaseline && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.businessDays === nextProps.businessDays && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend && prevProps.disableTaskDrag === nextProps.disableTaskDrag && prevProps.viewMode === nextProps.viewMode;
+  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.baselineStartDate === nextProps.task.baselineStartDate && prevProps.task.baselineEndDate === nextProps.task.baselineEndDate && prevProps.task.type === nextProps.task.type && prevProps.task.color === nextProps.task.color && prevProps.task.progress === nextProps.task.progress && prevProps.task.accepted === nextProps.task.accepted && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight && prevProps.overridePosition?.left === nextProps.overridePosition?.left && prevProps.overridePosition?.width === nextProps.overridePosition?.width && prevProps.previewPositionStore === nextProps.previewPositionStore && prevProps.allTasks === nextProps.allTasks && prevProps.disableConstraints === nextProps.disableConstraints && prevProps.task.locked === nextProps.task.locked && prevProps.task.synced === nextProps.task.synced && prevProps.task.divider === nextProps.task.divider && prevProps.highlightExpiredTasks === nextProps.highlightExpiredTasks && prevProps.showBaseline === nextProps.showBaseline && prevProps.isFilterMatch === nextProps.isFilterMatch && prevProps.businessDays === nextProps.businessDays && prevProps.customDays === nextProps.customDays && prevProps.isWeekend === nextProps.isWeekend && prevProps.disableTaskDrag === nextProps.disableTaskDrag && prevProps.disableDependencyEditing === nextProps.disableDependencyEditing && prevProps.isDependencyDragActive === nextProps.isDependencyDragActive && prevProps.viewMode === nextProps.viewMode;
 };
 var TaskRow = import_react3.default.memo(
-  ({ task, monthStart, dayWidth, rowHeight, onTasksChange, onDragStateChange, rowIndex, allTasks, enableAutoSchedule, disableConstraints, overridePosition, previewPositionStore, onCascadeProgress, onCascade, divider, highlightExpiredTasks, showBaseline = false, isFilterMatch = false, businessDays, customDays, isWeekend: isWeekend3, disableTaskDrag = false, viewMode = "day" }) => {
+  ({ task, monthStart, dayWidth, rowHeight, onTasksChange, onDragStateChange, rowIndex, allTasks, enableAutoSchedule, disableConstraints, overridePosition, previewPositionStore, onCascadeProgress, onCascade, divider, highlightExpiredTasks, showBaseline = false, isFilterMatch = false, businessDays, customDays, isWeekend: isWeekend3, disableTaskDrag = false, disableDependencyEditing = false, onDependencyPortPointerDown, isDependencyDragActive = false, viewMode = "day" }) => {
     const defaultParentBarColor = "#782FC4";
     const { divider: taskDivider } = task;
     const normalizedTask = (0, import_react3.useMemo)(() => normalizeTaskDatesForType(task), [task]);
@@ -3215,6 +3215,36 @@ var TaskRow = import_react3.default.memo(
                 ]
               }
             ),
+            !disableDependencyEditing && onDependencyPortPointerDown && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  type: "button",
+                  "data-gantt-dependency-port": true,
+                  "data-task-id": task.id,
+                  "data-port-side": "left",
+                  className: `gantt-tr-dependencyPort gantt-tr-dependencyPortLeft ${milestone ? "gantt-tr-dependencyPortMilestone" : ""} ${isParent ? "gantt-tr-dependencyPortParent" : ""} ${isDependencyDragActive ? "gantt-tr-dependencyPortDragActive" : ""}`,
+                  style: { left: `${visualLeft - 21}px` },
+                  "aria-label": `\u041D\u0430\u0447\u0430\u0442\u044C \u0441\u0432\u044F\u0437\u044C \u043E\u0442 \u043B\u0435\u0432\u043E\u0433\u043E \u043A\u0440\u0430\u044F: ${task.name}`,
+                  title: "\u041F\u043E\u0442\u044F\u043D\u0438\u0442\u0435 \u043A \u043A\u0440\u0430\u044E \u0434\u0440\u0443\u0433\u043E\u0439 \u043F\u043E\u043B\u043E\u0441\u044B, \u0447\u0442\u043E\u0431\u044B \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u0441\u0432\u044F\u0437\u044C",
+                  onPointerDown: (event) => onDependencyPortPointerDown(task.id, "left", event)
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                "button",
+                {
+                  type: "button",
+                  "data-gantt-dependency-port": true,
+                  "data-task-id": task.id,
+                  "data-port-side": "right",
+                  className: `gantt-tr-dependencyPort gantt-tr-dependencyPortRight ${milestone ? "gantt-tr-dependencyPortMilestone" : ""} ${isParent ? "gantt-tr-dependencyPortParent" : ""} ${isDependencyDragActive ? "gantt-tr-dependencyPortDragActive" : ""}`,
+                  style: { left: `${visualLeft + visualWidth}px` },
+                  "aria-label": `\u041D\u0430\u0447\u0430\u0442\u044C \u0441\u0432\u044F\u0437\u044C \u043E\u0442 \u043F\u0440\u0430\u0432\u043E\u0433\u043E \u043A\u0440\u0430\u044F: ${task.name}`,
+                  title: "\u041F\u043E\u0442\u044F\u043D\u0438\u0442\u0435 \u043A \u043A\u0440\u0430\u044E \u0434\u0440\u0443\u0433\u043E\u0439 \u043F\u043E\u043B\u043E\u0441\u044B, \u0447\u0442\u043E\u0431\u044B \u0441\u043E\u0437\u0434\u0430\u0442\u044C \u0441\u0432\u044F\u0437\u044C",
+                  onPointerDown: (event) => onDependencyPortPointerDown(task.id, "right", event)
+                }
+              )
+            ] }),
             /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
               "div",
               {
@@ -3559,8 +3589,10 @@ var DependencyLines = import_react7.default.memo(({
   dragOverrides,
   selectedDep,
   businessDays = true,
-  weekendPredicate
+  weekendPredicate,
+  onDependencyClick
 }) => {
+  const [hoveredLineId, setHoveredLineId] = (0, import_react7.useState)(null);
   const tasksForPositions = allTasks ?? tasks;
   const { taskPositions, taskIndices, hiddenTaskIds } = (0, import_react7.useMemo)(() => {
     const positions = /* @__PURE__ */ new Map();
@@ -3696,6 +3728,9 @@ var DependencyLines = import_react7.default.memo(({
         const hasCycle = cycleInfo.has(edge.predecessorId) || cycleInfo.has(edge.successorId);
         lines2.push({
           id: `${edge.predecessorId}-${edge.successorId}-${edge.type}`,
+          predecessorId: edge.predecessorId,
+          successorId: edge.successorId,
+          linkType: edge.type,
           path,
           hasCycle,
           lag: edge.lag,
@@ -3797,7 +3832,8 @@ var DependencyLines = import_react7.default.memo(({
             }
           )
         ] }),
-        lines.map(({ id, path, hasCycle, lag, fromX, toX, fromY, reverseOrder, isVirtual }) => {
+        lines.map(({ id, predecessorId, successorId, linkType, path, hasCycle, lag, fromX, toX, fromY, reverseOrder, isVirtual }) => {
+          const isHovered = hoveredLineId === id;
           const isSelected = selectedDep != null && id === `${selectedDep.predecessorId}-${selectedDep.successorId}-${selectedDep.linkType}`;
           let pathClassName = "gantt-dependency-path";
           if (isSelected) pathClassName += " gantt-dependency-selected";
@@ -3809,23 +3845,43 @@ var DependencyLines = import_react7.default.memo(({
           else markerEnd = "url(#arrowhead)";
           const lagColor = isSelected ? "#ef4444" : hasCycle ? "var(--gantt-dependency-cycle-color, #ef4444)" : "var(--gantt-dependency-line-color, #666666)";
           return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react7.default.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)("g", { className: "gantt-dependency-line", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                "path",
-                {
-                  d: path,
-                  className: "gantt-dependency-hit-area"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-                "path",
-                {
-                  d: path,
-                  className: pathClassName,
-                  markerEnd
-                }
-              )
-            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
+              "g",
+              {
+                className: `gantt-dependency-line${isHovered ? " gantt-dependency-line-hovered" : ""}`,
+                onPointerEnter: () => setHoveredLineId(id),
+                onPointerLeave: () => setHoveredLineId((current) => current === id ? null : current),
+                onClick: (event) => {
+                  event.stopPropagation();
+                  onDependencyClick?.({
+                    predecessorId,
+                    successorId,
+                    linkType,
+                    x: toX,
+                    y: reverseOrder ? fromY - 4 : fromY + 12
+                  });
+                },
+                role: "button",
+                "aria-label": `\u0421\u0432\u044F\u0437\u044C ${linkType}`,
+                children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    "path",
+                    {
+                      d: path,
+                      className: "gantt-dependency-hit-area"
+                    }
+                  ),
+                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+                    "path",
+                    {
+                      d: path,
+                      className: pathClassName,
+                      markerEnd
+                    }
+                  )
+                ]
+              }
+            ),
             lag !== 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
               "text",
               {
@@ -3847,6 +3903,62 @@ var DependencyLines = import_react7.default.memo(({
 DependencyLines.displayName = "DependencyLines";
 var DependencyLines_default = DependencyLines;
 
+// src/components/DependencyCreationOverlay/DependencyCreationOverlay.tsx
+var import_jsx_runtime8 = require("react/jsx-runtime");
+var LINK_TYPE_LABELS_RU = {
+  FS: "\u041E\u041D",
+  SS: "\u041D\u041D",
+  FF: "\u041E\u041E",
+  SF: "\u041D\u041E"
+};
+function getPath(drag) {
+  const from = drag.source;
+  const to = drag.current;
+  const direction = to.y >= from.y ? 1 : -1;
+  const bend = Math.max(18, Math.abs(to.y - from.y) * 0.45);
+  const middleX = Math.round((from.x + to.x) / 2);
+  if (Math.abs(to.y - from.y) < 2) {
+    return `M ${Math.round(from.x)} ${Math.round(from.y)} H ${Math.round(to.x)}`;
+  }
+  return [
+    `M ${Math.round(from.x)} ${Math.round(from.y)}`,
+    `C ${Math.round(from.x)} ${Math.round(from.y + bend * direction)}, ${Math.round(to.x)} ${Math.round(to.y - bend * direction)}, ${Math.round(to.x)} ${Math.round(to.y)}`
+  ].join(" ");
+}
+var DependencyCreationOverlay = ({ drag, width, height }) => {
+  if (!drag) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsxs)(
+    "svg",
+    {
+      className: "gantt-dependencyCreation-svg",
+      "data-testid": "dependency-creation-preview",
+      width,
+      height,
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "path",
+          {
+            className: `gantt-dependencyCreation-path ${drag.target ? "gantt-dependencyCreation-pathTargeted" : ""}`,
+            d: getPath(drag)
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("circle", { className: "gantt-dependencyCreation-source", cx: drag.source.x, cy: drag.source.y, r: "4" }),
+        /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+          "circle",
+          {
+            className: `gantt-dependencyCreation-target ${drag.target ? "gantt-dependencyCreation-targetValid" : ""}`,
+            cx: drag.current.x,
+            cy: drag.current.y,
+            r: "5"
+          }
+        ),
+        drag.linkType && /* @__PURE__ */ (0, import_jsx_runtime8.jsx)("text", { className: "gantt-dependencyCreation-label", x: drag.current.x + 10, y: drag.current.y - 10, children: LINK_TYPE_LABELS_RU[drag.linkType] ?? drag.linkType })
+      ]
+    }
+  );
+};
+
 // src/components/TaskList/TaskList.tsx
 var import_react13 = __toESM(require("react"));
 
@@ -4019,9 +4131,9 @@ function getVisibleReorderPlan(orderedTasks, visibleTasks, movedTaskId, target)
 
 // src/components/ui/Popover.tsx
 var RadixPopover = __toESM(require("@radix-ui/react-popover"));
-var import_jsx_runtime8 = require("react/jsx-runtime");
+var import_jsx_runtime9 = require("react/jsx-runtime");
 var Popover = ({ open, onOpenChange, children }) => {
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixPopover.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixPopover.Root, { open, onOpenChange, children });
 };
 var PopoverTrigger = RadixPopover.Trigger;
 var PopoverContent = ({
@@ -4033,7 +4145,7 @@ var PopoverContent = ({
   collisionPadding = 8,
   onInteractOutside
 }) => {
-  const content = /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(
+  const content = /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
     RadixPopover.Content,
     {
       className: `gantt-popover${className ? ` ${className}` : ""}`,
@@ -4046,7 +4158,7 @@ var PopoverContent = ({
     }
   );
   if (portal) {
-    return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(RadixPopover.Portal, { children: content });
+    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(RadixPopover.Portal, { children: content });
   }
   return content;
 };
@@ -4056,10 +4168,10 @@ var import_react11 = __toESM(require("react"));
 
 // src/components/ui/Input.tsx
 var import_react8 = __toESM(require("react"));
-var import_jsx_runtime9 = require("react/jsx-runtime");
+var import_jsx_runtime10 = require("react/jsx-runtime");
 var Input = import_react8.default.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       "input",
       {
         ref,
@@ -4079,7 +4191,7 @@ var import_date_fns3 = require("date-fns");
 var import_react9 = require("react");
 var import_date_fns2 = require("date-fns");
 var import_locale2 = require("date-fns/locale");
-var import_jsx_runtime10 = require("react/jsx-runtime");
+var import_jsx_runtime11 = require("react/jsx-runtime");
 function getDayClassName(day, selected, isWeekendProp) {
   const classes = ["gantt-day-btn"];
   if (selected && (0, import_date_fns2.isSameDay)(day, selected)) classes.push("selected");
@@ -4151,13 +4263,13 @@ var Calendar = ({
       const monthKey = (0, import_date_fns2.format)(month, "yyyy-MM");
       const monthLabel = (0, import_date_fns2.format)(month, "LLLL yyyy", { locale: import_locale2.ru });
       const weekdayLabels = ["\u041F\u043D", "\u0412\u0442", "\u0421\u0440", "\u0427\u0442", "\u041F\u0442", "\u0421\u0431", "\u0412\u0441"];
-      const weekdayHeaders = weekdayLabels.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "gantt-cal-weekday", children: label }, `wd-${i}`));
-      const emptyCells = Array.from({ length: emptyDays }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "gantt-cal-empty-day" }, `e-${i}`));
+      const weekdayHeaders = weekdayLabels.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "gantt-cal-weekday", children: label }, `wd-${i}`));
+      const emptyCells = Array.from({ length: emptyDays }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "gantt-cal-empty-day" }, `e-${i}`));
       const dayCells = Array.from({ length: totalDays }, (_, i) => {
         const dayNum = i + 1;
         const day = new Date(Date.UTC(month.getFullYear(), month.getMonth(), dayNum));
         const className = getDayClassName(day, selected, isWeekendProp);
-        return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
+        return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
           "button",
           {
             type: "button",
@@ -4173,9 +4285,9 @@ var Calendar = ({
           dayNum
         );
       });
-      return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "gantt-cal-month", "data-month": monthKey, children: [
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "gantt-cal-month-header", children: monthLabel }),
-        /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { className: "gantt-cal-month-days", children: [
+      return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "gantt-cal-month", "data-month": monthKey, children: [
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "gantt-cal-month-header", children: monthLabel }),
+        /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "gantt-cal-month-days", children: [
           weekdayHeaders,
           emptyCells,
           dayCells
@@ -4188,12 +4300,12 @@ var Calendar = ({
     () => months.map(renderMonth),
     [months, renderMonth]
   );
-  return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { ref: scrollRef, className: "gantt-cal-container", children: renderedMonths });
+  return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref: scrollRef, className: "gantt-cal-container", children: renderedMonths });
 };
 Calendar.displayName = "Calendar";
 
 // src/components/ui/DatePicker.tsx
-var import_jsx_runtime11 = require("react/jsx-runtime");
+var import_jsx_runtime12 = require("react/jsx-runtime");
 var segments = [
   { start: 0, end: 2, label: "day", max: 31 },
   { start: 3, end: 5, label: "month", max: 12 },
@@ -4460,8 +4572,8 @@ var DatePicker = ({
     }
     setOpen(nextOpen);
   }, [commitDate, open]);
-  return /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(Popover, { open, onOpenChange: disabled ? void 0 : handleOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(Popover, { open, onOpenChange: disabled ? void 0 : handleOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
       "button",
       {
         type: "button",
@@ -4474,17 +4586,17 @@ var DatePicker = ({
         children: displayValue
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)(
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
       PopoverContent,
       {
         portal,
         align: "start",
         side: "bottom",
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("div", { className: "gantt-datepicker-input-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(-7), tabIndex: -1, children: "-7" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(-1), tabIndex: -1, children: "-1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-datepicker-input-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(-7), tabIndex: -1, children: "-7" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(-1), tabIndex: -1, children: "-1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "input",
               {
                 ref: dateInputRef,
@@ -4503,10 +4615,10 @@ var DatePicker = ({
                 autoComplete: "off"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(1), tabIndex: -1, children: "+1" }),
-            /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(7), tabIndex: -1, children: "+7" })
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(1), tabIndex: -1, children: "+1" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(7), tabIndex: -1, children: "+7" })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             Calendar,
             {
               mode: "single",
@@ -4516,7 +4628,7 @@ var DatePicker = ({
               isWeekend: isWeekend3
             }
           ),
-          footer ? /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { className: "gantt-datepicker-footer", children: footer }) : null
+          footer ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "gantt-datepicker-footer", children: footer }) : null
         ]
       }
     )
@@ -4525,24 +4637,24 @@ var DatePicker = ({
 DatePicker.displayName = "DatePicker";
 
 // src/components/TaskList/DepIcons.tsx
-var import_jsx_runtime12 = require("react/jsx-runtime");
-var DepIconFS = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("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: "m10 15 5 5 5-5" }),
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M4 4h7a4 4 0 0 1 4 4v12" })
+var import_jsx_runtime13 = require("react/jsx-runtime");
+var DepIconFS = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("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_runtime13.jsx)("path", { d: "m10 15 5 5 5-5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M4 4h7a4 4 0 0 1 4 4v12" })
 ] });
-var DepIconSS = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("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: "M3 5v14" }),
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M21 12H7" }),
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m15 18 6-6-6-6" })
+var DepIconSS = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("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_runtime13.jsx)("path", { d: "M3 5v14" }),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M21 12H7" }),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m15 18 6-6-6-6" })
 ] });
-var DepIconFF = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("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: "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" })
+var DepIconFF = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("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_runtime13.jsx)("path", { d: "M17 12H3" }),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m11 18 6-6-6-6" }),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M21 5v14" })
 ] });
-var DepIconSF = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("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: "m14 15-5 5-5-5" }),
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M20 4h-7a4 4 0 0 0-4 4v12" })
+var DepIconSF = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("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_runtime13.jsx)("path", { d: "m14 15-5 5-5-5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M20 4h-7a4 4 0 0 0-4 4v12" })
 ] });
 var LINK_TYPE_ICONS = {
   FS: DepIconFS,
@@ -4551,10 +4663,10 @@ var LINK_TYPE_ICONS = {
   SF: DepIconSF
 };
 var LINK_TYPE_LABELS = {
-  FS: "\u041E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u0435-\u043D\u0430\u0447\u0430\u043B\u043E",
-  SS: "\u041D\u0430\u0447\u0430\u043B\u043E-\u043D\u0430\u0447\u0430\u043B\u043E",
-  FF: "\u041E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u0435-\u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u0435",
-  SF: "\u041D\u0430\u0447\u0430\u043B\u043E-\u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u0435"
+  FS: "\u041E\u041D",
+  SS: "\u041D\u041D",
+  FF: "\u041E\u041E",
+  SF: "\u041D\u041E"
 };
 
 // src/components/TaskList/defaultTaskDates.ts
@@ -4592,7 +4704,7 @@ function buildDefaultTaskDateRange(startDate, {
 }
 
 // src/components/TaskList/TaskListRow.tsx
-var import_jsx_runtime13 = require("react/jsx-runtime");
+var import_jsx_runtime14 = require("react/jsx-runtime");
 var DAY_MS3 = 24 * 60 * 60 * 1e3;
 var LINK_TYPE_ORDER = ["FS", "SS", "FF", "SF"];
 var getInclusiveDurationDays = (startDate, endDate) => {
@@ -4607,7 +4719,7 @@ var getEndDateFromDuration = (startDate, durationDays) => {
   const start = parseUTCDate(startDate);
   return new Date(start.getTime() + (durationDays - 1) * DAY_MS3).toISOString().split("T")[0];
 };
-var TrashIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var TrashIcon = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4620,13 +4732,13 @@ var TrashIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M3 6h18" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M3 6h18" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
     ]
   }
 );
-var PlusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var PlusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4638,18 +4750,37 @@ var PlusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M12 5v14M5 12h14" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M12 5v14M5 12h14" })
   }
 );
-var DragHandleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("svg", { width: "10", height: "14", viewBox: "0 0 10 14", fill: "currentColor", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "2", cy: "2", r: "1.5" }),
-  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "8", cy: "2", r: "1.5" }),
-  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "2", cy: "7", r: "1.5" }),
-  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "8", cy: "7", r: "1.5" }),
-  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "2", cy: "12", r: "1.5" }),
-  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "8", cy: "12", r: "1.5" })
+var DepEditIcon = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+  "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",
+    "aria-hidden": "true",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "m15 5 4 4" })
+    ]
+  }
+);
+var DragHandleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("svg", { width: "10", height: "14", viewBox: "0 0 10 14", fill: "currentColor", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "2", cy: "2", r: "1.5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "8", cy: "2", r: "1.5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "2", cy: "7", r: "1.5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "8", cy: "7", r: "1.5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "2", cy: "12", r: "1.5" }),
+  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "8", cy: "12", r: "1.5" })
 ] });
-var VerticalDotsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var VerticalDotsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4658,13 +4789,13 @@ var VerticalDotsIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     viewBox: "0 0 24 24",
     fill: "currentColor",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "12", cy: "5", r: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "12", cy: "12", r: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("circle", { cx: "12", cy: "19", r: "2" })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "12", cy: "5", r: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "12", cy: "12", r: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("circle", { cx: "12", cy: "19", r: "2" })
     ]
   }
 );
-var CopyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var CopyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4677,12 +4808,12 @@ var CopyIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
     ]
   }
 );
-var UngroupIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var UngroupIcon = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4695,10 +4826,10 @@ var UngroupIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M3 12h10" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m6 9-3 3 3 3" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M13 6h8" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M13 18h8" })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M3 12h10" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "m6 9-3 3 3 3" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M13 6h8" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M13 18h8" })
     ]
   }
 );
@@ -4725,7 +4856,7 @@ var TASK_COLOR_PALETTE = [
   // { label: "Океан2", value: "#0626ba" },
   // { label: "Виноград", value: "#AE3EC9" },
 ];
-var ChevronRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+var ChevronRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4737,10 +4868,10 @@ var ChevronRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m9 18 6-6-6-6" })
+    children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "m9 18 6-6-6-6" })
   }
 );
-var LINK_TYPE_LABELS_RU = {
+var LINK_TYPE_LABELS_RU2 = {
   FS: "\u041E\u041D",
   SS: "\u041D\u041D",
   FF: "\u041E\u041E",
@@ -4749,7 +4880,7 @@ var LINK_TYPE_LABELS_RU = {
 function formatTaskNumberLabel(taskNumber) {
   return taskNumber ? `${taskNumber}. ` : "";
 }
-var ArrowLeft = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var ArrowLeft = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4762,12 +4893,12 @@ var ArrowLeft = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m12 19-7-7 7-7" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M19 12H5" })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "m12 19-7-7 7-7" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M19 12H5" })
     ]
   }
 );
-var ArrowRight = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+var ArrowRight = () => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4780,8 +4911,8 @@ var ArrowRight = () => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "M5 12h14" }),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m12 5 7 7-7 7" })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "M5 12h14" }),
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "m12 5 7 7-7 7" })
     ]
   }
 );
@@ -4795,8 +4926,8 @@ var HierarchyButton = ({
   const canPromote = isChild && onPromote;
   const showDemote = canDemote && !!onDemote;
   if (!canPromote && !showDemote) return null;
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-    canPromote && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+    canPromote && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "button",
       {
         type: "button",
@@ -4806,10 +4937,10 @@ var HierarchyButton = ({
           onPromote(e);
         },
         title: "\u041F\u043E\u0432\u044B\u0441\u0438\u0442\u044C \u0443\u0440\u043E\u0432\u0435\u043D\u044C",
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ArrowLeft, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ArrowLeft, {})
       }
     ),
-    showDemote && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    showDemote && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "button",
       {
         type: "button",
@@ -4819,7 +4950,7 @@ var HierarchyButton = ({
           onDemote(e);
         },
         title: "\u041F\u043E\u043D\u0438\u0437\u0438\u0442\u044C \u0443\u0440\u043E\u0432\u0435\u043D\u044C",
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ArrowRight, {})
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ArrowRight, {})
       }
     )
   ] });
@@ -4855,9 +4986,7 @@ var DepChip = ({
   const handleClick = (e) => {
     e.stopPropagation();
     if (disableDependencyEditing) return;
-    const nextOpen = !popoverOpen;
-    setPopoverOpen(nextOpen);
-    if (nextOpen) {
+    if (!isSelected) {
       onChipSelect?.({
         successorId: taskId,
         predecessorId: dep.taskId,
@@ -4989,44 +5118,71 @@ var DepChip = ({
       afterWhat = "\u043F\u043E\u0441\u043B\u0435 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F";
     }
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Popover, { open: popoverOpen, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Popover, { open: popoverOpen, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "span",
       {
-        className: `gantt-tl-dep-chip-with-number${isSelected ? " gantt-tl-dep-chip-with-number-selected" : ""}`,
-        onClick: handleClick,
-        "aria-label": `[${LINK_TYPE_LABELS_RU[dep.type]}] ${formatTaskNumberLabel(predecessorTaskNumber)}${depName}`,
+        className: `gantt-tl-dep-chip-control${isSelected ? " gantt-tl-dep-chip-control-selected" : ""}`,
         children: [
-          predecessorTaskNumber && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "gantt-tl-dep-chip-task-number", children: predecessorTaskNumber }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "gantt-tl-dep-chip", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, {}) }),
-          effectiveLag !== 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "gantt-tl-dep-chip-lag", children: effectiveLag > 0 ? `+${effectiveLag}` : `${effectiveLag}` }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "gantt-tl-dep-chip-tooltip", role: "tooltip", children: [
-            "[",
-            LINK_TYPE_LABELS_RU[dep.type],
-            "] ",
-            formatTaskNumberLabel(predecessorTaskNumber),
-            depName
-          ] })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+            "span",
+            {
+              className: `gantt-tl-dep-chip-with-number${isSelected ? " gantt-tl-dep-chip-with-number-selected" : ""}`,
+              onClick: handleClick,
+              role: "button",
+              tabIndex: 0,
+              onKeyDown: (e) => {
+                if (e.key === "Enter" || e.key === " ") {
+                  e.preventDefault();
+                  handleClick(e);
+                }
+              },
+              "aria-label": `[${LINK_TYPE_LABELS_RU2[dep.type]}] ${formatTaskNumberLabel(predecessorTaskNumber)}${depName}`,
+              children: [
+                predecessorTaskNumber && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "gantt-tl-dep-chip-task-number", children: predecessorTaskNumber }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "gantt-tl-dep-chip", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, {}) }),
+                effectiveLag !== 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "gantt-tl-dep-chip-lag", children: effectiveLag > 0 ? `+${effectiveLag}` : `${effectiveLag}` }),
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "gantt-tl-dep-chip-tooltip", role: "tooltip", children: [
+                  "[",
+                  LINK_TYPE_LABELS_RU2[dep.type],
+                  "] ",
+                  formatTaskNumberLabel(predecessorTaskNumber),
+                  depName
+                ] })
+              ]
+            }
+          ),
+          isSelected && !disableDependencyEditing && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+            "button",
+            {
+              type: "button",
+              className: "gantt-tl-dep-expand",
+              "aria-label": "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0441\u0432\u044F\u0437\u044C",
+              title: "\u0420\u0435\u0434\u0430\u043A\u0442\u0438\u0440\u043E\u0432\u0430\u0442\u044C \u0441\u0432\u044F\u0437\u044C",
+              onClick: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DepEditIcon, {})
+            }
+          ) })
         ]
       }
-    ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       PopoverContent,
       {
         className: "gantt-tl-dep-edit-popover",
         portal: true,
         align: "start",
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { onClick: (e) => e.stopPropagation(), children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-dep-edit-task", children: [
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { onClick: (e) => e.stopPropagation(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-dep-edit-task", children: [
             formatTaskNumberLabel(taskNumber),
             task.name
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-dep-edit-row", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "gantt-tl-dep-edit-label", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-dep-edit-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "gantt-tl-dep-edit-label", children: [
               actionVerb,
               preWord ? ` ${preWord}` : ""
             ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "button",
               {
                 type: "button",
@@ -5035,7 +5191,7 @@ var DepChip = ({
                 children: "\u2212"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "input",
               {
                 type: "number",
@@ -5051,7 +5207,7 @@ var DepChip = ({
                 }
               }
             ),
-            !(dep.type === "SF" && effectiveLag === 0) && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            !(dep.type === "SF" && effectiveLag === 0) && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "button",
               {
                 type: "button",
@@ -5060,17 +5216,17 @@ var DepChip = ({
                 children: "+"
               }
             ),
-            effectiveLag !== 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: "\u0434." }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: afterWhat })
+            effectiveLag !== 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "\u0434." }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: afterWhat })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-dep-edit-pred", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-dep-edit-pred", children: [
             formatTaskNumberLabel(predecessorTaskNumber),
             depName
           ] }),
-          !disableDependencyEditing && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("hr", { className: "gantt-tl-dep-edit-divider" }),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-dep-edit-actions", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          !disableDependencyEditing && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("hr", { className: "gantt-tl-dep-edit-divider" }),
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-dep-edit-actions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 "button",
                 {
                   type: "button",
@@ -5082,7 +5238,7 @@ var DepChip = ({
                   children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 "button",
                 {
                   type: "button",
@@ -5731,8 +5887,8 @@ var TaskListRow = import_react11.default.memo(
       },
       [task, onTasksChange, businessDays, getDuration, weekendPredicate, allTasks, isMilestone, emitMilestoneDateChange, taskDateChangeMode]
     );
-    const datePickerFooter = onTaskDateChangeModeChange ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("label", { className: "gantt-datepicker-mode-checkbox", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    const datePickerFooter = onTaskDateChangeModeChange ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("label", { className: "gantt-datepicker-mode-checkbox", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "input",
         {
           type: "checkbox",
@@ -5740,7 +5896,7 @@ var TaskListRow = import_react11.default.memo(
           onChange: (event) => onTaskDateChangeModeChange(event.target.checked ? "preserve-duration" : "free")
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: "\u0421\u043E\u0445\u0440\u0430\u043D\u044F\u0442\u044C \u0434\u043B\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u044C" })
+      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: "\u0421\u043E\u0445\u0440\u0430\u043D\u044F\u0442\u044C \u0434\u043B\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u044C" })
     ] }) : null;
     const handleRowClickInternal = (0, import_react11.useCallback)(() => {
       onRowClick?.(task.id);
@@ -5891,14 +6047,14 @@ var TaskListRow = import_react11.default.memo(
       },
       [allTasks, dependencyPickMode, onRemoveDependency, task.dependencies, task.id]
     );
-    const sourcePickerContent = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    const sourcePickerContent = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "div",
       {
         className: "gantt-tl-dep-source-picker",
         onClick: (e) => e.stopPropagation(),
         children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-dep-source-direction", children: [
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-dep-source-direction", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "button",
               {
                 type: "button",
@@ -5907,7 +6063,7 @@ var TaskListRow = import_react11.default.memo(
                 children: "\u041F\u043E\u0441\u043B\u0435\u0434\u043E\u0432\u0430\u0442\u0435\u043B\u044C"
               }
             ),
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               "button",
               {
                 type: "button",
@@ -5917,9 +6073,9 @@ var TaskListRow = import_react11.default.memo(
               }
             )
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-dep-source-types", children: LINK_TYPE_ORDER.map((linkType) => {
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-dep-source-types", children: LINK_TYPE_ORDER.map((linkType) => {
             const Icon = LINK_TYPE_ICONS[linkType];
-            return /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
               "button",
               {
                 type: "button",
@@ -5928,14 +6084,14 @@ var TaskListRow = import_react11.default.memo(
                 "aria-label": `\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0442\u0438\u043F \u0441\u0432\u044F\u0437\u0438 ${linkType}`,
                 title: linkType,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(Icon, {}),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { children: LINK_TYPE_LABELS_RU[linkType] })
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(Icon, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { children: LINK_TYPE_LABELS_RU2[linkType] })
                 ]
               },
               linkType
             );
           }) }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-dep-source-picker-head", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-dep-source-picker-head", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "input",
             {
               ref: dependencySearchInputRef,
@@ -5977,12 +6133,12 @@ var TaskListRow = import_react11.default.memo(
               }
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "div",
             {
               ref: dependencySearchListRef,
               className: "gantt-tl-dep-source-list",
-              children: dependencySearchCandidates.length > 0 ? dependencySearchCandidates.map(({ task: candidate, label, isAlreadyLinked }, index) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+              children: dependencySearchCandidates.length > 0 ? dependencySearchCandidates.map(({ task: candidate, label, isAlreadyLinked }, index) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -6002,8 +6158,8 @@ var TaskListRow = import_react11.default.memo(
                   },
                   title: label,
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "gantt-tl-dep-source-option-label", children: label }),
-                    isAlreadyLinked && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "gantt-tl-dep-source-option-label", children: label }),
+                    isAlreadyLinked && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                       "span",
                       {
                         className: "gantt-tl-dep-source-option-remove",
@@ -6018,7 +6174,7 @@ var TaskListRow = import_react11.default.memo(
                   ]
                 },
                 candidate.id
-              )) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "gantt-tl-dep-source-hint", children: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E" })
+              )) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "gantt-tl-dep-source-hint", children: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E" })
             }
           )
         ]
@@ -6028,13 +6184,13 @@ var TaskListRow = import_react11.default.memo(
     const isSelectedDependencyOwner = selectedChip != null && selectedChip.successorId === task.id;
     const startDateISO = toISODate2(normalizedTask.startDate);
     const endDateISO = editingDuration ? getEndDate(normalizedTask.startDate, durationValue) : toISODate2(normalizedTask.endDate);
-    const selectionCell = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    const selectionCell = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "div",
       {
         className: "gantt-tl-cell gantt-tl-cell-selection",
         style: getColumnStyle("selection", 36),
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "input",
           {
             type: "checkbox",
@@ -6046,14 +6202,14 @@ var TaskListRow = import_react11.default.memo(
         )
       }
     );
-    const numberCell = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    const numberCell = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "div",
       {
         className: `gantt-tl-cell gantt-tl-cell-number${onDragStart ? " gantt-tl-cell-number-reorderable" : ""}`,
         style: getColumnStyle("number", 40),
         onClick: handleNumberClick,
         children: [
-          onDragStart && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          onDragStart && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "span",
             {
               className: "gantt-tl-drag-handle",
@@ -6064,10 +6220,10 @@ var TaskListRow = import_react11.default.memo(
               },
               onDragEnd: (e) => onDragEnd?.(e),
               onClick: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(DragHandleIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(DragHandleIcon, {})
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "gantt-tl-num-label", children: taskNumber || rowIndex + 1 })
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "gantt-tl-num-label", children: taskNumber || rowIndex + 1 })
         ]
       }
     );
@@ -6083,12 +6239,12 @@ var TaskListRow = import_react11.default.memo(
       const nestedAxisDepth = Math.max(0, nestingDepth);
       return `${numberColumnWidth + nestedAxisDepth * 20 + 9}px`;
     })();
-    const nameCell = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-cell gantt-tl-cell-name", style: getColumnStyle("name", 200), children: [
-      isChild && !editingName && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-        !isFilterHideMode && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+    const nameCell = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-cell gantt-tl-cell-name", style: getColumnStyle("name", 200), children: [
+      isChild && !editingName && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+        !isFilterHideMode && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
           ancestorLineModes.map(
-            (mode, idx) => mode ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react11.default.Fragment, { children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            (mode, idx) => mode ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react11.default.Fragment, { children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 "span",
                 {
                   "data-testid": `gantt-tl-ancestor-connector-${idx}`,
@@ -6104,7 +6260,7 @@ var TaskListRow = import_react11.default.memo(
                   }
                 }
               ),
-              mode === "half" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              mode === "half" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 "span",
                 {
                   "data-testid": `gantt-tl-ancestor-connector-cap-${idx}`,
@@ -6122,7 +6278,7 @@ var TaskListRow = import_react11.default.memo(
               )
             ] }, idx) : null
           ),
-          nestingDepth > 0 && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          nestingDepth > 0 && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "span",
             {
               "data-testid": "gantt-tl-child-connector-vertical",
@@ -6138,7 +6294,7 @@ var TaskListRow = import_react11.default.memo(
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "span",
             {
               style: {
@@ -6153,7 +6309,7 @@ var TaskListRow = import_react11.default.memo(
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "span",
             {
               style: {
@@ -6169,8 +6325,8 @@ var TaskListRow = import_react11.default.memo(
             }
           )
         ] }),
-        isParent && !editingName && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-          !isFilterHideMode && !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        isParent && !editingName && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          !isFilterHideMode && !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "span",
             {
               style: {
@@ -6185,7 +6341,7 @@ var TaskListRow = import_react11.default.memo(
               }
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "button",
             {
               type: "button",
@@ -6193,13 +6349,13 @@ var TaskListRow = import_react11.default.memo(
               onClick: handleToggleCollapse,
               style: { left: `${nestingDepth * 20 + 1}px` },
               "aria-label": isCollapsed ? "Expand children" : "Collapse children",
-              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronRightIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChevronRightIcon, {})
             }
           )
         ] })
       ] }),
-      !isChild && isParent && !editingName && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-        !isFilterHideMode && !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      !isChild && isParent && !editingName && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+        !isFilterHideMode && !isCollapsed && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "span",
           {
             "data-testid": "gantt-tl-parent-connector-tail",
@@ -6215,7 +6371,7 @@ var TaskListRow = import_react11.default.memo(
             }
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "button",
           {
             type: "button",
@@ -6223,11 +6379,11 @@ var TaskListRow = import_react11.default.memo(
             onClick: handleToggleCollapse,
             style: { left: `${nestingDepth * 20 + 1}px` },
             "aria-label": isCollapsed ? "Expand children" : "Collapse children",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronRightIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChevronRightIcon, {})
           }
         )
       ] }),
-      editingName ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      editingName ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         Input,
         {
           ref: nameInputRef,
@@ -6240,7 +6396,7 @@ var TaskListRow = import_react11.default.memo(
           style: { paddingLeft: nameInputPaddingLeft },
           onClick: (e) => e.stopPropagation()
         }
-      ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+      ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
         "button",
         {
           type: "button",
@@ -6256,12 +6412,12 @@ var TaskListRow = import_react11.default.memo(
             paddingRight: task.color ? "20px" : void 0
           },
           children: [
-            taskListNamePrefixIcon ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "gantt-tl-name-trigger-icon", "aria-hidden": "true", children: taskListNamePrefixIcon }) : null,
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "gantt-tl-name-trigger-text", children: task.name })
+            taskListNamePrefixIcon ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "gantt-tl-name-trigger-icon", "aria-hidden": "true", children: taskListNamePrefixIcon }) : null,
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "gantt-tl-name-trigger-text", children: task.name })
           ]
         }
       ),
-      !editingName && task.color && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      !editingName && task.color && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
         "span",
         {
           className: "gantt-tl-name-color-stripe",
@@ -6269,8 +6425,8 @@ var TaskListRow = import_react11.default.memo(
           "aria-hidden": "true"
         }
       ),
-      !editingName && !hideTaskListRowActions && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onUngroupTask || onDuplicateTask || onTasksChange || hasContextMenu) && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: `gantt-tl-name-actions${contextMenuOpen ? " gantt-tl-name-actions-open" : ""}`, children: [
-        onInsertAfter && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+      !editingName && !hideTaskListRowActions && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onUngroupTask || onDuplicateTask || onTasksChange || hasContextMenu) && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: `gantt-tl-name-actions${contextMenuOpen ? " gantt-tl-name-actions-open" : ""}`, children: [
+        onInsertAfter && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           "button",
           {
             type: "button",
@@ -6292,10 +6448,10 @@ var TaskListRow = import_react11.default.memo(
               onInsertAfter(task.id, newTask);
             },
             "aria-label": "\u0412\u0441\u0442\u0430\u0432\u0438\u0442\u044C \u0440\u0430\u0431\u043E\u0442\u0443 \u043F\u043E\u0441\u043B\u0435 \u044D\u0442\u043E\u0439",
-            children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PlusIcon, {})
+            children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PlusIcon, {})
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           HierarchyButton,
           {
             isChild,
@@ -6305,11 +6461,11 @@ var TaskListRow = import_react11.default.memo(
             onDemote: onDemoteTask ? handleDemote : void 0
           }
         ),
-        hasContextMenu && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Popover, { open: contextMenuOpen, onOpenChange: (open) => {
+        hasContextMenu && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Popover, { open: contextMenuOpen, onOpenChange: (open) => {
           setContextMenuOpen(open);
           if (!open) closeColorMenu();
         }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "button",
             {
               type: "button",
@@ -6319,11 +6475,11 @@ var TaskListRow = import_react11.default.memo(
                 setContextMenuOpen((v) => !v);
               },
               "aria-label": "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u043E",
-              children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(VerticalDotsIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(VerticalDotsIcon, {})
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(PopoverContent, { className: "gantt-tl-context-menu", portal: true, align: "end", children: [
-            onTasksChange && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(PopoverContent, { className: "gantt-tl-context-menu", portal: true, align: "end", children: [
+            onTasksChange && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
               "div",
               {
                 className: "gantt-tl-context-menu-section gantt-tl-context-submenu-wrap",
@@ -6338,7 +6494,7 @@ var TaskListRow = import_react11.default.memo(
                   }
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
                     "button",
                     {
                       type: "button",
@@ -6347,8 +6503,8 @@ var TaskListRow = import_react11.default.memo(
                       "aria-expanded": colorMenuOpen,
                       "aria-haspopup": "menu",
                       children: [
-                        /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("span", { className: "gantt-tl-context-menu-item-main", children: [
-                          task.color && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("span", { className: "gantt-tl-context-menu-item-main", children: [
+                          task.color && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                             "span",
                             {
                               className: "gantt-tl-color-swatch gantt-tl-color-swatch-inline",
@@ -6358,12 +6514,12 @@ var TaskListRow = import_react11.default.memo(
                           ),
                           "\u0426\u0432\u0435\u0442"
                         ] }),
-                        /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(ChevronRightIcon, {})
+                        /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(ChevronRightIcon, {})
                       ]
                     }
                   ),
-                  colorMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-context-submenu", role: "menu", "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-color-grid", children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                  colorMenuOpen && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-context-submenu", role: "menu", "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-color-grid", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                       "button",
                       {
                         type: "button",
@@ -6374,10 +6530,10 @@ var TaskListRow = import_react11.default.memo(
                         },
                         "aria-label": "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0446\u0432\u0435\u0442",
                         title: "\u0421\u0431\u0440\u043E\u0441\u0438\u0442\u044C \u0446\u0432\u0435\u0442",
-                        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("span", { className: "gantt-tl-color-swatch-clear-line" })
+                        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("span", { className: "gantt-tl-color-swatch-clear-line" })
                       }
                     ),
-                    TASK_COLOR_PALETTE.map((paletteColor) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                    TASK_COLOR_PALETTE.map((paletteColor) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                       "button",
                       {
                         type: "button",
@@ -6396,7 +6552,7 @@ var TaskListRow = import_react11.default.memo(
                 ]
               }
             ),
-            onDuplicateTask && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            onDuplicateTask && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
               "button",
               {
                 type: "button",
@@ -6407,14 +6563,14 @@ var TaskListRow = import_react11.default.memo(
                   onDuplicateTask(task.id);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(CopyIcon, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(CopyIcon, {}),
                   "\u0414\u0443\u0431\u043B\u0438\u0440\u043E\u0432\u0430\u0442\u044C"
                 ]
               }
             ),
-            visibleCustomMenuCommands.map((command) => /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_react11.default.Fragment, { children: [
-              command.divider === "top" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("hr", { className: "gantt-tl-context-menu-divider" }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            visibleCustomMenuCommands.map((command) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_react11.default.Fragment, { children: [
+              command.divider === "top" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("hr", { className: "gantt-tl-context-menu-divider" }),
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -6427,21 +6583,21 @@ var TaskListRow = import_react11.default.memo(
                   ]
                 }
               ),
-              command.divider === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("hr", { className: "gantt-tl-context-menu-divider" })
+              command.divider === "bottom" && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("hr", { className: "gantt-tl-context-menu-divider" })
             ] }, command.id)),
-            isParent && onUngroupTask && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            isParent && onUngroupTask && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
               "button",
               {
                 type: "button",
                 className: "gantt-tl-context-menu-item",
                 onClick: handleUngroup,
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(UngroupIcon, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(UngroupIcon, {}),
                   "\u0420\u0430\u0437\u0433\u0440\u0443\u043F\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C"
                 ]
               }
             ),
-            onDelete && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            onDelete && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
               "button",
               {
                 type: "button",
@@ -6452,7 +6608,7 @@ var TaskListRow = import_react11.default.memo(
                   onDelete(task.id);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(TrashIcon, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TrashIcon, {}),
                   "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0440\u0430\u0431\u043E\u0442\u0443"
                 ]
               }
@@ -6461,13 +6617,13 @@ var TaskListRow = import_react11.default.memo(
         ] })
       ] })
     ] });
-    const startDateCell = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    const startDateCell = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "div",
       {
         className: "gantt-tl-cell gantt-tl-cell-date",
         style: getColumnStyle("startDate", 90),
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           DatePicker,
           {
             value: startDateISO,
@@ -6482,13 +6638,13 @@ var TaskListRow = import_react11.default.memo(
         )
       }
     );
-    const endDateCell = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    const endDateCell = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "div",
       {
         className: "gantt-tl-cell gantt-tl-cell-date",
         style: getColumnStyle("endDate", 90),
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
           DatePicker,
           {
             value: endDateISO,
@@ -6503,20 +6659,20 @@ var TaskListRow = import_react11.default.memo(
         )
       }
     );
-    const durationCell = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    const durationCell = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "div",
       {
         className: "gantt-tl-cell gantt-tl-cell-duration",
         style: getColumnStyle("duration", 60),
         onClick: handleDurationClick,
         children: [
-          editingDuration && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          editingDuration && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
             "div",
             {
               className: "gantt-tl-number-editor",
               onClick: (e) => e.stopPropagation(),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   Input,
                   {
                     ref: durationInputRef,
@@ -6530,8 +6686,8 @@ var TaskListRow = import_react11.default.memo(
                     className: "gantt-tl-number-input"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                     "button",
                     {
                       type: "button",
@@ -6539,7 +6695,7 @@ var TaskListRow = import_react11.default.memo(
                       tabIndex: -1,
                       onMouseDown: (e) => e.preventDefault(),
                       onClick: () => handleDurationAdjust(1),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
@@ -6551,12 +6707,12 @@ var TaskListRow = import_react11.default.memo(
                           strokeWidth: "2",
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m18 15-6-6-6 6" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "m18 15-6-6-6 6" })
                         }
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                     "button",
                     {
                       type: "button",
@@ -6564,7 +6720,7 @@ var TaskListRow = import_react11.default.memo(
                       tabIndex: -1,
                       onMouseDown: (e) => e.preventDefault(),
                       onClick: () => handleDurationAdjust(-1),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
@@ -6576,7 +6732,7 @@ var TaskListRow = import_react11.default.memo(
                           strokeWidth: "2",
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m6 9 6 6 6-6" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "m6 9 6 6 6-6" })
                         }
                       )
                     }
@@ -6585,7 +6741,7 @@ var TaskListRow = import_react11.default.memo(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "span",
             {
               className: "gantt-tl-duration-display",
@@ -6596,20 +6752,20 @@ var TaskListRow = import_react11.default.memo(
         ]
       }
     );
-    const progressCell = /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+    const progressCell = /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
       "div",
       {
         className: "gantt-tl-cell gantt-tl-cell-progress",
         style: getColumnStyle("progress", 50),
         onClick: handleProgressClick,
         children: [
-          editingProgress && /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+          editingProgress && /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
             "div",
             {
               className: "gantt-tl-number-editor",
               onClick: (e) => e.stopPropagation(),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                   Input,
                   {
                     ref: progressInputRef,
@@ -6624,8 +6780,8 @@ var TaskListRow = import_react11.default.memo(
                     className: "gantt-tl-number-input"
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                     "button",
                     {
                       type: "button",
@@ -6633,7 +6789,7 @@ var TaskListRow = import_react11.default.memo(
                       tabIndex: -1,
                       onMouseDown: (e) => e.preventDefault(),
                       onClick: () => handleProgressAdjust(1),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
@@ -6645,12 +6801,12 @@ var TaskListRow = import_react11.default.memo(
                           strokeWidth: "2",
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m18 15-6-6-6 6" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "m18 15-6-6-6 6" })
                         }
                       )
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                     "button",
                     {
                       type: "button",
@@ -6658,7 +6814,7 @@ var TaskListRow = import_react11.default.memo(
                       tabIndex: -1,
                       onMouseDown: (e) => e.preventDefault(),
                       onClick: () => handleProgressAdjust(-1),
-                      children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                      children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
@@ -6670,7 +6826,7 @@ var TaskListRow = import_react11.default.memo(
                           strokeWidth: "2",
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
-                          children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("path", { d: "m6 9 6 6 6-6" })
+                          children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("path", { d: "m6 9 6 6 6-6" })
                         }
                       )
                     }
@@ -6679,7 +6835,7 @@ var TaskListRow = import_react11.default.memo(
               ]
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "span",
             {
               className: "gantt-tl-progress-display",
@@ -6695,14 +6851,14 @@ var TaskListRow = import_react11.default.memo(
         ]
       }
     );
-    const dependenciesCell = /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    const dependenciesCell = /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "div",
       {
         className: "gantt-tl-cell gantt-tl-cell-deps",
         style: getColumnStyle("dependencies", 128),
         onClick: isSourceRow ? handleSourceCellClick : isPicking ? handlePredecessorPick : void 0,
-        children: isSourceRow ? /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
-          /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+        children: isSourceRow ? /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "span",
             {
               className: "gantt-tl-dep-source-hint",
@@ -6711,11 +6867,11 @@ var TaskListRow = import_react11.default.memo(
             }
           ),
           sourcePickerContent
-        ] }) : /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(import_jsx_runtime13.Fragment, { children: [
+        ] }) : /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(import_jsx_runtime14.Fragment, { children: [
           chips.length >= 2 ? (
             /* 2+ deps — show only "N связей" summary chip that opens a popover */
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(Popover, { open: overflowOpen, onOpenChange: setOverflowOpen, children: [
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime13.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Popover, { open: overflowOpen, onOpenChange: setOverflowOpen, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
                 "button",
                 {
                   type: "button",
@@ -6731,12 +6887,12 @@ var TaskListRow = import_react11.default.memo(
                   ]
                 }
               ) }),
-              /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 "div",
                 {
                   className: "gantt-tl-dep-overflow-list",
                   onClick: (e) => e.stopPropagation(),
-                  children: chips.map(({ dep, lag, predecessorName }) => /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+                  children: chips.map(({ dep, lag, predecessorName }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                     DepChip,
                     {
                       lag,
@@ -6765,7 +6921,7 @@ var TaskListRow = import_react11.default.memo(
             ] })
           ) : chips.length === 1 ? (
             /* Single chip — unified DepChip */
-            /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+            /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
               DepChip,
               {
                 lag: chips[0].lag,
@@ -6789,7 +6945,7 @@ var TaskListRow = import_react11.default.memo(
               }
             )
           ) : null,
-          !disableDependencyEditing && !isPicking && /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          !disableDependencyEditing && !isPicking && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "button",
             {
               type: "button",
@@ -6854,7 +7010,7 @@ var TaskListRow = import_react11.default.memo(
         focusCustomCell(nextCell.taskId, nextCell.columnId);
       });
     }, [focusCustomCell, onActiveCustomCellChange, resolvedColumns, task.id]);
-    return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
       "div",
       {
         ref: rowRef,
@@ -6894,7 +7050,7 @@ var TaskListRow = import_react11.default.memo(
         tabIndex: isSelected ? 0 : -1,
         children: resolvedColumns?.map((col) => {
           const builtIn = builtInCells[col.id];
-          if (builtIn) return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(import_react11.default.Fragment, { children: builtIn }, col.id);
+          if (builtIn) return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_react11.default.Fragment, { children: builtIn }, col.id);
           const isEditing = editingColumnId === col.id;
           const editorFn = col.renderEditor;
           const isActiveCustomCell = activeCustomCell?.taskId === task.id && activeCustomCell?.columnId === col.id;
@@ -6932,7 +7088,7 @@ var TaskListRow = import_react11.default.memo(
               });
             }
           };
-          return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
             "div",
             {
               className: `gantt-tl-cell gantt-tl-cell-custom gantt-tl-cell-align-${col.align ?? "left"}`,
@@ -7001,7 +7157,7 @@ var TaskListRow = import_react11.default.memo(
                 }
               } : void 0,
               style: { width: col.width ?? 120, minWidth: col.width ?? 120, flexShrink: 0 },
-              children: isEditing && editorFn ? /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+              children: isEditing && editorFn ? /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
                 "div",
                 {
                   className: "gantt-tl-cell-custom-editor",
@@ -7010,7 +7166,7 @@ var TaskListRow = import_react11.default.memo(
                   onClick: (e) => e.stopPropagation(),
                   children: editorFn(columnContext)
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime13.jsx)("div", { className: "gantt-tl-cell-custom-content", children: col.renderCell(columnContext) })
+              ) : /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-cell-custom-content", children: col.renderCell(columnContext) })
             },
             col.id
           );
@@ -7024,7 +7180,7 @@ TaskListRow.displayName = "TaskListRow";
 
 // src/components/TaskList/NewTaskRow.tsx
 var import_react12 = require("react");
-var import_jsx_runtime14 = require("react/jsx-runtime");
+var import_jsx_runtime15 = require("react/jsx-runtime");
 var NewTaskRow = ({
   rowHeight,
   onConfirm,
@@ -7063,9 +7219,9 @@ var NewTaskRow = ({
       onCancel();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)("div", { className: "gantt-tl-row gantt-tl-row-new", style: { height: `${rowHeight}px` }, children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-cell gantt-tl-cell-number" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-cell gantt-tl-cell-name gantt-tl-cell-new-name", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "gantt-tl-row gantt-tl-row-new", style: { height: `${rowHeight}px` }, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "gantt-tl-cell gantt-tl-cell-number" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "gantt-tl-cell gantt-tl-cell-name gantt-tl-cell-new-name", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
       Input,
       {
         ref: inputRef,
@@ -7082,9 +7238,9 @@ var NewTaskRow = ({
         }
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-cell" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-cell" }),
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "gantt-tl-cell" })
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "gantt-tl-cell" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "gantt-tl-cell" }),
+    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "gantt-tl-cell" })
   ] });
 };
 
@@ -7175,7 +7331,7 @@ function resolveTaskListColumns(builtIn, custom, hiddenColumnIds = []) {
 }
 
 // src/components/TaskList/TaskList.tsx
-var import_jsx_runtime15 = require("react/jsx-runtime");
+var import_jsx_runtime16 = require("react/jsx-runtime");
 var LINK_TYPE_ORDER2 = ["FS", "SS", "FF", "SF"];
 var MIN_TASK_LIST_WIDTH = 530;
 var DEFAULT_COLUMN_MIN_WIDTH = 40;
@@ -7313,7 +7469,7 @@ var SelectAllCheckbox = ({
       ref.current.indeterminate = indeterminate;
     }
   }, [indeterminate]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "input",
     {
       ref,
@@ -7340,6 +7496,7 @@ var TaskList = ({
   disableDependencyEditing = false,
   onScrollToTask,
   onSelectedChipChange,
+  selectedChip: controlledSelectedChip,
   onAdd,
   onDelete,
   onInsertAfter,
@@ -7348,6 +7505,7 @@ var TaskList = ({
   disableTaskListReorder = false,
   editingTaskId: propEditingTaskId,
   enableAddTask = true,
+  addTaskLabel = "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u0430\u0431\u043E\u0442\u0443",
   defaultTaskDurationDays = DEFAULT_TASK_DURATION_DAYS,
   collapsedParentIds: externalCollapsedParentIds,
   onToggleCollapse: externalOnToggleCollapse,
@@ -7560,13 +7718,27 @@ var TaskList = ({
   const [typeMenuOpen, setTypeMenuOpen] = (0, import_react13.useState)(false);
   const [dependencyError, setDependencyError] = (0, import_react13.useState)(null);
   const overlayRef = (0, import_react13.useRef)(null);
-  const [selectedChip, setSelectedChip] = (0, import_react13.useState)(null);
+  const [selectedChip, setSelectedChip] = (0, import_react13.useState)(controlledSelectedChip ? { ...controlledSelectedChip, linkType: controlledSelectedChip.linkType } : null);
+  (0, import_react13.useEffect)(() => {
+    if (controlledSelectedChip !== void 0) {
+      setSelectedChip(controlledSelectedChip ? { ...controlledSelectedChip, linkType: controlledSelectedChip.linkType } : null);
+    }
+  }, [controlledSelectedChip]);
   const handleChipSelect = (0, import_react13.useCallback)((chip) => {
     setSelectedChip(chip);
     onSelectedChipChange?.(chip);
   }, [onSelectedChipChange]);
   (0, import_react13.useEffect)(() => {
     if (!selectingPredecessorFor && !selectedChip && !selectedTaskId && !activeCustomCell) return;
+    const pendingCanvasMouseDownRef = {
+      container: null,
+      x: 0,
+      y: 0,
+      scrollLeft: 0,
+      scrollTop: 0,
+      moved: false,
+      active: false
+    };
     const handleKeyDown = (e) => {
       if (e.key === "Escape") {
         setSelectingPredecessorFor(null);
@@ -7584,6 +7756,18 @@ var TaskList = ({
         }
         return;
       }
+      if (target.closest?.("[data-taskbar]")) return;
+      if (target.closest?.(".gantt-scrollContainer")) {
+        const canvas = target.closest(".gantt-scrollContainer");
+        pendingCanvasMouseDownRef.container = canvas;
+        pendingCanvasMouseDownRef.x = e.clientX;
+        pendingCanvasMouseDownRef.y = e.clientY;
+        pendingCanvasMouseDownRef.scrollLeft = canvas.scrollLeft;
+        pendingCanvasMouseDownRef.scrollTop = canvas.scrollTop;
+        pendingCanvasMouseDownRef.moved = false;
+        pendingCanvasMouseDownRef.active = true;
+        return;
+      }
       if (target.closest?.(".gantt-popover")) return;
       setSelectingPredecessorFor(null);
       setSelectedChip(null);
@@ -7591,11 +7775,52 @@ var TaskList = ({
       onSelectedChipChange?.(null);
       onTaskSelect?.(null);
     };
+    const handleCanvasMouseMove = (e) => {
+      if (!pendingCanvasMouseDownRef.active) return;
+      const distance = Math.hypot(
+        e.clientX - pendingCanvasMouseDownRef.x,
+        e.clientY - pendingCanvasMouseDownRef.y
+      );
+      const canvas = pendingCanvasMouseDownRef.container;
+      const scrollChanged = canvas && (canvas.scrollLeft !== pendingCanvasMouseDownRef.scrollLeft || canvas.scrollTop !== pendingCanvasMouseDownRef.scrollTop);
+      if (distance > 3 || scrollChanged) pendingCanvasMouseDownRef.moved = true;
+    };
+    const handleCanvasScroll = (e) => {
+      if (!pendingCanvasMouseDownRef.active) return;
+      const canvas = pendingCanvasMouseDownRef.container;
+      if (canvas && e.target === canvas) pendingCanvasMouseDownRef.moved = true;
+    };
+    const handleCanvasWheel = (e) => {
+      if (!pendingCanvasMouseDownRef.active) return;
+      if (pendingCanvasMouseDownRef.container?.contains(e.target)) {
+        pendingCanvasMouseDownRef.moved = true;
+      }
+    };
+    const handleCanvasMouseUp = () => {
+      if (!pendingCanvasMouseDownRef.active) return;
+      const wasPan = pendingCanvasMouseDownRef.moved;
+      pendingCanvasMouseDownRef.active = false;
+      pendingCanvasMouseDownRef.container = null;
+      if (wasPan) return;
+      setSelectingPredecessorFor(null);
+      setSelectedChip(null);
+      setActiveCustomCell(null);
+      onSelectedChipChange?.(null);
+      onTaskSelect?.(null);
+    };
     document.addEventListener("keydown", handleKeyDown);
     document.addEventListener("mousedown", handleMouseDown, true);
+    document.addEventListener("mousemove", handleCanvasMouseMove, true);
+    document.addEventListener("scroll", handleCanvasScroll, true);
+    document.addEventListener("wheel", handleCanvasWheel, true);
+    document.addEventListener("mouseup", handleCanvasMouseUp, true);
     return () => {
       document.removeEventListener("keydown", handleKeyDown);
       document.removeEventListener("mousedown", handleMouseDown, true);
+      document.removeEventListener("mousemove", handleCanvasMouseMove, true);
+      document.removeEventListener("scroll", handleCanvasScroll, true);
+      document.removeEventListener("wheel", handleCanvasWheel, true);
+      document.removeEventListener("mouseup", handleCanvasMouseUp, true);
     };
   }, [selectingPredecessorFor, selectedChip, selectedTaskId, activeCustomCell, onTaskSelect, onSelectedChipChange]);
   const handleAddDependency = (0, import_react13.useCallback)((successorTaskId, predecessorTaskId, linkType) => {
@@ -8110,7 +8335,7 @@ var TaskList = ({
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   }, [resolvedColumns]);
-  const renderResizeHandle = (0, import_react13.useCallback)((columnId) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  const renderResizeHandle = (0, import_react13.useCallback)((columnId) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "button",
     {
       type: "button",
@@ -8124,7 +8349,7 @@ var TaskList = ({
       }
     }
   ), [startColumnResize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
     "div",
     {
       ref: overlayRef,
@@ -8133,17 +8358,17 @@ var TaskList = ({
         "--tasklist-width": `${effectiveTaskListWidth}px`,
         "--gantt-row-content-lines": String(Math.max(2, Math.floor(rowContentLines)))
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "gantt-tl-table", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "gantt-tl-header", style: { height: `${tableHeaderHeight}px` }, children: resolvedColumns.map((col) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "gantt-tl-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "gantt-tl-header", style: { height: `${tableHeaderHeight}px` }, children: resolvedColumns.map((col) => {
           if (col.id === "selection") {
-            return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
               "div",
               {
                 className: "gantt-tl-headerCell gantt-tl-cell-selection",
                 "data-column-id": "selection",
                 style: { width: col.width, minWidth: col.width, maxWidth: col.width, flex: `0 0 ${col.width}px`, position: "relative" },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                     SelectAllCheckbox,
                     {
                       checked: areAllVisibleTasksSelected,
@@ -8158,15 +8383,15 @@ var TaskList = ({
             );
           }
           if (col.id === "dependencies") {
-            return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
               "div",
               {
                 className: "gantt-tl-headerCell gantt-tl-cell-deps",
                 "data-column-id": "dependencies",
                 style: { width: col.width, minWidth: col.width, maxWidth: col.width, flex: `0 0 ${col.width}px`, position: "relative" },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                       "button",
                       {
                         className: "gantt-tl-dep-type-trigger",
@@ -8179,7 +8404,7 @@ var TaskList = ({
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "gantt-tl-dep-type-menu", children: LINK_TYPE_ORDER2.map((lt) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "gantt-tl-dep-type-menu", children: LINK_TYPE_ORDER2.map((lt) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
                       "button",
                       {
                         className: `gantt-tl-dep-type-option${activeLinkType === lt ? " active" : ""}`,
@@ -8189,13 +8414,13 @@ var TaskList = ({
                         },
                         children: [
                           import_react13.default.createElement(LINK_TYPE_ICONS[lt]),
-                          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { children: LINK_TYPE_LABELS[lt] })
+                          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: LINK_TYPE_LABELS[lt] })
                         ]
                       },
                       lt
                     )) }) })
                   ] }),
-                  dependencyError && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("div", { className: "gantt-tl-dep-error", children: dependencyError }),
+                  dependencyError && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "gantt-tl-dep-error", children: dependencyError }),
                   renderResizeHandle(col.id)
                 ]
               },
@@ -8204,7 +8429,7 @@ var TaskList = ({
           }
           const builtInClass = BUILT_IN_CSS_CLASSES[col.id];
           if (builtInClass !== void 0) {
-            return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
               "div",
               {
                 className: `gantt-tl-headerCell ${builtInClass}`,
@@ -8218,7 +8443,7 @@ var TaskList = ({
               col.id
             );
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
             "div",
             {
               className: `gantt-tl-headerCell gantt-tl-headerCell-custom gantt-tl-cell-align-${col.align ?? "left"}`,
@@ -8233,7 +8458,7 @@ var TaskList = ({
             col.id
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           "div",
           {
             className: "gantt-tl-body",
@@ -8243,7 +8468,7 @@ var TaskList = ({
               position: "relative"
             },
             children: [
-              shouldShowBeforeFirstDropZone && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              shouldShowBeforeFirstDropZone && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 "div",
                 {
                   className: [
@@ -8260,7 +8485,7 @@ var TaskList = ({
                 const previousVisibleTask = index > 0 ? visibleTasks[index - 1] : void 0;
                 const canDemoteTask = index === 0 || !task.parentId || previousVisibleTask?.id !== task.parentId;
                 const topOffset = index * rowHeight + (hasVisiblePendingInsert && index > pendingInsertRowIndex ? rowHeight : 0);
-                return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                   "div",
                   {
                     style: {
@@ -8269,7 +8494,7 @@ var TaskList = ({
                       left: 0,
                       right: 0
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                       TaskListRow,
                       {
                         task,
@@ -8342,7 +8567,7 @@ var TaskList = ({
                   task.id
                 );
               }),
-              hasVisiblePendingInsert && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+              hasVisiblePendingInsert && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                 "div",
                 {
                   style: {
@@ -8351,7 +8576,7 @@ var TaskList = ({
                     left: 0,
                     right: 0
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
                     NewTaskRow,
                     {
                       rowHeight,
@@ -8365,7 +8590,7 @@ var TaskList = ({
             ]
           }
         ),
-        isCreating && !pendingInsert && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        isCreating && !pendingInsert && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
           NewTaskRow,
           {
             rowHeight,
@@ -8374,7 +8599,7 @@ var TaskList = ({
             nestingDepth: 0
           }
         ),
-        enableAddTask && onAdd && !isCreating && !pendingInsert && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        enableAddTask && onAdd && !isCreating && !pendingInsert && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
           "button",
           {
             className: `gantt-tl-add-btn${!reorderDisabled && dragOverTarget?.index === visibleTasks.length ? " gantt-tl-add-btn-drag-over" : ""}`,
@@ -8400,7 +8625,10 @@ var TaskList = ({
               handleDrop(visibleTasks.length, e);
             },
             type: "button",
-            children: "+ \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u0430\u0431\u043E\u0442\u0443"
+            children: [
+              "+ ",
+              addTaskLabel
+            ]
           }
         )
       ] })
@@ -8865,7 +9093,7 @@ var useResourceItemDrag = ({
 };
 
 // src/components/ResourceTimelineChart/ResourceTimelineChart.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var DEFAULT_DAY_WIDTH = 40;
 var DEFAULT_HEADER_HEIGHT = 40;
 var DEFAULT_LANE_HEIGHT = 40;
@@ -9028,41 +9256,41 @@ var orderResourcesByType = (resources) => {
 };
 var ResourceTypeIcon = ({ type }) => {
   if (type === "\u041B\u044E\u0434\u0438") {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconPeople", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { cx: "9", cy: "7", r: "4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconPeople", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("circle", { cx: "9", cy: "7", r: "4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
     ] });
   }
   if (type === "\u041E\u0431\u043E\u0440\u0443\u0434\u043E\u0432\u0430\u043D\u0438\u0435") {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconEquipment", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "m18 15 4-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5" })
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconEquipment", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "m18 15 4-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5" })
     ] });
   }
   if (type === "\u041C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\u044B") {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconMaterials", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M10 22v-8" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M2.336 8.89 10 14l11.715-7.029" }),
-      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M22 14a2 2 0 0 1-.971 1.715l-10 6a2 2 0 0 1-2.138-.05l-6-4A2 2 0 0 1 2 16v-6a2 2 0 0 1 .971-1.715l10-6a2 2 0 0 1 2.138.05l6 4A2 2 0 0 1 22 8z" })
+    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconMaterials", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M10 22v-8" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M2.336 8.89 10 14l11.715-7.029" }),
+      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M22 14a2 2 0 0 1-.971 1.715l-10 6a2 2 0 0 1-2.138-.05l-6-4A2 2 0 0 1 2 16v-6a2 2 0 0 1 .971-1.715l10-6a2 2 0 0 1 2.138.05l6 4A2 2 0 0 1 22 8z" })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconOther", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M12 8v4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M12 16h.01" })
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconOther", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M12 8v4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M12 16h.01" })
   ] });
 };
-var ResourceTypeDropdownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { className: "gantt-resourceTimeline-resourceTypeDropdownIcon", width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M2 3.5 5 6.5 8 3.5" }) });
-var ResourceGroupChevronIcon = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("svg", { className: "gantt-resourceTimeline-resourceGroupChevronIcon", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M4 2.5 7.5 6 4 9.5" }) });
+var ResourceTypeDropdownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { className: "gantt-resourceTimeline-resourceTypeDropdownIcon", width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M2 3.5 5 6.5 8 3.5" }) });
+var ResourceGroupChevronIcon = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { className: "gantt-resourceTimeline-resourceGroupChevronIcon", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M4 2.5 7.5 6 4 9.5" }) });
 function isInactiveResourceStatus(status) {
   return status?.trim().toLocaleLowerCase() === "inactive";
 }
-var ResourceStatusLockIcon = () => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { className: "gantt-resourceTimeline-resourceStatusIcon", width: "12", height: "12", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("rect", { x: "5", y: "11", width: "14", height: "10", rx: "2" }),
-  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("path", { d: "M8 11V8a4 4 0 1 1 8 0v3" })
+var ResourceStatusLockIcon = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { className: "gantt-resourceTimeline-resourceStatusIcon", width: "12", height: "12", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { x: "5", y: "11", width: "14", height: "10", rx: "2" }),
+  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M8 11V8a4 4 0 1 1 8 0v3" })
 ] });
 var ResourceHeader = ({
   resource,
@@ -9152,7 +9380,7 @@ var ResourceHeader = ({
       handleNameCancel();
     }
   }, [applyResourcePatch, handleNameCancel, nameValue, resource.name]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       className: `gantt-resourceTimeline-resourceHeader${menuOpen ? " gantt-resourceTimeline-resourceHeaderMenuOpen" : ""}${isInactive ? " gantt-resourceTimeline-resourceHeaderInactive" : ""}`,
@@ -9163,10 +9391,10 @@ var ResourceHeader = ({
         gridTemplateColumns: columnTemplate
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-resourceNumber", children: rowIndex + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "gantt-resourceTimeline-resourceName", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceNumber", children: rowIndex + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceName", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "button",
               {
                 type: "button",
@@ -9179,12 +9407,12 @@ var ResourceHeader = ({
                   setTypeMenuOpen((open) => !open);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ResourceTypeIcon, { type }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ResourceTypeDropdownIcon, {})
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ResourceTypeIcon, { type }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ResourceTypeDropdownIcon, {})
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_TYPE_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_TYPE_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "button",
               {
                 type: "button",
@@ -9195,14 +9423,14 @@ var ResourceHeader = ({
                   applyResourcePatch({ type: option });
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-resourceOptionIcon", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ResourceTypeIcon, { type: option }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceOptionIcon", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ResourceTypeIcon, { type: option }) }),
                   option
                 ]
               },
               option
             )) })
           ] }),
-          editingName ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          editingName ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             Input,
             {
               ref: nameInputRef,
@@ -9214,7 +9442,7 @@ var ResourceHeader = ({
               "aria-label": `\u041D\u043E\u0432\u043E\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 ${resource.name}`,
               className: "gantt-tl-name-input gantt-resourceTimeline-resourceNameInput"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "button",
             {
               type: "button",
@@ -9226,23 +9454,23 @@ var ResourceHeader = ({
                 onResourceNameClick?.(resourceId);
               },
               onDoubleClick: handleNameDoubleClick,
-              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "gantt-resourceTimeline-resourceNameContent", children: [
-                isInactive && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceNameContent", children: [
+                isInactive && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "span",
                   {
                     className: "gantt-resourceTimeline-resourceStatusMarker",
                     "aria-label": `\u0420\u0435\u0441\u0443\u0440\u0441 ${resource.name} \u043D\u0435\u0430\u043A\u0442\u0438\u0432\u0435\u043D`,
                     title: "\u041D\u0435\u0430\u043A\u0442\u0438\u0432\u0435\u043D",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ResourceStatusLockIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ResourceStatusLockIcon, {})
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-resourceNameText", children: resource.name })
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceNameText", children: resource.name })
               ] })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Popover, { open: scopeMenuOpen, onOpenChange: setScopeMenuOpen, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Popover, { open: scopeMenuOpen, onOpenChange: setScopeMenuOpen, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "button",
             {
               type: "button",
@@ -9253,10 +9481,10 @@ var ResourceHeader = ({
                 event.stopPropagation();
                 setScopeMenuOpen((open) => !open);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: scopeLabel })
+              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: scopeLabel })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_SCOPE_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_SCOPE_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             "button",
             {
               type: "button",
@@ -9267,35 +9495,35 @@ var ResourceHeader = ({
                 applyResourcePatch({ scope: option });
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: `gantt-resourceTimeline-resourceOptionScopeDot gantt-resourceTimeline-resourceScope${option}` }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: `gantt-resourceTimeline-resourceOptionScopeDot gantt-resourceTimeline-resourceScope${option}` }),
                 RESOURCE_SCOPE_LABELS[option] ?? option
               ]
             },
             option
           )) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "span",
           {
             className: "gantt-resourceTimeline-resourceAssignments",
             "aria-label": `\u041D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \u0440\u0435\u0441\u0443\u0440\u0441\u0430 ${resource.name}: ${assignmentCount}, ${workedDays} \u0434\u043D.`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "gantt-resourceTimeline-resourceWorkedDays", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: workedDays > 0 ? workedDays : "-" }),
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-resourceMetricLabel", children: workedDays > 0 ? "\u0434\u043D." : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceWorkedDays", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: workedDays > 0 ? workedDays : "-" }),
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceMetricLabel", children: workedDays > 0 ? "\u0434\u043D." : "" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "gantt-resourceTimeline-resourceAssignmentCount", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: assignmentCount > 0 ? assignmentCount : "" }),
-                assignmentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("svg", { className: "gantt-resourceTimeline-resourceAssignmentIcon", width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("rect", { width: "15", height: "5", x: "4", y: "5", rx: "2" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("rect", { width: "10", height: "5", x: "4", y: "14", rx: "2" })
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceAssignmentCount", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: assignmentCount > 0 ? assignmentCount : "" }),
+                assignmentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { className: "gantt-resourceTimeline-resourceAssignmentIcon", width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { width: "15", height: "5", x: "4", y: "5", rx: "2" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { width: "10", height: "5", x: "4", y: "14", rx: "2" })
                 ] })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "gantt-resourceTimeline-resourceActions", children: [
-          conflictCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceActions", children: [
+          conflictCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
             "button",
             {
               type: "button",
@@ -9309,8 +9537,8 @@ var ResourceHeader = ({
               children: conflictCount
             }
           ),
-          hasMenu && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Popover, { open: menuOpen, onOpenChange: setMenuOpen, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          hasMenu && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Popover, { open: menuOpen, onOpenChange: setMenuOpen, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
               "button",
               {
                 className: "gantt-resourceTimeline-resourceMenuButton",
@@ -9320,10 +9548,10 @@ var ResourceHeader = ({
                   event.stopPropagation();
                   setMenuOpen((open) => !open);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", children: "\u22EE" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: "\u22EE" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverContent, { className: "gantt-resourceTimeline-resourceMenu", portal: true, align: "end", children: visibleCommands.map((command) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverContent, { className: "gantt-resourceTimeline-resourceMenu", portal: true, align: "end", children: visibleCommands.map((command) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "button",
               {
                 type: "button",
@@ -9376,7 +9604,7 @@ var NewResourceRow = ({ height, onConfirm, onCancel, columnTemplate }) => {
       handleConfirm();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
     "div",
     {
       className: "gantt-resourceTimeline-resourceHeader gantt-resourceTimeline-resourceHeaderNew",
@@ -9386,8 +9614,8 @@ var NewResourceRow = ({ height, onConfirm, onCancel, columnTemplate }) => {
         gridTemplateColumns: columnTemplate
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-resourceNumber", children: "+" }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceNumber", children: "+" }),
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           Input,
           {
             ref: inputRef,
@@ -9566,7 +9794,7 @@ function ResourceTimelineChart({
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   }, [resolvedResourceColumnWidths]);
-  const renderResizeHandle = (0, import_react15.useCallback)((columnId) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  const renderResizeHandle = (0, import_react15.useCallback)((columnId) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "button",
     {
       type: "button",
@@ -9877,7 +10105,7 @@ function ResourceTimelineChart({
       }
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "gantt-container gantt-resourceTimeline", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "gantt-container gantt-resourceTimeline", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       ref: scrollContainerRef,
@@ -9888,44 +10116,44 @@ function ResourceTimelineChart({
       },
       "data-allow-vertical-pan": allowVerticalPan ? "true" : "false",
       onMouseDown: handlePanStart,
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "gantt-resourceTimeline-scrollContent", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-resourceTimeline-scrollContent", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "div",
           {
             className: `gantt-resourceTimeline-resourceColumn${resourceColumnHasRightShadow ? " gantt-resourceTimeline-resourceColumnShadowed" : ""}`,
             style: { width: `${effectiveRowHeaderWidth}px`, minWidth: `${effectiveRowHeaderWidth}px` },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                 "div",
                 {
                   className: "gantt-resourceTimeline-corner",
                   style: { height: `${timelineHeaderHeight}px`, gridTemplateColumns: resourceColumnTemplate },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderNumber", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderNumber", children: [
                       "#",
                       renderResizeHandle("number")
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderName", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderName", children: [
                       "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435",
                       renderResizeHandle("name")
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-resourceHeaderCell", "aria-label": "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u044C", children: renderResizeHandle("availability") }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("span", { className: "gantt-resourceTimeline-resourceHeaderCell", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceHeaderCell", "aria-label": "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u044C", children: renderResizeHandle("availability") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceHeaderCell", children: [
                       "\u041D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F",
                       renderResizeHandle("assignments")
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderActions", "aria-label": "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F", children: renderResizeHandle("actions") })
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderActions", "aria-label": "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F", children: renderResizeHandle("actions") })
                   ]
                 }
               ),
-              displayLayout.groupHeaders.length > 0 ? displayLayout.groupHeaders.map((group) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_react15.default.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+              displayLayout.groupHeaders.length > 0 ? displayLayout.groupHeaders.map((group) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react15.default.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                   "div",
                   {
                     className: "gantt-resourceTimeline-resourceGroupHeader",
                     style: { height: `${group.height}px` },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                         "button",
                         {
                           type: "button",
@@ -9936,12 +10164,12 @@ function ResourceTimelineChart({
                             event.stopPropagation();
                             toggleResourceGroupCollapsed(group.key);
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(ResourceGroupChevronIcon, {})
+                          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ResourceGroupChevronIcon, {})
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-resourceGroupTitle", children: group.label }),
-                      /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-resourceGroupCount", children: group.count }),
-                      canAddResource && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceGroupTitle", children: group.label }),
+                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceGroupCount", children: group.count }),
+                      canAddResource && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                         "button",
                         {
                           type: "button",
@@ -9960,7 +10188,7 @@ function ResourceTimelineChart({
                 ),
                 displayLayout.rows.filter((row) => getResourceType(row.resource) === group.key).map((row) => {
                   const rowIndex = displayLayout.rows.findIndex((candidate) => candidate.resourceId === row.resourceId);
-                  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     ResourceHeader,
                     {
                       resource: row.resource,
@@ -9980,7 +10208,7 @@ function ResourceTimelineChart({
                     row.resourceId
                   );
                 }),
-                displayLayout.groupAddRows.some((row) => row.key === group.key) && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                displayLayout.groupAddRows.some((row) => row.key === group.key) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   NewResourceRow,
                   {
                     height: resourceAddRowHeight,
@@ -9989,7 +10217,7 @@ function ResourceTimelineChart({
                     columnTemplate: resourceColumnTemplate
                   }
                 )
-              ] }, group.key)) : displayLayout.rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              ] }, group.key)) : displayLayout.rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 ResourceHeader,
                 {
                   resource: row.resource,
@@ -10008,7 +10236,7 @@ function ResourceTimelineChart({
                 },
                 row.resourceId
               )),
-              canAddResource && (isCreatingResource ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              canAddResource && (isCreatingResource ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 NewResourceRow,
                 {
                   height: resourceAddRowHeight,
@@ -10016,7 +10244,7 @@ function ResourceTimelineChart({
                   onCancel: handleCancelNewResource,
                   columnTemplate: resourceColumnTemplate
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "button",
                 {
                   className: "gantt-resourceTimeline-addResourceButton",
@@ -10032,18 +10260,18 @@ function ResourceTimelineChart({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "div",
           {
             className: "gantt-resourceTimeline-chartSurface",
             style: { minWidth: `${gridWidth}px` },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "div",
                 {
                   className: "gantt-resourceTimeline-stickyHeader",
                   style: { width: `${gridWidth}px`, height: `${timelineHeaderHeight}px` },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     TimeScaleHeader_default,
                     {
                       days: dateRange,
@@ -10055,14 +10283,14 @@ function ResourceTimelineChart({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                 "div",
                 {
                   ref: gridRef,
                   className: "gantt-resourceTimeline-grid",
                   style: { width: `${gridWidth}px`, height: `${displayTotalHeight}px` },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       GridBackground_default,
                       {
                         dateRange,
@@ -10072,8 +10300,8 @@ function ResourceTimelineChart({
                         isCustomWeekend: weekendPredicate
                       }
                     ),
-                    todayInRange && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TodayIndicator_default, { monthStart, dayWidth }),
-                    displayLayout.groupHeaders.map((group) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    todayInRange && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TodayIndicator_default, { monthStart, dayWidth }),
+                    displayLayout.groupHeaders.map((group) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row gantt-resourceTimeline-groupRow",
@@ -10085,7 +10313,7 @@ function ResourceTimelineChart({
                       },
                       `group-row-${group.key}`
                     )),
-                    displayLayout.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    displayLayout.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row",
@@ -10097,7 +10325,7 @@ function ResourceTimelineChart({
                       },
                       row.resourceId
                     )),
-                    canAddResource && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    canAddResource && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row gantt-resourceTimeline-rowNew",
@@ -10108,7 +10336,7 @@ function ResourceTimelineChart({
                         }
                       }
                     ),
-                    displayLayout.groupAddRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    displayLayout.groupAddRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row gantt-resourceTimeline-rowNew",
@@ -10179,7 +10407,7 @@ function ResourceTimelineChart({
                         const tooltipFirstLine = layoutItem.item.tooltip?.firstLine ?? layoutItem.item.title;
                         const tooltipSecondLine = resourceItemTooltipLines === 2 ? layoutItem.item.tooltip?.secondLine ?? layoutItem.item.subtitle : void 0;
                         const tooltipSecondLineIcon = layoutItem.item.tooltip?.secondLineIcon;
-                        return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                           "div",
                           {
                             className,
@@ -10207,11 +10435,11 @@ function ResourceTimelineChart({
                               backgroundColor: layoutItem.item.color ?? "var(--gantt-task-bar-default-color, #3b82f6)"
                             },
                             children: [
-                              !readonly && !layoutItem.item.locked && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(import_jsx_runtime16.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleStart" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleEnd" })
+                              !readonly && !layoutItem.item.locked && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleStart" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleEnd" })
                               ] }),
-                              weekendOverlaySegments.map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              weekendOverlaySegments.map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                 "span",
                                 {
                                   className: "gantt-resourceTimeline-weekendOverlay",
@@ -10223,7 +10451,7 @@ function ResourceTimelineChart({
                                 },
                                 `weekend-overlay-${index}`
                               )),
-                              conflictOverlaySegments.map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              conflictOverlaySegments.map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                 "span",
                                 {
                                   className: "gantt-resourceTimeline-conflictOverlay",
@@ -10235,7 +10463,7 @@ function ResourceTimelineChart({
                                 },
                                 `conflict-overlay-${index}`
                               )),
-                              hasItemMenu && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              hasItemMenu && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -10248,12 +10476,12 @@ function ResourceTimelineChart({
                                     event.stopPropagation();
                                     onResourceItemMenuClick?.(layoutItem.item);
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { "aria-hidden": "true", children: "\u22EE" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: "\u22EE" })
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "gantt-resourceTimeline-itemInner", children: renderItem ? renderItem(layoutItem.item, renderContext) : /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "gantt-resourceTimeline-defaultItemContent", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "gantt-resourceTimeline-defaultItemMain", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "gantt-resourceTimeline-itemInner", children: renderItem ? renderItem(layoutItem.item, renderContext) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-resourceTimeline-defaultItemContent", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-resourceTimeline-defaultItemMain", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                                     "span",
                                     {
                                       className: "gantt-resourceTimeline-itemDurationChip",
@@ -10261,15 +10489,15 @@ function ResourceTimelineChart({
                                       children: durationValue
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-itemTitle", children: layoutItem.item.title })
+                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-itemTitle", children: layoutItem.item.title })
                                 ] }),
-                                layoutItem.item.subtitle && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-itemSubtitle", children: layoutItem.item.subtitle })
+                                layoutItem.item.subtitle && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-itemSubtitle", children: layoutItem.item.subtitle })
                               ] }) }),
-                              /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "gantt-resourceTimeline-itemTooltip", role: "tooltip", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLinePrimary", children: tooltipFirstLine }),
-                                tooltipSecondLine && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLineSecondary", children: [
-                                  tooltipSecondLineIcon && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-itemTooltipIcon", "aria-hidden": "true", children: tooltipSecondLineIcon }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: "gantt-resourceTimeline-itemTooltipText", children: tooltipSecondLine })
+                              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-resourceTimeline-itemTooltip", role: "tooltip", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLinePrimary", children: tooltipFirstLine }),
+                                tooltipSecondLine && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLineSecondary", children: [
+                                  tooltipSecondLineIcon && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-itemTooltipIcon", "aria-hidden": "true", children: tooltipSecondLineIcon }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-itemTooltipText", children: tooltipSecondLine })
                                 ] })
                               ] })
                             ]
@@ -10291,7 +10519,7 @@ function ResourceTimelineChart({
 
 // src/components/TableMatrix/TableMatrix.tsx
 var import_react16 = require("react");
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var AUTO_COLUMN_MIN_WIDTH = 72;
 var AUTO_COLUMN_MAX_WIDTH = 180;
 var DAY_MS4 = 24 * 60 * 60 * 1e3;
@@ -10491,9 +10719,9 @@ function TableMatrix({
       return task ? { task, index } : null;
     }).filter((entry) => entry !== null);
   }, [tasks, visibleRowIndices]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-mx-root", style: { width: `${totalWidth}px` }, children: [
-    hasAutoWidthColumns && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { ref: measureRef, className: "gantt-mx-measure", "aria-hidden": "true", children: [
-      columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "gantt-mx-root", style: { width: `${totalWidth}px` }, children: [
+    hasAutoWidthColumns && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { ref: measureRef, className: "gantt-mx-measure", "aria-hidden": "true", children: [
+      columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "div",
         {
           "data-gantt-mx-measure-column": columnIndex,
@@ -10502,7 +10730,7 @@ function TableMatrix({
         },
         `header:${column.id}`
       )),
-      tasks.map((task) => columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      tasks.map((task) => columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "div",
         {
           "data-gantt-mx-measure-column": columnIndex,
@@ -10512,8 +10740,8 @@ function TableMatrix({
         `${task.id}:${column.id}`
       )))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-mx-header", style: { height: `${headerHeight}px` }, children: [
-      hasGroupHeader && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "gantt-mx-header", style: { height: `${headerHeight}px` }, children: [
+      hasGroupHeader && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "div",
         {
           className: "gantt-mx-headerRow gantt-mx-headerGroupRow",
@@ -10521,7 +10749,7 @@ function TableMatrix({
             gridTemplateColumns: headerSpans.map((span) => `${span.width ?? 0}px`).join(" "),
             height: `${topRowHeight}px`
           },
-          children: headerSpans.map((span) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          children: headerSpans.map((span) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "div",
             {
               className: joinClasses("gantt-mx-groupCell", span.className),
@@ -10532,7 +10760,7 @@ function TableMatrix({
           ))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
         "div",
         {
           className: "gantt-mx-headerRow",
@@ -10540,7 +10768,7 @@ function TableMatrix({
           children: columns.map((column) => {
             const overlayWidthPercent = getOverlayWidthPercent(column, overlayDateMs);
             const shouldRenderOverlayEdge = isOverlayDateInColumn(column, overlayDateMs);
-            return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
               "div",
               {
                 className: joinClasses(
@@ -10549,7 +10777,7 @@ function TableMatrix({
                 ),
                 style: column.minWidth !== void 0 ? { minWidth: `${column.minWidth}px` } : void 0,
                 children: [
-                  shouldRenderOverlayEdge && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  shouldRenderOverlayEdge && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     "span",
                     {
                       className: "gantt-mx-dateOverlayEdge",
@@ -10559,7 +10787,7 @@ function TableMatrix({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-mx-headerContent", children: column.header })
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-mx-headerContent", children: column.header })
                 ]
               },
               column.id
@@ -10568,7 +10796,7 @@ function TableMatrix({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
       "div",
       {
         className: "gantt-mx-body",
@@ -10582,7 +10810,7 @@ function TableMatrix({
           const nestingDepth = nestingDepthMap.get(task.id) ?? 0;
           const rowFillLevel = Math.min(nestingDepth, 2);
           const isTotal = Boolean(task.isTotal);
-          return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "div",
             {
               "data-gantt-task-row-id": task.id,
@@ -10607,7 +10835,7 @@ function TableMatrix({
                 const overlayWidthPercent = getOverlayWidthPercent(column, overlayDateMs);
                 const shouldRenderOverlay = overlayWidthPercent > 0 && (!dateOverlay || !dateOverlay.shouldRender || dateOverlay.shouldRender({ task, column, rowIndex: index, columnIndex }));
                 const shouldRenderOverlayEdge = isOverlayDateInColumn(column, overlayDateMs);
-                return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                   "div",
                   {
                     className: joinClasses(
@@ -10622,7 +10850,7 @@ function TableMatrix({
                       onCellClick?.({ task, column, rowIndex: index, columnIndex, event });
                     },
                     children: [
-                      shouldRenderOverlay && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      shouldRenderOverlay && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                         "span",
                         {
                           className: joinClasses("gantt-mx-dateOverlay", dateOverlay && dateOverlay.className),
@@ -10632,7 +10860,7 @@ function TableMatrix({
                           }
                         }
                       ),
-                      shouldRenderOverlayEdge && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      shouldRenderOverlayEdge && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                         "span",
                         {
                           className: "gantt-mx-dateOverlayEdge",
@@ -10642,7 +10870,7 @@ function TableMatrix({
                           }
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "gantt-mx-cellContent", children: column.renderCell(task) })
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "gantt-mx-cellContent", children: column.renderCell(task) })
                     ]
                   },
                   `${task.id}:${column.id}`
@@ -10659,7 +10887,7 @@ function TableMatrix({
 
 // src/components/PlanFactMatrix/PlanFactMatrix.tsx
 var import_react17 = __toESM(require("react"));
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var DAY_MS5 = 24 * 60 * 60 * 1e3;
 function joinClasses2(...values) {
   return values.filter(Boolean).join(" ");
@@ -10768,7 +10996,7 @@ function PlanFactCellEditor({
     }
     onCommit(parsed);
   }, [draft, onCancel, onCommit]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "input",
     {
       ref: inputRef,
@@ -10882,7 +11110,7 @@ function PlanFactRowInner({
   showOverflowTooltip,
   hideOverflowTooltip
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
     "div",
     {
       "data-gantt-task-row-id": task.id,
@@ -10920,7 +11148,7 @@ function PlanFactRowInner({
           const isSelected = !isParent && isInRenderedRange;
           const showFillHandle = !isParent && !isEditing && isInRenderedRange && renderedRangeBounds !== null && dateIndex === renderedRangeBounds.toDateIndex && subrowIndex === renderedRangeBounds.toSubrowIndex;
           const isRangeAnchor = !showFillHandle && !isParent && selectedRange?.anchor.taskId === task.id && selectedRange.anchor.dateIndex === dateIndex && selectedRange.anchor.kind === kind;
-          return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
             "div",
             {
               "data-plan-fact-task-id": task.id,
@@ -11017,7 +11245,7 @@ function PlanFactRowInner({
                 }
               },
               children: [
-                isEditing ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                isEditing ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   PlanFactCellEditor,
                   {
                     value,
@@ -11043,7 +11271,7 @@ function PlanFactRowInner({
                       focusCell(nextActiveCell);
                     }
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "span",
                   {
                     className: "gantt-pf-cellValue",
@@ -11057,7 +11285,7 @@ function PlanFactRowInner({
                     children: isParent ? "" : formatValue(value)
                   }
                 ),
-                showFillHandle && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                showFillHandle && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   "span",
                   {
                     className: "gantt-pf-fillHandle",
@@ -11569,7 +11797,7 @@ function PlanFactMatrix({
       document.removeEventListener("mousedown", handleMouseDown);
     };
   }, [clearSelection]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
     "div",
     {
       ref: rootRef,
@@ -11579,8 +11807,8 @@ function PlanFactMatrix({
         ["--gantt-pf-day-width"]: `${dayWidth}px`
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "gantt-pf-header", style: { width: `${totalWidth}px`, height: `${headerHeight}px` }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "gantt-pf-header", style: { width: `${totalWidth}px`, height: `${headerHeight}px` }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "div",
             {
               className: "gantt-pf-dateWindow",
@@ -11588,7 +11816,7 @@ function PlanFactMatrix({
                 left: `${renderedDateWindow.startIndex * dayWidth}px`,
                 width: `${renderedDateWindow.days.length * dayWidth}px`
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 TimeScaleHeader_default,
                 {
                   days: renderedDateWindow.days,
@@ -11600,7 +11828,7 @@ function PlanFactMatrix({
               )
             }
           ),
-          todayDateIndex !== void 0 && todayDateIndex >= renderedDateWindow.startIndex && todayDateIndex < renderedDateWindow.startIndex + renderedDateWindow.days.length && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          todayDateIndex !== void 0 && todayDateIndex >= renderedDateWindow.startIndex && todayDateIndex < renderedDateWindow.startIndex + renderedDateWindow.days.length && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "span",
             {
               className: "gantt-pf-headerTodayLine",
@@ -11612,7 +11840,7 @@ function PlanFactMatrix({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "gantt-pf-monthSeparatorLayer", "aria-hidden": "true", children: monthSeparatorIndices.map((dateIndex) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "gantt-pf-monthSeparatorLayer", "aria-hidden": "true", children: monthSeparatorIndices.map((dateIndex) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "span",
           {
             className: "gantt-pf-monthSeparator",
@@ -11623,7 +11851,7 @@ function PlanFactMatrix({
           },
           `month-separator-${dateIndex}`
         )) }),
-        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
           "div",
           {
             ref: bodyRef,
@@ -11634,7 +11862,7 @@ function PlanFactMatrix({
               width: `${totalWidth}px`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                 "div",
                 {
                   className: "gantt-pf-dateWindow gantt-pf-dateWindow-body",
@@ -11642,7 +11870,7 @@ function PlanFactMatrix({
                     left: `${renderedDateWindow.startIndex * dayWidth}px`,
                     width: `${renderedDateWindow.days.length * dayWidth}px`
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     GridBackground_default,
                     {
                       dateRange: renderedDateWindow.days,
@@ -11660,7 +11888,7 @@ function PlanFactMatrix({
                 if (!task) return null;
                 const isParent = parentTaskIds.has(task.id);
                 const isHighlighted = filterMode === "highlight" && !!highlightedTaskIds?.has(task.id);
-                return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                   PlanFactRow,
                   {
                     task,
@@ -11705,7 +11933,7 @@ function PlanFactMatrix({
             ]
           }
         ),
-        overflowTooltip && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+        overflowTooltip && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
           "div",
           {
             className: "gantt-pf-overflowTooltip",
@@ -12131,7 +12359,7 @@ function createTaskPreviewPositionStore() {
 }
 
 // src/components/GanttChart/GanttChart.tsx
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var SCROLL_TO_ROW_CONTEXT_ROWS = 2;
 var TASK_ROW_OVERSCAN = 8;
 var PLAN_FACT_COLUMN_OVERSCAN = 24;
@@ -12258,9 +12486,9 @@ function arePreviewTaskMapsEqual(left, right) {
 }
 function GanttChartInner(props, ref) {
   if (props.mode === "resource-planner") {
-    return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(ResourceTimelineChart, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ResourceTimelineChart, { ...props });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     TaskGanttChart,
     {
       ...props,
@@ -12296,6 +12524,7 @@ function TaskGanttChartInner(props, ref) {
     onDemoteTask,
     onUngroupTask,
     enableAddTask = true,
+    addTaskLabel = "\u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u0430\u0431\u043E\u0442\u0443",
     defaultTaskDurationDays,
     taskFilter,
     filterMode = "highlight",
@@ -12352,6 +12581,162 @@ function TaskGanttChartInner(props, ref) {
   const [forceFullRenderForPrint, setForceFullRenderForPrint] = (0, import_react18.useState)(false);
   const [planFactDateWindow, setPlanFactDateWindow] = (0, import_react18.useState)({ start: 0, end: 0 });
   const [selectedChip, setSelectedChip] = (0, import_react18.useState)(null);
+  const [dependencyCreationDrag, setDependencyCreationDrag] = (0, import_react18.useState)(null);
+  const dependencyCreationRef = (0, import_react18.useRef)(null);
+  const [dependencyCreationError, setDependencyCreationError] = (0, import_react18.useState)(null);
+  const [dependencyLineMenu, setDependencyLineMenu] = (0, import_react18.useState)(null);
+  const getDependencyPortPoint = (0, import_react18.useCallback)((element, chartRect) => {
+    const rect = element.getBoundingClientRect();
+    const side = element.getAttribute("data-port-side");
+    return {
+      // The port hit-area is deliberately outside the bar. Anchor the preview
+      // to the actual bar boundary instead of the center of that outside zone.
+      x: Math.round((side === "left" ? rect.right - 6 : rect.left + 6) - chartRect.left),
+      y: Math.round(rect.top + rect.height / 2 - chartRect.top)
+    };
+  }, []);
+  const getVisualDependencyType = (0, import_react18.useCallback)((sourceSide, targetSide) => {
+    if (sourceSide === "right" && targetSide === "left") return "FS";
+    if (sourceSide === "left" && targetSide === "left") return "SS";
+    if (sourceSide === "right" && targetSide === "right") return "FF";
+    return "SF";
+  }, []);
+  const handleDependencyPortPointerDown = (0, import_react18.useCallback)((sourceId, sourceSide, event) => {
+    if (disableDependencyEditing || event.button !== 0) return;
+    const chartElement = event.currentTarget.closest(".gantt-taskArea");
+    if (!(chartElement instanceof HTMLElement)) return;
+    event.preventDefault();
+    event.stopPropagation();
+    event.currentTarget.setPointerCapture?.(event.pointerId);
+    const chartRect = chartElement.getBoundingClientRect();
+    const source = getDependencyPortPoint(event.currentTarget, chartRect);
+    const nextDrag = { sourceId, sourceSide, source, current: source };
+    dependencyCreationRef.current = nextDrag;
+    setDependencyCreationDrag(nextDrag);
+  }, [disableDependencyEditing, getDependencyPortPoint]);
+  (0, import_react18.useEffect)(() => {
+    if (!dependencyCreationDrag) return;
+    const handlePointerMove = (event) => {
+      const activeDrag = dependencyCreationRef.current;
+      const chartElement = scrollContentRef.current?.querySelector(".gantt-taskArea");
+      if (!activeDrag || !(chartElement instanceof HTMLElement)) return;
+      const chartRect = chartElement.getBoundingClientRect();
+      const targetElement = document.elementFromPoint(event.clientX, event.clientY)?.closest("[data-gantt-dependency-port]");
+      const targetTaskId = targetElement?.getAttribute("data-task-id") ?? void 0;
+      const targetSide = targetElement?.getAttribute("data-port-side");
+      const target = targetTaskId && targetSide && targetTaskId !== activeDrag.sourceId ? { taskId: targetTaskId, side: targetSide } : void 0;
+      const current = targetElement ? getDependencyPortPoint(targetElement, chartRect) : { x: Math.round(event.clientX - chartRect.left), y: Math.round(event.clientY - chartRect.top) };
+      const nextDrag = {
+        ...activeDrag,
+        current,
+        target,
+        linkType: target ? getVisualDependencyType(activeDrag.sourceSide, target.side) : void 0
+      };
+      dependencyCreationRef.current = nextDrag;
+      setDependencyCreationDrag(nextDrag);
+    };
+    const handlePointerUp = () => {
+      const activeDrag = dependencyCreationRef.current;
+      dependencyCreationRef.current = null;
+      setDependencyCreationDrag(null);
+      if (!activeDrag?.target || !activeDrag.linkType) return;
+      const predecessorId = activeDrag.sourceId;
+      const successorId = activeDrag.target.taskId;
+      const successor = tasks.find((task) => task.id === successorId);
+      if (!successor || areTasksHierarchicallyRelated(predecessorId, successorId, tasks)) {
+        setDependencyCreationError("\u0421\u0432\u044F\u0437\u0438 \u043C\u0435\u0436\u0434\u0443 \u0440\u043E\u0434\u0438\u0442\u0435\u043B\u0435\u043C \u0438 \u043F\u043E\u0442\u043E\u043C\u043A\u043E\u043C \u0437\u0430\u043F\u0440\u0435\u0449\u0435\u043D\u044B");
+        return;
+      }
+      const nextDependency = { taskId: predecessorId, type: activeDrag.linkType, lag: 0 };
+      if ((successor.dependencies ?? []).some((dependency) => dependency.taskId === predecessorId && dependency.type === nextDependency.type)) return;
+      const hypothetical = tasks.map((task) => task.id === successorId ? { ...task, dependencies: [...task.dependencies ?? [], nextDependency] } : task);
+      const validation = validateDependencies(hypothetical);
+      if (!validation.isValid) {
+        setDependencyCreationError(validation.errors.some((error) => error.type === "constraint") ? "\u0421\u0432\u044F\u0437\u0438 \u043C\u0435\u0436\u0434\u0443 \u0440\u043E\u0434\u0438\u0442\u0435\u043B\u0435\u043C \u0438 \u043F\u043E\u0442\u043E\u043C\u043A\u043E\u043C \u0437\u0430\u043F\u0440\u0435\u0449\u0435\u043D\u044B" : "\u0426\u0438\u043A\u043B \u0437\u0430\u0432\u0438\u0441\u0438\u043C\u043E\u0441\u0442\u0435\u0439!");
+        return;
+      }
+      const predecessor = tasks.find((task) => task.id === predecessorId);
+      const updatedSuccessor = hypothetical.find((task) => task.id === successorId);
+      if (!predecessor) {
+        onTasksChange?.([updatedSuccessor]);
+        return;
+      }
+      const constraintDate = calculateSuccessorDate(
+        parseUTCDate(predecessor.startDate),
+        parseUTCDate(predecessor.endDate),
+        nextDependency.type,
+        0,
+        businessDays,
+        isCustomWeekend
+      );
+      const duration = getTaskDuration(
+        updatedSuccessor.startDate,
+        updatedSuccessor.endDate,
+        businessDays,
+        isCustomWeekend
+      );
+      const range = nextDependency.type === "FS" || nextDependency.type === "SS" ? buildTaskRangeFromStart(constraintDate, duration, businessDays, createCustomDayPredicate({ customDays, isWeekend: isWeekend3 })) : buildTaskRangeFromEnd(constraintDate, duration, businessDays, createCustomDayPredicate({ customDays, isWeekend: isWeekend3 }));
+      onTasksChange?.([{
+        ...updatedSuccessor,
+        startDate: range.start.toISOString().split("T")[0],
+        endDate: range.end.toISOString().split("T")[0]
+      }]);
+    };
+    const handleKeyDown = (event) => {
+      if (event.key === "Escape") {
+        dependencyCreationRef.current = null;
+        setDependencyCreationDrag(null);
+      }
+    };
+    document.addEventListener("pointermove", handlePointerMove);
+    document.addEventListener("pointerup", handlePointerUp);
+    document.addEventListener("keydown", handleKeyDown);
+    return () => {
+      document.removeEventListener("pointermove", handlePointerMove);
+      document.removeEventListener("pointerup", handlePointerUp);
+      document.removeEventListener("keydown", handleKeyDown);
+    };
+  }, [businessDays, customDays, dependencyCreationDrag !== null, getDependencyPortPoint, getVisualDependencyType, isWeekend3, onTasksChange, tasks]);
+  (0, import_react18.useEffect)(() => {
+    if (!dependencyCreationError) return;
+    const timeout = window.setTimeout(() => setDependencyCreationError(null), 3e3);
+    return () => window.clearTimeout(timeout);
+  }, [dependencyCreationError]);
+  (0, import_react18.useEffect)(() => {
+    if (!dependencyLineMenu) return;
+    const closeMenu = (event) => {
+      const target = event.target;
+      if (!target.closest(".gantt-dependencyLineMenu")) setDependencyLineMenu(null);
+    };
+    const closeOnEscape = (event) => {
+      if (event.key === "Escape") setDependencyLineMenu(null);
+    };
+    document.addEventListener("mousedown", closeMenu, true);
+    document.addEventListener("keydown", closeOnEscape);
+    return () => {
+      document.removeEventListener("mousedown", closeMenu, true);
+      document.removeEventListener("keydown", closeOnEscape);
+    };
+  }, [dependencyLineMenu]);
+  const handleDependencyLineClick = (0, import_react18.useCallback)((dependency) => {
+    setSelectedChip({
+      predecessorId: dependency.predecessorId,
+      successorId: dependency.successorId,
+      linkType: dependency.linkType
+    });
+    setDependencyLineMenu(dependency);
+  }, []);
+  const handleDependencyLineDelete = (0, import_react18.useCallback)(() => {
+    if (!dependencyLineMenu) return;
+    const successor = tasks.find((task) => task.id === dependencyLineMenu.successorId);
+    if (!successor) return;
+    onTasksChange?.([{
+      ...successor,
+      dependencies: (successor.dependencies ?? []).filter((dependency) => !(dependency.taskId === dependencyLineMenu.predecessorId && dependency.type === dependencyLineMenu.linkType))
+    }]);
+    setSelectedChip(null);
+    setDependencyLineMenu(null);
+  }, [dependencyLineMenu, onTasksChange, tasks]);
   const [activeTimelineTooltip, setActiveTimelineTooltip] = (0, import_react18.useState)(null);
   const [internalCollapsedParentIds, setInternalCollapsedParentIds] = (0, import_react18.useState)(/* @__PURE__ */ new Set());
   const collapsedParentIds = externalCollapsedParentIds ?? internalCollapsedParentIds;
@@ -13124,19 +13509,19 @@ function TaskGanttChartInner(props, ref) {
       window.removeEventListener("mouseup", handlePanEnd);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     {
       ref: containerRef,
       className: isTableMatrixMode ? "gantt-container gantt-container-tableMatrix" : isPlanFactMode ? "gantt-container gantt-container-planFact" : "gantt-container",
-      children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
         "div",
         {
           ref: scrollContainerRef,
           className: "gantt-scrollContainer",
           style: { height: containerHeight ?? "auto", cursor: "grab" },
           onMouseDown: handlePanStart,
-          children: /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
             "div",
             {
               ref: scrollContentRef,
@@ -13144,7 +13529,7 @@ function TaskGanttChartInner(props, ref) {
               onMouseOver: handleSharedRowHover,
               onMouseLeave: clearHoveredRows,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   TaskList,
                   {
                     tasks: normalizedTasks,
@@ -13159,7 +13544,10 @@ function TaskGanttChartInner(props, ref) {
                     disableTaskNameEditing,
                     disableDependencyEditing,
                     onScrollToTask: scrollToTask,
-                    onSelectedChipChange: setSelectedChip,
+                    onSelectedChipChange: (chip) => setSelectedChip(
+                      chip ? { ...chip, linkType: chip.linkType } : null
+                    ),
+                    selectedChip,
                     onAdd,
                     onDelete: handleDelete,
                     onInsertAfter: handleInsertAfter,
@@ -13167,6 +13555,7 @@ function TaskGanttChartInner(props, ref) {
                     disableTaskDrag: disableTaskDrag || disableTaskListReorder,
                     editingTaskId,
                     enableAddTask,
+                    addTaskLabel,
                     defaultTaskDurationDays,
                     collapsedParentIds,
                     onToggleCollapse: handleToggleCollapse,
@@ -13199,7 +13588,7 @@ function TaskGanttChartInner(props, ref) {
                     visibleRowIndices: visibleTaskWindowIndices
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   "div",
                   {
                     className: isTableMatrixMode || isPlanFactMode || showChart ? "gantt-chartSurface" : "gantt-chartSurface gantt-chart-hidden",
@@ -13209,7 +13598,7 @@ function TaskGanttChartInner(props, ref) {
                       flex: isTableMatrixMode || isPlanFactMode ? "0 0 auto" : 1,
                       display: isTableMatrixMode || isPlanFactMode || showChart ? void 0 : "none"
                     },
-                    children: isTableMatrixMode ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                    children: isTableMatrixMode ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                       TableMatrix,
                       {
                         tasks: visibleTasks,
@@ -13227,7 +13616,7 @@ function TaskGanttChartInner(props, ref) {
                         filterMode,
                         visibleRowIndices: visibleTaskWindowIndices
                       }
-                    ) : isPlanFactMode ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                    ) : isPlanFactMode ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                       PlanFactMatrix,
                       {
                         tasks: visibleTasks,
@@ -13248,14 +13637,14 @@ function TaskGanttChartInner(props, ref) {
                         todayDateIndex: todayInRange ? todayIndex : void 0,
                         isCustomWeekend
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(import_jsx_runtime19.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                         "div",
                         {
                           className: "gantt-stickyHeader",
                           style: { width: `${gridWidth}px`, height: `${timelineHeaderHeight}px` },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                               TimeScaleHeader_default,
                               {
                                 days: dateRange,
@@ -13268,7 +13657,7 @@ function TaskGanttChartInner(props, ref) {
                                 onTimelineHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            activeTimelineTooltip && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "gantt-timelineTooltipLayer", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                            activeTimelineTooltip && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "gantt-timelineTooltipLayer", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                               "div",
                               {
                                 className: "gantt-timelineTooltip",
@@ -13282,7 +13671,7 @@ function TaskGanttChartInner(props, ref) {
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
                         "div",
                         {
                           className: "gantt-taskArea",
@@ -13292,7 +13681,7 @@ function TaskGanttChartInner(props, ref) {
                             height: `${totalGridHeight}px`
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                               GridBackground_default,
                               {
                                 dateRange,
@@ -13302,7 +13691,7 @@ function TaskGanttChartInner(props, ref) {
                                 isCustomWeekend
                               }
                             ),
-                            todayInRange && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                            todayInRange && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                               TodayIndicator_default,
                               {
                                 monthStart,
@@ -13311,7 +13700,7 @@ function TaskGanttChartInner(props, ref) {
                                 onHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            visibleTimelineMarkers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                            visibleTimelineMarkers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                               TimelineMarkers_default,
                               {
                                 rangeStart: monthStart,
@@ -13322,7 +13711,7 @@ function TaskGanttChartInner(props, ref) {
                                 onHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                               DependencyLines_default,
                               {
                                 tasks: renderedDependencyTasks,
@@ -13337,10 +13726,43 @@ function TaskGanttChartInner(props, ref) {
                                 dragOverrides: dependencyOverrides,
                                 selectedDep: selectedChip,
                                 businessDays,
-                                weekendPredicate: isCustomWeekend
+                                weekendPredicate: isCustomWeekend,
+                                onDependencyClick: handleDependencyLineClick
+                              }
+                            ),
+                            dependencyLineMenu && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                              "div",
+                              {
+                                className: "gantt-dependencyLineMenu",
+                                style: { left: `${dependencyLineMenu.x + 10}px`, top: `${dependencyLineMenu.y}px` },
+                                role: "dialog",
+                                "aria-label": "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F \u0441\u043E \u0441\u0432\u044F\u0437\u044C\u044E",
+                                children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "gantt-dependencyLineMenuType", children: dependencyLineMenu.linkType === "FS" ? "\u041E\u041D" : dependencyLineMenu.linkType === "SS" ? "\u041D\u041D" : dependencyLineMenu.linkType === "FF" ? "\u041E\u041E" : "\u041D\u041E" }),
+                                  !disableDependencyEditing && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                                    "button",
+                                    {
+                                      type: "button",
+                                      className: "gantt-dependencyLineMenuDelete",
+                                      "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0432\u044F\u0437\u044C",
+                                      title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0432\u044F\u0437\u044C",
+                                      onClick: handleDependencyLineDelete,
+                                      children: "\xD7"
+                                    }
+                                  )
+                                ]
+                              }
+                            ),
+                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                              DependencyCreationOverlay,
+                              {
+                                drag: dependencyCreationDrag,
+                                width: gridWidth,
+                                height: totalGridHeight
                               }
                             ),
-                            dragGuideLines && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                            dependencyCreationError && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "gantt-dependencyCreation-error", role: "status", children: dependencyCreationError }),
+                            dragGuideLines && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                               DragGuideLines_default,
                               {
                                 isDragging: dragGuideLines.isDragging,
@@ -13350,7 +13772,7 @@ function TaskGanttChartInner(props, ref) {
                                 totalHeight: totalGridHeight
                               }
                             ),
-                            renderedChartTasks.map(({ task, index }) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                            renderedChartTasks.map(({ task, index }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                               "div",
                               {
                                 style: {
@@ -13360,7 +13782,7 @@ function TaskGanttChartInner(props, ref) {
                                   right: 0,
                                   height: `${effectiveRowHeight}px`
                                 },
-                                children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                                   TaskRow_default,
                                   {
                                     task,
@@ -13391,6 +13813,9 @@ function TaskGanttChartInner(props, ref) {
                                     customDays,
                                     isWeekend: isWeekend3,
                                     disableTaskDrag,
+                                    disableDependencyEditing,
+                                    onDependencyPortPointerDown: handleDependencyPortPointerDown,
+                                    isDependencyDragActive: dependencyCreationDrag !== null,
                                     viewMode
                                   }
                                 )
@@ -13417,7 +13842,7 @@ GanttChart.displayName = "GanttChart";
 
 // src/components/ui/Button.tsx
 var import_react19 = __toESM(require("react"));
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var Button = import_react19.default.forwardRef(
   ({ className, variant = "default", size = "default", children, ...props }, ref) => {
     const classes = [
@@ -13426,7 +13851,7 @@ var Button = import_react19.default.forwardRef(
       size !== "default" ? `gantt-btn-${size}` : "",
       className || ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("button", { ref, className: classes, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { ref, className: classes, ...props, children });
   }
 );
 Button.displayName = "Button";