gantt-lib 0.121.2 → 0.122.0

package/dist/index.mjs

@@ -3,7 +3,7 @@
 "use client";
 
 // src/components/GanttChart/GanttChart.tsx
-import { useMemo as useMemo13, useCallback as useCallback10, useRef as useRef11, useState as useState11, useEffect as useEffect10, useImperativeHandle, forwardRef } from "react";
+import { useMemo as useMemo13, useCallback as useCallback10, useRef as useRef11, useState as useState12, useEffect as useEffect10, useImperativeHandle, forwardRef } from "react";
 
 // src/core/scheduling/dateMath.ts
 var DAY_MS = 24 * 60 * 60 * 1e3;
@@ -2835,12 +2835,12 @@ var useTaskDrag = (options) => {
 };
 
 // src/components/TaskRow/TaskRow.tsx
-import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx2, jsxs as jsxs2 } from "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 = React2.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 = useMemo2(() => normalizeTaskDatesForType(task), [task]);
@@ -3072,6 +3072,36 @@ var TaskRow = React2.memo(
                 ]
               }
             ),
+            !disableDependencyEditing && onDependencyPortPointerDown && /* @__PURE__ */ jsxs2(Fragment, { children: [
+              /* @__PURE__ */ jsx2(
+                "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__ */ jsx2(
+                "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__ */ jsx2(
               "div",
               {
@@ -3335,7 +3365,7 @@ GridBackground.displayName = "GridBackground";
 var GridBackground_default = GridBackground;
 
 // src/components/DragGuideLines/DragGuideLines.tsx
-import { Fragment, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx6, jsxs as jsxs4 } from "react/jsx-runtime";
 var DragGuideLines = ({
   isDragging,
   dragMode,
@@ -3348,7 +3378,7 @@ var DragGuideLines = ({
   }
   const showLeftLine = dragMode === "move" || dragMode === "resize-left";
   const showRightLine = dragMode === "move" || dragMode === "resize-right";
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
     showLeftLine && /* @__PURE__ */ jsx6(
       "div",
       {
@@ -3374,7 +3404,7 @@ var DragGuideLines = ({
 var DragGuideLines_default = DragGuideLines;
 
 // src/components/DependencyLines/DependencyLines.tsx
-import React6, { useMemo as useMemo6 } from "react";
+import React6, { useMemo as useMemo6, useState as useState2 } from "react";
 import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function isTaskHidden(taskId, collapsedParentIds, taskMap) {
   const task = taskMap.get(taskId);
@@ -3416,8 +3446,10 @@ var DependencyLines = React6.memo(({
   dragOverrides,
   selectedDep,
   businessDays = true,
-  weekendPredicate
+  weekendPredicate,
+  onDependencyClick
 }) => {
+  const [hoveredLineId, setHoveredLineId] = useState2(null);
   const tasksForPositions = allTasks ?? tasks;
   const { taskPositions, taskIndices, hiddenTaskIds } = useMemo6(() => {
     const positions = /* @__PURE__ */ new Map();
@@ -3553,6 +3585,9 @@ var DependencyLines = React6.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,
@@ -3654,7 +3689,8 @@ var DependencyLines = React6.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";
@@ -3666,23 +3702,43 @@ var DependencyLines = React6.memo(({
           else markerEnd = "url(#arrowhead)";
           const lagColor = isSelected ? "#ef4444" : hasCycle ? "var(--gantt-dependency-cycle-color, #ef4444)" : "var(--gantt-dependency-line-color, #666666)";
           return /* @__PURE__ */ jsxs5(React6.Fragment, { children: [
-            /* @__PURE__ */ jsxs5("g", { className: "gantt-dependency-line", children: [
-              /* @__PURE__ */ jsx7(
-                "path",
-                {
-                  d: path,
-                  className: "gantt-dependency-hit-area"
-                }
-              ),
-              /* @__PURE__ */ jsx7(
-                "path",
-                {
-                  d: path,
-                  className: pathClassName,
-                  markerEnd
-                }
-              )
-            ] }),
+            /* @__PURE__ */ jsxs5(
+              "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__ */ jsx7(
+                    "path",
+                    {
+                      d: path,
+                      className: "gantt-dependency-hit-area"
+                    }
+                  ),
+                  /* @__PURE__ */ jsx7(
+                    "path",
+                    {
+                      d: path,
+                      className: pathClassName,
+                      markerEnd
+                    }
+                  )
+                ]
+              }
+            ),
             lag !== 0 && /* @__PURE__ */ jsx7(
               "text",
               {
@@ -3704,8 +3760,64 @@ var DependencyLines = React6.memo(({
 DependencyLines.displayName = "DependencyLines";
 var DependencyLines_default = DependencyLines;
 
+// src/components/DependencyCreationOverlay/DependencyCreationOverlay.tsx
+import { jsx as jsx8, jsxs as jsxs6 } from "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__ */ jsxs6(
+    "svg",
+    {
+      className: "gantt-dependencyCreation-svg",
+      "data-testid": "dependency-creation-preview",
+      width,
+      height,
+      "aria-hidden": "true",
+      children: [
+        /* @__PURE__ */ jsx8(
+          "path",
+          {
+            className: `gantt-dependencyCreation-path ${drag.target ? "gantt-dependencyCreation-pathTargeted" : ""}`,
+            d: getPath(drag)
+          }
+        ),
+        /* @__PURE__ */ jsx8("circle", { className: "gantt-dependencyCreation-source", cx: drag.source.x, cy: drag.source.y, r: "4" }),
+        /* @__PURE__ */ jsx8(
+          "circle",
+          {
+            className: `gantt-dependencyCreation-target ${drag.target ? "gantt-dependencyCreation-targetValid" : ""}`,
+            cx: drag.current.x,
+            cy: drag.current.y,
+            r: "5"
+          }
+        ),
+        drag.linkType && /* @__PURE__ */ jsx8("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
-import React12, { useMemo as useMemo9, useCallback as useCallback6, useState as useState6, useEffect as useEffect6, useRef as useRef6 } from "react";
+import React12, { useMemo as useMemo9, useCallback as useCallback6, useState as useState7, useEffect as useEffect6, useRef as useRef6 } from "react";
 
 // src/utils/taskListReorder.ts
 function getDescendantIds(taskId, tasks) {
@@ -3876,9 +3988,9 @@ function getVisibleReorderPlan(orderedTasks, visibleTasks, movedTaskId, target)
 
 // src/components/ui/Popover.tsx
 import * as RadixPopover from "@radix-ui/react-popover";
-import { jsx as jsx8 } from "react/jsx-runtime";
+import { jsx as jsx9 } from "react/jsx-runtime";
 var Popover = ({ open, onOpenChange, children }) => {
-  return /* @__PURE__ */ jsx8(RadixPopover.Root, { open, onOpenChange, children });
+  return /* @__PURE__ */ jsx9(RadixPopover.Root, { open, onOpenChange, children });
 };
 var PopoverTrigger = RadixPopover.Trigger;
 var PopoverContent = ({
@@ -3890,7 +4002,7 @@ var PopoverContent = ({
   collisionPadding = 8,
   onInteractOutside
 }) => {
-  const content = /* @__PURE__ */ jsx8(
+  const content = /* @__PURE__ */ jsx9(
     RadixPopover.Content,
     {
       className: `gantt-popover${className ? ` ${className}` : ""}`,
@@ -3903,14 +4015,14 @@ var PopoverContent = ({
     }
   );
   if (portal) {
-    return /* @__PURE__ */ jsx8(RadixPopover.Portal, { children: content });
+    return /* @__PURE__ */ jsx9(RadixPopover.Portal, { children: content });
   }
   return content;
 };
 
 // src/components/TaskList/TaskListRow.tsx
 import React10, {
-  useState as useState4,
+  useState as useState5,
   useRef as useRef4,
   useEffect as useEffect4,
   useCallback as useCallback5,
@@ -3919,10 +4031,10 @@ import React10, {
 
 // src/components/ui/Input.tsx
 import React7 from "react";
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 var Input = React7.forwardRef(
   ({ className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx9(
+    return /* @__PURE__ */ jsx10(
       "input",
       {
         ref,
@@ -3935,12 +4047,12 @@ var Input = React7.forwardRef(
 Input.displayName = "Input";
 
 // src/components/ui/DatePicker.tsx
-import { useState as useState3, useCallback as useCallback4, useEffect as useEffect3, useRef as useRef3 } from "react";
+import { useState as useState4, useCallback as useCallback4, useEffect as useEffect3, useRef as useRef3 } from "react";
 import { format as format3, isValid, parse, addDays, addMonths as addMonths2, addYears, subMonths as subMonths2, subYears, subDays } from "date-fns";
 
 // src/components/ui/Calendar.tsx
 import {
-  useState as useState2,
+  useState as useState3,
   useRef as useRef2,
   useEffect as useEffect2,
   useCallback as useCallback3,
@@ -3960,7 +4072,7 @@ import {
   startOfDay
 } from "date-fns";
 import { ru as ru2 } from "date-fns/locale";
-import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 function getDayClassName(day, selected, isWeekendProp) {
   const classes = ["gantt-day-btn"];
   if (selected && isSameDay(day, selected)) classes.push("selected");
@@ -3983,7 +4095,7 @@ var Calendar = ({
     // eslint-disable-next-line react-hooks/exhaustive-deps
     []
   );
-  const [months, setMonths] = useState2(() => [
+  const [months, setMonths] = useState3(() => [
     subMonths(initialMonth, 1),
     initialMonth,
     addMonths(initialMonth, 1)
@@ -4032,13 +4144,13 @@ var Calendar = ({
       const monthKey = format2(month, "yyyy-MM");
       const monthLabel = format2(month, "LLLL yyyy", { locale: ru2 });
       const weekdayLabels = ["\u041F\u043D", "\u0412\u0442", "\u0421\u0440", "\u0427\u0442", "\u041F\u0442", "\u0421\u0431", "\u0412\u0441"];
-      const weekdayHeaders = weekdayLabels.map((label, i) => /* @__PURE__ */ jsx10("div", { className: "gantt-cal-weekday", children: label }, `wd-${i}`));
-      const emptyCells = Array.from({ length: emptyDays }, (_, i) => /* @__PURE__ */ jsx10("div", { className: "gantt-cal-empty-day" }, `e-${i}`));
+      const weekdayHeaders = weekdayLabels.map((label, i) => /* @__PURE__ */ jsx11("div", { className: "gantt-cal-weekday", children: label }, `wd-${i}`));
+      const emptyCells = Array.from({ length: emptyDays }, (_, i) => /* @__PURE__ */ jsx11("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__ */ jsx10(
+        return /* @__PURE__ */ jsx11(
           "button",
           {
             type: "button",
@@ -4054,9 +4166,9 @@ var Calendar = ({
           dayNum
         );
       });
-      return /* @__PURE__ */ jsxs6("div", { className: "gantt-cal-month", "data-month": monthKey, children: [
-        /* @__PURE__ */ jsx10("div", { className: "gantt-cal-month-header", children: monthLabel }),
-        /* @__PURE__ */ jsxs6("div", { className: "gantt-cal-month-days", children: [
+      return /* @__PURE__ */ jsxs7("div", { className: "gantt-cal-month", "data-month": monthKey, children: [
+        /* @__PURE__ */ jsx11("div", { className: "gantt-cal-month-header", children: monthLabel }),
+        /* @__PURE__ */ jsxs7("div", { className: "gantt-cal-month-days", children: [
           weekdayHeaders,
           emptyCells,
           dayCells
@@ -4069,12 +4181,12 @@ var Calendar = ({
     () => months.map(renderMonth),
     [months, renderMonth]
   );
-  return /* @__PURE__ */ jsx10("div", { ref: scrollRef, className: "gantt-cal-container", children: renderedMonths });
+  return /* @__PURE__ */ jsx11("div", { ref: scrollRef, className: "gantt-cal-container", children: renderedMonths });
 };
 Calendar.displayName = "Calendar";
 
 // src/components/ui/DatePicker.tsx
-import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
 var segments = [
   { start: 0, end: 2, label: "day", max: 31 },
   { start: 3, end: 5, label: "month", max: 12 },
@@ -4120,9 +4232,9 @@ var DatePicker = ({
   businessDays = true,
   footer
 }) => {
-  const [open, setOpen] = useState3(false);
-  const [inputValue, setInputValue] = useState3("");
-  const [draftDate, setDraftDate] = useState3(void 0);
+  const [open, setOpen] = useState4(false);
+  const [inputValue, setInputValue] = useState4("");
+  const [draftDate, setDraftDate] = useState4(void 0);
   const dateInputRef = useRef3(null);
   const segIdxRef = useRef3(0);
   const charPosRef = useRef3(0);
@@ -4341,8 +4453,8 @@ var DatePicker = ({
     }
     setOpen(nextOpen);
   }, [commitDate, open]);
-  return /* @__PURE__ */ jsxs7(Popover, { open, onOpenChange: disabled ? void 0 : handleOpenChange, children: [
-    /* @__PURE__ */ jsx11(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs8(Popover, { open, onOpenChange: disabled ? void 0 : handleOpenChange, children: [
+    /* @__PURE__ */ jsx12(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx12(
       "button",
       {
         type: "button",
@@ -4355,17 +4467,17 @@ var DatePicker = ({
         children: displayValue
       }
     ) }),
-    /* @__PURE__ */ jsxs7(
+    /* @__PURE__ */ jsxs8(
       PopoverContent,
       {
         portal,
         align: "start",
         side: "bottom",
         children: [
-          /* @__PURE__ */ jsxs7("div", { className: "gantt-datepicker-input-row", children: [
-            /* @__PURE__ */ jsx11("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(-7), tabIndex: -1, children: "-7" }),
-            /* @__PURE__ */ jsx11("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(-1), tabIndex: -1, children: "-1" }),
-            /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsxs8("div", { className: "gantt-datepicker-input-row", children: [
+            /* @__PURE__ */ jsx12("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(-7), tabIndex: -1, children: "-7" }),
+            /* @__PURE__ */ jsx12("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(-1), tabIndex: -1, children: "-1" }),
+            /* @__PURE__ */ jsx12(
               "input",
               {
                 ref: dateInputRef,
@@ -4384,10 +4496,10 @@ var DatePicker = ({
                 autoComplete: "off"
               }
             ),
-            /* @__PURE__ */ jsx11("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(1), tabIndex: -1, children: "+1" }),
-            /* @__PURE__ */ jsx11("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(7), tabIndex: -1, children: "+7" })
+            /* @__PURE__ */ jsx12("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(1), tabIndex: -1, children: "+1" }),
+            /* @__PURE__ */ jsx12("button", { type: "button", className: "gantt-datepicker-shift-btn", onMouseDown: handleShiftButtonMouseDown, onClick: () => handleDayShift(7), tabIndex: -1, children: "+7" })
           ] }),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             Calendar,
             {
               mode: "single",
@@ -4397,7 +4509,7 @@ var DatePicker = ({
               isWeekend: isWeekend3
             }
           ),
-          footer ? /* @__PURE__ */ jsx11("div", { className: "gantt-datepicker-footer", children: footer }) : null
+          footer ? /* @__PURE__ */ jsx12("div", { className: "gantt-datepicker-footer", children: footer }) : null
         ]
       }
     )
@@ -4406,24 +4518,24 @@ var DatePicker = ({
 DatePicker.displayName = "DatePicker";
 
 // src/components/TaskList/DepIcons.tsx
-import { jsx as jsx12, jsxs as jsxs8 } from "react/jsx-runtime";
-var DepIconFS = () => /* @__PURE__ */ jsxs8("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx12("path", { d: "m10 15 5 5 5-5" }),
-  /* @__PURE__ */ jsx12("path", { d: "M4 4h7a4 4 0 0 1 4 4v12" })
+import { jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+var DepIconFS = () => /* @__PURE__ */ jsxs9("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__ */ jsx13("path", { d: "m10 15 5 5 5-5" }),
+  /* @__PURE__ */ jsx13("path", { d: "M4 4h7a4 4 0 0 1 4 4v12" })
 ] });
-var DepIconSS = () => /* @__PURE__ */ jsxs8("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx12("path", { d: "M3 5v14" }),
-  /* @__PURE__ */ jsx12("path", { d: "M21 12H7" }),
-  /* @__PURE__ */ jsx12("path", { d: "m15 18 6-6-6-6" })
+var DepIconSS = () => /* @__PURE__ */ jsxs9("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__ */ jsx13("path", { d: "M3 5v14" }),
+  /* @__PURE__ */ jsx13("path", { d: "M21 12H7" }),
+  /* @__PURE__ */ jsx13("path", { d: "m15 18 6-6-6-6" })
 ] });
-var DepIconFF = () => /* @__PURE__ */ jsxs8("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx12("path", { d: "M17 12H3" }),
-  /* @__PURE__ */ jsx12("path", { d: "m11 18 6-6-6-6" }),
-  /* @__PURE__ */ jsx12("path", { d: "M21 5v14" })
+var DepIconFF = () => /* @__PURE__ */ jsxs9("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__ */ jsx13("path", { d: "M17 12H3" }),
+  /* @__PURE__ */ jsx13("path", { d: "m11 18 6-6-6-6" }),
+  /* @__PURE__ */ jsx13("path", { d: "M21 5v14" })
 ] });
-var DepIconSF = () => /* @__PURE__ */ jsxs8("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ jsx12("path", { d: "m14 15-5 5-5-5" }),
-  /* @__PURE__ */ jsx12("path", { d: "M20 4h-7a4 4 0 0 0-4 4v12" })
+var DepIconSF = () => /* @__PURE__ */ jsxs9("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__ */ jsx13("path", { d: "m14 15-5 5-5-5" }),
+  /* @__PURE__ */ jsx13("path", { d: "M20 4h-7a4 4 0 0 0-4 4v12" })
 ] });
 var LINK_TYPE_ICONS = {
   FS: DepIconFS,
@@ -4432,10 +4544,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
@@ -4473,7 +4585,7 @@ function buildDefaultTaskDateRange(startDate, {
 }
 
 // src/components/TaskList/TaskListRow.tsx
-import { Fragment as Fragment2, jsx as jsx13, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
 var DAY_MS3 = 24 * 60 * 60 * 1e3;
 var LINK_TYPE_ORDER = ["FS", "SS", "FF", "SF"];
 var getInclusiveDurationDays = (startDate, endDate) => {
@@ -4488,7 +4600,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__ */ jsxs9(
+var TrashIcon = () => /* @__PURE__ */ jsxs10(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4501,13 +4613,13 @@ var TrashIcon = () => /* @__PURE__ */ jsxs9(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx13("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-      /* @__PURE__ */ jsx13("path", { d: "M3 6h18" }),
-      /* @__PURE__ */ jsx13("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+      /* @__PURE__ */ jsx14("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+      /* @__PURE__ */ jsx14("path", { d: "M3 6h18" }),
+      /* @__PURE__ */ jsx14("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
     ]
   }
 );
-var PlusIcon = () => /* @__PURE__ */ jsx13(
+var PlusIcon = () => /* @__PURE__ */ jsx14(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4519,18 +4631,37 @@ var PlusIcon = () => /* @__PURE__ */ jsx13(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx13("path", { d: "M12 5v14M5 12h14" })
+    children: /* @__PURE__ */ jsx14("path", { d: "M12 5v14M5 12h14" })
+  }
+);
+var DepEditIcon = () => /* @__PURE__ */ jsxs10(
+  "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__ */ jsx14("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__ */ jsx14("path", { d: "m15 5 4 4" })
+    ]
   }
 );
-var DragHandleIcon = () => /* @__PURE__ */ jsxs9("svg", { width: "10", height: "14", viewBox: "0 0 10 14", fill: "currentColor", children: [
-  /* @__PURE__ */ jsx13("circle", { cx: "2", cy: "2", r: "1.5" }),
-  /* @__PURE__ */ jsx13("circle", { cx: "8", cy: "2", r: "1.5" }),
-  /* @__PURE__ */ jsx13("circle", { cx: "2", cy: "7", r: "1.5" }),
-  /* @__PURE__ */ jsx13("circle", { cx: "8", cy: "7", r: "1.5" }),
-  /* @__PURE__ */ jsx13("circle", { cx: "2", cy: "12", r: "1.5" }),
-  /* @__PURE__ */ jsx13("circle", { cx: "8", cy: "12", r: "1.5" })
+var DragHandleIcon = () => /* @__PURE__ */ jsxs10("svg", { width: "10", height: "14", viewBox: "0 0 10 14", fill: "currentColor", children: [
+  /* @__PURE__ */ jsx14("circle", { cx: "2", cy: "2", r: "1.5" }),
+  /* @__PURE__ */ jsx14("circle", { cx: "8", cy: "2", r: "1.5" }),
+  /* @__PURE__ */ jsx14("circle", { cx: "2", cy: "7", r: "1.5" }),
+  /* @__PURE__ */ jsx14("circle", { cx: "8", cy: "7", r: "1.5" }),
+  /* @__PURE__ */ jsx14("circle", { cx: "2", cy: "12", r: "1.5" }),
+  /* @__PURE__ */ jsx14("circle", { cx: "8", cy: "12", r: "1.5" })
 ] });
-var VerticalDotsIcon = () => /* @__PURE__ */ jsxs9(
+var VerticalDotsIcon = () => /* @__PURE__ */ jsxs10(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4539,13 +4670,13 @@ var VerticalDotsIcon = () => /* @__PURE__ */ jsxs9(
     viewBox: "0 0 24 24",
     fill: "currentColor",
     children: [
-      /* @__PURE__ */ jsx13("circle", { cx: "12", cy: "5", r: "2" }),
-      /* @__PURE__ */ jsx13("circle", { cx: "12", cy: "12", r: "2" }),
-      /* @__PURE__ */ jsx13("circle", { cx: "12", cy: "19", r: "2" })
+      /* @__PURE__ */ jsx14("circle", { cx: "12", cy: "5", r: "2" }),
+      /* @__PURE__ */ jsx14("circle", { cx: "12", cy: "12", r: "2" }),
+      /* @__PURE__ */ jsx14("circle", { cx: "12", cy: "19", r: "2" })
     ]
   }
 );
-var CopyIcon = () => /* @__PURE__ */ jsxs9(
+var CopyIcon = () => /* @__PURE__ */ jsxs10(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4558,12 +4689,12 @@ var CopyIcon = () => /* @__PURE__ */ jsxs9(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx13("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
-      /* @__PURE__ */ jsx13("path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2" })
+      /* @__PURE__ */ jsx14("rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2" }),
+      /* @__PURE__ */ jsx14("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__ */ jsxs9(
+var UngroupIcon = () => /* @__PURE__ */ jsxs10(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4576,10 +4707,10 @@ var UngroupIcon = () => /* @__PURE__ */ jsxs9(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx13("path", { d: "M3 12h10" }),
-      /* @__PURE__ */ jsx13("path", { d: "m6 9-3 3 3 3" }),
-      /* @__PURE__ */ jsx13("path", { d: "M13 6h8" }),
-      /* @__PURE__ */ jsx13("path", { d: "M13 18h8" })
+      /* @__PURE__ */ jsx14("path", { d: "M3 12h10" }),
+      /* @__PURE__ */ jsx14("path", { d: "m6 9-3 3 3 3" }),
+      /* @__PURE__ */ jsx14("path", { d: "M13 6h8" }),
+      /* @__PURE__ */ jsx14("path", { d: "M13 18h8" })
     ]
   }
 );
@@ -4606,7 +4737,7 @@ var TASK_COLOR_PALETTE = [
   // { label: "Океан2", value: "#0626ba" },
   // { label: "Виноград", value: "#AE3EC9" },
 ];
-var ChevronRightIcon = () => /* @__PURE__ */ jsx13(
+var ChevronRightIcon = () => /* @__PURE__ */ jsx14(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4618,10 +4749,10 @@ var ChevronRightIcon = () => /* @__PURE__ */ jsx13(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    children: /* @__PURE__ */ jsx13("path", { d: "m9 18 6-6-6-6" })
+    children: /* @__PURE__ */ jsx14("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",
@@ -4630,7 +4761,7 @@ var LINK_TYPE_LABELS_RU = {
 function formatTaskNumberLabel(taskNumber) {
   return taskNumber ? `${taskNumber}. ` : "";
 }
-var ArrowLeft = () => /* @__PURE__ */ jsxs9(
+var ArrowLeft = () => /* @__PURE__ */ jsxs10(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4643,12 +4774,12 @@ var ArrowLeft = () => /* @__PURE__ */ jsxs9(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx13("path", { d: "m12 19-7-7 7-7" }),
-      /* @__PURE__ */ jsx13("path", { d: "M19 12H5" })
+      /* @__PURE__ */ jsx14("path", { d: "m12 19-7-7 7-7" }),
+      /* @__PURE__ */ jsx14("path", { d: "M19 12H5" })
     ]
   }
 );
-var ArrowRight = () => /* @__PURE__ */ jsxs9(
+var ArrowRight = () => /* @__PURE__ */ jsxs10(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -4661,8 +4792,8 @@ var ArrowRight = () => /* @__PURE__ */ jsxs9(
     strokeLinecap: "round",
     strokeLinejoin: "round",
     children: [
-      /* @__PURE__ */ jsx13("path", { d: "M5 12h14" }),
-      /* @__PURE__ */ jsx13("path", { d: "m12 5 7 7-7 7" })
+      /* @__PURE__ */ jsx14("path", { d: "M5 12h14" }),
+      /* @__PURE__ */ jsx14("path", { d: "m12 5 7 7-7 7" })
     ]
   }
 );
@@ -4676,8 +4807,8 @@ var HierarchyButton = ({
   const canPromote = isChild && onPromote;
   const showDemote = canDemote && !!onDemote;
   if (!canPromote && !showDemote) return null;
-  return /* @__PURE__ */ jsxs9(Fragment2, { children: [
-    canPromote && /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
+    canPromote && /* @__PURE__ */ jsx14(
       "button",
       {
         type: "button",
@@ -4687,10 +4818,10 @@ var HierarchyButton = ({
           onPromote(e);
         },
         title: "\u041F\u043E\u0432\u044B\u0441\u0438\u0442\u044C \u0443\u0440\u043E\u0432\u0435\u043D\u044C",
-        children: /* @__PURE__ */ jsx13(ArrowLeft, {})
+        children: /* @__PURE__ */ jsx14(ArrowLeft, {})
       }
     ),
-    showDemote && /* @__PURE__ */ jsx13(
+    showDemote && /* @__PURE__ */ jsx14(
       "button",
       {
         type: "button",
@@ -4700,7 +4831,7 @@ var HierarchyButton = ({
           onDemote(e);
         },
         title: "\u041F\u043E\u043D\u0438\u0437\u0438\u0442\u044C \u0443\u0440\u043E\u0432\u0435\u043D\u044C",
-        children: /* @__PURE__ */ jsx13(ArrowRight, {})
+        children: /* @__PURE__ */ jsx14(ArrowRight, {})
       }
     )
   ] });
@@ -4725,9 +4856,9 @@ var DepChip = ({
   businessDays = true,
   weekendPredicate
 }) => {
-  const [popoverOpen, setPopoverOpen] = useState4(false);
+  const [popoverOpen, setPopoverOpen] = useState5(false);
   const lagAbs = Math.abs(lag ?? 0);
-  const [inputAbs, setInputAbs] = useState4(lagAbs === 0 ? "" : String(lagAbs));
+  const [inputAbs, setInputAbs] = useState5(lagAbs === 0 ? "" : String(lagAbs));
   useEffect4(() => {
     const abs = Math.abs(lag ?? 0);
     setInputAbs(abs === 0 ? "" : String(abs));
@@ -4736,9 +4867,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,
@@ -4870,44 +4999,71 @@ var DepChip = ({
       afterWhat = "\u043F\u043E\u0441\u043B\u0435 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F";
     }
   }
-  return /* @__PURE__ */ jsxs9(Popover, { open: popoverOpen, onOpenChange: handleOpenChange, children: [
-    /* @__PURE__ */ jsx13(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(Popover, { open: popoverOpen, onOpenChange: handleOpenChange, children: [
+    /* @__PURE__ */ jsxs10(
       "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__ */ jsx13("span", { className: "gantt-tl-dep-chip-task-number", children: predecessorTaskNumber }),
-          /* @__PURE__ */ jsx13("span", { className: "gantt-tl-dep-chip", children: /* @__PURE__ */ jsx13(Icon, {}) }),
-          effectiveLag !== 0 && /* @__PURE__ */ jsx13("span", { className: "gantt-tl-dep-chip-lag", children: effectiveLag > 0 ? `+${effectiveLag}` : `${effectiveLag}` }),
-          /* @__PURE__ */ jsxs9("span", { className: "gantt-tl-dep-chip-tooltip", role: "tooltip", children: [
-            "[",
-            LINK_TYPE_LABELS_RU[dep.type],
-            "] ",
-            formatTaskNumberLabel(predecessorTaskNumber),
-            depName
-          ] })
+          /* @__PURE__ */ jsxs10(
+            "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__ */ jsx14("span", { className: "gantt-tl-dep-chip-task-number", children: predecessorTaskNumber }),
+                /* @__PURE__ */ jsx14("span", { className: "gantt-tl-dep-chip", children: /* @__PURE__ */ jsx14(Icon, {}) }),
+                effectiveLag !== 0 && /* @__PURE__ */ jsx14("span", { className: "gantt-tl-dep-chip-lag", children: effectiveLag > 0 ? `+${effectiveLag}` : `${effectiveLag}` }),
+                /* @__PURE__ */ jsxs10("span", { className: "gantt-tl-dep-chip-tooltip", role: "tooltip", children: [
+                  "[",
+                  LINK_TYPE_LABELS_RU2[dep.type],
+                  "] ",
+                  formatTaskNumberLabel(predecessorTaskNumber),
+                  depName
+                ] })
+              ]
+            }
+          ),
+          isSelected && !disableDependencyEditing && /* @__PURE__ */ jsx14(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx14(
+            "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__ */ jsx14(DepEditIcon, {})
+            }
+          ) })
         ]
       }
-    ) }),
-    /* @__PURE__ */ jsx13(
+    ),
+    /* @__PURE__ */ jsx14(
       PopoverContent,
       {
         className: "gantt-tl-dep-edit-popover",
         portal: true,
         align: "start",
-        children: /* @__PURE__ */ jsxs9("div", { onClick: (e) => e.stopPropagation(), children: [
-          /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-dep-edit-task", children: [
+        children: /* @__PURE__ */ jsxs10("div", { onClick: (e) => e.stopPropagation(), children: [
+          /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-dep-edit-task", children: [
             formatTaskNumberLabel(taskNumber),
             task.name
           ] }),
-          /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-dep-edit-row", children: [
-            /* @__PURE__ */ jsxs9("span", { className: "gantt-tl-dep-edit-label", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-dep-edit-row", children: [
+            /* @__PURE__ */ jsxs10("span", { className: "gantt-tl-dep-edit-label", children: [
               actionVerb,
               preWord ? ` ${preWord}` : ""
             ] }),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -4916,7 +5072,7 @@ var DepChip = ({
                 children: "\u2212"
               }
             ),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(
               "input",
               {
                 type: "number",
@@ -4932,7 +5088,7 @@ var DepChip = ({
                 }
               }
             ),
-            !(dep.type === "SF" && effectiveLag === 0) && /* @__PURE__ */ jsx13(
+            !(dep.type === "SF" && effectiveLag === 0) && /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -4941,17 +5097,17 @@ var DepChip = ({
                 children: "+"
               }
             ),
-            effectiveLag !== 0 && /* @__PURE__ */ jsx13("span", { children: "\u0434." }),
-            /* @__PURE__ */ jsx13("span", { children: afterWhat })
+            effectiveLag !== 0 && /* @__PURE__ */ jsx14("span", { children: "\u0434." }),
+            /* @__PURE__ */ jsx14("span", { children: afterWhat })
           ] }),
-          /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-dep-edit-pred", children: [
+          /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-dep-edit-pred", children: [
             formatTaskNumberLabel(predecessorTaskNumber),
             depName
           ] }),
-          !disableDependencyEditing && /* @__PURE__ */ jsxs9(Fragment2, { children: [
-            /* @__PURE__ */ jsx13("hr", { className: "gantt-tl-dep-edit-divider" }),
-            /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-dep-edit-actions", children: [
-              /* @__PURE__ */ jsx13(
+          !disableDependencyEditing && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+            /* @__PURE__ */ jsx14("hr", { className: "gantt-tl-dep-edit-divider" }),
+            /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-dep-edit-actions", children: [
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   type: "button",
@@ -4963,7 +5119,7 @@ var DepChip = ({
                   children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
                 }
               ),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(
                 "button",
                 {
                   type: "button",
@@ -5083,8 +5239,8 @@ var TaskListRow = React10.memo(
     taskDateChangeMode = "preserve-duration",
     onTaskDateChangeModeChange
   }) => {
-    const [editingColumnId, setEditingColumnId] = useState4(null);
-    const [editingColumnStartValue, setEditingColumnStartValue] = useState4(void 0);
+    const [editingColumnId, setEditingColumnId] = useState5(null);
+    const [editingColumnStartValue, setEditingColumnStartValue] = useState5(void 0);
     const editingName = editingColumnId === "name";
     const editingDuration = editingColumnId === "duration";
     const editingProgress = editingColumnId === "progress";
@@ -5115,19 +5271,19 @@ var TaskListRow = React10.memo(
     }, [columnWidthStyleMap]);
     const normalizedTask = useMemo8(() => normalizeTaskDatesForType(task), [task]);
     const isMilestone = useMemo8(() => isMilestoneTask(normalizedTask), [normalizedTask]);
-    const [nameValue, setNameValue] = useState4("");
+    const [nameValue, setNameValue] = useState5("");
     const nameInputRef = useRef4(null);
-    const [durationValue, setDurationValue] = useState4(
+    const [durationValue, setDurationValue] = useState5(
       () => getInclusiveDurationDays(normalizedTask.startDate, normalizedTask.endDate)
     );
     const durationInputRef = useRef4(null);
     const dependencySearchInputRef = useRef4(null);
     const dependencySearchListRef = useRef4(null);
-    const [progressValue, setProgressValue] = useState4(0);
+    const [progressValue, setProgressValue] = useState5(0);
     const progressInputRef = useRef4(null);
-    const [overflowOpen, setOverflowOpen] = useState4(false);
-    const [contextMenuOpen, setContextMenuOpen] = useState4(false);
-    const [colorMenuOpen, setColorMenuOpen] = useState4(false);
+    const [overflowOpen, setOverflowOpen] = useState5(false);
+    const [contextMenuOpen, setContextMenuOpen] = useState5(false);
+    const [colorMenuOpen, setColorMenuOpen] = useState5(false);
     const nameConfirmedRef = useRef4(false);
     const durationConfirmedRef = useRef4(false);
     const progressConfirmedRef = useRef4(false);
@@ -5167,8 +5323,8 @@ var TaskListRow = React10.memo(
     }, []);
     const isPicking = selectingPredecessorFor != null;
     const isSourceRow = isPicking && selectingPredecessorFor === task.id;
-    const [dependencySearchQuery, setDependencySearchQuery] = useState4("");
-    const [highlightedDependencyIndex, setHighlightedDependencyIndex] = useState4(0);
+    const [dependencySearchQuery, setDependencySearchQuery] = useState5("");
+    const [highlightedDependencyIndex, setHighlightedDependencyIndex] = useState5(0);
     const chips = useMemo8(() => {
       const taskById = new Map((allTasks ?? []).map((t) => [t.id, t]));
       return (task.dependencies ?? []).map((dep) => {
@@ -5612,8 +5768,8 @@ var TaskListRow = React10.memo(
       },
       [task, onTasksChange, businessDays, getDuration, weekendPredicate, allTasks, isMilestone, emitMilestoneDateChange, taskDateChangeMode]
     );
-    const datePickerFooter = onTaskDateChangeModeChange ? /* @__PURE__ */ jsxs9("label", { className: "gantt-datepicker-mode-checkbox", children: [
-      /* @__PURE__ */ jsx13(
+    const datePickerFooter = onTaskDateChangeModeChange ? /* @__PURE__ */ jsxs10("label", { className: "gantt-datepicker-mode-checkbox", children: [
+      /* @__PURE__ */ jsx14(
         "input",
         {
           type: "checkbox",
@@ -5621,7 +5777,7 @@ var TaskListRow = React10.memo(
           onChange: (event) => onTaskDateChangeModeChange(event.target.checked ? "preserve-duration" : "free")
         }
       ),
-      /* @__PURE__ */ jsx13("span", { children: "\u0421\u043E\u0445\u0440\u0430\u043D\u044F\u0442\u044C \u0434\u043B\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u044C" })
+      /* @__PURE__ */ jsx14("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 = useCallback5(() => {
       onRowClick?.(task.id);
@@ -5772,14 +5928,14 @@ var TaskListRow = React10.memo(
       },
       [allTasks, dependencyPickMode, onRemoveDependency, task.dependencies, task.id]
     );
-    const sourcePickerContent = /* @__PURE__ */ jsxs9(
+    const sourcePickerContent = /* @__PURE__ */ jsxs10(
       "div",
       {
         className: "gantt-tl-dep-source-picker",
         onClick: (e) => e.stopPropagation(),
         children: [
-          /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-dep-source-direction", children: [
-            /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-dep-source-direction", children: [
+            /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -5788,7 +5944,7 @@ var TaskListRow = React10.memo(
                 children: "\u041F\u043E\u0441\u043B\u0435\u0434\u043E\u0432\u0430\u0442\u0435\u043B\u044C"
               }
             ),
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -5798,9 +5954,9 @@ var TaskListRow = React10.memo(
               }
             )
           ] }),
-          /* @__PURE__ */ jsx13("div", { className: "gantt-tl-dep-source-types", children: LINK_TYPE_ORDER.map((linkType) => {
+          /* @__PURE__ */ jsx14("div", { className: "gantt-tl-dep-source-types", children: LINK_TYPE_ORDER.map((linkType) => {
             const Icon = LINK_TYPE_ICONS[linkType];
-            return /* @__PURE__ */ jsxs9(
+            return /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
@@ -5809,14 +5965,14 @@ var TaskListRow = React10.memo(
                 "aria-label": `\u0412\u044B\u0431\u0440\u0430\u0442\u044C \u0442\u0438\u043F \u0441\u0432\u044F\u0437\u0438 ${linkType}`,
                 title: linkType,
                 children: [
-                  /* @__PURE__ */ jsx13(Icon, {}),
-                  /* @__PURE__ */ jsx13("span", { children: LINK_TYPE_LABELS_RU[linkType] })
+                  /* @__PURE__ */ jsx14(Icon, {}),
+                  /* @__PURE__ */ jsx14("span", { children: LINK_TYPE_LABELS_RU2[linkType] })
                 ]
               },
               linkType
             );
           }) }),
-          /* @__PURE__ */ jsx13("div", { className: "gantt-tl-dep-source-picker-head", children: /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14("div", { className: "gantt-tl-dep-source-picker-head", children: /* @__PURE__ */ jsx14(
             "input",
             {
               ref: dependencySearchInputRef,
@@ -5858,12 +6014,12 @@ var TaskListRow = React10.memo(
               }
             }
           ) }),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "div",
             {
               ref: dependencySearchListRef,
               className: "gantt-tl-dep-source-list",
-              children: dependencySearchCandidates.length > 0 ? dependencySearchCandidates.map(({ task: candidate, label, isAlreadyLinked }, index) => /* @__PURE__ */ jsxs9(
+              children: dependencySearchCandidates.length > 0 ? dependencySearchCandidates.map(({ task: candidate, label, isAlreadyLinked }, index) => /* @__PURE__ */ jsxs10(
                 "button",
                 {
                   type: "button",
@@ -5883,8 +6039,8 @@ var TaskListRow = React10.memo(
                   },
                   title: label,
                   children: [
-                    /* @__PURE__ */ jsx13("span", { className: "gantt-tl-dep-source-option-label", children: label }),
-                    isAlreadyLinked && /* @__PURE__ */ jsx13(
+                    /* @__PURE__ */ jsx14("span", { className: "gantt-tl-dep-source-option-label", children: label }),
+                    isAlreadyLinked && /* @__PURE__ */ jsx14(
                       "span",
                       {
                         className: "gantt-tl-dep-source-option-remove",
@@ -5899,7 +6055,7 @@ var TaskListRow = React10.memo(
                   ]
                 },
                 candidate.id
-              )) : /* @__PURE__ */ jsx13("span", { className: "gantt-tl-dep-source-hint", children: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E" })
+              )) : /* @__PURE__ */ jsx14("span", { className: "gantt-tl-dep-source-hint", children: "\u041D\u0438\u0447\u0435\u0433\u043E \u043D\u0435 \u043D\u0430\u0439\u0434\u0435\u043D\u043E" })
             }
           )
         ]
@@ -5909,13 +6065,13 @@ var TaskListRow = React10.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__ */ jsx13(
+    const selectionCell = /* @__PURE__ */ jsx14(
       "div",
       {
         className: "gantt-tl-cell gantt-tl-cell-selection",
         style: getColumnStyle("selection", 36),
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsx14(
           "input",
           {
             type: "checkbox",
@@ -5927,14 +6083,14 @@ var TaskListRow = React10.memo(
         )
       }
     );
-    const numberCell = /* @__PURE__ */ jsxs9(
+    const numberCell = /* @__PURE__ */ jsxs10(
       "div",
       {
         className: `gantt-tl-cell gantt-tl-cell-number${onDragStart ? " gantt-tl-cell-number-reorderable" : ""}`,
         style: getColumnStyle("number", 40),
         onClick: handleNumberClick,
         children: [
-          onDragStart && /* @__PURE__ */ jsx13(
+          onDragStart && /* @__PURE__ */ jsx14(
             "span",
             {
               className: "gantt-tl-drag-handle",
@@ -5945,10 +6101,10 @@ var TaskListRow = React10.memo(
               },
               onDragEnd: (e) => onDragEnd?.(e),
               onClick: (e) => e.stopPropagation(),
-              children: /* @__PURE__ */ jsx13(DragHandleIcon, {})
+              children: /* @__PURE__ */ jsx14(DragHandleIcon, {})
             }
           ),
-          /* @__PURE__ */ jsx13("span", { className: "gantt-tl-num-label", children: taskNumber || rowIndex + 1 })
+          /* @__PURE__ */ jsx14("span", { className: "gantt-tl-num-label", children: taskNumber || rowIndex + 1 })
         ]
       }
     );
@@ -5964,12 +6120,12 @@ var TaskListRow = React10.memo(
       const nestedAxisDepth = Math.max(0, nestingDepth);
       return `${numberColumnWidth + nestedAxisDepth * 20 + 9}px`;
     })();
-    const nameCell = /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-cell gantt-tl-cell-name", style: getColumnStyle("name", 200), children: [
-      isChild && !editingName && /* @__PURE__ */ jsxs9(Fragment2, { children: [
-        !isFilterHideMode && /* @__PURE__ */ jsxs9(Fragment2, { children: [
+    const nameCell = /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-cell gantt-tl-cell-name", style: getColumnStyle("name", 200), children: [
+      isChild && !editingName && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+        !isFilterHideMode && /* @__PURE__ */ jsxs10(Fragment3, { children: [
           ancestorLineModes.map(
-            (mode, idx) => mode ? /* @__PURE__ */ jsxs9(React10.Fragment, { children: [
-              /* @__PURE__ */ jsx13(
+            (mode, idx) => mode ? /* @__PURE__ */ jsxs10(React10.Fragment, { children: [
+              /* @__PURE__ */ jsx14(
                 "span",
                 {
                   "data-testid": `gantt-tl-ancestor-connector-${idx}`,
@@ -5985,7 +6141,7 @@ var TaskListRow = React10.memo(
                   }
                 }
               ),
-              mode === "half" && /* @__PURE__ */ jsx13(
+              mode === "half" && /* @__PURE__ */ jsx14(
                 "span",
                 {
                   "data-testid": `gantt-tl-ancestor-connector-cap-${idx}`,
@@ -6003,7 +6159,7 @@ var TaskListRow = React10.memo(
               )
             ] }, idx) : null
           ),
-          nestingDepth > 0 && /* @__PURE__ */ jsx13(
+          nestingDepth > 0 && /* @__PURE__ */ jsx14(
             "span",
             {
               "data-testid": "gantt-tl-child-connector-vertical",
@@ -6019,7 +6175,7 @@ var TaskListRow = React10.memo(
               }
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "span",
             {
               style: {
@@ -6034,7 +6190,7 @@ var TaskListRow = React10.memo(
               }
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "span",
             {
               style: {
@@ -6050,8 +6206,8 @@ var TaskListRow = React10.memo(
             }
           )
         ] }),
-        isParent && !editingName && /* @__PURE__ */ jsxs9(Fragment2, { children: [
-          !isFilterHideMode && !isCollapsed && /* @__PURE__ */ jsx13(
+        isParent && !editingName && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          !isFilterHideMode && !isCollapsed && /* @__PURE__ */ jsx14(
             "span",
             {
               style: {
@@ -6066,7 +6222,7 @@ var TaskListRow = React10.memo(
               }
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -6074,13 +6230,13 @@ var TaskListRow = React10.memo(
               onClick: handleToggleCollapse,
               style: { left: `${nestingDepth * 20 + 1}px` },
               "aria-label": isCollapsed ? "Expand children" : "Collapse children",
-              children: /* @__PURE__ */ jsx13(ChevronRightIcon, {})
+              children: /* @__PURE__ */ jsx14(ChevronRightIcon, {})
             }
           )
         ] })
       ] }),
-      !isChild && isParent && !editingName && /* @__PURE__ */ jsxs9(Fragment2, { children: [
-        !isFilterHideMode && !isCollapsed && /* @__PURE__ */ jsx13(
+      !isChild && isParent && !editingName && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+        !isFilterHideMode && !isCollapsed && /* @__PURE__ */ jsx14(
           "span",
           {
             "data-testid": "gantt-tl-parent-connector-tail",
@@ -6096,7 +6252,7 @@ var TaskListRow = React10.memo(
             }
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -6104,11 +6260,11 @@ var TaskListRow = React10.memo(
             onClick: handleToggleCollapse,
             style: { left: `${nestingDepth * 20 + 1}px` },
             "aria-label": isCollapsed ? "Expand children" : "Collapse children",
-            children: /* @__PURE__ */ jsx13(ChevronRightIcon, {})
+            children: /* @__PURE__ */ jsx14(ChevronRightIcon, {})
           }
         )
       ] }),
-      editingName ? /* @__PURE__ */ jsx13(
+      editingName ? /* @__PURE__ */ jsx14(
         Input,
         {
           ref: nameInputRef,
@@ -6121,7 +6277,7 @@ var TaskListRow = React10.memo(
           style: { paddingLeft: nameInputPaddingLeft },
           onClick: (e) => e.stopPropagation()
         }
-      ) : /* @__PURE__ */ jsxs9(
+      ) : /* @__PURE__ */ jsxs10(
         "button",
         {
           type: "button",
@@ -6137,12 +6293,12 @@ var TaskListRow = React10.memo(
             paddingRight: task.color ? "20px" : void 0
           },
           children: [
-            taskListNamePrefixIcon ? /* @__PURE__ */ jsx13("span", { className: "gantt-tl-name-trigger-icon", "aria-hidden": "true", children: taskListNamePrefixIcon }) : null,
-            /* @__PURE__ */ jsx13("span", { className: "gantt-tl-name-trigger-text", children: task.name })
+            taskListNamePrefixIcon ? /* @__PURE__ */ jsx14("span", { className: "gantt-tl-name-trigger-icon", "aria-hidden": "true", children: taskListNamePrefixIcon }) : null,
+            /* @__PURE__ */ jsx14("span", { className: "gantt-tl-name-trigger-text", children: task.name })
           ]
         }
       ),
-      !editingName && task.color && /* @__PURE__ */ jsx13(
+      !editingName && task.color && /* @__PURE__ */ jsx14(
         "span",
         {
           className: "gantt-tl-name-color-stripe",
@@ -6150,8 +6306,8 @@ var TaskListRow = React10.memo(
           "aria-hidden": "true"
         }
       ),
-      !editingName && !hideTaskListRowActions && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onUngroupTask || onDuplicateTask || onTasksChange || hasContextMenu) && /* @__PURE__ */ jsxs9("div", { className: `gantt-tl-name-actions${contextMenuOpen ? " gantt-tl-name-actions-open" : ""}`, children: [
-        onInsertAfter && /* @__PURE__ */ jsx13(
+      !editingName && !hideTaskListRowActions && (onInsertAfter || onDelete || onPromoteTask || onDemoteTask || onUngroupTask || onDuplicateTask || onTasksChange || hasContextMenu) && /* @__PURE__ */ jsxs10("div", { className: `gantt-tl-name-actions${contextMenuOpen ? " gantt-tl-name-actions-open" : ""}`, children: [
+        onInsertAfter && /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -6173,10 +6329,10 @@ var TaskListRow = React10.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__ */ jsx13(PlusIcon, {})
+            children: /* @__PURE__ */ jsx14(PlusIcon, {})
           }
         ),
-        /* @__PURE__ */ jsx13(
+        /* @__PURE__ */ jsx14(
           HierarchyButton,
           {
             isChild,
@@ -6186,11 +6342,11 @@ var TaskListRow = React10.memo(
             onDemote: onDemoteTask ? handleDemote : void 0
           }
         ),
-        hasContextMenu && /* @__PURE__ */ jsxs9(Popover, { open: contextMenuOpen, onOpenChange: (open) => {
+        hasContextMenu && /* @__PURE__ */ jsxs10(Popover, { open: contextMenuOpen, onOpenChange: (open) => {
           setContextMenuOpen(open);
           if (!open) closeColorMenu();
         }, children: [
-          /* @__PURE__ */ jsx13(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -6200,11 +6356,11 @@ var TaskListRow = React10.memo(
                 setContextMenuOpen((v) => !v);
               },
               "aria-label": "\u0414\u043E\u043F\u043E\u043B\u043D\u0438\u0442\u0435\u043B\u044C\u043D\u043E",
-              children: /* @__PURE__ */ jsx13(VerticalDotsIcon, {})
+              children: /* @__PURE__ */ jsx14(VerticalDotsIcon, {})
             }
           ) }),
-          /* @__PURE__ */ jsxs9(PopoverContent, { className: "gantt-tl-context-menu", portal: true, align: "end", children: [
-            onTasksChange && /* @__PURE__ */ jsxs9(
+          /* @__PURE__ */ jsxs10(PopoverContent, { className: "gantt-tl-context-menu", portal: true, align: "end", children: [
+            onTasksChange && /* @__PURE__ */ jsxs10(
               "div",
               {
                 className: "gantt-tl-context-menu-section gantt-tl-context-submenu-wrap",
@@ -6219,7 +6375,7 @@ var TaskListRow = React10.memo(
                   }
                 },
                 children: [
-                  /* @__PURE__ */ jsxs9(
+                  /* @__PURE__ */ jsxs10(
                     "button",
                     {
                       type: "button",
@@ -6228,8 +6384,8 @@ var TaskListRow = React10.memo(
                       "aria-expanded": colorMenuOpen,
                       "aria-haspopup": "menu",
                       children: [
-                        /* @__PURE__ */ jsxs9("span", { className: "gantt-tl-context-menu-item-main", children: [
-                          task.color && /* @__PURE__ */ jsx13(
+                        /* @__PURE__ */ jsxs10("span", { className: "gantt-tl-context-menu-item-main", children: [
+                          task.color && /* @__PURE__ */ jsx14(
                             "span",
                             {
                               className: "gantt-tl-color-swatch gantt-tl-color-swatch-inline",
@@ -6239,12 +6395,12 @@ var TaskListRow = React10.memo(
                           ),
                           "\u0426\u0432\u0435\u0442"
                         ] }),
-                        /* @__PURE__ */ jsx13(ChevronRightIcon, {})
+                        /* @__PURE__ */ jsx14(ChevronRightIcon, {})
                       ]
                     }
                   ),
-                  colorMenuOpen && /* @__PURE__ */ jsx13("div", { className: "gantt-tl-context-submenu", role: "menu", "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430", children: /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-color-grid", children: [
-                    /* @__PURE__ */ jsx13(
+                  colorMenuOpen && /* @__PURE__ */ jsx14("div", { className: "gantt-tl-context-submenu", role: "menu", "aria-label": "\u0412\u044B\u0431\u043E\u0440 \u0446\u0432\u0435\u0442\u0430", children: /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-color-grid", children: [
+                    /* @__PURE__ */ jsx14(
                       "button",
                       {
                         type: "button",
@@ -6255,10 +6411,10 @@ var TaskListRow = React10.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__ */ jsx13("span", { className: "gantt-tl-color-swatch-clear-line" })
+                        children: /* @__PURE__ */ jsx14("span", { className: "gantt-tl-color-swatch-clear-line" })
                       }
                     ),
-                    TASK_COLOR_PALETTE.map((paletteColor) => /* @__PURE__ */ jsx13(
+                    TASK_COLOR_PALETTE.map((paletteColor) => /* @__PURE__ */ jsx14(
                       "button",
                       {
                         type: "button",
@@ -6277,7 +6433,7 @@ var TaskListRow = React10.memo(
                 ]
               }
             ),
-            onDuplicateTask && /* @__PURE__ */ jsxs9(
+            onDuplicateTask && /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
@@ -6288,14 +6444,14 @@ var TaskListRow = React10.memo(
                   onDuplicateTask(task.id);
                 },
                 children: [
-                  /* @__PURE__ */ jsx13(CopyIcon, {}),
+                  /* @__PURE__ */ jsx14(CopyIcon, {}),
                   "\u0414\u0443\u0431\u043B\u0438\u0440\u043E\u0432\u0430\u0442\u044C"
                 ]
               }
             ),
-            visibleCustomMenuCommands.map((command) => /* @__PURE__ */ jsxs9(React10.Fragment, { children: [
-              command.divider === "top" && /* @__PURE__ */ jsx13("hr", { className: "gantt-tl-context-menu-divider" }),
-              /* @__PURE__ */ jsxs9(
+            visibleCustomMenuCommands.map((command) => /* @__PURE__ */ jsxs10(React10.Fragment, { children: [
+              command.divider === "top" && /* @__PURE__ */ jsx14("hr", { className: "gantt-tl-context-menu-divider" }),
+              /* @__PURE__ */ jsxs10(
                 "button",
                 {
                   type: "button",
@@ -6308,21 +6464,21 @@ var TaskListRow = React10.memo(
                   ]
                 }
               ),
-              command.divider === "bottom" && /* @__PURE__ */ jsx13("hr", { className: "gantt-tl-context-menu-divider" })
+              command.divider === "bottom" && /* @__PURE__ */ jsx14("hr", { className: "gantt-tl-context-menu-divider" })
             ] }, command.id)),
-            isParent && onUngroupTask && /* @__PURE__ */ jsxs9(
+            isParent && onUngroupTask && /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
                 className: "gantt-tl-context-menu-item",
                 onClick: handleUngroup,
                 children: [
-                  /* @__PURE__ */ jsx13(UngroupIcon, {}),
+                  /* @__PURE__ */ jsx14(UngroupIcon, {}),
                   "\u0420\u0430\u0437\u0433\u0440\u0443\u043F\u043F\u0438\u0440\u043E\u0432\u0430\u0442\u044C"
                 ]
               }
             ),
-            onDelete && /* @__PURE__ */ jsxs9(
+            onDelete && /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
@@ -6333,7 +6489,7 @@ var TaskListRow = React10.memo(
                   onDelete(task.id);
                 },
                 children: [
-                  /* @__PURE__ */ jsx13(TrashIcon, {}),
+                  /* @__PURE__ */ jsx14(TrashIcon, {}),
                   "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0440\u0430\u0431\u043E\u0442\u0443"
                 ]
               }
@@ -6342,13 +6498,13 @@ var TaskListRow = React10.memo(
         ] })
       ] })
     ] });
-    const startDateCell = /* @__PURE__ */ jsx13(
+    const startDateCell = /* @__PURE__ */ jsx14(
       "div",
       {
         className: "gantt-tl-cell gantt-tl-cell-date",
         style: getColumnStyle("startDate", 90),
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsx14(
           DatePicker,
           {
             value: startDateISO,
@@ -6363,13 +6519,13 @@ var TaskListRow = React10.memo(
         )
       }
     );
-    const endDateCell = /* @__PURE__ */ jsx13(
+    const endDateCell = /* @__PURE__ */ jsx14(
       "div",
       {
         className: "gantt-tl-cell gantt-tl-cell-date",
         style: getColumnStyle("endDate", 90),
         onClick: (e) => e.stopPropagation(),
-        children: /* @__PURE__ */ jsx13(
+        children: /* @__PURE__ */ jsx14(
           DatePicker,
           {
             value: endDateISO,
@@ -6384,20 +6540,20 @@ var TaskListRow = React10.memo(
         )
       }
     );
-    const durationCell = /* @__PURE__ */ jsxs9(
+    const durationCell = /* @__PURE__ */ jsxs10(
       "div",
       {
         className: "gantt-tl-cell gantt-tl-cell-duration",
         style: getColumnStyle("duration", 60),
         onClick: handleDurationClick,
         children: [
-          editingDuration && /* @__PURE__ */ jsxs9(
+          editingDuration && /* @__PURE__ */ jsxs10(
             "div",
             {
               className: "gantt-tl-number-editor",
               onClick: (e) => e.stopPropagation(),
               children: [
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   Input,
                   {
                     ref: durationInputRef,
@@ -6411,8 +6567,8 @@ var TaskListRow = React10.memo(
                     className: "gantt-tl-number-input"
                   }
                 ),
-                /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
-                  /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsx14(
                     "button",
                     {
                       type: "button",
@@ -6420,7 +6576,7 @@ var TaskListRow = React10.memo(
                       tabIndex: -1,
                       onMouseDown: (e) => e.preventDefault(),
                       onClick: () => handleDurationAdjust(1),
-                      children: /* @__PURE__ */ jsx13(
+                      children: /* @__PURE__ */ jsx14(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
@@ -6432,12 +6588,12 @@ var TaskListRow = React10.memo(
                           strokeWidth: "2",
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
-                          children: /* @__PURE__ */ jsx13("path", { d: "m18 15-6-6-6 6" })
+                          children: /* @__PURE__ */ jsx14("path", { d: "m18 15-6-6-6 6" })
                         }
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsx13(
+                  /* @__PURE__ */ jsx14(
                     "button",
                     {
                       type: "button",
@@ -6445,7 +6601,7 @@ var TaskListRow = React10.memo(
                       tabIndex: -1,
                       onMouseDown: (e) => e.preventDefault(),
                       onClick: () => handleDurationAdjust(-1),
-                      children: /* @__PURE__ */ jsx13(
+                      children: /* @__PURE__ */ jsx14(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
@@ -6457,7 +6613,7 @@ var TaskListRow = React10.memo(
                           strokeWidth: "2",
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
-                          children: /* @__PURE__ */ jsx13("path", { d: "m6 9 6 6 6-6" })
+                          children: /* @__PURE__ */ jsx14("path", { d: "m6 9 6 6 6-6" })
                         }
                       )
                     }
@@ -6466,7 +6622,7 @@ var TaskListRow = React10.memo(
               ]
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "span",
             {
               className: "gantt-tl-duration-display",
@@ -6477,20 +6633,20 @@ var TaskListRow = React10.memo(
         ]
       }
     );
-    const progressCell = /* @__PURE__ */ jsxs9(
+    const progressCell = /* @__PURE__ */ jsxs10(
       "div",
       {
         className: "gantt-tl-cell gantt-tl-cell-progress",
         style: getColumnStyle("progress", 50),
         onClick: handleProgressClick,
         children: [
-          editingProgress && /* @__PURE__ */ jsxs9(
+          editingProgress && /* @__PURE__ */ jsxs10(
             "div",
             {
               className: "gantt-tl-number-editor",
               onClick: (e) => e.stopPropagation(),
               children: [
-                /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsx14(
                   Input,
                   {
                     ref: progressInputRef,
@@ -6505,8 +6661,8 @@ var TaskListRow = React10.memo(
                     className: "gantt-tl-number-input"
                   }
                 ),
-                /* @__PURE__ */ jsxs9("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
-                  /* @__PURE__ */ jsx13(
+                /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsx14(
                     "button",
                     {
                       type: "button",
@@ -6514,7 +6670,7 @@ var TaskListRow = React10.memo(
                       tabIndex: -1,
                       onMouseDown: (e) => e.preventDefault(),
                       onClick: () => handleProgressAdjust(1),
-                      children: /* @__PURE__ */ jsx13(
+                      children: /* @__PURE__ */ jsx14(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
@@ -6526,12 +6682,12 @@ var TaskListRow = React10.memo(
                           strokeWidth: "2",
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
-                          children: /* @__PURE__ */ jsx13("path", { d: "m18 15-6-6-6 6" })
+                          children: /* @__PURE__ */ jsx14("path", { d: "m18 15-6-6-6 6" })
                         }
                       )
                     }
                   ),
-                  /* @__PURE__ */ jsx13(
+                  /* @__PURE__ */ jsx14(
                     "button",
                     {
                       type: "button",
@@ -6539,7 +6695,7 @@ var TaskListRow = React10.memo(
                       tabIndex: -1,
                       onMouseDown: (e) => e.preventDefault(),
                       onClick: () => handleProgressAdjust(-1),
-                      children: /* @__PURE__ */ jsx13(
+                      children: /* @__PURE__ */ jsx14(
                         "svg",
                         {
                           xmlns: "http://www.w3.org/2000/svg",
@@ -6551,7 +6707,7 @@ var TaskListRow = React10.memo(
                           strokeWidth: "2",
                           strokeLinecap: "round",
                           strokeLinejoin: "round",
-                          children: /* @__PURE__ */ jsx13("path", { d: "m6 9 6 6 6-6" })
+                          children: /* @__PURE__ */ jsx14("path", { d: "m6 9 6 6 6-6" })
                         }
                       )
                     }
@@ -6560,7 +6716,7 @@ var TaskListRow = React10.memo(
               ]
             }
           ),
-          /* @__PURE__ */ jsx13(
+          /* @__PURE__ */ jsx14(
             "span",
             {
               className: "gantt-tl-progress-display",
@@ -6576,14 +6732,14 @@ var TaskListRow = React10.memo(
         ]
       }
     );
-    const dependenciesCell = /* @__PURE__ */ jsx13(
+    const dependenciesCell = /* @__PURE__ */ jsx14(
       "div",
       {
         className: "gantt-tl-cell gantt-tl-cell-deps",
         style: getColumnStyle("dependencies", 128),
         onClick: isSourceRow ? handleSourceCellClick : isPicking ? handlePredecessorPick : void 0,
-        children: isSourceRow ? /* @__PURE__ */ jsxs9(Fragment2, { children: [
-          /* @__PURE__ */ jsx13(
+        children: isSourceRow ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          /* @__PURE__ */ jsx14(
             "span",
             {
               className: "gantt-tl-dep-source-hint",
@@ -6592,11 +6748,11 @@ var TaskListRow = React10.memo(
             }
           ),
           sourcePickerContent
-        ] }) : /* @__PURE__ */ jsxs9(Fragment2, { children: [
+        ] }) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
           chips.length >= 2 ? (
             /* 2+ deps — show only "N связей" summary chip that opens a popover */
-            /* @__PURE__ */ jsxs9(Popover, { open: overflowOpen, onOpenChange: setOverflowOpen, children: [
-              /* @__PURE__ */ jsx13(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs9(
+            /* @__PURE__ */ jsxs10(Popover, { open: overflowOpen, onOpenChange: setOverflowOpen, children: [
+              /* @__PURE__ */ jsx14(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs10(
                 "button",
                 {
                   type: "button",
@@ -6612,12 +6768,12 @@ var TaskListRow = React10.memo(
                   ]
                 }
               ) }),
-              /* @__PURE__ */ jsx13(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ jsx14(
                 "div",
                 {
                   className: "gantt-tl-dep-overflow-list",
                   onClick: (e) => e.stopPropagation(),
-                  children: chips.map(({ dep, lag, predecessorName }) => /* @__PURE__ */ jsx13(
+                  children: chips.map(({ dep, lag, predecessorName }) => /* @__PURE__ */ jsx14(
                     DepChip,
                     {
                       lag,
@@ -6646,7 +6802,7 @@ var TaskListRow = React10.memo(
             ] })
           ) : chips.length === 1 ? (
             /* Single chip — unified DepChip */
-            /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14(
               DepChip,
               {
                 lag: chips[0].lag,
@@ -6670,7 +6826,7 @@ var TaskListRow = React10.memo(
               }
             )
           ) : null,
-          !disableDependencyEditing && !isPicking && /* @__PURE__ */ jsx13(
+          !disableDependencyEditing && !isPicking && /* @__PURE__ */ jsx14(
             "button",
             {
               type: "button",
@@ -6735,7 +6891,7 @@ var TaskListRow = React10.memo(
         focusCustomCell(nextCell.taskId, nextCell.columnId);
       });
     }, [focusCustomCell, onActiveCustomCellChange, resolvedColumns, task.id]);
-    return /* @__PURE__ */ jsx13(
+    return /* @__PURE__ */ jsx14(
       "div",
       {
         ref: rowRef,
@@ -6775,7 +6931,7 @@ var TaskListRow = React10.memo(
         tabIndex: isSelected ? 0 : -1,
         children: resolvedColumns?.map((col) => {
           const builtIn = builtInCells[col.id];
-          if (builtIn) return /* @__PURE__ */ jsx13(React10.Fragment, { children: builtIn }, col.id);
+          if (builtIn) return /* @__PURE__ */ jsx14(React10.Fragment, { children: builtIn }, col.id);
           const isEditing = editingColumnId === col.id;
           const editorFn = col.renderEditor;
           const isActiveCustomCell = activeCustomCell?.taskId === task.id && activeCustomCell?.columnId === col.id;
@@ -6813,7 +6969,7 @@ var TaskListRow = React10.memo(
               });
             }
           };
-          return /* @__PURE__ */ jsx13(
+          return /* @__PURE__ */ jsx14(
             "div",
             {
               className: `gantt-tl-cell gantt-tl-cell-custom gantt-tl-cell-align-${col.align ?? "left"}`,
@@ -6882,7 +7038,7 @@ var TaskListRow = React10.memo(
                 }
               } : void 0,
               style: { width: col.width ?? 120, minWidth: col.width ?? 120, flexShrink: 0 },
-              children: isEditing && editorFn ? /* @__PURE__ */ jsx13(
+              children: isEditing && editorFn ? /* @__PURE__ */ jsx14(
                 "div",
                 {
                   className: "gantt-tl-cell-custom-editor",
@@ -6891,7 +7047,7 @@ var TaskListRow = React10.memo(
                   onClick: (e) => e.stopPropagation(),
                   children: editorFn(columnContext)
                 }
-              ) : /* @__PURE__ */ jsx13("div", { className: "gantt-tl-cell-custom-content", children: col.renderCell(columnContext) })
+              ) : /* @__PURE__ */ jsx14("div", { className: "gantt-tl-cell-custom-content", children: col.renderCell(columnContext) })
             },
             col.id
           );
@@ -6904,15 +7060,15 @@ var TaskListRow = React10.memo(
 TaskListRow.displayName = "TaskListRow";
 
 // src/components/TaskList/NewTaskRow.tsx
-import { useState as useState5, useRef as useRef5, useEffect as useEffect5 } from "react";
-import { jsx as jsx14, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useState as useState6, useRef as useRef5, useEffect as useEffect5 } from "react";
+import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
 var NewTaskRow = ({
   rowHeight,
   onConfirm,
   onCancel,
   nestingDepth = 0
 }) => {
-  const [nameValue, setNameValue] = useState5("");
+  const [nameValue, setNameValue] = useState6("");
   const inputRef = useRef5(null);
   const confirmedRef = useRef5(false);
   const inputInnerPadding = 4;
@@ -6944,9 +7100,9 @@ var NewTaskRow = ({
       onCancel();
     }
   };
-  return /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-row gantt-tl-row-new", style: { height: `${rowHeight}px` }, children: [
-    /* @__PURE__ */ jsx14("div", { className: "gantt-tl-cell gantt-tl-cell-number" }),
-    /* @__PURE__ */ jsx14("div", { className: "gantt-tl-cell gantt-tl-cell-name gantt-tl-cell-new-name", children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs11("div", { className: "gantt-tl-row gantt-tl-row-new", style: { height: `${rowHeight}px` }, children: [
+    /* @__PURE__ */ jsx15("div", { className: "gantt-tl-cell gantt-tl-cell-number" }),
+    /* @__PURE__ */ jsx15("div", { className: "gantt-tl-cell gantt-tl-cell-name gantt-tl-cell-new-name", children: /* @__PURE__ */ jsx15(
       Input,
       {
         ref: inputRef,
@@ -6963,9 +7119,9 @@ var NewTaskRow = ({
         }
       }
     ) }),
-    /* @__PURE__ */ jsx14("div", { className: "gantt-tl-cell" }),
-    /* @__PURE__ */ jsx14("div", { className: "gantt-tl-cell" }),
-    /* @__PURE__ */ jsx14("div", { className: "gantt-tl-cell" })
+    /* @__PURE__ */ jsx15("div", { className: "gantt-tl-cell" }),
+    /* @__PURE__ */ jsx15("div", { className: "gantt-tl-cell" }),
+    /* @__PURE__ */ jsx15("div", { className: "gantt-tl-cell" })
   ] });
 };
 
@@ -7056,7 +7212,7 @@ function resolveTaskListColumns(builtIn, custom, hiddenColumnIds = []) {
 }
 
 // src/components/TaskList/TaskList.tsx
-import { jsx as jsx15, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
 var LINK_TYPE_ORDER2 = ["FS", "SS", "FF", "SF"];
 var MIN_TASK_LIST_WIDTH = 530;
 var DEFAULT_COLUMN_MIN_WIDTH = 40;
@@ -7194,7 +7350,7 @@ var SelectAllCheckbox = ({
       ref.current.indeterminate = indeterminate;
     }
   }, [indeterminate]);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "input",
     {
       ref,
@@ -7221,6 +7377,7 @@ var TaskList = ({
   disableDependencyEditing = false,
   onScrollToTask,
   onSelectedChipChange,
+  selectedChip: controlledSelectedChip,
   onAdd,
   onDelete,
   onInsertAfter,
@@ -7261,9 +7418,9 @@ var TaskList = ({
   visibleRowIndices
 }) => {
   const reorderDisabled = disableTaskListReorder || disableTaskDrag;
-  const [internalSelectedTaskIds, setInternalSelectedTaskIds] = useState6(/* @__PURE__ */ new Set());
-  const [activeCustomCell, setActiveCustomCell] = useState6(null);
-  const [columnWidthOverrides, setColumnWidthOverrides] = useState6(() => normalizeColumnWidthMap(taskListColumnWidths));
+  const [internalSelectedTaskIds, setInternalSelectedTaskIds] = useState7(/* @__PURE__ */ new Set());
+  const [activeCustomCell, setActiveCustomCell] = useState7(null);
+  const [columnWidthOverrides, setColumnWidthOverrides] = useState7(() => normalizeColumnWidthMap(taskListColumnWidths));
   const resizeStateRef = useRef6(null);
   const effectiveSelectedTaskIds = selectedTaskIds ?? internalSelectedTaskIds;
   const emitSelectedTaskIdsChange = useCallback6((nextSelectedTaskIds) => {
@@ -7272,7 +7429,7 @@ var TaskList = ({
     }
     onSelectedTaskIdsChange?.(nextSelectedTaskIds);
   }, [onSelectedTaskIdsChange, selectedTaskIds]);
-  const [internalCollapsedParentIds, setInternalCollapsedParentIds] = useState6(/* @__PURE__ */ new Set());
+  const [internalCollapsedParentIds, setInternalCollapsedParentIds] = useState7(/* @__PURE__ */ new Set());
   const collapsedParentIds = externalCollapsedParentIds ?? internalCollapsedParentIds;
   const handleToggleCollapse = externalOnToggleCollapse ?? useCallback6((parentId) => {
     setInternalCollapsedParentIds((prev) => {
@@ -7435,19 +7592,33 @@ var TaskList = ({
   const handleRowClick = useCallback6((taskId) => {
     onTaskSelect?.(taskId);
   }, [onTaskSelect]);
-  const [activeLinkType, setActiveLinkType] = useState6("FS");
-  const [selectingPredecessorFor, setSelectingPredecessorFor] = useState6(null);
-  const [dependencyPickMode, setDependencyPickMode] = useState6("successor");
-  const [typeMenuOpen, setTypeMenuOpen] = useState6(false);
-  const [dependencyError, setDependencyError] = useState6(null);
+  const [activeLinkType, setActiveLinkType] = useState7("FS");
+  const [selectingPredecessorFor, setSelectingPredecessorFor] = useState7(null);
+  const [dependencyPickMode, setDependencyPickMode] = useState7("successor");
+  const [typeMenuOpen, setTypeMenuOpen] = useState7(false);
+  const [dependencyError, setDependencyError] = useState7(null);
   const overlayRef = useRef6(null);
-  const [selectedChip, setSelectedChip] = useState6(null);
+  const [selectedChip, setSelectedChip] = useState7(controlledSelectedChip ? { ...controlledSelectedChip, linkType: controlledSelectedChip.linkType } : null);
+  useEffect6(() => {
+    if (controlledSelectedChip !== void 0) {
+      setSelectedChip(controlledSelectedChip ? { ...controlledSelectedChip, linkType: controlledSelectedChip.linkType } : null);
+    }
+  }, [controlledSelectedChip]);
   const handleChipSelect = useCallback6((chip) => {
     setSelectedChip(chip);
     onSelectedChipChange?.(chip);
   }, [onSelectedChipChange]);
   useEffect6(() => {
     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);
@@ -7465,6 +7636,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);
@@ -7472,11 +7655,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 = useCallback6((successorTaskId, predecessorTaskId, linkType) => {
@@ -7565,11 +7789,11 @@ var TaskList = ({
     );
     onTasksChange?.([{ ...task, dependencies: updatedDeps }]);
   }, [tasks, onTasksChange]);
-  const [isCreating, setIsCreating] = useState6(false);
-  const [pendingInsert, setPendingInsert] = useState6(null);
-  const [draggingIndex, setDraggingIndex] = useState6(null);
-  const [dragOverTarget, setDragOverTarget] = useState6(null);
-  const [isBeforeFirstDropZoneActive, setIsBeforeFirstDropZoneActive] = useState6(false);
+  const [isCreating, setIsCreating] = useState7(false);
+  const [pendingInsert, setPendingInsert] = useState7(null);
+  const [draggingIndex, setDraggingIndex] = useState7(null);
+  const [dragOverTarget, setDragOverTarget] = useState7(null);
+  const [isBeforeFirstDropZoneActive, setIsBeforeFirstDropZoneActive] = useState7(false);
   const dragOriginIndexRef = useRef6(null);
   const dragTaskIdRef = useRef6(null);
   const clearDragState = useCallback6(() => {
@@ -7991,7 +8215,7 @@ var TaskList = ({
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   }, [resolvedColumns]);
-  const renderResizeHandle = useCallback6((columnId) => /* @__PURE__ */ jsx15(
+  const renderResizeHandle = useCallback6((columnId) => /* @__PURE__ */ jsx16(
     "button",
     {
       type: "button",
@@ -8005,7 +8229,7 @@ var TaskList = ({
       }
     }
   ), [startColumnResize]);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     "div",
     {
       ref: overlayRef,
@@ -8014,17 +8238,17 @@ var TaskList = ({
         "--tasklist-width": `${effectiveTaskListWidth}px`,
         "--gantt-row-content-lines": String(Math.max(2, Math.floor(rowContentLines)))
       },
-      children: /* @__PURE__ */ jsxs11("div", { className: "gantt-tl-table", children: [
-        /* @__PURE__ */ jsx15("div", { className: "gantt-tl-header", style: { height: `${tableHeaderHeight}px` }, children: resolvedColumns.map((col) => {
+      children: /* @__PURE__ */ jsxs12("div", { className: "gantt-tl-table", children: [
+        /* @__PURE__ */ jsx16("div", { className: "gantt-tl-header", style: { height: `${tableHeaderHeight}px` }, children: resolvedColumns.map((col) => {
           if (col.id === "selection") {
-            return /* @__PURE__ */ jsxs11(
+            return /* @__PURE__ */ jsxs12(
               "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__ */ jsx15(
+                  /* @__PURE__ */ jsx16(
                     SelectAllCheckbox,
                     {
                       checked: areAllVisibleTasksSelected,
@@ -8039,15 +8263,15 @@ var TaskList = ({
             );
           }
           if (col.id === "dependencies") {
-            return /* @__PURE__ */ jsxs11(
+            return /* @__PURE__ */ jsxs12(
               "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__ */ jsxs11(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
-                    /* @__PURE__ */ jsx15(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs11(
+                  /* @__PURE__ */ jsxs12(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
+                    /* @__PURE__ */ jsx16(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
                       "button",
                       {
                         className: "gantt-tl-dep-type-trigger",
@@ -8060,7 +8284,7 @@ var TaskList = ({
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ jsx15(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ jsx15("div", { className: "gantt-tl-dep-type-menu", children: LINK_TYPE_ORDER2.map((lt) => /* @__PURE__ */ jsxs11(
+                    /* @__PURE__ */ jsx16(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ jsx16("div", { className: "gantt-tl-dep-type-menu", children: LINK_TYPE_ORDER2.map((lt) => /* @__PURE__ */ jsxs12(
                       "button",
                       {
                         className: `gantt-tl-dep-type-option${activeLinkType === lt ? " active" : ""}`,
@@ -8070,13 +8294,13 @@ var TaskList = ({
                         },
                         children: [
                           React12.createElement(LINK_TYPE_ICONS[lt]),
-                          /* @__PURE__ */ jsx15("span", { children: LINK_TYPE_LABELS[lt] })
+                          /* @__PURE__ */ jsx16("span", { children: LINK_TYPE_LABELS[lt] })
                         ]
                       },
                       lt
                     )) }) })
                   ] }),
-                  dependencyError && /* @__PURE__ */ jsx15("div", { className: "gantt-tl-dep-error", children: dependencyError }),
+                  dependencyError && /* @__PURE__ */ jsx16("div", { className: "gantt-tl-dep-error", children: dependencyError }),
                   renderResizeHandle(col.id)
                 ]
               },
@@ -8085,7 +8309,7 @@ var TaskList = ({
           }
           const builtInClass = BUILT_IN_CSS_CLASSES[col.id];
           if (builtInClass !== void 0) {
-            return /* @__PURE__ */ jsxs11(
+            return /* @__PURE__ */ jsxs12(
               "div",
               {
                 className: `gantt-tl-headerCell ${builtInClass}`,
@@ -8099,7 +8323,7 @@ var TaskList = ({
               col.id
             );
           }
-          return /* @__PURE__ */ jsxs11(
+          return /* @__PURE__ */ jsxs12(
             "div",
             {
               className: `gantt-tl-headerCell gantt-tl-headerCell-custom gantt-tl-cell-align-${col.align ?? "left"}`,
@@ -8114,7 +8338,7 @@ var TaskList = ({
             col.id
           );
         }) }),
-        /* @__PURE__ */ jsxs11(
+        /* @__PURE__ */ jsxs12(
           "div",
           {
             className: "gantt-tl-body",
@@ -8124,7 +8348,7 @@ var TaskList = ({
               position: "relative"
             },
             children: [
-              shouldShowBeforeFirstDropZone && /* @__PURE__ */ jsx15(
+              shouldShowBeforeFirstDropZone && /* @__PURE__ */ jsx16(
                 "div",
                 {
                   className: [
@@ -8141,7 +8365,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__ */ jsx15(
+                return /* @__PURE__ */ jsx16(
                   "div",
                   {
                     style: {
@@ -8150,7 +8374,7 @@ var TaskList = ({
                       left: 0,
                       right: 0
                     },
-                    children: /* @__PURE__ */ jsx15(
+                    children: /* @__PURE__ */ jsx16(
                       TaskListRow,
                       {
                         task,
@@ -8223,7 +8447,7 @@ var TaskList = ({
                   task.id
                 );
               }),
-              hasVisiblePendingInsert && /* @__PURE__ */ jsx15(
+              hasVisiblePendingInsert && /* @__PURE__ */ jsx16(
                 "div",
                 {
                   style: {
@@ -8232,7 +8456,7 @@ var TaskList = ({
                     left: 0,
                     right: 0
                   },
-                  children: /* @__PURE__ */ jsx15(
+                  children: /* @__PURE__ */ jsx16(
                     NewTaskRow,
                     {
                       rowHeight,
@@ -8246,7 +8470,7 @@ var TaskList = ({
             ]
           }
         ),
-        isCreating && !pendingInsert && /* @__PURE__ */ jsx15(
+        isCreating && !pendingInsert && /* @__PURE__ */ jsx16(
           NewTaskRow,
           {
             rowHeight,
@@ -8255,7 +8479,7 @@ var TaskList = ({
             nestingDepth: 0
           }
         ),
-        enableAddTask && onAdd && !isCreating && !pendingInsert && /* @__PURE__ */ jsx15(
+        enableAddTask && onAdd && !isCreating && !pendingInsert && /* @__PURE__ */ jsx16(
           "button",
           {
             className: `gantt-tl-add-btn${!reorderDisabled && dragOverTarget?.index === visibleTasks.length ? " gantt-tl-add-btn-drag-over" : ""}`,
@@ -8290,7 +8514,7 @@ var TaskList = ({
 };
 
 // src/components/ResourceTimelineChart/ResourceTimelineChart.tsx
-import React13, { useCallback as useCallback8, useEffect as useEffect8, useMemo as useMemo10, useRef as useRef8, useState as useState8 } from "react";
+import React13, { useCallback as useCallback8, useEffect as useEffect8, useMemo as useMemo10, useRef as useRef8, useState as useState9 } from "react";
 
 // src/utils/resourceTimelineLayout.ts
 var isInvalidDate = (date) => Number.isNaN(date.getTime());
@@ -8492,7 +8716,7 @@ var layoutResourceTimelineItems = (resources, options) => {
 };
 
 // src/hooks/useResourceItemDrag.ts
-import { useCallback as useCallback7, useEffect as useEffect7, useRef as useRef7, useState as useState7 } from "react";
+import { useCallback as useCallback7, useEffect as useEffect7, useRef as useRef7, useState as useState8 } from "react";
 var RESOURCE_CURSOR_STYLE_ID = "gantt-resource-global-drag-cursor-style";
 function ensureResourceGlobalCursorStyle() {
   if (typeof document === "undefined") return;
@@ -8608,7 +8832,7 @@ var useResourceItemDrag = ({
   const rowsRef = useRef7(rows);
   const onResourceItemMoveRef = useRef7(onResourceItemMove);
   const rafRef = useRef7(null);
-  const [preview, setPreview] = useState7(null);
+  const [preview, setPreview] = useState8(null);
   useEffect7(() => {
     rowsRef.current = rows;
   }, [rows]);
@@ -8746,7 +8970,7 @@ var useResourceItemDrag = ({
 };
 
 // src/components/ResourceTimelineChart/ResourceTimelineChart.tsx
-import { Fragment as Fragment3, jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
 var DEFAULT_DAY_WIDTH = 40;
 var DEFAULT_HEADER_HEIGHT = 40;
 var DEFAULT_LANE_HEIGHT = 40;
@@ -8909,41 +9133,41 @@ var orderResourcesByType = (resources) => {
 };
 var ResourceTypeIcon = ({ type }) => {
   if (type === "\u041B\u044E\u0434\u0438") {
-    return /* @__PURE__ */ jsxs12("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconPeople", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx16("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ jsx16("circle", { cx: "9", cy: "7", r: "4" }),
-      /* @__PURE__ */ jsx16("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
-      /* @__PURE__ */ jsx16("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+    return /* @__PURE__ */ jsxs13("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconPeople", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx17("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ jsx17("circle", { cx: "9", cy: "7", r: "4" }),
+      /* @__PURE__ */ jsx17("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+      /* @__PURE__ */ jsx17("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__ */ jsxs12("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconEquipment", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx16("path", { d: "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" }),
-      /* @__PURE__ */ jsx16("path", { d: "m18 15 4-4" }),
-      /* @__PURE__ */ jsx16("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__ */ jsxs13("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconEquipment", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx17("path", { d: "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" }),
+      /* @__PURE__ */ jsx17("path", { d: "m18 15 4-4" }),
+      /* @__PURE__ */ jsx17("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__ */ jsxs12("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconMaterials", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx16("path", { d: "M10 22v-8" }),
-      /* @__PURE__ */ jsx16("path", { d: "M2.336 8.89 10 14l11.715-7.029" }),
-      /* @__PURE__ */ jsx16("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__ */ jsxs13("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconMaterials", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+      /* @__PURE__ */ jsx17("path", { d: "M10 22v-8" }),
+      /* @__PURE__ */ jsx17("path", { d: "M2.336 8.89 10 14l11.715-7.029" }),
+      /* @__PURE__ */ jsx17("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__ */ jsxs12("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconOther", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx16("circle", { cx: "12", cy: "12", r: "9" }),
-    /* @__PURE__ */ jsx16("path", { d: "M12 8v4" }),
-    /* @__PURE__ */ jsx16("path", { d: "M12 16h.01" })
+  return /* @__PURE__ */ jsxs13("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconOther", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+    /* @__PURE__ */ jsx17("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx17("path", { d: "M12 8v4" }),
+    /* @__PURE__ */ jsx17("path", { d: "M12 16h.01" })
   ] });
 };
-var ResourceTypeDropdownIcon = () => /* @__PURE__ */ jsx16("svg", { className: "gantt-resourceTimeline-resourceTypeDropdownIcon", width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: /* @__PURE__ */ jsx16("path", { d: "M2 3.5 5 6.5 8 3.5" }) });
-var ResourceGroupChevronIcon = () => /* @__PURE__ */ jsx16("svg", { className: "gantt-resourceTimeline-resourceGroupChevronIcon", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ jsx16("path", { d: "M4 2.5 7.5 6 4 9.5" }) });
+var ResourceTypeDropdownIcon = () => /* @__PURE__ */ jsx17("svg", { className: "gantt-resourceTimeline-resourceTypeDropdownIcon", width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: /* @__PURE__ */ jsx17("path", { d: "M2 3.5 5 6.5 8 3.5" }) });
+var ResourceGroupChevronIcon = () => /* @__PURE__ */ jsx17("svg", { className: "gantt-resourceTimeline-resourceGroupChevronIcon", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ jsx17("path", { d: "M4 2.5 7.5 6 4 9.5" }) });
 function isInactiveResourceStatus(status) {
   return status?.trim().toLocaleLowerCase() === "inactive";
 }
-var ResourceStatusLockIcon = () => /* @__PURE__ */ jsxs12("svg", { className: "gantt-resourceTimeline-resourceStatusIcon", width: "12", height: "12", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-  /* @__PURE__ */ jsx16("rect", { x: "5", y: "11", width: "14", height: "10", rx: "2" }),
-  /* @__PURE__ */ jsx16("path", { d: "M8 11V8a4 4 0 1 1 8 0v3" })
+var ResourceStatusLockIcon = () => /* @__PURE__ */ jsxs13("svg", { className: "gantt-resourceTimeline-resourceStatusIcon", width: "12", height: "12", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+  /* @__PURE__ */ jsx17("rect", { x: "5", y: "11", width: "14", height: "10", rx: "2" }),
+  /* @__PURE__ */ jsx17("path", { d: "M8 11V8a4 4 0 1 1 8 0v3" })
 ] });
 var ResourceHeader = ({
   resource,
@@ -8960,11 +9184,11 @@ var ResourceHeader = ({
   onConflictBadgeClick,
   columnTemplate
 }) => {
-  const [menuOpen, setMenuOpen] = useState8(false);
-  const [typeMenuOpen, setTypeMenuOpen] = useState8(false);
-  const [scopeMenuOpen, setScopeMenuOpen] = useState8(false);
-  const [editingName, setEditingName] = useState8(false);
-  const [nameValue, setNameValue] = useState8(resource.name);
+  const [menuOpen, setMenuOpen] = useState9(false);
+  const [typeMenuOpen, setTypeMenuOpen] = useState9(false);
+  const [scopeMenuOpen, setScopeMenuOpen] = useState9(false);
+  const [editingName, setEditingName] = useState9(false);
+  const [nameValue, setNameValue] = useState9(resource.name);
   const nameInputRef = useRef8(null);
   const nameConfirmedRef = useRef8(false);
   const visibleCommands = useMemo10(
@@ -9033,7 +9257,7 @@ var ResourceHeader = ({
       handleNameCancel();
     }
   }, [applyResourcePatch, handleNameCancel, nameValue, resource.name]);
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: `gantt-resourceTimeline-resourceHeader${menuOpen ? " gantt-resourceTimeline-resourceHeaderMenuOpen" : ""}${isInactive ? " gantt-resourceTimeline-resourceHeaderInactive" : ""}`,
@@ -9044,10 +9268,10 @@ var ResourceHeader = ({
         gridTemplateColumns: columnTemplate
       },
       children: [
-        /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-resourceNumber", children: rowIndex + 1 }),
-        /* @__PURE__ */ jsxs12("span", { className: "gantt-resourceTimeline-resourceName", children: [
-          /* @__PURE__ */ jsxs12(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
-            /* @__PURE__ */ jsx16(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceNumber", children: rowIndex + 1 }),
+        /* @__PURE__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceName", children: [
+          /* @__PURE__ */ jsxs13(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
+            /* @__PURE__ */ jsx17(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
               "button",
               {
                 type: "button",
@@ -9060,12 +9284,12 @@ var ResourceHeader = ({
                   setTypeMenuOpen((open) => !open);
                 },
                 children: [
-                  /* @__PURE__ */ jsx16(ResourceTypeIcon, { type }),
-                  /* @__PURE__ */ jsx16(ResourceTypeDropdownIcon, {})
+                  /* @__PURE__ */ jsx17(ResourceTypeIcon, { type }),
+                  /* @__PURE__ */ jsx17(ResourceTypeDropdownIcon, {})
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx16(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_TYPE_OPTIONS.map((option) => /* @__PURE__ */ jsxs12(
+            /* @__PURE__ */ jsx17(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_TYPE_OPTIONS.map((option) => /* @__PURE__ */ jsxs13(
               "button",
               {
                 type: "button",
@@ -9076,14 +9300,14 @@ var ResourceHeader = ({
                   applyResourcePatch({ type: option });
                 },
                 children: [
-                  /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-resourceOptionIcon", children: /* @__PURE__ */ jsx16(ResourceTypeIcon, { type: option }) }),
+                  /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceOptionIcon", children: /* @__PURE__ */ jsx17(ResourceTypeIcon, { type: option }) }),
                   option
                 ]
               },
               option
             )) })
           ] }),
-          editingName ? /* @__PURE__ */ jsx16(
+          editingName ? /* @__PURE__ */ jsx17(
             Input,
             {
               ref: nameInputRef,
@@ -9095,7 +9319,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__ */ jsx16(
+          ) : /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
@@ -9107,23 +9331,23 @@ var ResourceHeader = ({
                 onResourceNameClick?.(resourceId);
               },
               onDoubleClick: handleNameDoubleClick,
-              children: /* @__PURE__ */ jsxs12("span", { className: "gantt-resourceTimeline-resourceNameContent", children: [
-                isInactive && /* @__PURE__ */ jsx16(
+              children: /* @__PURE__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceNameContent", children: [
+                isInactive && /* @__PURE__ */ jsx17(
                   "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__ */ jsx16(ResourceStatusLockIcon, {})
+                    children: /* @__PURE__ */ jsx17(ResourceStatusLockIcon, {})
                   }
                 ),
-                /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-resourceNameText", children: resource.name })
+                /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceNameText", children: resource.name })
               ] })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs12(Popover, { open: scopeMenuOpen, onOpenChange: setScopeMenuOpen, children: [
-          /* @__PURE__ */ jsx16(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsxs13(Popover, { open: scopeMenuOpen, onOpenChange: setScopeMenuOpen, children: [
+          /* @__PURE__ */ jsx17(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
@@ -9134,10 +9358,10 @@ var ResourceHeader = ({
                 event.stopPropagation();
                 setScopeMenuOpen((open) => !open);
               },
-              children: /* @__PURE__ */ jsx16("span", { children: scopeLabel })
+              children: /* @__PURE__ */ jsx17("span", { children: scopeLabel })
             }
           ) }),
-          /* @__PURE__ */ jsx16(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_SCOPE_OPTIONS.map((option) => /* @__PURE__ */ jsxs12(
+          /* @__PURE__ */ jsx17(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_SCOPE_OPTIONS.map((option) => /* @__PURE__ */ jsxs13(
             "button",
             {
               type: "button",
@@ -9148,35 +9372,35 @@ var ResourceHeader = ({
                 applyResourcePatch({ scope: option });
               },
               children: [
-                /* @__PURE__ */ jsx16("span", { className: `gantt-resourceTimeline-resourceOptionScopeDot gantt-resourceTimeline-resourceScope${option}` }),
+                /* @__PURE__ */ jsx17("span", { className: `gantt-resourceTimeline-resourceOptionScopeDot gantt-resourceTimeline-resourceScope${option}` }),
                 RESOURCE_SCOPE_LABELS[option] ?? option
               ]
             },
             option
           )) })
         ] }),
-        /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs13(
           "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__ */ jsxs12("span", { className: "gantt-resourceTimeline-resourceWorkedDays", children: [
-                /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: workedDays > 0 ? workedDays : "-" }),
-                /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-resourceMetricLabel", children: workedDays > 0 ? "\u0434\u043D." : "" })
+              /* @__PURE__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceWorkedDays", children: [
+                /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: workedDays > 0 ? workedDays : "-" }),
+                /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceMetricLabel", children: workedDays > 0 ? "\u0434\u043D." : "" })
               ] }),
-              /* @__PURE__ */ jsxs12("span", { className: "gantt-resourceTimeline-resourceAssignmentCount", children: [
-                /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: assignmentCount > 0 ? assignmentCount : "" }),
-                assignmentCount > 0 && /* @__PURE__ */ jsxs12("svg", { className: "gantt-resourceTimeline-resourceAssignmentIcon", width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-                  /* @__PURE__ */ jsx16("rect", { width: "15", height: "5", x: "4", y: "5", rx: "2" }),
-                  /* @__PURE__ */ jsx16("rect", { width: "10", height: "5", x: "4", y: "14", rx: "2" })
+              /* @__PURE__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceAssignmentCount", children: [
+                /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: assignmentCount > 0 ? assignmentCount : "" }),
+                assignmentCount > 0 && /* @__PURE__ */ jsxs13("svg", { className: "gantt-resourceTimeline-resourceAssignmentIcon", width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsx17("rect", { width: "15", height: "5", x: "4", y: "5", rx: "2" }),
+                  /* @__PURE__ */ jsx17("rect", { width: "10", height: "5", x: "4", y: "14", rx: "2" })
                 ] })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs12("span", { className: "gantt-resourceTimeline-resourceActions", children: [
-          conflictCount > 0 && /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceActions", children: [
+          conflictCount > 0 && /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
@@ -9190,8 +9414,8 @@ var ResourceHeader = ({
               children: conflictCount
             }
           ),
-          hasMenu && /* @__PURE__ */ jsxs12(Popover, { open: menuOpen, onOpenChange: setMenuOpen, children: [
-            /* @__PURE__ */ jsx16(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx16(
+          hasMenu && /* @__PURE__ */ jsxs13(Popover, { open: menuOpen, onOpenChange: setMenuOpen, children: [
+            /* @__PURE__ */ jsx17(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx17(
               "button",
               {
                 className: "gantt-resourceTimeline-resourceMenuButton",
@@ -9201,10 +9425,10 @@ var ResourceHeader = ({
                   event.stopPropagation();
                   setMenuOpen((open) => !open);
                 },
-                children: /* @__PURE__ */ jsx16("span", { "aria-hidden": "true", children: "\u22EE" })
+                children: /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: "\u22EE" })
               }
             ) }),
-            /* @__PURE__ */ jsx16(PopoverContent, { className: "gantt-resourceTimeline-resourceMenu", portal: true, align: "end", children: visibleCommands.map((command) => /* @__PURE__ */ jsxs12(
+            /* @__PURE__ */ jsx17(PopoverContent, { className: "gantt-resourceTimeline-resourceMenu", portal: true, align: "end", children: visibleCommands.map((command) => /* @__PURE__ */ jsxs13(
               "button",
               {
                 type: "button",
@@ -9225,7 +9449,7 @@ var ResourceHeader = ({
   );
 };
 var NewResourceRow = ({ height, onConfirm, onCancel, columnTemplate }) => {
-  const [nameValue, setNameValue] = useState8("");
+  const [nameValue, setNameValue] = useState9("");
   const inputRef = useRef8(null);
   const confirmedRef = useRef8(false);
   useEffect8(() => {
@@ -9257,7 +9481,7 @@ var NewResourceRow = ({ height, onConfirm, onCancel, columnTemplate }) => {
       handleConfirm();
     }
   };
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     "div",
     {
       className: "gantt-resourceTimeline-resourceHeader gantt-resourceTimeline-resourceHeaderNew",
@@ -9267,8 +9491,8 @@ var NewResourceRow = ({ height, onConfirm, onCancel, columnTemplate }) => {
         gridTemplateColumns: columnTemplate
       },
       children: [
-        /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-resourceNumber", children: "+" }),
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceNumber", children: "+" }),
+        /* @__PURE__ */ jsx17(
           Input,
           {
             ref: inputRef,
@@ -9320,11 +9544,11 @@ function ResourceTimelineChart({
   const conflictNavigationIndexRef = useRef8(/* @__PURE__ */ new Map());
   const resourceNavigationIndexRef = useRef8(/* @__PURE__ */ new Map());
   const conflictHighlightTimeoutRef = useRef8(null);
-  const [isCreatingResource, setIsCreatingResource] = useState8(false);
-  const [creatingResourceGroupType, setCreatingResourceGroupType] = useState8(null);
-  const [activeConflictItemId, setActiveConflictItemId] = useState8(null);
-  const [resourceColumnHasRightShadow, setResourceColumnHasRightShadow] = useState8(false);
-  const [resourceColumnWidthOverrides, setResourceColumnWidthOverrides] = useState8(() => normalizeResourceColumnWidthMap(resourceTableColumnWidths));
+  const [isCreatingResource, setIsCreatingResource] = useState9(false);
+  const [creatingResourceGroupType, setCreatingResourceGroupType] = useState9(null);
+  const [activeConflictItemId, setActiveConflictItemId] = useState9(null);
+  const [resourceColumnHasRightShadow, setResourceColumnHasRightShadow] = useState9(false);
+  const [resourceColumnWidthOverrides, setResourceColumnWidthOverrides] = useState9(() => normalizeResourceColumnWidthMap(resourceTableColumnWidths));
   const validItems = useMemo10(() => collectValidItems(resources), [resources]);
   const dateRange = useMemo10(() => getMultiMonthDays(validItems), [validItems]);
   const monthStart = useMemo10(() => {
@@ -9392,7 +9616,7 @@ function ResourceTimelineChart({
   );
   const canAddResource = enableAddResource && Boolean(onAddResource);
   const resourceAddRowHeight = laneHeight + DEFAULT_RESOURCE_ROW_GAP;
-  const [collapsedResourceGroups, setCollapsedResourceGroups] = useState8(/* @__PURE__ */ new Set());
+  const [collapsedResourceGroups, setCollapsedResourceGroups] = useState9(/* @__PURE__ */ new Set());
   const updateResourceColumnWidth = useCallback8((columnId, width) => {
     setResourceColumnWidthOverrides((prev) => {
       if (prev[columnId] === width) {
@@ -9447,7 +9671,7 @@ function ResourceTimelineChart({
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   }, [resolvedResourceColumnWidths]);
-  const renderResizeHandle = useCallback8((columnId) => /* @__PURE__ */ jsx16(
+  const renderResizeHandle = useCallback8((columnId) => /* @__PURE__ */ jsx17(
     "button",
     {
       type: "button",
@@ -9758,7 +9982,7 @@ function ResourceTimelineChart({
       }
     };
   }, []);
-  return /* @__PURE__ */ jsx16("div", { className: "gantt-container gantt-resourceTimeline", children: /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17("div", { className: "gantt-container gantt-resourceTimeline", children: /* @__PURE__ */ jsx17(
     "div",
     {
       ref: scrollContainerRef,
@@ -9769,44 +9993,44 @@ function ResourceTimelineChart({
       },
       "data-allow-vertical-pan": allowVerticalPan ? "true" : "false",
       onMouseDown: handlePanStart,
-      children: /* @__PURE__ */ jsxs12("div", { className: "gantt-resourceTimeline-scrollContent", children: [
-        /* @__PURE__ */ jsxs12(
+      children: /* @__PURE__ */ jsxs13("div", { className: "gantt-resourceTimeline-scrollContent", children: [
+        /* @__PURE__ */ jsxs13(
           "div",
           {
             className: `gantt-resourceTimeline-resourceColumn${resourceColumnHasRightShadow ? " gantt-resourceTimeline-resourceColumnShadowed" : ""}`,
             style: { width: `${effectiveRowHeaderWidth}px`, minWidth: `${effectiveRowHeaderWidth}px` },
             children: [
-              /* @__PURE__ */ jsxs12(
+              /* @__PURE__ */ jsxs13(
                 "div",
                 {
                   className: "gantt-resourceTimeline-corner",
                   style: { height: `${timelineHeaderHeight}px`, gridTemplateColumns: resourceColumnTemplate },
                   children: [
-                    /* @__PURE__ */ jsxs12("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderNumber", children: [
+                    /* @__PURE__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderNumber", children: [
                       "#",
                       renderResizeHandle("number")
                     ] }),
-                    /* @__PURE__ */ jsxs12("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderName", children: [
+                    /* @__PURE__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderName", children: [
                       "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435",
                       renderResizeHandle("name")
                     ] }),
-                    /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-resourceHeaderCell", "aria-label": "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u044C", children: renderResizeHandle("availability") }),
-                    /* @__PURE__ */ jsxs12("span", { className: "gantt-resourceTimeline-resourceHeaderCell", children: [
+                    /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceHeaderCell", "aria-label": "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u044C", children: renderResizeHandle("availability") }),
+                    /* @__PURE__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceHeaderCell", children: [
                       "\u041D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F",
                       renderResizeHandle("assignments")
                     ] }),
-                    /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderActions", "aria-label": "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F", children: renderResizeHandle("actions") })
+                    /* @__PURE__ */ jsx17("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__ */ jsxs12(React13.Fragment, { children: [
-                /* @__PURE__ */ jsxs12(
+              displayLayout.groupHeaders.length > 0 ? displayLayout.groupHeaders.map((group) => /* @__PURE__ */ jsxs13(React13.Fragment, { children: [
+                /* @__PURE__ */ jsxs13(
                   "div",
                   {
                     className: "gantt-resourceTimeline-resourceGroupHeader",
                     style: { height: `${group.height}px` },
                     children: [
-                      /* @__PURE__ */ jsx16(
+                      /* @__PURE__ */ jsx17(
                         "button",
                         {
                           type: "button",
@@ -9817,12 +10041,12 @@ function ResourceTimelineChart({
                             event.stopPropagation();
                             toggleResourceGroupCollapsed(group.key);
                           },
-                          children: /* @__PURE__ */ jsx16(ResourceGroupChevronIcon, {})
+                          children: /* @__PURE__ */ jsx17(ResourceGroupChevronIcon, {})
                         }
                       ),
-                      /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-resourceGroupTitle", children: group.label }),
-                      /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-resourceGroupCount", children: group.count }),
-                      canAddResource && /* @__PURE__ */ jsx16(
+                      /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceGroupTitle", children: group.label }),
+                      /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceGroupCount", children: group.count }),
+                      canAddResource && /* @__PURE__ */ jsx17(
                         "button",
                         {
                           type: "button",
@@ -9841,7 +10065,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__ */ jsx16(
+                  return /* @__PURE__ */ jsx17(
                     ResourceHeader,
                     {
                       resource: row.resource,
@@ -9861,7 +10085,7 @@ function ResourceTimelineChart({
                     row.resourceId
                   );
                 }),
-                displayLayout.groupAddRows.some((row) => row.key === group.key) && /* @__PURE__ */ jsx16(
+                displayLayout.groupAddRows.some((row) => row.key === group.key) && /* @__PURE__ */ jsx17(
                   NewResourceRow,
                   {
                     height: resourceAddRowHeight,
@@ -9870,7 +10094,7 @@ function ResourceTimelineChart({
                     columnTemplate: resourceColumnTemplate
                   }
                 )
-              ] }, group.key)) : displayLayout.rows.map((row, rowIndex) => /* @__PURE__ */ jsx16(
+              ] }, group.key)) : displayLayout.rows.map((row, rowIndex) => /* @__PURE__ */ jsx17(
                 ResourceHeader,
                 {
                   resource: row.resource,
@@ -9889,7 +10113,7 @@ function ResourceTimelineChart({
                 },
                 row.resourceId
               )),
-              canAddResource && (isCreatingResource ? /* @__PURE__ */ jsx16(
+              canAddResource && (isCreatingResource ? /* @__PURE__ */ jsx17(
                 NewResourceRow,
                 {
                   height: resourceAddRowHeight,
@@ -9897,7 +10121,7 @@ function ResourceTimelineChart({
                   onCancel: handleCancelNewResource,
                   columnTemplate: resourceColumnTemplate
                 }
-              ) : /* @__PURE__ */ jsx16(
+              ) : /* @__PURE__ */ jsx17(
                 "button",
                 {
                   className: "gantt-resourceTimeline-addResourceButton",
@@ -9913,18 +10137,18 @@ function ResourceTimelineChart({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs12(
+        /* @__PURE__ */ jsxs13(
           "div",
           {
             className: "gantt-resourceTimeline-chartSurface",
             style: { minWidth: `${gridWidth}px` },
             children: [
-              /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsx17(
                 "div",
                 {
                   className: "gantt-resourceTimeline-stickyHeader",
                   style: { width: `${gridWidth}px`, height: `${timelineHeaderHeight}px` },
-                  children: /* @__PURE__ */ jsx16(
+                  children: /* @__PURE__ */ jsx17(
                     TimeScaleHeader_default,
                     {
                       days: dateRange,
@@ -9936,14 +10160,14 @@ function ResourceTimelineChart({
                   )
                 }
               ),
-              /* @__PURE__ */ jsxs12(
+              /* @__PURE__ */ jsxs13(
                 "div",
                 {
                   ref: gridRef,
                   className: "gantt-resourceTimeline-grid",
                   style: { width: `${gridWidth}px`, height: `${displayTotalHeight}px` },
                   children: [
-                    /* @__PURE__ */ jsx16(
+                    /* @__PURE__ */ jsx17(
                       GridBackground_default,
                       {
                         dateRange,
@@ -9953,8 +10177,8 @@ function ResourceTimelineChart({
                         isCustomWeekend: weekendPredicate
                       }
                     ),
-                    todayInRange && /* @__PURE__ */ jsx16(TodayIndicator_default, { monthStart, dayWidth }),
-                    displayLayout.groupHeaders.map((group) => /* @__PURE__ */ jsx16(
+                    todayInRange && /* @__PURE__ */ jsx17(TodayIndicator_default, { monthStart, dayWidth }),
+                    displayLayout.groupHeaders.map((group) => /* @__PURE__ */ jsx17(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row gantt-resourceTimeline-groupRow",
@@ -9966,7 +10190,7 @@ function ResourceTimelineChart({
                       },
                       `group-row-${group.key}`
                     )),
-                    displayLayout.rows.map((row) => /* @__PURE__ */ jsx16(
+                    displayLayout.rows.map((row) => /* @__PURE__ */ jsx17(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row",
@@ -9978,7 +10202,7 @@ function ResourceTimelineChart({
                       },
                       row.resourceId
                     )),
-                    canAddResource && /* @__PURE__ */ jsx16(
+                    canAddResource && /* @__PURE__ */ jsx17(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row gantt-resourceTimeline-rowNew",
@@ -9989,7 +10213,7 @@ function ResourceTimelineChart({
                         }
                       }
                     ),
-                    displayLayout.groupAddRows.map((row) => /* @__PURE__ */ jsx16(
+                    displayLayout.groupAddRows.map((row) => /* @__PURE__ */ jsx17(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row gantt-resourceTimeline-rowNew",
@@ -10060,7 +10284,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__ */ jsxs12(
+                        return /* @__PURE__ */ jsxs13(
                           "div",
                           {
                             className,
@@ -10088,11 +10312,11 @@ function ResourceTimelineChart({
                               backgroundColor: layoutItem.item.color ?? "var(--gantt-task-bar-default-color, #3b82f6)"
                             },
                             children: [
-                              !readonly && !layoutItem.item.locked && /* @__PURE__ */ jsxs12(Fragment3, { children: [
-                                /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleStart" }),
-                                /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleEnd" })
+                              !readonly && !layoutItem.item.locked && /* @__PURE__ */ jsxs13(Fragment4, { children: [
+                                /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleStart" }),
+                                /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleEnd" })
                               ] }),
-                              weekendOverlaySegments.map((segment, index) => /* @__PURE__ */ jsx16(
+                              weekendOverlaySegments.map((segment, index) => /* @__PURE__ */ jsx17(
                                 "span",
                                 {
                                   className: "gantt-resourceTimeline-weekendOverlay",
@@ -10104,7 +10328,7 @@ function ResourceTimelineChart({
                                 },
                                 `weekend-overlay-${index}`
                               )),
-                              conflictOverlaySegments.map((segment, index) => /* @__PURE__ */ jsx16(
+                              conflictOverlaySegments.map((segment, index) => /* @__PURE__ */ jsx17(
                                 "span",
                                 {
                                   className: "gantt-resourceTimeline-conflictOverlay",
@@ -10116,7 +10340,7 @@ function ResourceTimelineChart({
                                 },
                                 `conflict-overlay-${index}`
                               )),
-                              hasItemMenu && /* @__PURE__ */ jsx16(
+                              hasItemMenu && /* @__PURE__ */ jsx17(
                                 "button",
                                 {
                                   type: "button",
@@ -10129,12 +10353,12 @@ function ResourceTimelineChart({
                                     event.stopPropagation();
                                     onResourceItemMenuClick?.(layoutItem.item);
                                   },
-                                  children: /* @__PURE__ */ jsx16("span", { "aria-hidden": "true", children: "\u22EE" })
+                                  children: /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: "\u22EE" })
                                 }
                               ),
-                              /* @__PURE__ */ jsx16("div", { className: "gantt-resourceTimeline-itemInner", children: renderItem ? renderItem(layoutItem.item, renderContext) : /* @__PURE__ */ jsxs12("div", { className: "gantt-resourceTimeline-defaultItemContent", children: [
-                                /* @__PURE__ */ jsxs12("div", { className: "gantt-resourceTimeline-defaultItemMain", children: [
-                                  /* @__PURE__ */ jsx16(
+                              /* @__PURE__ */ jsx17("div", { className: "gantt-resourceTimeline-itemInner", children: renderItem ? renderItem(layoutItem.item, renderContext) : /* @__PURE__ */ jsxs13("div", { className: "gantt-resourceTimeline-defaultItemContent", children: [
+                                /* @__PURE__ */ jsxs13("div", { className: "gantt-resourceTimeline-defaultItemMain", children: [
+                                  /* @__PURE__ */ jsx17(
                                     "span",
                                     {
                                       className: "gantt-resourceTimeline-itemDurationChip",
@@ -10142,15 +10366,15 @@ function ResourceTimelineChart({
                                       children: durationValue
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-itemTitle", children: layoutItem.item.title })
+                                  /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-itemTitle", children: layoutItem.item.title })
                                 ] }),
-                                layoutItem.item.subtitle && /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-itemSubtitle", children: layoutItem.item.subtitle })
+                                layoutItem.item.subtitle && /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-itemSubtitle", children: layoutItem.item.subtitle })
                               ] }) }),
-                              /* @__PURE__ */ jsxs12("div", { className: "gantt-resourceTimeline-itemTooltip", role: "tooltip", children: [
-                                /* @__PURE__ */ jsx16("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLinePrimary", children: tooltipFirstLine }),
-                                tooltipSecondLine && /* @__PURE__ */ jsxs12("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLineSecondary", children: [
-                                  tooltipSecondLineIcon && /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-itemTooltipIcon", "aria-hidden": "true", children: tooltipSecondLineIcon }),
-                                  /* @__PURE__ */ jsx16("span", { className: "gantt-resourceTimeline-itemTooltipText", children: tooltipSecondLine })
+                              /* @__PURE__ */ jsxs13("div", { className: "gantt-resourceTimeline-itemTooltip", role: "tooltip", children: [
+                                /* @__PURE__ */ jsx17("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLinePrimary", children: tooltipFirstLine }),
+                                tooltipSecondLine && /* @__PURE__ */ jsxs13("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLineSecondary", children: [
+                                  tooltipSecondLineIcon && /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-itemTooltipIcon", "aria-hidden": "true", children: tooltipSecondLineIcon }),
+                                  /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-itemTooltipText", children: tooltipSecondLine })
                                 ] })
                               ] })
                             ]
@@ -10171,8 +10395,8 @@ function ResourceTimelineChart({
 }
 
 // src/components/TableMatrix/TableMatrix.tsx
-import { useLayoutEffect, useMemo as useMemo11, useRef as useRef9, useState as useState9 } from "react";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useLayoutEffect, useMemo as useMemo11, useRef as useRef9, useState as useState10 } from "react";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 var AUTO_COLUMN_MIN_WIDTH = 72;
 var AUTO_COLUMN_MAX_WIDTH = 180;
 var DAY_MS4 = 24 * 60 * 60 * 1e3;
@@ -10239,7 +10463,7 @@ function TableMatrix({
   visibleRowIndices
 }) {
   const measureRef = useRef9(null);
-  const [measuredAutoWidths, setMeasuredAutoWidths] = useState9([]);
+  const [measuredAutoWidths, setMeasuredAutoWidths] = useState10([]);
   const hasAutoWidthColumns = useMemo11(
     () => columns.some((column) => typeof column.width !== "number"),
     [columns]
@@ -10372,9 +10596,9 @@ function TableMatrix({
       return task ? { task, index } : null;
     }).filter((entry) => entry !== null);
   }, [tasks, visibleRowIndices]);
-  return /* @__PURE__ */ jsxs13("div", { className: "gantt-mx-root", style: { width: `${totalWidth}px` }, children: [
-    hasAutoWidthColumns && /* @__PURE__ */ jsxs13("div", { ref: measureRef, className: "gantt-mx-measure", "aria-hidden": "true", children: [
-      columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs14("div", { className: "gantt-mx-root", style: { width: `${totalWidth}px` }, children: [
+    hasAutoWidthColumns && /* @__PURE__ */ jsxs14("div", { ref: measureRef, className: "gantt-mx-measure", "aria-hidden": "true", children: [
+      columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ jsx18(
         "div",
         {
           "data-gantt-mx-measure-column": columnIndex,
@@ -10383,7 +10607,7 @@ function TableMatrix({
         },
         `header:${column.id}`
       )),
-      tasks.map((task) => columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ jsx17(
+      tasks.map((task) => columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ jsx18(
         "div",
         {
           "data-gantt-mx-measure-column": columnIndex,
@@ -10393,8 +10617,8 @@ function TableMatrix({
         `${task.id}:${column.id}`
       )))
     ] }),
-    /* @__PURE__ */ jsxs13("div", { className: "gantt-mx-header", style: { height: `${headerHeight}px` }, children: [
-      hasGroupHeader && /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsxs14("div", { className: "gantt-mx-header", style: { height: `${headerHeight}px` }, children: [
+      hasGroupHeader && /* @__PURE__ */ jsx18(
         "div",
         {
           className: "gantt-mx-headerRow gantt-mx-headerGroupRow",
@@ -10402,7 +10626,7 @@ function TableMatrix({
             gridTemplateColumns: headerSpans.map((span) => `${span.width ?? 0}px`).join(" "),
             height: `${topRowHeight}px`
           },
-          children: headerSpans.map((span) => /* @__PURE__ */ jsx17(
+          children: headerSpans.map((span) => /* @__PURE__ */ jsx18(
             "div",
             {
               className: joinClasses("gantt-mx-groupCell", span.className),
@@ -10413,7 +10637,7 @@ function TableMatrix({
           ))
         }
       ),
-      /* @__PURE__ */ jsx17(
+      /* @__PURE__ */ jsx18(
         "div",
         {
           className: "gantt-mx-headerRow",
@@ -10421,7 +10645,7 @@ function TableMatrix({
           children: columns.map((column) => {
             const overlayWidthPercent = getOverlayWidthPercent(column, overlayDateMs);
             const shouldRenderOverlayEdge = isOverlayDateInColumn(column, overlayDateMs);
-            return /* @__PURE__ */ jsxs13(
+            return /* @__PURE__ */ jsxs14(
               "div",
               {
                 className: joinClasses(
@@ -10430,7 +10654,7 @@ function TableMatrix({
                 ),
                 style: column.minWidth !== void 0 ? { minWidth: `${column.minWidth}px` } : void 0,
                 children: [
-                  shouldRenderOverlayEdge && /* @__PURE__ */ jsx17(
+                  shouldRenderOverlayEdge && /* @__PURE__ */ jsx18(
                     "span",
                     {
                       className: "gantt-mx-dateOverlayEdge",
@@ -10440,7 +10664,7 @@ function TableMatrix({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsx17("span", { className: "gantt-mx-headerContent", children: column.header })
+                  /* @__PURE__ */ jsx18("span", { className: "gantt-mx-headerContent", children: column.header })
                 ]
               },
               column.id
@@ -10449,7 +10673,7 @@ function TableMatrix({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx17(
+    /* @__PURE__ */ jsx18(
       "div",
       {
         className: "gantt-mx-body",
@@ -10463,7 +10687,7 @@ function TableMatrix({
           const nestingDepth = nestingDepthMap.get(task.id) ?? 0;
           const rowFillLevel = Math.min(nestingDepth, 2);
           const isTotal = Boolean(task.isTotal);
-          return /* @__PURE__ */ jsx17(
+          return /* @__PURE__ */ jsx18(
             "div",
             {
               "data-gantt-task-row-id": task.id,
@@ -10488,7 +10712,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__ */ jsxs13(
+                return /* @__PURE__ */ jsxs14(
                   "div",
                   {
                     className: joinClasses(
@@ -10503,7 +10727,7 @@ function TableMatrix({
                       onCellClick?.({ task, column, rowIndex: index, columnIndex, event });
                     },
                     children: [
-                      shouldRenderOverlay && /* @__PURE__ */ jsx17(
+                      shouldRenderOverlay && /* @__PURE__ */ jsx18(
                         "span",
                         {
                           className: joinClasses("gantt-mx-dateOverlay", dateOverlay && dateOverlay.className),
@@ -10513,7 +10737,7 @@ function TableMatrix({
                           }
                         }
                       ),
-                      shouldRenderOverlayEdge && /* @__PURE__ */ jsx17(
+                      shouldRenderOverlayEdge && /* @__PURE__ */ jsx18(
                         "span",
                         {
                           className: "gantt-mx-dateOverlayEdge",
@@ -10523,7 +10747,7 @@ function TableMatrix({
                           }
                         }
                       ),
-                      /* @__PURE__ */ jsx17("div", { className: "gantt-mx-cellContent", children: column.renderCell(task) })
+                      /* @__PURE__ */ jsx18("div", { className: "gantt-mx-cellContent", children: column.renderCell(task) })
                     ]
                   },
                   `${task.id}:${column.id}`
@@ -10539,8 +10763,8 @@ function TableMatrix({
 }
 
 // src/components/PlanFactMatrix/PlanFactMatrix.tsx
-import React15, { useCallback as useCallback9, useEffect as useEffect9, useMemo as useMemo12, useRef as useRef10, useState as useState10 } from "react";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import React15, { useCallback as useCallback9, useEffect as useEffect9, useMemo as useMemo12, useRef as useRef10, useState as useState11 } from "react";
+import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
 var DAY_MS5 = 24 * 60 * 60 * 1e3;
 function joinClasses2(...values) {
   return values.filter(Boolean).join(" ");
@@ -10631,7 +10855,7 @@ function PlanFactCellEditor({
   onCommitRange,
   onCancel
 }) {
-  const [draft, setDraft] = useState10(startValue ?? (value === void 0 ? "" : String(value)));
+  const [draft, setDraft] = useState11(startValue ?? (value === void 0 ? "" : String(value)));
   const inputRef = useRef10(null);
   useEffect9(() => {
     inputRef.current?.focus();
@@ -10649,7 +10873,7 @@ function PlanFactCellEditor({
     }
     onCommit(parsed);
   }, [draft, onCancel, onCommit]);
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "input",
     {
       ref: inputRef,
@@ -10763,7 +10987,7 @@ function PlanFactRowInner({
   showOverflowTooltip,
   hideOverflowTooltip
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       "data-gantt-task-row-id": task.id,
@@ -10801,7 +11025,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__ */ jsxs14(
+          return /* @__PURE__ */ jsxs15(
             "div",
             {
               "data-plan-fact-task-id": task.id,
@@ -10898,7 +11122,7 @@ function PlanFactRowInner({
                 }
               },
               children: [
-                isEditing ? /* @__PURE__ */ jsx18(
+                isEditing ? /* @__PURE__ */ jsx19(
                   PlanFactCellEditor,
                   {
                     value,
@@ -10924,7 +11148,7 @@ function PlanFactRowInner({
                       focusCell(nextActiveCell);
                     }
                   }
-                ) : /* @__PURE__ */ jsx18(
+                ) : /* @__PURE__ */ jsx19(
                   "span",
                   {
                     className: "gantt-pf-cellValue",
@@ -10938,7 +11162,7 @@ function PlanFactRowInner({
                     children: isParent ? "" : formatValue(value)
                   }
                 ),
-                showFillHandle && /* @__PURE__ */ jsx18(
+                showFillHandle && /* @__PURE__ */ jsx19(
                   "span",
                   {
                     className: "gantt-pf-fillHandle",
@@ -10986,11 +11210,11 @@ function PlanFactMatrix({
   todayDateIndex,
   isCustomWeekend
 }) {
-  const [activeCell, setActiveCell] = useState10(null);
-  const [editingCell, setEditingCell] = useState10(null);
-  const [selectedRange, setSelectedRange] = useState10(null);
-  const [fillRange, setFillRange] = useState10(null);
-  const [overflowTooltip, setOverflowTooltip] = useState10(null);
+  const [activeCell, setActiveCell] = useState11(null);
+  const [editingCell, setEditingCell] = useState11(null);
+  const [selectedRange, setSelectedRange] = useState11(null);
+  const [fillRange, setFillRange] = useState11(null);
+  const [overflowTooltip, setOverflowTooltip] = useState11(null);
   const isSelectingRef = useRef10(false);
   const isFillDraggingRef = useRef10(false);
   const didDragSelectRef = useRef10(false);
@@ -11450,7 +11674,7 @@ function PlanFactMatrix({
       document.removeEventListener("mousedown", handleMouseDown);
     };
   }, [clearSelection]);
-  return /* @__PURE__ */ jsxs14(
+  return /* @__PURE__ */ jsxs15(
     "div",
     {
       ref: rootRef,
@@ -11460,8 +11684,8 @@ function PlanFactMatrix({
         ["--gantt-pf-day-width"]: `${dayWidth}px`
       },
       children: [
-        /* @__PURE__ */ jsxs14("div", { className: "gantt-pf-header", style: { width: `${totalWidth}px`, height: `${headerHeight}px` }, children: [
-          /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsxs15("div", { className: "gantt-pf-header", style: { width: `${totalWidth}px`, height: `${headerHeight}px` }, children: [
+          /* @__PURE__ */ jsx19(
             "div",
             {
               className: "gantt-pf-dateWindow",
@@ -11469,7 +11693,7 @@ function PlanFactMatrix({
                 left: `${renderedDateWindow.startIndex * dayWidth}px`,
                 width: `${renderedDateWindow.days.length * dayWidth}px`
               },
-              children: /* @__PURE__ */ jsx18(
+              children: /* @__PURE__ */ jsx19(
                 TimeScaleHeader_default,
                 {
                   days: renderedDateWindow.days,
@@ -11481,7 +11705,7 @@ function PlanFactMatrix({
               )
             }
           ),
-          todayDateIndex !== void 0 && todayDateIndex >= renderedDateWindow.startIndex && todayDateIndex < renderedDateWindow.startIndex + renderedDateWindow.days.length && /* @__PURE__ */ jsx18(
+          todayDateIndex !== void 0 && todayDateIndex >= renderedDateWindow.startIndex && todayDateIndex < renderedDateWindow.startIndex + renderedDateWindow.days.length && /* @__PURE__ */ jsx19(
             "span",
             {
               className: "gantt-pf-headerTodayLine",
@@ -11493,7 +11717,7 @@ function PlanFactMatrix({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx18("div", { className: "gantt-pf-monthSeparatorLayer", "aria-hidden": "true", children: monthSeparatorIndices.map((dateIndex) => /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19("div", { className: "gantt-pf-monthSeparatorLayer", "aria-hidden": "true", children: monthSeparatorIndices.map((dateIndex) => /* @__PURE__ */ jsx19(
           "span",
           {
             className: "gantt-pf-monthSeparator",
@@ -11504,7 +11728,7 @@ function PlanFactMatrix({
           },
           `month-separator-${dateIndex}`
         )) }),
-        /* @__PURE__ */ jsxs14(
+        /* @__PURE__ */ jsxs15(
           "div",
           {
             ref: bodyRef,
@@ -11515,7 +11739,7 @@ function PlanFactMatrix({
               width: `${totalWidth}px`
             },
             children: [
-              /* @__PURE__ */ jsx18(
+              /* @__PURE__ */ jsx19(
                 "div",
                 {
                   className: "gantt-pf-dateWindow gantt-pf-dateWindow-body",
@@ -11523,7 +11747,7 @@ function PlanFactMatrix({
                     left: `${renderedDateWindow.startIndex * dayWidth}px`,
                     width: `${renderedDateWindow.days.length * dayWidth}px`
                   },
-                  children: /* @__PURE__ */ jsx18(
+                  children: /* @__PURE__ */ jsx19(
                     GridBackground_default,
                     {
                       dateRange: renderedDateWindow.days,
@@ -11541,7 +11765,7 @@ function PlanFactMatrix({
                 if (!task) return null;
                 const isParent = parentTaskIds.has(task.id);
                 const isHighlighted = filterMode === "highlight" && !!highlightedTaskIds?.has(task.id);
-                return /* @__PURE__ */ jsx18(
+                return /* @__PURE__ */ jsx19(
                   PlanFactRow,
                   {
                     task,
@@ -11586,7 +11810,7 @@ function PlanFactMatrix({
             ]
           }
         ),
-        overflowTooltip && /* @__PURE__ */ jsx18(
+        overflowTooltip && /* @__PURE__ */ jsx19(
           "div",
           {
             className: "gantt-pf-overflowTooltip",
@@ -12012,7 +12236,7 @@ function createTaskPreviewPositionStore() {
 }
 
 // src/components/GanttChart/GanttChart.tsx
-import { Fragment as Fragment4, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
 var SCROLL_TO_ROW_CONTEXT_ROWS = 2;
 var TASK_ROW_OVERSCAN = 8;
 var PLAN_FACT_COLUMN_OVERSCAN = 24;
@@ -12139,9 +12363,9 @@ function arePreviewTaskMapsEqual(left, right) {
 }
 function GanttChartInner(props, ref) {
   if (props.mode === "resource-planner") {
-    return /* @__PURE__ */ jsx19(ResourceTimelineChart, { ...props });
+    return /* @__PURE__ */ jsx20(ResourceTimelineChart, { ...props });
   }
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     TaskGanttChart,
     {
       ...props,
@@ -12223,20 +12447,176 @@ function TaskGanttChartInner(props, ref) {
     previewPositionStoreRef.current = createTaskPreviewPositionStore();
   }
   const previewPositionStore = previewPositionStoreRef.current;
-  const [selectedTaskId, setSelectedTaskId] = useState11(null);
-  const [taskListHasRightShadow, setTaskListHasRightShadow] = useState11(false);
-  const [internalTaskDateChangeMode, setInternalTaskDateChangeMode] = useState11("preserve-duration");
-  const [scrollViewport, setScrollViewport] = useState11(() => ({
+  const [selectedTaskId, setSelectedTaskId] = useState12(null);
+  const [taskListHasRightShadow, setTaskListHasRightShadow] = useState12(false);
+  const [internalTaskDateChangeMode, setInternalTaskDateChangeMode] = useState12("preserve-duration");
+  const [scrollViewport, setScrollViewport] = useState12(() => ({
     scrollTop: 0,
     viewportHeight: getInitialScrollViewportHeight(containerHeight, headerHeight + 1)
   }));
-  const [forceFullRenderForPrint, setForceFullRenderForPrint] = useState11(false);
-  const [planFactDateWindow, setPlanFactDateWindow] = useState11({ start: 0, end: 0 });
-  const [selectedChip, setSelectedChip] = useState11(null);
-  const [activeTimelineTooltip, setActiveTimelineTooltip] = useState11(null);
-  const [internalCollapsedParentIds, setInternalCollapsedParentIds] = useState11(/* @__PURE__ */ new Set());
+  const [forceFullRenderForPrint, setForceFullRenderForPrint] = useState12(false);
+  const [planFactDateWindow, setPlanFactDateWindow] = useState12({ start: 0, end: 0 });
+  const [selectedChip, setSelectedChip] = useState12(null);
+  const [dependencyCreationDrag, setDependencyCreationDrag] = useState12(null);
+  const dependencyCreationRef = useRef11(null);
+  const [dependencyCreationError, setDependencyCreationError] = useState12(null);
+  const [dependencyLineMenu, setDependencyLineMenu] = useState12(null);
+  const getDependencyPortPoint = useCallback10((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 = useCallback10((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 = useCallback10((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]);
+  useEffect10(() => {
+    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]);
+  useEffect10(() => {
+    if (!dependencyCreationError) return;
+    const timeout = window.setTimeout(() => setDependencyCreationError(null), 3e3);
+    return () => window.clearTimeout(timeout);
+  }, [dependencyCreationError]);
+  useEffect10(() => {
+    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 = useCallback10((dependency) => {
+    setSelectedChip({
+      predecessorId: dependency.predecessorId,
+      successorId: dependency.successorId,
+      linkType: dependency.linkType
+    });
+    setDependencyLineMenu(dependency);
+  }, []);
+  const handleDependencyLineDelete = useCallback10(() => {
+    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] = useState12(null);
+  const [internalCollapsedParentIds, setInternalCollapsedParentIds] = useState12(/* @__PURE__ */ new Set());
   const collapsedParentIds = externalCollapsedParentIds ?? internalCollapsedParentIds;
-  const [editingTaskId, setEditingTaskId] = useState11(null);
+  const [editingTaskId, setEditingTaskId] = useState12(null);
   const taskDateChangeMode = externalTaskDateChangeMode ?? internalTaskDateChangeMode;
   const handleTaskDateChangeMode = externalOnTaskDateChangeModeChange ?? setInternalTaskDateChangeMode;
   const resolvedRowContentLines = isPlanFactMode ? Math.max(2, Math.floor(rowContentLines)) : Math.max(1, Math.floor(rowContentLines));
@@ -12267,8 +12647,8 @@ function TaskGanttChartInner(props, ref) {
     () => isPlanFactMode ? getFullMonthDays(dateRangeTasks) : getMultiMonthDays(dateRangeTasks),
     [dateRangeTasks, isPlanFactMode]
   );
-  const [validationResult, setValidationResult] = useState11(null);
-  const [cascadeOverrides, setCascadeOverrides] = useState11(/* @__PURE__ */ new Map());
+  const [validationResult, setValidationResult] = useState12(null);
+  const [cascadeOverrides, setCascadeOverrides] = useState12(/* @__PURE__ */ new Map());
   const gridWidth = useMemo13(
     () => Math.round(dateRange.length * dayWidth),
     [dateRange.length, dayWidth]
@@ -12486,9 +12866,9 @@ function TaskGanttChartInner(props, ref) {
     }
     container.scrollTo({ top: scrollTop, behavior });
   }, [effectiveRowHeight, tasks, visibleTasks]);
-  const [dragGuideLines, setDragGuideLines] = useState11(null);
-  const [draggedTaskOverride, setDraggedTaskOverride] = useState11(null);
-  const [previewTasksById, setPreviewTasksById] = useState11(/* @__PURE__ */ new Map());
+  const [dragGuideLines, setDragGuideLines] = useState12(null);
+  const [draggedTaskOverride, setDraggedTaskOverride] = useState12(null);
+  const [previewTasksById, setPreviewTasksById] = useState12(/* @__PURE__ */ new Map());
   useEffect10(() => {
     const result = validateDependencies(tasks);
     setValidationResult(result);
@@ -13005,19 +13385,19 @@ function TaskGanttChartInner(props, ref) {
       window.removeEventListener("mouseup", handlePanEnd);
     };
   }, []);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       ref: containerRef,
       className: isTableMatrixMode ? "gantt-container gantt-container-tableMatrix" : isPlanFactMode ? "gantt-container gantt-container-planFact" : "gantt-container",
-      children: /* @__PURE__ */ jsx19(
+      children: /* @__PURE__ */ jsx20(
         "div",
         {
           ref: scrollContainerRef,
           className: "gantt-scrollContainer",
           style: { height: containerHeight ?? "auto", cursor: "grab" },
           onMouseDown: handlePanStart,
-          children: /* @__PURE__ */ jsxs15(
+          children: /* @__PURE__ */ jsxs16(
             "div",
             {
               ref: scrollContentRef,
@@ -13025,7 +13405,7 @@ function TaskGanttChartInner(props, ref) {
               onMouseOver: handleSharedRowHover,
               onMouseLeave: clearHoveredRows,
               children: [
-                /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsx20(
                   TaskList,
                   {
                     tasks: normalizedTasks,
@@ -13040,7 +13420,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,
@@ -13080,7 +13463,7 @@ function TaskGanttChartInner(props, ref) {
                     visibleRowIndices: visibleTaskWindowIndices
                   }
                 ),
-                /* @__PURE__ */ jsx19(
+                /* @__PURE__ */ jsx20(
                   "div",
                   {
                     className: isTableMatrixMode || isPlanFactMode || showChart ? "gantt-chartSurface" : "gantt-chartSurface gantt-chart-hidden",
@@ -13090,7 +13473,7 @@ function TaskGanttChartInner(props, ref) {
                       flex: isTableMatrixMode || isPlanFactMode ? "0 0 auto" : 1,
                       display: isTableMatrixMode || isPlanFactMode || showChart ? void 0 : "none"
                     },
-                    children: isTableMatrixMode ? /* @__PURE__ */ jsx19(
+                    children: isTableMatrixMode ? /* @__PURE__ */ jsx20(
                       TableMatrix,
                       {
                         tasks: visibleTasks,
@@ -13108,7 +13491,7 @@ function TaskGanttChartInner(props, ref) {
                         filterMode,
                         visibleRowIndices: visibleTaskWindowIndices
                       }
-                    ) : isPlanFactMode ? /* @__PURE__ */ jsx19(
+                    ) : isPlanFactMode ? /* @__PURE__ */ jsx20(
                       PlanFactMatrix,
                       {
                         tasks: visibleTasks,
@@ -13129,14 +13512,14 @@ function TaskGanttChartInner(props, ref) {
                         todayDateIndex: todayInRange ? todayIndex : void 0,
                         isCustomWeekend
                       }
-                    ) : /* @__PURE__ */ jsxs15(Fragment4, { children: [
-                      /* @__PURE__ */ jsxs15(
+                    ) : /* @__PURE__ */ jsxs16(Fragment5, { children: [
+                      /* @__PURE__ */ jsxs16(
                         "div",
                         {
                           className: "gantt-stickyHeader",
                           style: { width: `${gridWidth}px`, height: `${timelineHeaderHeight}px` },
                           children: [
-                            /* @__PURE__ */ jsx19(
+                            /* @__PURE__ */ jsx20(
                               TimeScaleHeader_default,
                               {
                                 days: dateRange,
@@ -13149,7 +13532,7 @@ function TaskGanttChartInner(props, ref) {
                                 onTimelineHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            activeTimelineTooltip && /* @__PURE__ */ jsx19("div", { className: "gantt-timelineTooltipLayer", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(
+                            activeTimelineTooltip && /* @__PURE__ */ jsx20("div", { className: "gantt-timelineTooltipLayer", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
                               "div",
                               {
                                 className: "gantt-timelineTooltip",
@@ -13163,7 +13546,7 @@ function TaskGanttChartInner(props, ref) {
                           ]
                         }
                       ),
-                      /* @__PURE__ */ jsxs15(
+                      /* @__PURE__ */ jsxs16(
                         "div",
                         {
                           className: "gantt-taskArea",
@@ -13173,7 +13556,7 @@ function TaskGanttChartInner(props, ref) {
                             height: `${totalGridHeight}px`
                           },
                           children: [
-                            /* @__PURE__ */ jsx19(
+                            /* @__PURE__ */ jsx20(
                               GridBackground_default,
                               {
                                 dateRange,
@@ -13183,7 +13566,7 @@ function TaskGanttChartInner(props, ref) {
                                 isCustomWeekend
                               }
                             ),
-                            todayInRange && /* @__PURE__ */ jsx19(
+                            todayInRange && /* @__PURE__ */ jsx20(
                               TodayIndicator_default,
                               {
                                 monthStart,
@@ -13192,7 +13575,7 @@ function TaskGanttChartInner(props, ref) {
                                 onHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            visibleTimelineMarkers.length > 0 && /* @__PURE__ */ jsx19(
+                            visibleTimelineMarkers.length > 0 && /* @__PURE__ */ jsx20(
                               TimelineMarkers_default,
                               {
                                 rangeStart: monthStart,
@@ -13203,7 +13586,7 @@ function TaskGanttChartInner(props, ref) {
                                 onHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            /* @__PURE__ */ jsx19(
+                            /* @__PURE__ */ jsx20(
                               DependencyLines_default,
                               {
                                 tasks: renderedDependencyTasks,
@@ -13218,10 +13601,43 @@ function TaskGanttChartInner(props, ref) {
                                 dragOverrides: dependencyOverrides,
                                 selectedDep: selectedChip,
                                 businessDays,
-                                weekendPredicate: isCustomWeekend
+                                weekendPredicate: isCustomWeekend,
+                                onDependencyClick: handleDependencyLineClick
+                              }
+                            ),
+                            dependencyLineMenu && /* @__PURE__ */ jsxs16(
+                              "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__ */ jsx20("span", { className: "gantt-dependencyLineMenuType", children: dependencyLineMenu.linkType === "FS" ? "\u041E\u041D" : dependencyLineMenu.linkType === "SS" ? "\u041D\u041D" : dependencyLineMenu.linkType === "FF" ? "\u041E\u041E" : "\u041D\u041E" }),
+                                  !disableDependencyEditing && /* @__PURE__ */ jsx20(
+                                    "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__ */ jsx20(
+                              DependencyCreationOverlay,
+                              {
+                                drag: dependencyCreationDrag,
+                                width: gridWidth,
+                                height: totalGridHeight
                               }
                             ),
-                            dragGuideLines && /* @__PURE__ */ jsx19(
+                            dependencyCreationError && /* @__PURE__ */ jsx20("div", { className: "gantt-dependencyCreation-error", role: "status", children: dependencyCreationError }),
+                            dragGuideLines && /* @__PURE__ */ jsx20(
                               DragGuideLines_default,
                               {
                                 isDragging: dragGuideLines.isDragging,
@@ -13231,7 +13647,7 @@ function TaskGanttChartInner(props, ref) {
                                 totalHeight: totalGridHeight
                               }
                             ),
-                            renderedChartTasks.map(({ task, index }) => /* @__PURE__ */ jsx19(
+                            renderedChartTasks.map(({ task, index }) => /* @__PURE__ */ jsx20(
                               "div",
                               {
                                 style: {
@@ -13241,7 +13657,7 @@ function TaskGanttChartInner(props, ref) {
                                   right: 0,
                                   height: `${effectiveRowHeight}px`
                                 },
-                                children: /* @__PURE__ */ jsx19(
+                                children: /* @__PURE__ */ jsx20(
                                   TaskRow_default,
                                   {
                                     task,
@@ -13272,6 +13688,9 @@ function TaskGanttChartInner(props, ref) {
                                     customDays,
                                     isWeekend: isWeekend3,
                                     disableTaskDrag,
+                                    disableDependencyEditing,
+                                    onDependencyPortPointerDown: handleDependencyPortPointerDown,
+                                    isDependencyDragActive: dependencyCreationDrag !== null,
                                     viewMode
                                   }
                                 )
@@ -13298,7 +13717,7 @@ GanttChart.displayName = "GanttChart";
 
 // src/components/ui/Button.tsx
 import React17 from "react";
-import { jsx as jsx20 } from "react/jsx-runtime";
+import { jsx as jsx21 } from "react/jsx-runtime";
 var Button = React17.forwardRef(
   ({ className, variant = "default", size = "default", children, ...props }, ref) => {
     const classes = [
@@ -13307,7 +13726,7 @@ var Button = React17.forwardRef(
       size !== "default" ? `gantt-btn-${size}` : "",
       className || ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsx20("button", { ref, className: classes, ...props, children });
+    return /* @__PURE__ */ jsx21("button", { ref, className: classes, ...props, children });
   }
 );
 Button.displayName = "Button";