gantt-lib 0.79.0 → 0.80.0

package/dist/index.d.mts

@@ -1,6 +1,6 @@
 import React$1, { ReactNode } from 'react';
-import { T as Task$1, R as ResourceTimelineItem, V as ValidationResult, a as ResourcePlannerChartProps, b as ResourceTimelineResource } from './index-CZzZrxn-.mjs';
-export { D as DAY_MS, c as DependencyError, G as GanttChartMode, d as GanttDateRange, e as GridConfig, f as GridLine, L as LinkType, M as MonthSpan, g as ResourceTimelineMove, h as TaskBarGeometry, W as WeekendBlock, i as alignToWorkingDay, j as areTasksHierarchicallyRelated, k as buildAdjacencyList, l as buildTaskRangeFromEnd, m as buildTaskRangeFromStart, n as calculateSuccessorDate, o as cascadeByLinks, p as clampTaskRangeForIncomingFS, q as computeLagFromDates, r as computeParentDates, s as computeParentProgress, t as detectCycles, u as findParentId, v as getAllDependencyEdges, w as getAllDescendants, x as getBusinessDayOffset, y as getChildren, z as getDependencyLag, A as getSuccessorChain, B as getTaskDuration, C as getTransitiveCascadeChain, E as isAncestorTask, F as isTaskParent, H as moveTaskRange, I as moveTaskWithCascade, J as normalizeDependencyLag, K as normalizePredecessorDates, N as normalizeUTCDate, O as parseDateOnly, P as recalculateIncomingLags, Q as recalculateProjectSchedule, S as recalculateTaskFromDependencies, U as reflowTasksOnModeSwitch, X as removeDependenciesBetweenTasks, Y as resizeTaskWithCascade, Z as shiftBusinessDayOffset, _ as universalCascade, $ as validateDependencies } from './index-CZzZrxn-.mjs';
+import { T as Task$1, R as ResourceTimelineItem, V as ValidationResult, a as ResourcePlannerChartProps, b as ResourceTimelineResource } from './index-DAfJyZbj.mjs';
+export { D as DAY_MS, c as DependencyError, G as GanttChartMode, d as GanttDateRange, e as GridConfig, f as GridLine, L as LinkType, M as MonthSpan, g as ResourceTimelineMove, h as ResourceTimelineResourceMenuCommand, i as TaskBarGeometry, W as WeekendBlock, j as alignToWorkingDay, k as areTasksHierarchicallyRelated, l as buildAdjacencyList, m as buildTaskRangeFromEnd, n as buildTaskRangeFromStart, o as calculateSuccessorDate, p as cascadeByLinks, q as clampTaskRangeForIncomingFS, r as computeLagFromDates, s as computeParentDates, t as computeParentProgress, u as detectCycles, v as findParentId, w as getAllDependencyEdges, x as getAllDescendants, y as getBusinessDayOffset, z as getChildren, A as getDependencyLag, B as getSuccessorChain, C as getTaskDuration, E as getTransitiveCascadeChain, F as isAncestorTask, H as isTaskParent, I as moveTaskRange, J as moveTaskWithCascade, K as normalizeDependencyLag, N as normalizePredecessorDates, O as normalizeUTCDate, P as parseDateOnly, Q as recalculateIncomingLags, S as recalculateProjectSchedule, U as recalculateTaskFromDependencies, X as reflowTasksOnModeSwitch, Y as removeDependenciesBetweenTasks, Z as resizeTaskWithCascade, _ as shiftBusinessDayOffset, $ as universalCascade, a0 as validateDependencies } from './index-DAfJyZbj.mjs';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixPopover from '@radix-ui/react-popover';
 
