gantt-lib 0.142.2 → 0.143.0

package/dist/index.js

@@ -4773,6 +4773,7 @@ function createTaskPreviewPositionStore() {
 }
 function createActivityPreviewStore() {
   let overridesByTask = /* @__PURE__ */ new Map();
+  let draggedRange;
   const listenersByTaskId = /* @__PURE__ */ new Map();
   function notify(taskIds) {
     for (const taskId of taskIds) {
@@ -4793,6 +4794,16 @@ function createActivityPreviewStore() {
         }
       };
     },
+    getActivityRange(taskId, activityId) {
+      return draggedRange?.taskId === taskId && draggedRange.activityId === activityId ? draggedRange : void 0;
+    },
+    setActivityRange(taskId, activityId, range) {
+      if (draggedRange?.taskId === taskId && draggedRange.activityId === activityId && draggedRange.startDate.getTime() === range.startDate.getTime() && draggedRange.endDate.getTime() === range.endDate.getTime()) return;
+      const changed = /* @__PURE__ */ new Set([taskId]);
+      if (draggedRange) changed.add(draggedRange.taskId);
+      draggedRange = { taskId, activityId, ...range };
+      notify(changed);
+    },
     getTaskOverrides(taskId) {
       return overridesByTask.get(taskId);
     },
@@ -4813,10 +4824,10 @@ function createActivityPreviewStore() {
       notify(changedTaskIds);
     },
     clear() {
-      if (overridesByTask.size === 0) {
-        return;
-      }
+      if (overridesByTask.size === 0 && !draggedRange) return;
       const changedTaskIds = new Set(overridesByTask.keys());
+      if (draggedRange) changedTaskIds.add(draggedRange.taskId);
+      draggedRange = void 0;
       overridesByTask = /* @__PURE__ */ new Map();
       notify(changedTaskIds);
     }
@@ -5162,13 +5173,6 @@ var TaskRow = import_react3.default.memo(
     const activityDragStart = (0, import_react3.useRef)(null);
     const activityConstraintRef = (0, import_react3.useRef)(null);
     const [activityBlockedBy, setActivityBlockedBy] = (0, import_react3.useState)(null);
-    const visibleActivitySegments = (0, import_react3.useMemo)(() => {
-      if (!activityLayout) return [];
-      const window2 = horizontalWindow;
-      if (!window2) return activityLayout.segments;
-      const draggedId = activityDrag?.id;
-      return activityLayout.segments.filter((segment) => segment.id === draggedId || segment.left <= window2.endPx && segment.left + segment.width >= window2.startPx);
-    }, [activityLayout, horizontalWindow, activityDrag?.id]);
     const subscribeActivityOverrides = (0, import_react3.useCallback)(
       (listener) => activityPreviewStore?.subscribeTask(task.id, listener) ?? (() => {
       }),
@@ -5183,6 +5187,15 @@ var TaskRow = import_react3.default.memo(
       getActivityOverridesSnapshot,
       () => void 0
     );
+    const visibleActivitySegments = (0, import_react3.useMemo)(() => {
+      if (!activityLayout) return [];
+      if (!horizontalWindow) return activityLayout.segments;
+      return activityLayout.segments.filter((segment) => {
+        if (segment.id === activityDrag?.id) return true;
+        const left2 = segment.left + (activityOverrides?.get(segment.id) ?? 0) * dayWidth;
+        return left2 <= horizontalWindow.endPx && left2 + segment.width >= horizontalWindow.startPx;
+      });
+    }, [activityLayout, horizontalWindow, activityDrag?.id, activityOverrides, dayWidth]);
     const subscribeActivityBlock = (0, import_react3.useCallback)(
       (listener) => activityBlockStore?.subscribeTask(task.id, listener) ?? (() => {
       }),
@@ -5308,6 +5321,11 @@ var TaskRow = import_react3.default.memo(
           });
         }
         publishChainPreview(activityDrag.id, activityDrag.mode, clamped);
+        const sourceActivity = task.activities?.find((activity) => activity.id === activityDrag.id);
+        if (sourceActivity) activityPreviewStore?.setActivityRange?.(task.id, activityDrag.id, {
+          startDate: shiftActivityDay(sourceActivity.startDate, activityDrag.mode === "resize-right" ? 0 : clamped),
+          endDate: shiftActivityDay(sourceActivity.endDate, activityDrag.mode === "resize-left" ? 0 : clamped)
+        });
       };
       const onUp = () => {
         activityPreviewStore?.clear();
@@ -5413,6 +5431,53 @@ var TaskRow = import_react3.default.memo(
       }
       return { left: segment.left, width: segment.width + activityDrag.dayDelta * dayWidth };
     };
+    const activityLinks = (0, import_react3.useMemo)(() => {
+      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 = (0, import_react3.useMemo)(() => {
       if (!activityTipId || !task.activities) return null;
       const activity = task.activities.find((item) => item.id === activityTipId);
@@ -5484,72 +5549,121 @@ var TaskRow = import_react3.default.memo(
                 }
               }
             ),
-            renderActivities && activityLayout && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("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__ */ (0, import_jsx_runtime2.jsxs)(
-                "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);
+            renderActivities && activityLayout && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("div", { className: "gantt-tr-activityLanes", children: [
+              activityLinks.elbows.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("svg", { className: "gantt-tr-activityLinksSvg", width: "100%", height: "100%", "aria-hidden": "true", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("defs", { children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("marker", { id: "arrowhead", markerWidth: "8", markerHeight: "6", markerUnits: "userSpaceOnUse", refX: "7", refY: "3", orient: "auto", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("polygon", { points: "0 0, 8 3, 0 6", fill: "var(--gantt-dependency-line-color, #666666)" }) }) }),
+                activityLinks.elbows.map((link) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("g", { children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("path", { className: "gantt-dependency-path", d: link.d, markerEnd: "url(#arrowhead)" }),
+                  showActivityLag && link.lag !== 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                    "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}`
                     }
-                    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);
+                  )
+                ] }, 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__ */ (0, import_jsx_runtime2.jsxs)(
+                  "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__ */ (0, import_jsx_runtime2.jsx)(
+                        "span",
+                        {
+                          className: "gantt-tr-activityProgress",
+                          style: { width: `${activityProgress}%` }
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "gantt-tr-activityName", style: { color: activityTextColor(segment.color) }, children: segment.name }),
+                      activityDragEnabled && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleLeft" }),
+                        /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleRight" })
+                      ] })
+                    ]
                   },
-                  onMouseLeave: () => {
-                    if (!activityDrag) {
-                      setActivityTipId((current) => current === segment.id ? null : current);
-                      activityTipAnchor.current = null;
-                      setActivityTipPosition(null);
+                  segment.id
+                );
+              }),
+              activityLinks.gaps.map((gap) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_react3.default.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "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`
                     }
-                  },
-                  children: [
-                    activityProgress > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-                      "span",
-                      {
-                        className: "gantt-tr-activityProgress",
-                        style: { width: `${activityProgress}%` }
-                      }
-                    ),
-                    /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("span", { className: "gantt-tr-activityName", style: { color: activityTextColor(segment.color) }, children: segment.name }),
-                    activityDragEnabled && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(import_jsx_runtime2.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleLeft" }),
-                      /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleRight" })
-                    ] })
-                  ]
-                },
-                segment.id
-              );
-            }) }),
+                  }
+                ),
+                showActivityLag && gap.lag > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+                  "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))
+            ] }),
             !renderActivities && /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
               "div",
               {
@@ -6122,6 +6236,74 @@ function areBothHiddenInSameParent(predecessorId, successorId, collapsedParentId
   return predVisibleAncestor.id === succVisibleAncestor.id;
 }
 var EMPTY_COLLAPSED_PARENT_IDS = /* @__PURE__ */ new Set();
+var DependencyLineView = import_react7.default.memo(function DependencyLineView2({
+  line,
+  hovered,
+  selected,
+  showLag,
+  markerPrefix,
+  onLineHover,
+  onLineLeave,
+  onDependencyClick
+}) {
+  const { id, predecessorId, successorId, linkType, path, hasCycle, lag, toX, fromY, reverseOrder, isVirtual, isCoupling } = line;
+  const interactive = !isCoupling && onDependencyClick !== void 0;
+  let pathClassName = "gantt-dependency-path";
+  if (selected) pathClassName += " gantt-dependency-selected";
+  else if (hasCycle) pathClassName += " gantt-dependency-cycle";
+  else if (line.isCritical) pathClassName += " gantt-dependency-critical";
+  if (isVirtual && !selected) pathClassName += " gantt-dependency-virtual";
+  let markerEnd;
+  if (hovered) markerEnd = `url(#${markerPrefix}-arrowhead-hover)`;
+  else if (selected) markerEnd = `url(#${markerPrefix}-arrowhead-selected)`;
+  else if (hasCycle) markerEnd = `url(#${markerPrefix}-arrowhead-cycle)`;
+  else if (line.isCritical) markerEnd = `url(#${markerPrefix}-arrowhead-critical)`;
+  else markerEnd = `url(#${markerPrefix}-arrowhead)`;
+  const lagColor = selected ? "#ef4444" : hasCycle ? "var(--gantt-dependency-cycle-color, #ef4444)" : line.isCritical ? "var(--gantt-critical-path-color, #dc2626)" : "var(--gantt-dependency-line-color, #666666)";
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_react7.default.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "g",
+      {
+        className: `gantt-dependency-line${interactive ? "" : " gantt-dependency-line-static"}${hovered && interactive ? " gantt-dependency-line-hovered" : ""}`,
+        onPointerEnter: interactive ? () => onLineHover(id) : void 0,
+        onPointerLeave: interactive ? () => onLineLeave(id) : void 0,
+        onClick: interactive ? (event) => {
+          event.stopPropagation();
+          onDependencyClick?.({
+            predecessorId,
+            successorId,
+            linkType,
+            x: toX,
+            y: reverseOrder ? fromY - 4 : fromY + 12
+          });
+        } : void 0,
+        role: interactive ? "button" : void 0,
+        "aria-label": interactive ? `\u0421\u0432\u044F\u0437\u044C ${linkType}` : void 0,
+        children: isCoupling ? /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("line", { x1: toX - 4.5, y1: fromY, x2: toX + 4.5, y2: fromY, className: `${pathClassName} gantt-dependency-coupling` }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
+          interactive && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: path, className: "gantt-dependency-hit-area" }),
+          /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: path, className: pathClassName, markerEnd })
+        ] })
+      }
+    ),
+    showLag && lag !== 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+      "text",
+      {
+        className: "gantt-dependency-lag-label",
+        x: lag < 0 ? toX + 14 : toX - 14,
+        y: reverseOrder ? fromY - 4 : fromY + 12,
+        textAnchor: "middle",
+        fontSize: "10",
+        fill: lagColor,
+        children: lag > 0 ? `+${lag}` : `${lag}`
+      }
+    )
+  ] });
+}, (prev, next) => (
+  // Сравнение по значению, а не по ссылке линии: пересчёт геометрии на каждом
+  // бакете вертикальной прокрутки создаёт новые объекты линий с той же
+  // геометрией — пере-рендерить их нельзя, иначе пан дёргается.
+  prev.line.id === next.line.id && prev.line.predecessorId === next.line.predecessorId && prev.line.successorId === next.line.successorId && prev.line.linkType === next.line.linkType && prev.line.path === next.line.path && prev.line.hasCycle === next.line.hasCycle && prev.line.lag === next.line.lag && prev.line.toX === next.line.toX && prev.line.fromY === next.line.fromY && prev.line.reverseOrder === next.line.reverseOrder && prev.line.isVirtual === next.line.isVirtual && prev.line.isCritical === next.line.isCritical && prev.line.isCoupling === next.line.isCoupling && prev.hovered === next.hovered && prev.selected === next.selected && prev.showLag === next.showLag && prev.markerPrefix === next.markerPrefix && prev.onLineHover === next.onLineHover && prev.onLineLeave === next.onLineLeave && prev.onDependencyClick === next.onDependencyClick
+));
 var DependencyLines = import_react7.default.memo(({
   tasks,
   allTasks,
@@ -6137,6 +6319,7 @@ var DependencyLines = import_react7.default.memo(({
   dragOverrides,
   selectedDep,
   criticalTaskIds,
+  cycleTaskIds,
   showLag = true,
   activityEndpoints = false,
   businessDays = true,
@@ -6147,13 +6330,16 @@ var DependencyLines = import_react7.default.memo(({
   const markerPrefix = `gantt-dependency-${(0, import_react7.useId)().replace(/[^a-zA-Z0-9_-]/g, "")}`;
   const markerId = (kind) => `${markerPrefix}-${kind}`;
   const [hoveredLineId, setHoveredLineId] = (0, import_react7.useState)(null);
+  const handleLineHover = (0, import_react7.useCallback)((id) => setHoveredLineId(id), []);
+  const handleLineLeave = (0, import_react7.useCallback)((id) => setHoveredLineId((current) => current === id ? null : current), []);
   const tasksForPositions = allTasks ?? tasks;
+  const geometryTasks = activityEndpoints ? tasksForPositions : tasks;
   const { taskPositions, taskIndices, hiddenTaskIds } = (0, import_react7.useMemo)(() => {
     const positions = /* @__PURE__ */ new Map();
     const indices = /* @__PURE__ */ new Map();
     const hidden = /* @__PURE__ */ new Set();
     const taskMap = new Map(tasksForPositions.map((t) => [t.id, t]));
-    tasks.forEach((task, index) => {
+    geometryTasks.forEach((task, index) => {
       const override = dragOverrides?.get(task.id);
       const computed = resolveTaskHorizontalGeometry(task, monthStart, dayWidth, override);
       const rowIndex = rowIndexByTaskId?.get(task.id) ?? index;
@@ -6209,18 +6395,19 @@ var DependencyLines = import_react7.default.memo(({
       }
     }
     return { taskPositions: positions, taskIndices: indices, hiddenTaskIds: hidden };
-  }, [tasks, tasksForPositions, allTasks, collapsedParentIds, monthStart, dayWidth, rowHeight, rowTops, rowHeights, dragOverrides, rowIndexByTaskId]);
+  }, [geometryTasks, tasksForPositions, allTasks, collapsedParentIds, monthStart, dayWidth, rowHeight, rowTops, rowHeights, dragOverrides, rowIndexByTaskId]);
   const tasksForCycleDetection = allTasks ?? tasks;
   const cycleInfo = (0, import_react7.useMemo)(() => {
+    if (cycleTaskIds) return cycleTaskIds;
     const result = detectCycles(tasksForCycleDetection);
-    const cycleTaskIds = new Set(result.cyclePath || []);
-    return cycleTaskIds;
-  }, [tasksForCycleDetection]);
+    const detectedCycleIds = new Set(result.cyclePath || []);
+    return detectedCycleIds;
+  }, [tasksForCycleDetection, cycleTaskIds]);
   const lines = (0, import_react7.useMemo)(() => {
-    const tasksForEdges = allTasks ?? tasks;
+    const tasksForEdges = allTasks ?? geometryTasks;
     const taskMap = new Map(tasksForEdges.map((task) => [task.id, task]));
     const positionedTaskIds = Array.from(taskPositions.keys());
-    const renderedTaskIdSet = new Set(tasks.map((t) => t.id));
+    const renderedTaskIdSet = new Set(geometryTasks.map((t) => t.id));
     const lines2 = [];
     for (const successorId of positionedTaskIds) {
       const successorTaskForEdges = taskMap.get(successorId);
@@ -6315,16 +6502,20 @@ var DependencyLines = import_react7.default.memo(({
       }
     }
     return lines2;
-  }, [tasks, allTasks, taskPositions, taskIndices, cycleInfo, collapsedParentIds, criticalTaskIds, activityEndpoints]);
+  }, [geometryTasks, allTasks, taskPositions, taskIndices, cycleInfo, collapsedParentIds, criticalTaskIds, activityEndpoints]);
   const visibleLines = (0, import_react7.useMemo)(() => {
-    if (!horizontalWindow) return lines;
-    return lines.filter((line) => Math.max(line.fromX, line.toX) >= horizontalWindow.startPx && Math.min(line.fromX, line.toX) <= horizontalWindow.endPx);
-  }, [lines, horizontalWindow?.startPx, horizontalWindow?.endPx]);
+    const renderedIds = activityEndpoints ? new Set(tasks.map((task) => task.id)) : void 0;
+    return lines.filter((line) => {
+      if (renderedIds && !renderedIds.has(line.predecessorId) && !renderedIds.has(line.successorId)) return false;
+      return !horizontalWindow || Math.max(line.fromX, line.toX) >= horizontalWindow.startPx && Math.min(line.fromX, line.toX) <= horizontalWindow.endPx;
+    });
+  }, [lines, activityEndpoints, tasks, horizontalWindow?.startPx, horizontalWindow?.endPx]);
   const svgHeight = totalHeight ?? tasks.length * rowHeight;
+  const interactive = onDependencyClick !== void 0;
   return /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(
     "svg",
     {
-      className: "gantt-dependencies-svg",
+      className: `gantt-dependencies-svg${interactive ? "" : " gantt-dependencies-svg-static"}`,
       "data-testid": "dependency-lines-svg",
       width: gridWidth,
       height: svgHeight,
@@ -6427,63 +6618,22 @@ var DependencyLines = import_react7.default.memo(({
             }
           )
         ] }),
-        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";
-          if (isSelected) pathClassName += " gantt-dependency-selected";
-          else if (hasCycle) pathClassName += " gantt-dependency-cycle";
-          else if (isCritical) pathClassName += " gantt-dependency-critical";
-          if (isVirtual && !isSelected) pathClassName += " gantt-dependency-virtual";
-          let markerEnd;
-          if (isHovered) markerEnd = `url(#${markerId("arrowhead-hover")})`;
-          else if (isSelected) markerEnd = `url(#${markerId("arrowhead-selected")})`;
-          else if (hasCycle) markerEnd = `url(#${markerId("arrowhead-cycle")})`;
-          else if (isCritical) markerEnd = `url(#${markerId("arrowhead-critical")})`;
-          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__ */ (0, import_jsx_runtime7.jsxs)(import_react7.default.Fragment, { children: [
-            /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              "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: isCoupling ? /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("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__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: toX, cy: fromY, r: 12, className: "gantt-dependency-coupling-hit-area" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("circle", { cx: toX, cy: fromY, r: 4, className: `${pathClassName} gantt-dependency-coupling` })
-                ] }) : /* @__PURE__ */ (0, import_jsx_runtime7.jsxs)(import_jsx_runtime7.Fragment, { children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: path, className: "gantt-dependency-hit-area" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime7.jsx)("path", { d: path, className: pathClassName, markerEnd })
-                ] })
-              }
-            ),
-            showLag && lag !== 0 && /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
-              "text",
-              {
-                className: "gantt-dependency-lag-label",
-                x: lag < 0 ? toX + 14 : toX - 14,
-                y: reverseOrder ? fromY - 4 : fromY + 12,
-                textAnchor: "middle",
-                fontSize: "10",
-                fill: lagColor,
-                children: lag > 0 ? `+${lag}` : `${lag}`
-              }
-            )
-          ] }, id);
+        visibleLines.map((line) => {
+          const isSelected = selectedDep != null && line.id === `${selectedDep.predecessorId}-${selectedDep.successorId}-${selectedDep.linkType}`;
+          return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+            DependencyLineView,
+            {
+              line,
+              hovered: hoveredLineId === line.id,
+              selected: isSelected,
+              showLag,
+              markerPrefix,
+              onLineHover: handleLineHover,
+              onLineLeave: handleLineLeave,
+              onDependencyClick
+            },
+            line.id
+          );
         })
       ]
     }
