gantt-lib 0.141.3 → 0.142.1

package/dist/index.mjs

@@ -5250,53 +5250,6 @@ var TaskRow = React2.memo(
       }
       return { left: segment.left, width: segment.width + activityDrag.dayDelta * dayWidth };
     };
-    const activityLinks = useMemo2(() => {
-      const gaps = [];
-      const elbows = [];
-      if (!showActivityLinks || !renderActivities || !activityLayout) return { gaps, elbows };
-      const activities = task.activities ?? [];
-      const segmentById = new Map(activityLayout.segments.map((segment) => [segment.id, segment]));
-      const visibleIds = new Set(visibleActivitySegments.map((segment) => segment.id));
-      const laneTopY = (lane) => activityTopOffset + lane * ACTIVITY_LANE_STEP + (ACTIVITY_LANE_STEP - ACTIVITY_LANE_BAR_HEIGHT) / 2;
-      const liveRect = (segment) => {
-        const geometry = liveActivityGeometry(segment);
-        const chainDelta = activityOverrides?.get(segment.id) ?? 0;
-        const left2 = geometry.left + (chainDelta !== 0 ? chainDelta * dayWidth : 0);
-        return { left: left2, right: left2 + geometry.width };
-      };
-      for (let index = 0; index < activities.length - 1; index += 1) {
-        const predecessor = segmentById.get(activities[index].id);
-        const successor = segmentById.get(activities[index + 1].id);
-        if (!predecessor || !successor) continue;
-        if (!visibleIds.has(predecessor.id) || !visibleIds.has(successor.id)) continue;
-        const lag = activities[index + 1].lag ?? 0;
-        const predRect = liveRect(predecessor);
-        const succRect = liveRect(successor);
-        if (predecessor.lane === successor.lane && succRect.left >= predRect.right) {
-          const width2 = succRect.left - predRect.right;
-          if (width2 >= 1) {
-            gaps.push({ key: `${predecessor.id}->${successor.id}`, left: predRect.right, width: width2, lane: predecessor.lane, lag });
-          }
-          continue;
-        }
-        const predecessorLaneTop = laneTopY(predecessor.lane);
-        const successorLaneTop = laneTopY(successor.lane);
-        const sameLane = predecessor.lane === successor.lane;
-        const reverseOrder = !sameLane && successorLaneTop < predecessorLaneTop;
-        const fromY = reverseOrder ? predecessorLaneTop + 6 : predecessorLaneTop + ACTIVITY_LANE_BAR_HEIGHT - 6;
-        const toY = reverseOrder ? successorLaneTop + ACTIVITY_LANE_BAR_HEIGHT - 6 : successorLaneTop + (sameLane ? ACTIVITY_LANE_STEP : 0) + 6;
-        const fromX = predRect.right;
-        const toX = succRect.left;
-        elbows.push({
-          key: `${predecessor.id}->${successor.id}`,
-          d: calculateDependencyPath({ x: fromX, y: fromY }, { x: toX, y: toY }, false),
-          lagX: toX - 14,
-          lagY: reverseOrder ? fromY - 4 : fromY + 12,
-          lag
-        });
-      }
-      return { gaps, elbows };
-    }, [showActivityLinks, renderActivities, activityLayout, visibleActivitySegments, activityTopOffset, activityOverrides, activityDrag, dayWidth, task.activities]);
     const activityTipData = useMemo2(() => {
       if (!activityTipId || !task.activities) return null;
       const activity = task.activities.find((item) => item.id === activityTipId);
@@ -5368,121 +5321,72 @@ var TaskRow = React2.memo(
                 }
               }
             ),