@@ -263,6 +263,10 @@ declare const not: (predicate: TaskPredicate) => TaskPredicate;
 interface WithoutDepsOptions {
     /** If true, only child tasks (tasks with parentId) can match. */
     onlyChildren?: boolean;
+    /** Full task list, required when excluding parent rows. */
+    tasks?: Task$1[];
+    /** If true, only non-parent regular tasks can match. Requires tasks. */
+    onlyLeafTasks?: boolean;
 }
 /**
  * Filter tasks that have no dependencies
@@ -545,7 +549,7 @@ declare const GanttChart: <TTask extends Task = Task, TItem extends ResourceTime
     ref?: React$1.Ref<GanttChartHandle>;
 }) => React$1.ReactElement;
 
-declare function ResourceTimelineChart<TItem extends ResourceTimelineItem = ResourceTimelineItem>({ resources, dayWidth, viewMode, rowHeaderWidth, laneHeight, headerHeight, containerHeight, allowVerticalPan, customDays, isWeekend, businessDays, readonly, disableResourceReassignment, renderItem, getItemClassName, onResourceItemClick, onResourceItemMove, }: ResourcePlannerChartProps<TItem>): react_jsx_runtime.JSX.Element;
+declare function ResourceTimelineChart<TItem extends ResourceTimelineItem = ResourceTimelineItem>({ resources, dayWidth, viewMode, rowHeaderWidth, laneHeight, headerHeight, containerHeight, allowVerticalPan, customDays, isWeekend, businessDays, readonly, disableResourceReassignment, renderItem, getItemClassName, onResourceItemClick, onResourceItemMove, onAddResource, enableAddResource, resourceMenuCommands, }: ResourcePlannerChartProps<TItem>): react_jsx_runtime.JSX.Element;
 
 interface TaskRowProps {
     /** Task data to render */
@@ -648,6 +652,12 @@ interface GridBackgroundProps {
     viewMode?: 'day' | 'week' | 'month';
     /** Optional predicate for custom weekend logic (e.g., holidays, shift patterns) */
     isCustomWeekend?: (date: Date) => boolean;
+    /** Optional extra class for layered rendering contexts. */
+    className?: string;
+    /** Whether to render weekend background blocks. */
+    showWeekendBlocks?: boolean;
+    /** Whether to render vertical grid lines. */
+    showGridLines?: boolean;
 }
 /**
  * GridBackground component - renders vertical grid lines and weekend background highlighting

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import React$1, { ReactNode } from 'react';
-import { T as Task$1, R as ResourceTimelineItem, V as ValidationResult, a as ResourcePlannerChartProps, b as ResourceTimelineResource } from './index-CZzZrxn-.js';
-export { D as DAY_MS, c as DependencyError, G as GanttChartMode, d as GanttDateRange, e as GridConfig, f as GridLine, L as LinkType, M as MonthSpan, g as ResourceTimelineMove, h as TaskBarGeometry, W as WeekendBlock, i as alignToWorkingDay, j as areTasksHierarchicallyRelated, k as buildAdjacencyList, l as buildTaskRangeFromEnd, m as buildTaskRangeFromStart, n as calculateSuccessorDate, o as cascadeByLinks, p as clampTaskRangeForIncomingFS, q as computeLagFromDates, r as computeParentDates, s as computeParentProgress, t as detectCycles, u as findParentId, v as getAllDependencyEdges, w as getAllDescendants, x as getBusinessDayOffset, y as getChildren, z as getDependencyLag, A as getSuccessorChain, B as getTaskDuration, C as getTransitiveCascadeChain, E as isAncestorTask, F as isTaskParent, H as moveTaskRange, I as moveTaskWithCascade, J as normalizeDependencyLag, K as normalizePredecessorDates, N as normalizeUTCDate, O as parseDateOnly, P as recalculateIncomingLags, Q as recalculateProjectSchedule, S as recalculateTaskFromDependencies, U as reflowTasksOnModeSwitch, X as removeDependenciesBetweenTasks, Y as resizeTaskWithCascade, Z as shiftBusinessDayOffset, _ as universalCascade, $ as validateDependencies } from './index-CZzZrxn-.js';
+import { T as Task$1, R as ResourceTimelineItem, V as ValidationResult, a as ResourcePlannerChartProps, b as ResourceTimelineResource } from './index-DAfJyZbj.js';
+export { D as DAY_MS, c as DependencyError, G as GanttChartMode, d as GanttDateRange, e as GridConfig, f as GridLine, L as LinkType, M as MonthSpan, g as ResourceTimelineMove, h as ResourceTimelineResourceMenuCommand, i as TaskBarGeometry, W as WeekendBlock, j as alignToWorkingDay, k as areTasksHierarchicallyRelated, l as buildAdjacencyList, m as buildTaskRangeFromEnd, n as buildTaskRangeFromStart, o as calculateSuccessorDate, p as cascadeByLinks, q as clampTaskRangeForIncomingFS, r as computeLagFromDates, s as computeParentDates, t as computeParentProgress, u as detectCycles, v as findParentId, w as getAllDependencyEdges, x as getAllDescendants, y as getBusinessDayOffset, z as getChildren, A as getDependencyLag, B as getSuccessorChain, C as getTaskDuration, E as getTransitiveCascadeChain, F as isAncestorTask, H as isTaskParent, I as moveTaskRange, J as moveTaskWithCascade, K as normalizeDependencyLag, N as normalizePredecessorDates, O as normalizeUTCDate, P as parseDateOnly, Q as recalculateIncomingLags, S as recalculateProjectSchedule, U as recalculateTaskFromDependencies, X as reflowTasksOnModeSwitch, Y as removeDependenciesBetweenTasks, Z as resizeTaskWithCascade, _ as shiftBusinessDayOffset, $ as universalCascade, a0 as validateDependencies } from './index-DAfJyZbj.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as RadixPopover from '@radix-ui/react-popover';
 
@@ -263,6 +263,10 @@ declare const not: (predicate: TaskPredicate) => TaskPredicate;
 interface WithoutDepsOptions {
     /** If true, only child tasks (tasks with parentId) can match. */
     onlyChildren?: boolean;