@@ -6496,6 +6646,14 @@ var DependencyLines_default = DependencyLines;
 var import_react8 = require("react");
 var import_jsx_runtime8 = require("react/jsx-runtime");
 var activityKey = (taskId, activityId) => JSON.stringify([taskId, activityId]);
+var sameDependencies = (left, right) => {
+  if (left === right) return true;
+  if (!left || !right || left.length !== right.length) return false;
+  return left.every((dep, index) => {
+    const other = right[index];
+    return dep.taskId === other.taskId && dep.type === other.type && dep.lag === other.lag && dep.hidden === other.hidden;
+  });
+};
 function ActivityDependencyLines(props) {
   const { tasks, dependencies, monthStart, dayWidth, previewStore } = props;
   const [previewVersion, refresh] = (0, import_react8.useReducer)((value) => value + 1, 0);
@@ -6503,15 +6661,29 @@ function ActivityDependencyLines(props) {
     const cleanups = tasks.filter((task) => task.activities?.length).map((task) => previewStore?.subscribeTask(task.id, refresh));
     return () => cleanups.forEach((cleanup) => cleanup?.());
   }, [tasks, previewStore]);
+  const cycleTaskIds = (0, import_react8.useMemo)(() => {
+    const incoming = /* @__PURE__ */ new Map();
+    for (const edge of dependencies) {
+      const id = activityKey(edge.successorTaskId, edge.successorActivityId);
+      const values = incoming.get(id) ?? [];
+      values.push({ taskId: activityKey(edge.predecessorTaskId, edge.predecessorActivityId), type: edge.type, lag: edge.lag ?? 0 });
+      incoming.set(id, values);
+    }
+    const nodes = tasks.flatMap((task) => (task.activities ?? []).map((activity) => ({ id: activityKey(task.id, activity.id), name: activity.name, startDate: activity.startDate, endDate: activity.endDate, dependencies: incoming.get(activityKey(task.id, activity.id)) })));
+    return new Set(detectCycles(nodes).cyclePath ?? []);
+  }, [tasks, dependencies]);
+  const layoutCacheRef = (0, import_react8.useRef)(/* @__PURE__ */ new Map());
   const layout = (0, import_react8.useMemo)(() => {
-    const flattened = [], rendered = [], tops = [], heights = [];
+    const flattened = [], tops = [], heights = [];
+    const nodesByTaskId = /* @__PURE__ */ new Map();
     const indices = /* @__PURE__ */ new Map();
     const neededRows = /* @__PURE__ */ new Set();
     const incoming = /* @__PURE__ */ new Map();
     const selected = props.highlight ? new Set(props.highlight.activities.map((activity) => activityKey(activity.taskId, activity.activityId))) : void 0;
     const highlightMode = props.highlight?.mode ?? "chain";
     for (const edge of dependencies) {
-      if (!props.renderedTaskIds.has(edge.predecessorTaskId) && !props.renderedTaskIds.has(edge.successorTaskId)) continue;
+      const isCrossRow = edge.predecessorTaskId !== edge.successorTaskId;
+      if (isCrossRow && !props.highlight) continue;
       if (selected) {
         const fromSelected = selected.has(activityKey(edge.predecessorTaskId, edge.predecessorActivityId));
         const toSelected = selected.has(activityKey(edge.successorTaskId, edge.successorActivityId));
@@ -6524,33 +6696,75 @@ function ActivityDependencyLines(props) {
       neededRows.add(edge.successorTaskId);
       const id = activityKey(edge.successorTaskId, edge.successorActivityId);
       const values = incoming.get(id) ?? [];
-      values.push({ taskId: activityKey(edge.predecessorTaskId, edge.predecessorActivityId), type: edge.type, lag: edge.lag });
+      values.push({ taskId: activityKey(edge.predecessorTaskId, edge.predecessorActivityId), type: edge.type, lag: edge.lag ?? 0 });
       incoming.set(id, values);
     }
+    const monthStartMs = monthStart.getTime();
+    const cache = layoutCacheRef.current;
     for (const task of tasks) {
       if (!neededRows.has(task.id)) continue;
       const row = props.rowIndexByTaskId.get(task.id);
       if (row === void 0 || !task.activities?.length) continue;
       const height = props.rowHeights[row] ?? props.rowHeight;
       if (height < props.rowHeight) continue;
-      const packed = computeActivityLanes(task.activities, monthStart, dayWidth);
-      const offset = Math.max(0, (height - packed.laneCount * ACTIVITY_LANE_STEP) / 2);
-      const segments2 = new Map(packed.segments.map((segment) => [segment.id, segment]));
-      for (const activity of task.activities) {
-        const segment = segments2.get(activity.id);
-        const id = activityKey(task.id, activity.id), index = flattened.length;
-        const delta = previewStore?.getTaskOverrides(task.id)?.get(activity.id) ?? 0;
-        const node = { id, name: activity.name, startDate: shiftActivityDate(activity.startDate, delta), endDate: shiftActivityDate(activity.endDate, delta), dependencies: incoming.get(id) };
+      const activities = task.activities;
+      const overrides = previewStore?.getTaskOverrides(task.id);
+      let range;
+      for (const activity of activities) {
+        const current = previewStore?.getActivityRange?.(task.id, activity.id);
+        if (current) {
+          range = current;
+          break;
+        }
+      }
+      let entry = cache.get(task.id);
+      const reusable = entry && entry.activities === activities && entry.monthStartMs === monthStartMs && entry.dayWidth === dayWidth && entry.overrides === overrides && entry.range === range && entry.nodes.length === activities.length && entry.nodes.every((node, index) => node.name === activities[index].name && node.startDate === activities[index].startDate && node.endDate === activities[index].endDate && sameDependencies(node.dependencies, incoming.get(node.id)));
+      if (!entry || !reusable) {
+        const liveActivities = activities.map((activity) => {
+          const activityRange = previewStore?.getActivityRange?.(task.id, activity.id);
+          if (activityRange) return { ...activity, startDate: activityRange.startDate, endDate: activityRange.endDate };
+          const delta = overrides?.get(activity.id) ?? 0;
+          if (delta === 0) return activity;
+          return { ...activity, startDate: shiftActivityDate(activity.startDate, delta), endDate: shiftActivityDate(activity.endDate, delta) };
+        });
+        const packed = computeActivityLanes(liveActivities, monthStart, dayWidth);
+        const lanes = new Map(packed.segments.map((segment) => [segment.id, segment.lane]));
+        const rawIds = liveActivities.map((activity) => activity.id);
+        const nodes = liveActivities.map((activity) => ({
+          id: activityKey(task.id, activity.id),
+          name: activity.name,
+          startDate: activity.startDate,
+          endDate: activity.endDate,
+          dependencies: incoming.get(activityKey(task.id, activity.id))
+        }));
+        entry = { activities, monthStartMs, dayWidth, overrides, range, laneCount: packed.laneCount, lanes, rawIds, nodes };
+        cache.set(task.id, entry);
+      }
+      const offset = Math.max(0, (height - entry.laneCount * ACTIVITY_LANE_STEP) / 2);
+      nodesByTaskId.set(task.id, entry.nodes);
+      entry.nodes.forEach((node, nodeIndex) => {
+        const lane = entry.lanes.get(entry.rawIds[nodeIndex]) ?? 0;
+        const index = flattened.length;
         flattened.push(node);
-        if (props.renderedTaskIds.has(task.id)) rendered.push(node);
-        indices.set(id, index);
-        tops.push((props.rowTops[row] ?? row * props.rowHeight) + offset + segment.lane * ACTIVITY_LANE_STEP + (ACTIVITY_LANE_STEP - ACTIVITY_LANE_BAR_HEIGHT) / 2);
+        indices.set(node.id, index);
+        tops.push((props.rowTops[row] ?? row * props.rowHeight) + offset + lane * ACTIVITY_LANE_STEP + (ACTIVITY_LANE_STEP - ACTIVITY_LANE_BAR_HEIGHT) / 2);
         heights.push(ACTIVITY_LANE_BAR_HEIGHT);
-      }
+      });
+    }
+    for (const taskId of cache.keys()) {
+      if (!nodesByTaskId.has(taskId)) cache.delete(taskId);
     }
-    return { flattened, rendered, indices, tops, heights };
-  }, [tasks, dependencies, props.highlight, monthStart, dayWidth, props.rowIndexByTaskId, props.rowTops, props.rowHeights, props.rowHeight, props.renderedTaskIds, previewStore, previewVersion]);
-  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DependencyLines, { tasks: layout.rendered, allTasks: layout.flattened, monthStart, dayWidth, rowHeight: ACTIVITY_LANE_BAR_HEIGHT, gridWidth: props.gridWidth, totalHeight: props.totalHeight, rowIndexByTaskId: layout.indices, rowTops: layout.tops, rowHeights: layout.heights, horizontalWindow: props.horizontalWindow, showLag: props.showLag, activityEndpoints: true });
+    return { flattened, nodesByTaskId, indices, tops, heights };
+  }, [tasks, dependencies, props.highlight, monthStart, dayWidth, props.rowIndexByTaskId, props.rowTops, props.rowHeights, props.rowHeight, previewStore, previewVersion]);
+  const rendered = (0, import_react8.useMemo)(() => {
+    const nodes = [];
+    for (const taskId of props.renderedTaskIds) {
+      const rowNodes = layout.nodesByTaskId.get(taskId);
+      if (rowNodes) nodes.push(...rowNodes);
+    }
+    return nodes;
+  }, [layout, props.renderedTaskIds]);
+  return /* @__PURE__ */ (0, import_jsx_runtime8.jsx)(DependencyLines, { tasks: rendered, allTasks: layout.flattened, monthStart, dayWidth, rowHeight: ACTIVITY_LANE_BAR_HEIGHT, gridWidth: props.gridWidth, totalHeight: props.totalHeight, rowIndexByTaskId: layout.indices, rowTops: layout.tops, rowHeights: layout.heights, horizontalWindow: props.horizontalWindow, showLag: props.showLag, cycleTaskIds, activityEndpoints: true });
 }
 
 // src/components/DependencyCreationOverlay/DependencyCreationOverlay.tsx