-            renderActivities && activityLayout && /* @__PURE__ */ jsxs2("div", { className: "gantt-tr-activityLanes", children: [
-              activityLinks.elbows.length > 0 && /* @__PURE__ */ jsxs2("svg", { className: "gantt-tr-activityLinksSvg", width: "100%", height: "100%", "aria-hidden": "true", children: [
-                /* @__PURE__ */ jsx2("defs", { children: /* @__PURE__ */ jsx2("marker", { id: "arrowhead", markerWidth: "8", markerHeight: "6", markerUnits: "userSpaceOnUse", refX: "7", refY: "3", orient: "auto", children: /* @__PURE__ */ jsx2("polygon", { points: "0 0, 8 3, 0 6", fill: "var(--gantt-dependency-line-color, #666666)" }) }) }),
-                activityLinks.elbows.map((link) => /* @__PURE__ */ jsxs2("g", { children: [
-                  /* @__PURE__ */ jsx2("path", { className: "gantt-dependency-path", d: link.d, markerEnd: "url(#arrowhead)" }),
-                  showActivityLag && link.lag !== 0 && /* @__PURE__ */ jsx2(
-                    "text",
-                    {
-                      className: "gantt-dependency-lag-label",
-                      x: link.lagX,
-                      y: link.lagY,
-                      textAnchor: "middle",
-                      fontSize: "10",
-                      fill: "var(--gantt-dependency-line-color, #666666)",
-                      children: link.lag > 0 ? `+${link.lag}` : `${link.lag}`
+            renderActivities && activityLayout && /* @__PURE__ */ jsx2("div", { className: "gantt-tr-activityLanes", children: visibleActivitySegments.map((segment) => {
+              const live = liveActivityGeometry(segment);
+              const chainDelta = activityOverrides?.get(segment.id) ?? 0;
+              const activityProgress = segment.progress === void 0 ? 0 : Math.min(100, Math.max(0, Math.round(segment.progress)));
+              const liveLeft = live.left + (chainDelta !== 0 ? chainDelta * dayWidth : 0);
+              const isDraggingActivity = activityDrag?.id === segment.id;
+              const isBlockingActivity = blockedActivityIds?.has(segment.id) ?? false;
+              const isAtLimit = isDraggingActivity && activityBlockedBy !== null;
+              const isActiveActivity = activationVisualEnabled && activeActivityKey === activityOwnerKey(task.id, segment.id);
+              const isSameWorkType = activeWork !== null && (segment.id === activeWork.id || activeWork.name !== null && segment.name === activeWork.name);
+              const isDimmed = dimOthers && activeWork !== null && !isSameWorkType;
+              const isChainHighlighted = highlightChain && activeWork !== null && isSameWorkType;
+              return /* @__PURE__ */ jsxs2(
+                "div",
+                {
+                  "data-activity-id": segment.id,
+                  className: `gantt-tr-activityBar${isDraggingActivity ? " gantt-tr-activityBar-dragging" : ""}${isBlockingActivity ? " gantt-tr-activityBar-blocking" : ""}${isAtLimit ? " gantt-tr-activityBar-atLimit" : ""}${isActiveActivity ? " gantt-tr-activityBar-active" : ""}${isDimmed ? " gantt-tr-activityBar-dimmed" : ""}${isChainHighlighted ? " gantt-tr-activityBar-chain" : ""}${activityDragEnabled ? "" : " gantt-tr-activityBar-locked"}`,
+                  style: {
+                    left: `${liveLeft}px`,
+                    width: `${live.width}px`,
+                    top: `${activityTopOffset + segment.lane * ACTIVITY_LANE_STEP + (ACTIVITY_LANE_STEP - ACTIVITY_LANE_BAR_HEIGHT) / 2}px`,
+                    height: `${ACTIVITY_LANE_BAR_HEIGHT}px`,
+                    backgroundColor: segment.color || "var(--gantt-task-bar-default-color)"
+                  },
+                  onMouseDown: (event) => {
+                    if (!activityDragEnabled) return;
+                    const activationKey = activityOwnerKey(task.id, segment.id);
+                    const isActive = activityActivationStore?.getActiveKey() === activationKey;
+                    if (activationVisualEnabled && !isActive) {
+                      activityActivationStore?.setActiveKey(activationKey);
                     }
-                  )
-                ] }, link.key))
-              ] }),
-              visibleActivitySegments.map((segment) => {
-                const live = liveActivityGeometry(segment);
-                const chainDelta = activityOverrides?.get(segment.id) ?? 0;
-                const activityProgress = segment.progress === void 0 ? 0 : Math.min(100, Math.max(0, Math.round(segment.progress)));
-                const liveLeft = live.left + (chainDelta !== 0 ? chainDelta * dayWidth : 0);
-                const isDraggingActivity = activityDrag?.id === segment.id;
-                const isBlockingActivity = blockedActivityIds?.has(segment.id) ?? false;
-                const isAtLimit = isDraggingActivity && activityBlockedBy !== null;
-                const isActiveActivity = activationVisualEnabled && activeActivityKey === activityOwnerKey(task.id, segment.id);
-                const isSameWorkType = activeWork !== null && (segment.id === activeWork.id || activeWork.name !== null && segment.name === activeWork.name);
-                const isDimmed = dimOthers && activeWork !== null && !isSameWorkType;
-                const isChainHighlighted = highlightChain && activeWork !== null && isSameWorkType;
-                return /* @__PURE__ */ jsxs2(
-                  "div",
-                  {
-                    "data-activity-id": segment.id,
-                    className: `gantt-tr-activityBar${isDraggingActivity ? " gantt-tr-activityBar-dragging" : ""}${isBlockingActivity ? " gantt-tr-activityBar-blocking" : ""}${isAtLimit ? " gantt-tr-activityBar-atLimit" : ""}${isActiveActivity ? " gantt-tr-activityBar-active" : ""}${isDimmed ? " gantt-tr-activityBar-dimmed" : ""}${isChainHighlighted ? " gantt-tr-activityBar-chain" : ""}${activityDragEnabled ? "" : " gantt-tr-activityBar-locked"}`,
-                    style: {
-                      left: `${liveLeft}px`,
-                      width: `${live.width}px`,
-                      top: `${activityTopOffset + segment.lane * ACTIVITY_LANE_STEP + (ACTIVITY_LANE_STEP - ACTIVITY_LANE_BAR_HEIGHT) / 2}px`,
-                      height: `${ACTIVITY_LANE_BAR_HEIGHT}px`,
-                      backgroundColor: segment.color || "var(--gantt-task-bar-default-color)"
-                    },
-                    onMouseDown: (event) => {
-                      if (!activityDragEnabled) return;
-                      const activationKey = activityOwnerKey(task.id, segment.id);
-                      const isActive = activityActivationStore?.getActiveKey() === activationKey;
-                      if (activationVisualEnabled && !isActive) {
-                        activityActivationStore?.setActiveKey(activationKey);
-                      }
-                      if (activityClickToDrag && !isActive) return;
-                      const target = event.target;
-                      const mode = target.closest(".gantt-tr-resizeHandleLeft") ? "resize-left" : target.closest(".gantt-tr-resizeHandleRight") ? "resize-right" : "move";
-                      handleActivityPointerDown(segment, mode)(event);
-                    },
-                    onMouseEnter: (event) => {
-                      if (activityDrag || activityDragOwner?.get()) return;
-                      setActivityTipPosition(anchorActivityTip(event.currentTarget.getBoundingClientRect()));
-                      setActivityTipId(segment.id);
-                    },
-                    onMouseLeave: () => {
-                      if (!activityDrag) {
-                        setActivityTipId((current) => current === segment.id ? null : current);
-                        activityTipAnchor.current = null;
-                        setActivityTipPosition(null);
-                      }
-                    },
-                    children: [
-                      activityProgress > 0 && /* @__PURE__ */ jsx2(
-                        "span",
-                        {
-                          className: "gantt-tr-activityProgress",
-                          style: { width: `${activityProgress}%` }
-                        }
-                      ),
-                      /* @__PURE__ */ jsx2("span", { className: "gantt-tr-activityName", style: { color: activityTextColor(segment.color) }, children: segment.name }),
-                      activityDragEnabled && /* @__PURE__ */ jsxs2(Fragment, { children: [
-                        /* @__PURE__ */ jsx2("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleLeft" }),
-                        /* @__PURE__ */ jsx2("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleRight" })
-                      ] })
-                    ]
+                    if (activityClickToDrag && !isActive) return;
+                    const target = event.target;
+                    const mode = target.closest(".gantt-tr-resizeHandleLeft") ? "resize-left" : target.closest(".gantt-tr-resizeHandleRight") ? "resize-right" : "move";
+                    handleActivityPointerDown(segment, mode)(event);
                   },
-                  segment.id
-                );
-              }),
-              activityLinks.gaps.map((gap) => /* @__PURE__ */ jsxs2(React2.Fragment, { children: [
-                /* @__PURE__ */ jsx2(
-                  "span",
-                  {
-                    className: "gantt-tr-activityLink",
-                    "aria-hidden": "true",
-                    style: {
-                      left: `${gap.left}px`,
-                      width: `${gap.width}px`,
-                      top: `${activityTopOffset + gap.lane * ACTIVITY_LANE_STEP + ACTIVITY_LANE_STEP / 2}px`
+                  onMouseEnter: (event) => {
+                    if (activityDrag || activityDragOwner?.get()) return;
+                    setActivityTipPosition(anchorActivityTip(event.currentTarget.getBoundingClientRect()));
+                    setActivityTipId(segment.id);
+                  },
+                  onMouseLeave: () => {
+                    if (!activityDrag) {
+                      setActivityTipId((current) => current === segment.id ? null : current);
+                      activityTipAnchor.current = null;
+                      setActivityTipPosition(null);
                     }
-                  }
-                ),
-                showActivityLag && gap.lag > 0 && /* @__PURE__ */ jsxs2(
-                  "span",
-                  {
-                    className: "gantt-tr-activityLag",
-                    title: `\u0417\u0430\u0437\u043E\u0440 ${gap.lag} \u0434`,
-                    style: {
-                      left: `${gap.left + gap.width - 14}px`,
-                      top: `${activityTopOffset + gap.lane * ACTIVITY_LANE_STEP + ACTIVITY_LANE_STEP / 2}px`
-                    },
-                    children: [
-                      "+",
-                      gap.lag
-                    ]
-                  }
-                )
-              ] }, gap.key))
-            ] }),
+                  },
+                  children: [
+                    activityProgress > 0 && /* @__PURE__ */ jsx2(
+                      "span",
+                      {
+                        className: "gantt-tr-activityProgress",
+                        style: { width: `${activityProgress}%` }
+                      }
+                    ),
+                    /* @__PURE__ */ jsx2("span", { className: "gantt-tr-activityName", style: { color: activityTextColor(segment.color) }, children: segment.name }),
+                    activityDragEnabled && /* @__PURE__ */ jsxs2(Fragment, { children: [
+                      /* @__PURE__ */ jsx2("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleLeft" }),
+                      /* @__PURE__ */ jsx2("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleRight" })
+                    ] })
+                  ]
+                },
+                segment.id
+              );
+            }) }),
             !renderActivities && /* @__PURE__ */ jsxs2(
               "div",
               {
@@ -6026,7 +5930,7 @@ var DragGuideLines_default = DragGuideLines;
 
 // src/components/DependencyLines/DependencyLines.tsx
 import React6, { useId, useMemo as useMemo6, useState as useState3 } from "react";
-import { jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs5 } from "react/jsx-runtime";
 function isTaskHidden(taskId, collapsedParentIds, taskMap) {
   const task = taskMap.get(taskId);
   if (!task || !task.parentId) return false;
@@ -6202,8 +6106,8 @@ var DependencyLines = React6.memo(({
           fromY = predecessor.rowTop + predecessor.rowHeight / 2;
           toY = successor.rowTop + successor.rowHeight / 2;
         } else if (activityEndpoints) {
-          fromY = reverseOrder ? predecessor.rowTop : predecessor.rowTop + predecessor.rowHeight;
-          toY = reverseOrder ? successor.rowTop + successor.rowHeight : successor.rowTop;
+          fromY = reverseOrder ? predecessor.rowTop + 6 : predecessor.rowTop + predecessor.rowHeight - 6;
+          toY = reverseOrder ? successor.rowTop + successor.rowHeight - 6 : successor.rowTop + 6;
         } else if (reverseOrder) {
           fromY = predecessor.rowTop + 10;
           toY = successor.rowTop + successor.rowHeight - 6;
@@ -6241,7 +6145,8 @@ var DependencyLines = React6.memo(({
           fromY,
           reverseOrder,
           isVirtual,
-          isCritical
+          isCritical,
+          isCoupling: activityEndpoints && predecessor.rowTop === successor.rowTop && edge.type === "FS" && edge.lag === 0 && Math.abs(fromX - finalToX) < 0.01 && !isVirtual
         });
       }
     }
@@ -6358,7 +6263,7 @@ var DependencyLines = React6.memo(({
             }
           )
         ] }),
-        visibleLines.map(({ id, predecessorId, successorId, linkType, path, hasCycle, lag, fromX, toX, fromY, reverseOrder, isVirtual, isCritical }) => {
+        visibleLines.map(({ id, predecessorId, successorId, linkType, path, hasCycle, lag, fromX, toX, fromY, reverseOrder, isVirtual, isCritical, isCoupling }) => {
           const isHovered = hoveredLineId === id;
           const isSelected = selectedDep != null && id === `${selectedDep.predecessorId}-${selectedDep.successorId}-${selectedDep.linkType}`;
           let pathClassName = "gantt-dependency-path";
@@ -6374,7 +6279,7 @@ var DependencyLines = React6.memo(({
           else markerEnd = `url(#${markerId("arrowhead")})`;
           const lagColor = isSelected ? "#ef4444" : hasCycle ? "var(--gantt-dependency-cycle-color, #ef4444)" : isCritical ? "var(--gantt-critical-path-color, #dc2626)" : "var(--gantt-dependency-line-color, #666666)";
           return /* @__PURE__ */ jsxs5(React6.Fragment, { children: [
-            /* @__PURE__ */ jsxs5(
+            /* @__PURE__ */ jsx7(
               "g",
               {
                 className: `gantt-dependency-line${isHovered ? " gantt-dependency-line-hovered" : ""}`,
@@ -6392,23 +6297,14 @@ var DependencyLines = React6.memo(({
                 },
                 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
-                    }
-                  )
-                ]
+                children: isCoupling ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+                  /* @__PURE__ */ jsx7("title", { children: "\u041F\u043E\u0441\u043B\u0435 \u043E\u043A\u043E\u043D\u0447\u0430\u043D\u0438\u044F \xB7 \u0431\u0435\u0437 \u043B\u0430\u0433\u0430" }),
+                  /* @__PURE__ */ jsx7("circle", { cx: toX, cy: fromY, r: 12, className: "gantt-dependency-coupling-hit-area" }),
+                  /* @__PURE__ */ jsx7("circle", { cx: toX, cy: fromY, r: 4, className: `${pathClassName} gantt-dependency-coupling` })
+                ] }) : /* @__PURE__ */ jsxs5(Fragment3, { children: [
+                  /* @__PURE__ */ jsx7("path", { d: path, className: "gantt-dependency-hit-area" }),
+                  /* @__PURE__ */ jsx7("path", { d: path, className: pathClassName, markerEnd })
+                ] })
               }
             ),
             showLag && lag !== 0 && /* @__PURE__ */ jsx7(
@@ -7313,7 +7209,7 @@ function buildDefaultTaskDateRange(startDate, {
 }
 
 // src/components/TaskList/TaskListRow.tsx
-import { Fragment as Fragment3, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx15, jsxs as jsxs10 } from "react/jsx-runtime";
 var DAY_MS4 = 24 * 60 * 60 * 1e3;
 var LINK_TYPE_ORDER = ["FS", "SS", "FF", "SF"];
 var getInclusiveDurationDays = (startDate, endDate) => {
@@ -7540,7 +7436,7 @@ var HierarchyButton = ({
   const canPromote = isChild && onPromote;
   const showDemote = canDemote && !!onDemote;
   if (!canPromote && !showDemote) return null;
-  return /* @__PURE__ */ jsxs10(Fragment3, { children: [
+  return /* @__PURE__ */ jsxs10(Fragment4, { children: [
     canPromote && /* @__PURE__ */ jsx15(
       "button",
       {
@@ -7839,7 +7735,7 @@ var DepChip = ({
             formatTaskNumberLabel(predecessorTaskNumber),
             depName
           ] }),
-          !disableDependencyEditing && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+          !disableDependencyEditing && /* @__PURE__ */ jsxs10(Fragment4, { children: [
             /* @__PURE__ */ jsx15("hr", { className: "gantt-tl-dep-edit-divider" }),
             /* @__PURE__ */ jsxs10("div", { className: "gantt-tl-dep-edit-actions", children: [
               /* @__PURE__ */ jsx15(
@@ -8863,8 +8759,8 @@ var TaskListRow = React11.memo(
       return `${numberColumnWidth + nestedAxisDepth * 20 + 9}px`;
     })();
     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: [
+      isChild && !editingName && /* @__PURE__ */ jsxs10(Fragment4, { children: [
+        !isFilterHideMode && /* @__PURE__ */ jsxs10(Fragment4, { children: [
           ancestorLineModes.map(
             (mode, idx) => mode ? /* @__PURE__ */ jsxs10(React11.Fragment, { children: [
               /* @__PURE__ */ jsx15(
@@ -8964,7 +8860,7 @@ var TaskListRow = React11.memo(
             }
           }
         ),
-        isParent && !task.composite && !editingName && /* @__PURE__ */ jsx15(Fragment3, { children: /* @__PURE__ */ jsx15(
+        isParent && !task.composite && !editingName && /* @__PURE__ */ jsx15(Fragment4, { children: /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -8976,7 +8872,7 @@ var TaskListRow = React11.memo(
           }
         ) })
       ] }),
-      !isChild && isParent && !task.composite && !editingName && /* @__PURE__ */ jsxs10(Fragment3, { children: [
+      !isChild && isParent && !task.composite && !editingName && /* @__PURE__ */ jsxs10(Fragment4, { children: [
         !isFilterHideMode && !isCollapsed && /* @__PURE__ */ jsx15(
           "span",
           {
@@ -9018,7 +8914,7 @@ var TaskListRow = React11.memo(
           style: { paddingLeft: nameInputPaddingLeft },
           onClick: (e) => e.stopPropagation()
         }
-      ) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
+      ) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
         task.composite && /* @__PURE__ */ jsx15(
           "button",
           {
@@ -9040,7 +8936,7 @@ var TaskListRow = React11.memo(
                 strokeLinecap: "round",
                 strokeLinejoin: "round",
                 "aria-hidden": "true",
-                children: compositeIconMode === "composite" ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
+                children: compositeIconMode === "composite" ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
                   /* @__PURE__ */ jsx15("path", { d: "M21 5H11" }),
                   /* @__PURE__ */ jsx15("path", { d: "M21 12H11" }),
                   /* @__PURE__ */ jsx15("path", { d: "M21 19H11" }),
@@ -9509,7 +9405,7 @@ var TaskListRow = React11.memo(
         className: "gantt-tl-cell gantt-tl-cell-deps",
         style: getColumnStyle("dependencies", 128),
         onClick: isSourceRow ? handleSourceCellClick : isPicking ? handlePredecessorPick : void 0,
-        children: isSourceRow ? /* @__PURE__ */ jsxs10(Fragment3, { children: [
+        children: isSourceRow ? /* @__PURE__ */ jsxs10(Fragment4, { children: [
           /* @__PURE__ */ jsx15(
             "span",
             {
@@ -9519,7 +9415,7 @@ var TaskListRow = React11.memo(
             }
           ),
           sourcePickerContent
-        ] }) : /* @__PURE__ */ jsxs10(Fragment3, { children: [
+        ] }) : /* @__PURE__ */ jsxs10(Fragment4, { children: [
           printDependencyLabels ? /* @__PURE__ */ jsx15("span", { className: "gantt-tl-dependency-print-labels", children: chips.map(({ dep, lag }) => formatDependencyPrintLabel(
             dep,
             taskNumberMap[dep.taskId],
@@ -9904,7 +9800,7 @@ var NewTaskRow = ({
 
 // src/components/GenerationSkeleton/GenerationSkeleton.tsx
 import { useRef as useRef7 } from "react";
-import { Fragment as Fragment4, jsx as jsx17 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx17 } from "react/jsx-runtime";
 var MAX_SKELETON_ROWS = 200;
 var SHIMMER_DURATION_MS = 1450;
 function stableRowJitter(rowIndex, maxDays) {
@@ -9963,7 +9859,7 @@ var GenerationSkeletonRows = ({
           {
             className: "gantt-generation-skeleton-row",
             style: { top: `${(startTop ?? startIndex * rowHeight) + index * rowHeight}px`, height: `${rowHeight}px` },
-            children: variant === "task-list" ? /* @__PURE__ */ jsx17(Fragment4, { children: /* @__PURE__ */ jsx17("span", { className: `gantt-generation-skeleton-label ${shortShape ? "gantt-generation-skeleton-label-short" : ""} ${mediumShape ? "gantt-generation-skeleton-label-medium" : ""}` }) }) : /* @__PURE__ */ jsx17("span", { className: `gantt-generation-skeleton-bar ${parentShape ? "gantt-generation-skeleton-bar-parent" : ""} ${shortShape ? "gantt-generation-skeleton-bar-short" : ""}`, style: chartBarStyle })
+            children: variant === "task-list" ? /* @__PURE__ */ jsx17(Fragment5, { children: /* @__PURE__ */ jsx17("span", { className: `gantt-generation-skeleton-label ${shortShape ? "gantt-generation-skeleton-label-short" : ""} ${mediumShape ? "gantt-generation-skeleton-label-medium" : ""}` }) }) : /* @__PURE__ */ jsx17("span", { className: `gantt-generation-skeleton-bar ${parentShape ? "gantt-generation-skeleton-bar-parent" : ""} ${shortShape ? "gantt-generation-skeleton-bar-short" : ""}`, style: chartBarStyle })
           },
           rowIndex
         );
@@ -11985,7 +11881,7 @@ var useResourceItemDrag = ({
 };
 
 // src/components/ResourceTimelineChart/ResourceTimelineChart.tsx
-import { Fragment as Fragment5, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx19, jsxs as jsxs13 } from "react/jsx-runtime";
 var DEFAULT_DAY_WIDTH = 40;
 var DEFAULT_HEADER_HEIGHT = 40;
 var DEFAULT_LANE_HEIGHT = 40;
@@ -13327,7 +13223,7 @@ function ResourceTimelineChart({
                               backgroundColor: layoutItem.item.color ?? "var(--gantt-task-bar-default-color, #3b82f6)"
                             },
                             children: [
-                              !readonly && !layoutItem.item.locked && /* @__PURE__ */ jsxs13(Fragment5, { children: [
+                              !readonly && !layoutItem.item.locked && /* @__PURE__ */ jsxs13(Fragment6, { children: [
                                 /* @__PURE__ */ jsx19("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleStart" }),
                                 /* @__PURE__ */ jsx19("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleEnd" })
                               ] }),
@@ -15181,7 +15077,7 @@ async function printGanttChart({
 }
 
 // src/components/GanttChart/GanttChart.tsx
-import { Fragment as Fragment6, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 var SCROLL_TO_ROW_CONTEXT_ROWS = 2;
 var TASK_ROW_OVERSCAN = 8;
 var SCROLL_TOP_BUCKET_PX = 64;
@@ -15401,6 +15297,17 @@ function TaskGanttChartInner(props, ref) {
     onTaskDateChangeModeChange: externalOnTaskDateChangeModeChange,
     printDependencyLabels = false
   } = props;
+  const resolvedActivityDependencies = useMemo14(() => {
+    if (activityDependencies !== void 0) return activityDependencies;
+    return tasks.flatMap((task) => (task.activities ?? []).slice(1).map((successor, index) => ({
+      predecessorTaskId: task.id,
+      predecessorActivityId: task.activities[index].id,
+      successorTaskId: task.id,
+      successorActivityId: successor.id,
+      type: "FS",
+      lag: successor.lag ?? 0
+    })));
+  }, [tasks, activityDependencies]);
   const dayWidth = !isTableMatrixMode ? props.dayWidth ?? 40 : 40;
   const criticalPathMode = !isTableMatrixMode && !isPlanFactMode ? props.criticalPathMode : void 0;
   const onSubtreeScaleResult = !isTableMatrixMode && !isPlanFactMode ? props.onSubtreeScaleResult : void 0;
@@ -16802,7 +16709,7 @@ function TaskGanttChartInner(props, ref) {
                         todayDateIndex: todayInRange ? todayIndex : void 0,
                         isCustomWeekend
                       }
-                    ) : /* @__PURE__ */ jsxs16(Fragment6, { children: [
+                    ) : /* @__PURE__ */ jsxs16(Fragment7, { children: [
                       /* @__PURE__ */ jsxs16(
                         "div",
                         {
@@ -16877,7 +16784,7 @@ function TaskGanttChartInner(props, ref) {
                                 onHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            showActivityLinks && activityDependencies !== void 0 && /* @__PURE__ */ jsx22(ActivityDependencyLines, { tasks: visibleTasks, renderedTaskIds: renderedTaskIdsRef.current, dependencies: activityDependencies, highlight: activityDependencyHighlight, monthStart, dayWidth, rowHeight: effectiveRowHeight, gridWidth: renderGridWidth, totalHeight: totalGridHeight, rowIndexByTaskId: visibleTaskIndexMap, rowTops: compositeRowLayout.tops, rowHeights: compositeRowLayout.heights, showLag: showActivityLag, previewStore: activityPreviewStore, horizontalWindow }),
+                            showActivityLinks && resolvedActivityDependencies.length > 0 && /* @__PURE__ */ jsx22(ActivityDependencyLines, { tasks: visibleTasks, renderedTaskIds: renderedTaskIdsRef.current, dependencies: resolvedActivityDependencies, highlight: activityDependencyHighlight, monthStart, dayWidth, rowHeight: effectiveRowHeight, gridWidth: renderGridWidth, totalHeight: totalGridHeight, rowIndexByTaskId: visibleTaskIndexMap, rowTops: compositeRowLayout.tops, rowHeights: compositeRowLayout.heights, showLag: showActivityLag, previewStore: activityPreviewStore, horizontalWindow }),
                             /* @__PURE__ */ jsx22(
                               DependencyLines_default,
                               {
@@ -17020,7 +16927,7 @@ function TaskGanttChartInner(props, ref) {
                                     activityActivationStore,
                                     activityClickToDrag,
                                     activityActivationMode,
-                                    showActivityLinks: showActivityLinks && activityDependencies === void 0,
+                                    showActivityLinks: false,
                                     showActivityLag,
                                     activityTooltip,
                                     horizontalWindow,