+    /** Full task list, required when excluding parent rows. */
+    tasks?: Task$1[];
+    /** If true, only non-parent regular tasks can match. Requires tasks. */
+    onlyLeafTasks?: boolean;
 }
 /**
  * Filter tasks that have no dependencies
@@ -545,7 +549,7 @@ declare const GanttChart: <TTask extends Task = Task, TItem extends ResourceTime
     ref?: React$1.Ref<GanttChartHandle>;
 }) => React$1.ReactElement;
 
-declare function ResourceTimelineChart<TItem extends ResourceTimelineItem = ResourceTimelineItem>({ resources, dayWidth, viewMode, rowHeaderWidth, laneHeight, headerHeight, containerHeight, allowVerticalPan, customDays, isWeekend, businessDays, readonly, disableResourceReassignment, renderItem, getItemClassName, onResourceItemClick, onResourceItemMove, }: ResourcePlannerChartProps<TItem>): react_jsx_runtime.JSX.Element;
+declare function ResourceTimelineChart<TItem extends ResourceTimelineItem = ResourceTimelineItem>({ resources, dayWidth, viewMode, rowHeaderWidth, laneHeight, headerHeight, containerHeight, allowVerticalPan, customDays, isWeekend, businessDays, readonly, disableResourceReassignment, renderItem, getItemClassName, onResourceItemClick, onResourceItemMove, onAddResource, enableAddResource, resourceMenuCommands, }: ResourcePlannerChartProps<TItem>): react_jsx_runtime.JSX.Element;
 
 interface TaskRowProps {
     /** Task data to render */