@@ -15442,17 +15656,6 @@ function TaskGanttChartInner(props, ref) {
     onTaskDateChangeModeChange: externalOnTaskDateChangeModeChange,
     printDependencyLabels = false
   } = props;
-  const resolvedActivityDependencies = (0, import_react20.useMemo)(() => {
-    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;
@@ -16359,7 +16562,7 @@ function TaskGanttChartInner(props, ref) {
       }
     }
     return Array.from(indices).sort((left, right) => left - right);
-  }, [compositeRowLayout, forceFullRenderForPrint, forcedRenderedTaskIds, scrollViewport, visibleTaskIndexMap, visibleTasks.length]);
+  }, [compositeRowLayout, forceFullRenderForPrint, forcedRenderedTaskIds, scrollViewport.scrollTop, scrollViewport.viewportHeight, visibleTaskIndexMap, visibleTasks.length]);
   const visiblePlanFactDateIndices = (0, import_react20.useMemo)(() => {
     if (forceFullRenderForPrint) {
       return void 0;
@@ -16673,6 +16876,7 @@ function TaskGanttChartInner(props, ref) {
     if (document.activeElement instanceof HTMLElement) {
       document.activeElement.blur();
     }
+    container.setAttribute("data-panning", "true");
     container.style.cursor = "grabbing";
     e.preventDefault();
   }, [activityActivationStore]);
@@ -16710,7 +16914,10 @@ function TaskGanttChartInner(props, ref) {
       }
       panStateRef.current = null;
       const container = scrollContainerRef.current;
-      if (container) container.style.cursor = "";
+      if (container) {
+        container.removeAttribute("data-panning");
+        container.style.cursor = "";
+      }
     };
     window.addEventListener("mousemove", handlePanMove);
     window.addEventListener("mouseup", handlePanEnd);
@@ -16929,7 +17136,7 @@ function TaskGanttChartInner(props, ref) {
                                 onHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            showActivityLinks && resolvedActivityDependencies.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(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 }),
+                            showActivityLinks && activityDependencies !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(ActivityDependencyLines, { tasks: previewVisibleTasks, 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 }),
                             /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
                               DependencyLines_default,
                               {
@@ -17072,10 +17279,10 @@ function TaskGanttChartInner(props, ref) {
                                     activityActivationStore,
                                     activityClickToDrag,
                                     activityActivationMode,
-                                    showActivityLinks: false,
+                                    showActivityLinks: showActivityLinks && activityDependencies === void 0,
                                     showActivityLag,
                                     activityTooltip,
-                                    horizontalWindow,
+                                    horizontalWindow: forceFullRenderForPrint ? void 0 : horizontalWindow,
                                     onCascadeProgress: handleCascadeProgress,
                                     onCascade: handleCascade,
                                     onScheduleIntent,