@@ -648,6 +652,12 @@ interface GridBackgroundProps {
     viewMode?: 'day' | 'week' | 'month';
     /** Optional predicate for custom weekend logic (e.g., holidays, shift patterns) */
     isCustomWeekend?: (date: Date) => boolean;
+    /** Optional extra class for layered rendering contexts. */
+    className?: string;
+    /** Whether to render weekend background blocks. */
+    showWeekendBlocks?: boolean;
+    /** Whether to render vertical grid lines. */
+    showGridLines?: boolean;
 }
 /**
  * GridBackground component - renders vertical grid lines and weekend background highlighting

package/dist/index.js

@@ -3137,7 +3137,7 @@ var arePropsEqual2 = (prevProps, nextProps) => {
   prevProps.viewMode === nextProps.viewMode && prevProps.isCustomWeekend === nextProps.isCustomWeekend;
 };
 var GridBackground = import_react5.default.memo(
-  ({ dateRange, dayWidth, totalHeight, viewMode = "day", isCustomWeekend }) => {
+  ({ dateRange, dayWidth, totalHeight, viewMode = "day", isCustomWeekend, className, showWeekendBlocks = true, showGridLines = true }) => {
     const weekGridLines = (0, import_react5.useMemo)(() => {
       if (viewMode !== "week") return [];
       return calculateWeekGridLines(dateRange, dayWidth);
@@ -3160,13 +3160,13 @@ var GridBackground = import_react5.default.memo(
     return /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
       "div",
       {
-        className: "gantt-gb-gridBackground",
+        className: ["gantt-gb-gridBackground", className].filter(Boolean).join(" "),
         style: {
           width: `${gridWidth}px`,
           height: `${totalHeight}px`
         },
         children: [
-          weekendBlocks.map((block, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+          showWeekendBlocks && weekendBlocks.map((block, index) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
             "div",
             {
               className: "gantt-gb-weekendBlock",
@@ -3177,7 +3177,7 @@ var GridBackground = import_react5.default.memo(
             },
             `weekend-${index}`
           )),
-          viewMode === "week" ? (
+          showGridLines && (viewMode === "week" ? (
             // Week-view: one line per week column boundary
             weekGridLines.map((line, index) => {
               const lineClass = line.isMonthStart ? "gantt-gb-monthSeparator" : "gantt-gb-weekSeparator";
@@ -3218,7 +3218,7 @@ var GridBackground = import_react5.default.memo(
                 `gridline-${index}`
               );
             })
-          )
+          ))
         ]
       }
     );
@@ -7447,6 +7447,33 @@ var calculateConflictInfo = (parsedItems) => {
   }
   return result;
 };
+var countConflictOverlaps = (items) => {
+  const conflictsByItemId = new Map(items.map((item) => [item.itemId, item.conflictsWith]));
+  const visited = /* @__PURE__ */ new Set();
+  let overlapCount = 0;
+  for (const item of items) {
+    if (visited.has(item.itemId) || item.conflictsWith.length === 0) {
+      continue;
+    }
+    const stack = [item.itemId];
+    let componentSize = 0;
+    while (stack.length > 0) {
+      const itemId = stack.pop();
+      if (visited.has(itemId)) {
+        continue;
+      }
+      visited.add(itemId);
+      componentSize += 1;
+      for (const conflictId of conflictsByItemId.get(itemId) ?? []) {
+        if (!visited.has(conflictId)) {
+          stack.push(conflictId);
+        }
+      }
+    }
+    overlapCount += Math.max(0, componentSize - 1);
+  }
+  return overlapCount;
+};
 var layoutResourceTimelineItems = (resources, options) => {
   const rows = [];
   const items = [];
@@ -7506,7 +7533,7 @@ var layoutResourceTimelineItems = (resources, options) => {
     }
     const laneCount = Math.max(1, laneEndDays.length);
     const resourceRowHeight = laneCount * options.laneHeight;
-    const conflictCount = laidOutItems.filter((item) => item.conflictsWith.length > 0).length;
+    const conflictCount = countConflictOverlaps(laidOutItems);
     const row = {
       resource,
       resourceId: resource.id,
@@ -7751,7 +7778,8 @@ var DEFAULT_ROW_HEADER_WIDTH = 240;
 var DEFAULT_RESOURCE_ROW_GAP = 8;
 var ITEM_OUTER_VERTICAL_INSET = 2;
 var ITEM_INNER_VERTICAL_INSET = 1;
-var ITEM_HORIZONTAL_INSET = 1;
+var ITEM_START_HORIZONTAL_INSET = 2;
+var ITEM_END_HORIZONTAL_INSET = 1;
 var isValidDate = (date) => !Number.isNaN(date.getTime());
 var collectValidItems = (resources) => {
   return resources.flatMap(
@@ -7773,12 +7801,18 @@ var getVisualItemGeometry = (geometry, laneIndex, laneCount) => {
   const topInset = laneIndex === 0 ? ITEM_OUTER_VERTICAL_INSET : ITEM_INNER_VERTICAL_INSET;
   const bottomInset = laneIndex === laneCount - 1 ? ITEM_OUTER_VERTICAL_INSET : ITEM_INNER_VERTICAL_INSET;
   return {
-    left: geometry.left + ITEM_HORIZONTAL_INSET,
+    left: geometry.left + ITEM_START_HORIZONTAL_INSET,
     top: geometry.top + topInset,
-    width: Math.max(0, geometry.width - ITEM_HORIZONTAL_INSET * 2),
+    width: Math.max(1, geometry.width - ITEM_START_HORIZONTAL_INSET - ITEM_END_HORIZONTAL_INSET),
     height: Math.max(0, geometry.height - topInset - bottomInset)
   };
 };
+var formatOverlapCount = (count) => {
+  const mod10 = count % 10;
+  const mod100 = count % 100;
+  const word = mod10 === 1 && mod100 !== 11 ? "\u043D\u0430\u043B\u043E\u0436\u0435\u043D\u0438\u0435" : mod10 >= 2 && mod10 <= 4 && (mod100 < 12 || mod100 > 14) ? "\u043D\u0430\u043B\u043E\u0436\u0435\u043D\u0438\u044F" : "\u043D\u0430\u043B\u043E\u0436\u0435\u043D\u0438\u0439";
+  return `${count} ${word}`;
+};
 var getWeekendOverlaySegments = (startDate, endDate, dayWidth, weekendPredicate) => {
   const segments2 = [];
   const current = new Date(Date.UTC(startDate.getUTCFullYear(), startDate.getUTCMonth(), startDate.getUTCDate()));
@@ -7821,7 +7855,143 @@ var getRangeOverlaySegments = (itemStartDate, ranges, dayWidth) => {
     };
   });
 };
+var clampOverlaySegments = (segments2, maxWidth) => segments2.flatMap((segment) => {
+  const left = Math.max(0, Math.min(segment.left, maxWidth));
+  const right = Math.max(left, Math.min(segment.left + segment.width, maxWidth));
+  const width = right - left;
+  return width > 0 ? [{ left, width }] : [];
+});
 var getDurationValue = (startDate, endDate, businessDays, weekendPredicate) => businessDays ? getBusinessDaysCount(startDate, endDate, weekendPredicate) : Math.max(1, Math.round((endDate.getTime() - startDate.getTime()) / (24 * 60 * 60 * 1e3)) + 1);
+var ResourceHeader = ({
+  resource,
+  resourceId,
+  conflictCount,
+  height,
+  paddingBottom,
+  menuCommands
+}) => {
+  const [menuOpen, setMenuOpen] = (0, import_react14.useState)(false);
+  const visibleCommands = (0, import_react14.useMemo)(
+    () => menuCommands.filter((command) => command.isVisible?.(resource) ?? true),
+    [menuCommands, resource]
+  );
+  const hasMenu = visibleCommands.length > 0;
+  const handleCommandClick = (command, event) => {
+    event.stopPropagation();
+    if (command.closeOnSelect !== false) {
+      setMenuOpen(false);
+    }
+    command.onSelect(resource);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+    "div",
+    {
+      className: `gantt-resourceTimeline-resourceHeader${menuOpen ? " gantt-resourceTimeline-resourceHeaderMenuOpen" : ""}`,
+      "data-resource-row-id": resourceId,
+      style: {
+        height: `${height}px`,
+        paddingBottom: `${paddingBottom}px`
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "gantt-resourceTimeline-resourceName", children: resource.name }),
+        conflictCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+          "span",
+          {
+            className: "gantt-resourceTimeline-conflictBadge",
+            "aria-label": formatOverlapCount(conflictCount),
+            title: formatOverlapCount(conflictCount),
+            children: conflictCount
+          }
+        ),
+        hasMenu && /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(Popover, { open: menuOpen, onOpenChange: setMenuOpen, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+            "button",
+            {
+              className: "gantt-resourceTimeline-resourceMenuButton",
+              type: "button",
+              "aria-label": "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F \u0440\u0435\u0441\u0443\u0440\u0441\u0430",
+              onClick: (event) => {
+                event.stopPropagation();
+                setMenuOpen((open) => !open);
+              },
+              children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { "aria-hidden": "true", children: "\u22EE" })
+            }
+          ) }),
+          /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(PopoverContent, { className: "gantt-resourceTimeline-resourceMenu", portal: true, align: "end", children: visibleCommands.map((command) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
+            "button",
+            {
+              type: "button",
+              className: `gantt-resourceTimeline-resourceMenuItem${command.danger ? " gantt-resourceTimeline-resourceMenuItemDanger" : ""}`,
+              disabled: command.isDisabled?.(resource) ?? false,
+              onClick: (event) => handleCommandClick(command, event),
+              children: [
+                command.icon,
+                command.label
+              ]
+            },
+            command.id
+          )) })
+        ] })
+      ]
+    }
+  );
+};
+var NewResourceRow = ({ height, onConfirm, onCancel }) => {
+  const [nameValue, setNameValue] = (0, import_react14.useState)("");
+  const inputRef = (0, import_react14.useRef)(null);
+  const confirmedRef = (0, import_react14.useRef)(false);
+  (0, import_react14.useEffect)(() => {
+    inputRef.current?.focus();
+    inputRef.current?.select();
+  }, []);
+  const handleCancel = () => {
+    confirmedRef.current = true;
+    onCancel();
+  };
+  const handleConfirm = () => {
+    const name = nameValue.trim();
+    if (!name) {
+      handleCancel();
+      return;
+    }
+    confirmedRef.current = true;
+    onConfirm(name);
+  };
+  const handleKeyDown = (event) => {
+    if (event.key === "Enter") {
+      handleConfirm();
+    } else if (event.key === "Escape") {
+      handleCancel();
+    }
+  };
+  const handleBlur = () => {
+    if (!confirmedRef.current) {
+      handleConfirm();
+    }
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    {
+      className: "gantt-resourceTimeline-resourceHeader gantt-resourceTimeline-resourceHeaderNew",
+      style: {
+        height: `${height}px`,
+        paddingBottom: `${DEFAULT_RESOURCE_ROW_GAP}px`
+      },
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        Input,
+        {
+          ref: inputRef,
+          value: nameValue,
+          onChange: (event) => setNameValue(event.target.value),
+          onKeyDown: handleKeyDown,
+          onBlur: handleBlur,
+          placeholder: "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u0430",
+          className: "gantt-resourceTimeline-resourceInput"
+        }
+      )
+    }
+  );
+};
 function ResourceTimelineChart({
   resources,
   dayWidth = DEFAULT_DAY_WIDTH,
@@ -7839,11 +8009,15 @@ function ResourceTimelineChart({
   renderItem,
   getItemClassName,
   onResourceItemClick,
-  onResourceItemMove
+  onResourceItemMove,
+  onAddResource,
+  enableAddResource = true,
+  resourceMenuCommands = []
 }) {
   const scrollContainerRef = (0, import_react14.useRef)(null);
   const gridRef = (0, import_react14.useRef)(null);
   const panStateRef = (0, import_react14.useRef)(null);
+  const [isCreatingResource, setIsCreatingResource] = (0, import_react14.useState)(false);
   const validItems = (0, import_react14.useMemo)(() => collectValidItems(resources), [resources]);
   const dateRange = (0, import_react14.useMemo)(() => getMultiMonthDays(validItems), [validItems]);
   const monthStart = (0, import_react14.useMemo)(() => {
@@ -7878,6 +8052,18 @@ function ResourceTimelineChart({
     }
     return map;
   }, [layout.items]);
+  const canAddResource = enableAddResource && Boolean(onAddResource);
+  const resourceAddRowHeight = laneHeight + DEFAULT_RESOURCE_ROW_GAP;
+  const displayTotalHeight = layout.totalHeight + (canAddResource ? resourceAddRowHeight : 0);
+  const handleConfirmNewResource = (0, import_react14.useCallback)((name) => {
+    onAddResource?.({
+      id: crypto.randomUUID(),
+      name,
+      items: []
+    });
+    setIsCreatingResource(false);
+  }, [onAddResource]);
+  const handleCancelNewResource = (0, import_react14.useCallback)(() => setIsCreatingResource(false), []);
   const { preview, startDrag } = useResourceItemDrag({
     dayWidth,
     monthStart,
@@ -7972,28 +8158,34 @@ function ResourceTimelineChart({
                   style: { height: `${headerHeight}px` }
                 }
               ),
-              layout.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
-                "div",
+              layout.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                ResourceHeader,
                 {
-                  className: "gantt-resourceTimeline-resourceHeader",
-                  "data-resource-row-id": row.resourceId,
-                  style: {
-                    height: `${row.resourceRowHeight + DEFAULT_RESOURCE_ROW_GAP}px`,
-                    paddingBottom: `${DEFAULT_RESOURCE_ROW_GAP}px`
-                  },
-                  children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("span", { className: "gantt-resourceTimeline-resourceName", children: row.resource.name }),
-                    row.conflictCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
-                      "span",
-                      {
-                        className: "gantt-resourceTimeline-conflictBadge",
-                        "aria-label": `${row.conflictCount} \u043A\u043E\u043D\u0444\u043B\u0438\u043A\u0442\u043E\u0432`,
-                        children: row.conflictCount
-                      }
-                    )
-                  ]
+                  resource: row.resource,
+                  resourceId: row.resourceId,
+                  conflictCount: row.conflictCount,
+                  height: row.resourceRowHeight + DEFAULT_RESOURCE_ROW_GAP,
+                  paddingBottom: DEFAULT_RESOURCE_ROW_GAP,
+                  menuCommands: resourceMenuCommands
                 },
                 row.resourceId
+              )),
+              canAddResource && (isCreatingResource ? /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                NewResourceRow,
+                {
+                  height: resourceAddRowHeight,
+                  onConfirm: handleConfirmNewResource,
+                  onCancel: handleCancelNewResource
+                }
+              ) : /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                "button",
+                {
+                  className: "gantt-resourceTimeline-addResourceButton",
+                  type: "button",
+                  style: { height: `${resourceAddRowHeight}px` },
+                  onClick: () => setIsCreatingResource(true),
+                  children: "+ \u0414\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0440\u0435\u0441\u0443\u0440\u0441"
+                }
               ))
             ]
           }
@@ -8019,14 +8211,14 @@ function ResourceTimelineChart({
                 {
                   ref: gridRef,
                   className: "gantt-resourceTimeline-grid",
-                  style: { width: `${gridWidth}px`, height: `${layout.totalHeight}px` },
+                  style: { width: `${gridWidth}px`, height: `${displayTotalHeight}px` },
                   children: [
                     /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
                       GridBackground_default,
                       {
                         dateRange,
                         dayWidth,
-                        totalHeight: layout.totalHeight,
+                        totalHeight: displayTotalHeight,
                         viewMode,
                         isCustomWeekend: weekendPredicate
                       }
@@ -8044,6 +8236,17 @@ function ResourceTimelineChart({
                       },
                       row.resourceId
                     )),
+                    canAddResource && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+                      "div",
+                      {
+                        className: "gantt-resourceTimeline-row gantt-resourceTimeline-rowNew",
+                        "data-resource-add-row": "true",
+                        style: {
+                          top: `${layout.totalHeight}px`,
+                          height: `${resourceAddRowHeight}px`
+                        }
+                      }
+                    ),
                     Array.from(itemsByResourceId.values()).flatMap(
                       (resourceItems) => resourceItems.map((layoutItem) => {
                         const customClassName = getItemClassName?.(layoutItem.item);
@@ -8069,11 +8272,17 @@ function ResourceTimelineChart({
                         }, layoutItem.laneIndex, laneCount);
                         const overlayStartDate = isDraggingItem ? preview.startDate : layoutItem.startDate;
                         const overlayEndDate = isDraggingItem ? preview.endDate : layoutItem.endDate;
-                        const weekendOverlaySegments = businessDays ? getWeekendOverlaySegments(overlayStartDate, overlayEndDate, dayWidth, weekendPredicate) : [];
-                        const conflictOverlaySegments = getRangeOverlaySegments(
-                          overlayStartDate,
-                          isDraggingItem ? [] : layoutItem.conflictRanges,
-                          dayWidth
+                        const weekendOverlaySegments = businessDays ? clampOverlaySegments(
+                          getWeekendOverlaySegments(overlayStartDate, overlayEndDate, dayWidth, weekendPredicate),
+                          itemGeometry.width
+                        ) : [];
+                        const conflictOverlaySegments = clampOverlaySegments(
+                          getRangeOverlaySegments(
+                            overlayStartDate,
+                            isDraggingItem ? [] : layoutItem.conflictRanges,
+                            dayWidth
+                          ),
+                          itemGeometry.width
                         );
                         const durationValue = getDurationValue(
                           overlayStartDate,
@@ -9232,6 +9441,11 @@ var not = (predicate) => (task) => !predicate(task);
 var withoutDeps = (options = {}) => (task) => {
   if (!task) return false;
   if (options.onlyChildren && !task.parentId) return false;
+  if (options.onlyLeafTasks) {
+    const isParent = (options.tasks ?? []).some((candidate) => candidate.parentId === task.id);
+    const isRegularTask = task.type == null || task.type === "task";
+    if (isParent || !isRegularTask) return false;
+  }
   return !task.dependencies || task.dependencies.length === 0;
 };
 var expired = (referenceDate = /* @__PURE__ */ new Date()) => (task) => isTaskExpired(task, referenceDate);