gantt-lib 0.131.0 → 0.132.0

package/dist/index.js

@@ -39,6 +39,7 @@ __export(index_exports, {
   DatePicker: () => DatePicker,
   DragGuideLines: () => DragGuideLines_default,
   GanttChart: () => GanttChart,
+  GenerationSkeletonRows: () => GenerationSkeleton_default,
   GridBackground: () => GridBackground_default,
   Input: () => Input,
   PlanFactMatrix: () => PlanFactMatrix,
@@ -1479,7 +1480,7 @@ function resizeTaskWithCascade(taskId, anchor, newDate, snapshot, options) {
   const originalStart = parseDateOnly(task.startDate);
   const originalEnd = parseDateOnly(task.endDate);
   let newRange;
-  if (anchor === "end") {
+  if (anchor === "start") {
     newRange = { start: originalStart, end: newDate };
   } else {
     newRange = { start: newDate, end: originalEnd };
@@ -8642,6 +8643,55 @@ var NewTaskRow = ({
   ] });
 };
 
+// src/components/GenerationSkeleton/GenerationSkeleton.tsx
+var import_jsx_runtime16 = require("react/jsx-runtime");
+var MAX_SKELETON_ROWS = 200;
+function clampCount(count) {
+  if (!Number.isFinite(count)) return 0;
+  return Math.min(MAX_SKELETON_ROWS, Math.max(0, Math.floor(count)));
+}
+var GenerationSkeletonRows = ({
+  count,
+  rowHeight,
+  variant,
+  startIndex = 0,
+  taskListLayout,
+  chartDayWidth = 40
+}) => {
+  const safeCount = clampCount(count);
+  if (safeCount === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    "div",
+    {
+      className: `gantt-generation-skeleton gantt-generation-skeleton-${variant}`,
+      "aria-hidden": "true",
+      style: taskListLayout ? {
+        "--skeleton-name-left": `${taskListLayout.nameLeft}px`,
+        "--skeleton-name-width": `${taskListLayout.nameWidth}px`
+      } : void 0,
+      children: Array.from({ length: safeCount }, (_, index) => {
+        const rowIndex = startIndex + index;
+        const parentShape = rowIndex % 4 === 0;
+        const shortShape = rowIndex % 3 === 1;
+        const mediumShape = rowIndex % 3 === 2;
+        const chartBarDays = 5 + rowIndex % 6;
+        const chartBarStyle = variant === "chart" ? { width: `${chartBarDays * Math.max(1, chartDayWidth)}px` } : void 0;
+        return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+          "div",
+          {
+            className: "gantt-generation-skeleton-row",
+            style: { top: `${rowIndex * rowHeight}px`, height: `${rowHeight}px` },
+            children: variant === "task-list" ? /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_jsx_runtime16.Fragment, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: `gantt-generation-skeleton-label ${shortShape ? "gantt-generation-skeleton-label-short" : ""} ${mediumShape ? "gantt-generation-skeleton-label-medium" : ""}` }) }) : /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { className: `gantt-generation-skeleton-bar ${parentShape ? "gantt-generation-skeleton-bar-parent" : ""} ${shortShape ? "gantt-generation-skeleton-bar-short" : ""}`, style: chartBarStyle })
+          },
+          rowIndex
+        );
+      })
+    }
+  );
+};
+GenerationSkeletonRows.displayName = "GenerationSkeletonRows";
+var GenerationSkeleton_default = GenerationSkeletonRows;
+
 // src/components/TaskList/columns/createBuiltInColumns.tsx
 var BUILT_IN_COLUMN_WIDTHS = {
   selection: 36,
@@ -8729,7 +8779,7 @@ function resolveTaskListColumns(builtIn, custom, hiddenColumnIds = []) {
 }
 
 // src/components/TaskList/TaskList.tsx
-var import_jsx_runtime16 = require("react/jsx-runtime");
+var import_jsx_runtime17 = require("react/jsx-runtime");
 var LINK_TYPE_ORDER2 = ["FS", "SS", "FF", "SF"];
 var MIN_TASK_LIST_WIDTH = 530;
 var DEFAULT_COLUMN_MIN_WIDTH = 40;
@@ -8867,7 +8917,7 @@ var SelectAllCheckbox = ({
       ref.current.indeterminate = indeterminate;
     }
   }, [indeterminate]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "input",
     {
       ref,
@@ -8936,7 +8986,8 @@ var TaskList = ({
   bodyMinHeight,
   taskDateChangeMode = "preserve-duration",
   onTaskDateChangeModeChange,
-  visibleRowIndices
+  visibleRowIndices,
+  skeletonRowCount = 0
 }) => {
   const reorderDisabled = disableTaskListReorder || disableTaskDrag;
   const [internalSelectedTaskIds, setInternalSelectedTaskIds] = (0, import_react13.useState)(/* @__PURE__ */ new Set());
@@ -8990,8 +9041,8 @@ var TaskList = ({
     return tasks2;
   }, [orderedTasks, collapsedParentIds, filterMode, filteredTaskIds, isFilterActive, criticalPathMode, criticalTaskIds]);
   const totalHeight = (0, import_react13.useMemo)(
-    () => visibleTasks.length * rowHeight,
-    [visibleTasks.length, rowHeight]
+    () => (visibleTasks.length + Math.max(0, Math.floor(skeletonRowCount))) * rowHeight,
+    [rowHeight, skeletonRowCount, visibleTasks.length]
   );
   const visibleTaskNumberMap = (0, import_react13.useMemo)(
     () => Object.fromEntries(
@@ -9679,6 +9730,22 @@ var TaskList = ({
     () => resolvedColumns.reduce((sum, col) => sum + (col.width ?? 120), 0),
     [resolvedColumns]
   );
+  const generationSkeletonTaskListLayout = (0, import_react13.useMemo)(() => {
+    let left = 0;
+    const layout = {
+      nameLeft: 40,
+      nameWidth: 200
+    };
+    for (const column of resolvedColumns) {
+      const width = column.width ?? 120;
+      if (column.id === "name") {
+        layout.nameLeft = left;
+        layout.nameWidth = width;
+      }
+      left += width;
+    }
+    return layout;
+  }, [resolvedColumns]);
   const requestedTaskListWidth = taskListWidth ?? Math.min(MIN_TASK_LIST_WIDTH, resolvedColumnWidthTotal);
   const effectiveTaskListWidth = Math.max(requestedTaskListWidth, resolvedColumnWidthTotal);
   const tableHeaderHeight = headerHeight + 1;
@@ -9740,7 +9807,7 @@ var TaskList = ({
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   }, [resolvedColumns]);
-  const renderResizeHandle = (0, import_react13.useCallback)((columnId) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  const renderResizeHandle = (0, import_react13.useCallback)((columnId) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "button",
     {
       type: "button",
@@ -9754,7 +9821,7 @@ var TaskList = ({
       }
     }
   ), [startColumnResize]);
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
     "div",
     {
       ref: overlayRef,
@@ -9763,17 +9830,17 @@ var TaskList = ({
         "--tasklist-width": `${effectiveTaskListWidth}px`,
         "--gantt-row-content-lines": String(Math.max(2, Math.floor(rowContentLines)))
       },
-      children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "gantt-tl-table", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "gantt-tl-header", style: { height: `${tableHeaderHeight}px` }, children: resolvedColumns.map((col) => {
+      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-tl-table", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "gantt-tl-header", style: { height: `${tableHeaderHeight}px` }, children: resolvedColumns.map((col) => {
           if (col.id === "selection") {
-            return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "div",
               {
                 className: "gantt-tl-headerCell gantt-tl-cell-selection",
                 "data-column-id": "selection",
                 style: { width: col.width, minWidth: col.width, maxWidth: col.width, flex: `0 0 ${col.width}px`, position: "relative" },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     SelectAllCheckbox,
                     {
                       checked: areAllVisibleTasksSelected,
@@ -9788,15 +9855,15 @@ var TaskList = ({
             );
           }
           if (col.id === "dependencies") {
-            return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "div",
               {
                 className: "gantt-tl-headerCell gantt-tl-cell-deps",
                 "data-column-id": "dependencies",
                 style: { width: col.width, minWidth: col.width, maxWidth: col.width, flex: `0 0 ${col.width}px`, position: "relative" },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                  /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                       "button",
                       {
                         className: "gantt-tl-dep-type-trigger",
@@ -9809,7 +9876,7 @@ var TaskList = ({
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "gantt-tl-dep-type-menu", children: LINK_TYPE_ORDER2.map((lt) => /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "gantt-tl-dep-type-menu", children: LINK_TYPE_ORDER2.map((lt) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
                       "button",
                       {
                         className: `gantt-tl-dep-type-option${activeLinkType === lt ? " active" : ""}`,
@@ -9819,13 +9886,13 @@ var TaskList = ({
                         },
                         children: [
                           import_react13.default.createElement(LINK_TYPE_ICONS[lt]),
-                          /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("span", { children: LINK_TYPE_LABELS[lt] })
+                          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: LINK_TYPE_LABELS[lt] })
                         ]
                       },
                       lt
                     )) }) })
                   ] }),
-                  dependencyError && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("div", { className: "gantt-tl-dep-error", children: dependencyError }),
+                  dependencyError && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "gantt-tl-dep-error", children: dependencyError }),
                   renderResizeHandle(col.id)
                 ]
               },
@@ -9834,7 +9901,7 @@ var TaskList = ({
           }
           const builtInClass = BUILT_IN_CSS_CLASSES[col.id];
           if (builtInClass !== void 0) {
-            return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
               "div",
               {
                 className: `gantt-tl-headerCell ${builtInClass}`,
@@ -9848,7 +9915,7 @@ var TaskList = ({
               col.id
             );
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
             "div",
             {
               className: `gantt-tl-headerCell gantt-tl-headerCell-custom gantt-tl-cell-align-${col.align ?? "left"}`,
@@ -9863,7 +9930,7 @@ var TaskList = ({
             col.id
           );
         }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "div",
           {
             className: "gantt-tl-body",
@@ -9873,7 +9940,7 @@ var TaskList = ({
               position: "relative"
             },
             children: [
-              shouldShowBeforeFirstDropZone && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              shouldShowBeforeFirstDropZone && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "div",
                 {
                   className: [
@@ -9890,7 +9957,7 @@ var TaskList = ({
                 const previousVisibleTask = index > 0 ? visibleTasks[index - 1] : void 0;
                 const canDemoteTask = index === 0 || !task.parentId || previousVisibleTask?.id !== task.parentId;
                 const topOffset = index * rowHeight + (hasVisiblePendingInsert && index > pendingInsertRowIndex ? rowHeight : 0);
-                return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                   "div",
                   {
                     style: {
@@ -9899,7 +9966,7 @@ var TaskList = ({
                       left: 0,
                       right: 0
                     },
-                    children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                       TaskListRow,
                       {
                         task,
@@ -9973,7 +10040,7 @@ var TaskList = ({
                   task.id
                 );
               }),
-              hasVisiblePendingInsert && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+              hasVisiblePendingInsert && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                 "div",
                 {
                   style: {
@@ -9982,7 +10049,7 @@ var TaskList = ({
                     left: 0,
                     right: 0
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
                     NewTaskRow,
                     {
                       rowHeight,
@@ -9992,11 +10059,21 @@ var TaskList = ({
                     }
                   )
                 }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                GenerationSkeleton_default,
+                {
+                  count: skeletonRowCount,
+                  rowHeight,
+                  variant: "task-list",
+                  startIndex: visibleTasks.length,
+                  taskListLayout: generationSkeletonTaskListLayout
+                }
               )
             ]
           }
         ),
-        isCreating && !pendingInsert && /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+        isCreating && !pendingInsert && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
           NewTaskRow,
           {
             rowHeight,
@@ -10005,7 +10082,7 @@ var TaskList = ({
             nestingDepth: 0
           }
         ),
-        enableAddTask && onAdd && !isCreating && !pendingInsert && /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)(
+        enableAddTask && onAdd && !isCreating && !pendingInsert && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
           "button",
           {
             className: `gantt-tl-add-btn${!reorderDisabled && dragOverTarget?.index === visibleTasks.length ? " gantt-tl-add-btn-drag-over" : ""}`,
@@ -10499,7 +10576,7 @@ var useResourceItemDrag = ({
 };
 
 // src/components/ResourceTimelineChart/ResourceTimelineChart.tsx
-var import_jsx_runtime17 = require("react/jsx-runtime");
+var import_jsx_runtime18 = require("react/jsx-runtime");
 var DEFAULT_DAY_WIDTH = 40;
 var DEFAULT_HEADER_HEIGHT = 40;
 var DEFAULT_LANE_HEIGHT = 40;
@@ -10662,41 +10739,41 @@ var orderResourcesByType = (resources) => {
 };
 var ResourceTypeIcon = ({ type }) => {
   if (type === "\u041B\u044E\u0434\u0438") {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconPeople", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("circle", { cx: "9", cy: "7", r: "4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconPeople", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("circle", { cx: "9", cy: "7", r: "4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
     ] });
   }
   if (type === "\u041E\u0431\u043E\u0440\u0443\u0434\u043E\u0432\u0430\u043D\u0438\u0435") {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconEquipment", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "m18 15 4-4" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5" })
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconEquipment", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "m18 15 4-4" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5" })
     ] });
   }
   if (type === "\u041C\u0430\u0442\u0435\u0440\u0438\u0430\u043B\u044B") {
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconMaterials", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M10 22v-8" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M2.336 8.89 10 14l11.715-7.029" }),
-      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M22 14a2 2 0 0 1-.971 1.715l-10 6a2 2 0 0 1-2.138-.05l-6-4A2 2 0 0 1 2 16v-6a2 2 0 0 1 .971-1.715l10-6a2 2 0 0 1 2.138.05l6 4A2 2 0 0 1 22 8z" })
+    return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconMaterials", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M10 22v-8" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M2.336 8.89 10 14l11.715-7.029" }),
+      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M22 14a2 2 0 0 1-.971 1.715l-10 6a2 2 0 0 1-2.138-.05l-6-4A2 2 0 0 1 2 16v-6a2 2 0 0 1 .971-1.715l10-6a2 2 0 0 1 2.138.05l6 4A2 2 0 0 1 22 8z" })
     ] });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconOther", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M12 8v4" }),
-    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M12 16h.01" })
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconOther", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M12 8v4" }),
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M12 16h.01" })
   ] });
 };
-var ResourceTypeDropdownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { className: "gantt-resourceTimeline-resourceTypeDropdownIcon", width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M2 3.5 5 6.5 8 3.5" }) });
-var ResourceGroupChevronIcon = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("svg", { className: "gantt-resourceTimeline-resourceGroupChevronIcon", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M4 2.5 7.5 6 4 9.5" }) });
+var ResourceTypeDropdownIcon = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { className: "gantt-resourceTimeline-resourceTypeDropdownIcon", width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M2 3.5 5 6.5 8 3.5" }) });
+var ResourceGroupChevronIcon = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("svg", { className: "gantt-resourceTimeline-resourceGroupChevronIcon", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M4 2.5 7.5 6 4 9.5" }) });
 function isInactiveResourceStatus(status) {
   return status?.trim().toLocaleLowerCase() === "inactive";
 }
-var ResourceStatusLockIcon = () => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { className: "gantt-resourceTimeline-resourceStatusIcon", width: "12", height: "12", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { x: "5", y: "11", width: "14", height: "10", rx: "2" }),
-  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("path", { d: "M8 11V8a4 4 0 1 1 8 0v3" })
+var ResourceStatusLockIcon = () => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { className: "gantt-resourceTimeline-resourceStatusIcon", width: "12", height: "12", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { x: "5", y: "11", width: "14", height: "10", rx: "2" }),
+  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("path", { d: "M8 11V8a4 4 0 1 1 8 0v3" })
 ] });
 var ResourceHeader = ({
   resource,
@@ -10786,7 +10863,7 @@ var ResourceHeader = ({
       handleNameCancel();
     }
   }, [applyResourcePatch, handleNameCancel, nameValue, resource.name]);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "div",
     {
       className: `gantt-resourceTimeline-resourceHeader${menuOpen ? " gantt-resourceTimeline-resourceHeaderMenuOpen" : ""}${isInactive ? " gantt-resourceTimeline-resourceHeaderInactive" : ""}`,
@@ -10797,10 +10874,10 @@ var ResourceHeader = ({
         gridTemplateColumns: columnTemplate
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceNumber", children: rowIndex + 1 }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceName", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-resourceNumber", children: rowIndex + 1 }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "gantt-resourceTimeline-resourceName", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
               "button",
               {
                 type: "button",
@@ -10813,12 +10890,12 @@ var ResourceHeader = ({
                   setTypeMenuOpen((open) => !open);
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ResourceTypeIcon, { type }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ResourceTypeDropdownIcon, {})
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ResourceTypeIcon, { type }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ResourceTypeDropdownIcon, {})
                 ]
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_TYPE_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_TYPE_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
               "button",
               {
                 type: "button",
@@ -10829,14 +10906,14 @@ var ResourceHeader = ({
                   applyResourcePatch({ type: option });
                 },
                 children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceOptionIcon", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ResourceTypeIcon, { type: option }) }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-resourceOptionIcon", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ResourceTypeIcon, { type: option }) }),
                   option
                 ]
               },
               option
             )) })
           ] }),
-          editingName ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          editingName ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             Input,
             {
               ref: nameInputRef,
@@ -10848,7 +10925,7 @@ var ResourceHeader = ({
               "aria-label": `\u041D\u043E\u0432\u043E\u0435 \u043D\u0430\u0437\u0432\u0430\u043D\u0438\u0435 \u0440\u0435\u0441\u0443\u0440\u0441\u0430 ${resource.name}`,
               className: "gantt-tl-name-input gantt-resourceTimeline-resourceNameInput"
             }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "button",
             {
               type: "button",
@@ -10860,23 +10937,23 @@ var ResourceHeader = ({
                 onResourceNameClick?.(resourceId);
               },
               onDoubleClick: handleNameDoubleClick,
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceNameContent", children: [
-                isInactive && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "gantt-resourceTimeline-resourceNameContent", children: [
+                isInactive && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   "span",
                   {
                     className: "gantt-resourceTimeline-resourceStatusMarker",
                     "aria-label": `\u0420\u0435\u0441\u0443\u0440\u0441 ${resource.name} \u043D\u0435\u0430\u043A\u0442\u0438\u0432\u0435\u043D`,
                     title: "\u041D\u0435\u0430\u043A\u0442\u0438\u0432\u0435\u043D",
-                    children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ResourceStatusLockIcon, {})
+                    children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ResourceStatusLockIcon, {})
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceNameText", children: resource.name })
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-resourceNameText", children: resource.name })
               ] })
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Popover, { open: scopeMenuOpen, onOpenChange: setScopeMenuOpen, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Popover, { open: scopeMenuOpen, onOpenChange: setScopeMenuOpen, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "button",
             {
               type: "button",
@@ -10887,10 +10964,10 @@ var ResourceHeader = ({
                 event.stopPropagation();
                 setScopeMenuOpen((open) => !open);
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: scopeLabel })
+              children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { children: scopeLabel })
             }
           ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_SCOPE_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+          /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_SCOPE_OPTIONS.map((option) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
             "button",
             {
               type: "button",
@@ -10901,35 +10978,35 @@ var ResourceHeader = ({
                 applyResourcePatch({ scope: option });
               },
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: `gantt-resourceTimeline-resourceOptionScopeDot gantt-resourceTimeline-resourceScope${option}` }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: `gantt-resourceTimeline-resourceOptionScopeDot gantt-resourceTimeline-resourceScope${option}` }),
                 RESOURCE_SCOPE_LABELS[option] ?? option
               ]
             },
             option
           )) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           "span",
           {
             className: "gantt-resourceTimeline-resourceAssignments",
             "aria-label": `\u041D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F \u0440\u0435\u0441\u0443\u0440\u0441\u0430 ${resource.name}: ${assignmentCount}, ${workedDays} \u0434\u043D.`,
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceWorkedDays", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: workedDays > 0 ? workedDays : "-" }),
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceMetricLabel", children: workedDays > 0 ? "\u0434\u043D." : "" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "gantt-resourceTimeline-resourceWorkedDays", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: workedDays > 0 ? workedDays : "-" }),
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-resourceMetricLabel", children: workedDays > 0 ? "\u0434\u043D." : "" })
               ] }),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceAssignmentCount", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: assignmentCount > 0 ? assignmentCount : "" }),
-                assignmentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("svg", { className: "gantt-resourceTimeline-resourceAssignmentIcon", width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { width: "15", height: "5", x: "4", y: "5", rx: "2" }),
-                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("rect", { width: "10", height: "5", x: "4", y: "14", rx: "2" })
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "gantt-resourceTimeline-resourceAssignmentCount", children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: assignmentCount > 0 ? assignmentCount : "" }),
+                assignmentCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("svg", { className: "gantt-resourceTimeline-resourceAssignmentIcon", width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { width: "15", height: "5", x: "4", y: "5", rx: "2" }),
+                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("rect", { width: "10", height: "5", x: "4", y: "14", rx: "2" })
                 ] })
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceActions", children: [
-          conflictCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "gantt-resourceTimeline-resourceActions", children: [
+          conflictCount > 0 && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
             "button",
             {
               type: "button",
@@ -10943,8 +11020,8 @@ var ResourceHeader = ({
               children: conflictCount
             }
           ),
-          hasMenu && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(Popover, { open: menuOpen, onOpenChange: setMenuOpen, children: [
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+          hasMenu && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(Popover, { open: menuOpen, onOpenChange: setMenuOpen, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
               "button",
               {
                 className: "gantt-resourceTimeline-resourceMenuButton",
@@ -10954,10 +11031,10 @@ var ResourceHeader = ({
                   event.stopPropagation();
                   setMenuOpen((open) => !open);
                 },
-                children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: "\u22EE" })
+                children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { "aria-hidden": "true", children: "\u22EE" })
               }
             ) }),
-            /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(PopoverContent, { className: "gantt-resourceTimeline-resourceMenu", portal: true, align: "end", children: visibleCommands.map((command) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+            /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(PopoverContent, { className: "gantt-resourceTimeline-resourceMenu", portal: true, align: "end", children: visibleCommands.map((command) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
               "button",
               {
                 type: "button",
@@ -11010,7 +11087,7 @@ var NewResourceRow = ({ height, onConfirm, onCancel, columnTemplate }) => {
       handleConfirm();
     }
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     "div",
     {
       className: "gantt-resourceTimeline-resourceHeader gantt-resourceTimeline-resourceHeaderNew",
@@ -11020,8 +11097,8 @@ var NewResourceRow = ({ height, onConfirm, onCancel, columnTemplate }) => {
         gridTemplateColumns: columnTemplate
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceNumber", children: "+" }),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-resourceNumber", children: "+" }),
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
           Input,
           {
             ref: inputRef,
@@ -11200,7 +11277,7 @@ function ResourceTimelineChart({
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   }, [resolvedResourceColumnWidths]);
-  const renderResizeHandle = (0, import_react15.useCallback)((columnId) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  const renderResizeHandle = (0, import_react15.useCallback)((columnId) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "button",
     {
       type: "button",
@@ -11511,7 +11588,7 @@ function ResourceTimelineChart({
       }
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "gantt-container gantt-resourceTimeline", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "gantt-container gantt-resourceTimeline", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     "div",
     {
       ref: scrollContainerRef,
@@ -11522,44 +11599,44 @@ function ResourceTimelineChart({
       },
       "data-allow-vertical-pan": allowVerticalPan ? "true" : "false",
       onMouseDown: handlePanStart,
-      children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-resourceTimeline-scrollContent", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "gantt-resourceTimeline-scrollContent", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           "div",
           {
             className: `gantt-resourceTimeline-resourceColumn${resourceColumnHasRightShadow ? " gantt-resourceTimeline-resourceColumnShadowed" : ""}`,
             style: { width: `${effectiveRowHeaderWidth}px`, minWidth: `${effectiveRowHeaderWidth}px` },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                 "div",
                 {
                   className: "gantt-resourceTimeline-corner",
                   style: { height: `${timelineHeaderHeight}px`, gridTemplateColumns: resourceColumnTemplate },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderNumber", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderNumber", children: [
                       "#",
                       renderResizeHandle("number")
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderName", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderName", children: [
                       "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435",
                       renderResizeHandle("name")
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceHeaderCell", "aria-label": "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u044C", children: renderResizeHandle("availability") }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("span", { className: "gantt-resourceTimeline-resourceHeaderCell", children: [
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-resourceHeaderCell", "aria-label": "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u044C", children: renderResizeHandle("availability") }),
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "gantt-resourceTimeline-resourceHeaderCell", children: [
                       "\u041D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F",
                       renderResizeHandle("assignments")
                     ] }),
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderActions", "aria-label": "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F", children: renderResizeHandle("actions") })
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderActions", "aria-label": "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F", children: renderResizeHandle("actions") })
                   ]
                 }
               ),
-              displayLayout.groupHeaders.length > 0 ? displayLayout.groupHeaders.map((group) => /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_react15.default.Fragment, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              displayLayout.groupHeaders.length > 0 ? displayLayout.groupHeaders.map((group) => /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_react15.default.Fragment, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                   "div",
                   {
                     className: "gantt-resourceTimeline-resourceGroupHeader",
                     style: { height: `${group.height}px` },
                     children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                         "button",
                         {
                           type: "button",
@@ -11570,12 +11647,12 @@ function ResourceTimelineChart({
                             event.stopPropagation();
                             toggleResourceGroupCollapsed(group.key);
                           },
-                          children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(ResourceGroupChevronIcon, {})
+                          children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(ResourceGroupChevronIcon, {})
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceGroupTitle", children: group.label }),
-                      /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resourceGroupCount", children: group.count }),
-                      canAddResource && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-resourceGroupTitle", children: group.label }),
+                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-resourceGroupCount", children: group.count }),
+                      canAddResource && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                         "button",
                         {
                           type: "button",
@@ -11594,7 +11671,7 @@ function ResourceTimelineChart({
                 ),
                 displayLayout.rows.filter((row) => getResourceType(row.resource) === group.key).map((row) => {
                   const rowIndex = displayLayout.rows.findIndex((candidate) => candidate.resourceId === row.resourceId);
-                  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     ResourceHeader,
                     {
                       resource: row.resource,
@@ -11614,7 +11691,7 @@ function ResourceTimelineChart({
                     row.resourceId
                   );
                 }),
-                displayLayout.groupAddRows.some((row) => row.key === group.key) && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                displayLayout.groupAddRows.some((row) => row.key === group.key) && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                   NewResourceRow,
                   {
                     height: resourceAddRowHeight,
@@ -11623,7 +11700,7 @@ function ResourceTimelineChart({
                     columnTemplate: resourceColumnTemplate
                   }
                 )
-              ] }, group.key)) : displayLayout.rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              ] }, group.key)) : displayLayout.rows.map((row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 ResourceHeader,
                 {
                   resource: row.resource,
@@ -11642,7 +11719,7 @@ function ResourceTimelineChart({
                 },
                 row.resourceId
               )),
-              canAddResource && (isCreatingResource ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              canAddResource && (isCreatingResource ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 NewResourceRow,
                 {
                   height: resourceAddRowHeight,
@@ -11650,7 +11727,7 @@ function ResourceTimelineChart({
                   onCancel: handleCancelNewResource,
                   columnTemplate: resourceColumnTemplate
                 }
-              ) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              ) : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 "button",
                 {
                   className: "gantt-resourceTimeline-addResourceButton",
@@ -11666,18 +11743,18 @@ function ResourceTimelineChart({
             ]
           }
         ),
-        /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
           "div",
           {
             className: "gantt-resourceTimeline-chartSurface",
             style: { minWidth: `${gridWidth}px` },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                 "div",
                 {
                   className: "gantt-resourceTimeline-stickyHeader",
                   style: { width: `${gridWidth}px`, height: `${timelineHeaderHeight}px` },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                     TimeScaleHeader_default,
                     {
                       days: dateRange,
@@ -11689,14 +11766,14 @@ function ResourceTimelineChart({
                   )
                 }
               ),
-              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                 "div",
                 {
                   ref: gridRef,
                   className: "gantt-resourceTimeline-grid",
                   style: { width: `${gridWidth}px`, height: `${displayTotalHeight}px` },
                   children: [
-                    /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                       GridBackground_default,
                       {
                         dateRange,
@@ -11706,8 +11783,8 @@ function ResourceTimelineChart({
                         isCustomWeekend: weekendPredicate
                       }
                     ),
-                    todayInRange && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TodayIndicator_default, { monthStart, dayWidth }),
-                    displayLayout.groupHeaders.map((group) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    todayInRange && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(TodayIndicator_default, { monthStart, dayWidth }),
+                    displayLayout.groupHeaders.map((group) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row gantt-resourceTimeline-groupRow",
@@ -11719,7 +11796,7 @@ function ResourceTimelineChart({
                       },
                       `group-row-${group.key}`
                     )),
-                    displayLayout.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    displayLayout.rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row",
@@ -11731,7 +11808,7 @@ function ResourceTimelineChart({
                       },
                       row.resourceId
                     )),
-                    canAddResource && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    canAddResource && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row gantt-resourceTimeline-rowNew",
@@ -11742,7 +11819,7 @@ function ResourceTimelineChart({
                         }
                       }
                     ),
-                    displayLayout.groupAddRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                    displayLayout.groupAddRows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row gantt-resourceTimeline-rowNew",
@@ -11813,7 +11890,7 @@ function ResourceTimelineChart({
                         const tooltipFirstLine = layoutItem.item.tooltip?.firstLine ?? layoutItem.item.title;
                         const tooltipSecondLine = resourceItemTooltipLines === 2 ? layoutItem.item.tooltip?.secondLine ?? layoutItem.item.subtitle : void 0;
                         const tooltipSecondLineIcon = layoutItem.item.tooltip?.secondLineIcon;
-                        return /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
+                        return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
                           "div",
                           {
                             className,
@@ -11841,11 +11918,11 @@ function ResourceTimelineChart({
                               backgroundColor: layoutItem.item.color ?? "var(--gantt-task-bar-default-color, #3b82f6)"
                             },
                             children: [
-                              !readonly && !layoutItem.item.locked && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(import_jsx_runtime17.Fragment, { children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleStart" }),
-                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleEnd" })
+                              !readonly && !layoutItem.item.locked && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(import_jsx_runtime18.Fragment, { children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleStart" }),
+                                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleEnd" })
                               ] }),
-                              weekendOverlaySegments.map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                              weekendOverlaySegments.map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                                 "span",
                                 {
                                   className: "gantt-resourceTimeline-weekendOverlay",
@@ -11857,7 +11934,7 @@ function ResourceTimelineChart({
                                 },
                                 `weekend-overlay-${index}`
                               )),
-                              conflictOverlaySegments.map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                              conflictOverlaySegments.map((segment, index) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                                 "span",
                                 {
                                   className: "gantt-resourceTimeline-conflictOverlay",
@@ -11869,7 +11946,7 @@ function ResourceTimelineChart({
                                 },
                                 `conflict-overlay-${index}`
                               )),
-                              hasItemMenu && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                              hasItemMenu && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                                 "button",
                                 {
                                   type: "button",
@@ -11882,12 +11959,12 @@ function ResourceTimelineChart({
                                     event.stopPropagation();
                                     onResourceItemMenuClick?.(layoutItem.item);
                                   },
-                                  children: /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { "aria-hidden": "true", children: "\u22EE" })
+                                  children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { "aria-hidden": "true", children: "\u22EE" })
                                 }
                               ),
-                              /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "gantt-resourceTimeline-itemInner", children: renderItem ? renderItem(layoutItem.item, renderContext) : /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-resourceTimeline-defaultItemContent", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-resourceTimeline-defaultItemMain", children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(
+                              /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "gantt-resourceTimeline-itemInner", children: renderItem ? renderItem(layoutItem.item, renderContext) : /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "gantt-resourceTimeline-defaultItemContent", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "gantt-resourceTimeline-defaultItemMain", children: [
+                                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
                                     "span",
                                     {
                                       className: "gantt-resourceTimeline-itemDurationChip",
@@ -11895,15 +11972,15 @@ function ResourceTimelineChart({
                                       children: durationValue
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-itemTitle", children: layoutItem.item.title })
+                                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-itemTitle", children: layoutItem.item.title })
                                 ] }),
-                                layoutItem.item.subtitle && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-itemSubtitle", children: layoutItem.item.subtitle })
+                                layoutItem.item.subtitle && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-itemSubtitle", children: layoutItem.item.subtitle })
                               ] }) }),
-                              /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-resourceTimeline-itemTooltip", role: "tooltip", children: [
-                                /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLinePrimary", children: tooltipFirstLine }),
-                                tooltipSecondLine && /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLineSecondary", children: [
-                                  tooltipSecondLineIcon && /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-itemTooltipIcon", "aria-hidden": "true", children: tooltipSecondLineIcon }),
-                                  /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { className: "gantt-resourceTimeline-itemTooltipText", children: tooltipSecondLine })
+                              /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "gantt-resourceTimeline-itemTooltip", role: "tooltip", children: [
+                                /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLinePrimary", children: tooltipFirstLine }),
+                                tooltipSecondLine && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLineSecondary", children: [
+                                  tooltipSecondLineIcon && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-itemTooltipIcon", "aria-hidden": "true", children: tooltipSecondLineIcon }),
+                                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-resourceTimeline-itemTooltipText", children: tooltipSecondLine })
                                 ] })
                               ] })
                             ]
@@ -11925,7 +12002,7 @@ function ResourceTimelineChart({
 
 // src/components/TableMatrix/TableMatrix.tsx
 var import_react16 = require("react");
-var import_jsx_runtime18 = require("react/jsx-runtime");
+var import_jsx_runtime19 = require("react/jsx-runtime");
 var AUTO_COLUMN_MIN_WIDTH = 72;
 var AUTO_COLUMN_MAX_WIDTH = 180;
 var DAY_MS4 = 24 * 60 * 60 * 1e3;
@@ -12125,9 +12202,9 @@ function TableMatrix({
       return task ? { task, index } : null;
     }).filter((entry) => entry !== null);
   }, [tasks, visibleRowIndices]);
-  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "gantt-mx-root", style: { width: `${totalWidth}px` }, children: [
-    hasAutoWidthColumns && /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { ref: measureRef, className: "gantt-mx-measure", "aria-hidden": "true", children: [
-      columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "gantt-mx-root", style: { width: `${totalWidth}px` }, children: [
+    hasAutoWidthColumns && /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { ref: measureRef, className: "gantt-mx-measure", "aria-hidden": "true", children: [
+      columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "div",
         {
           "data-gantt-mx-measure-column": columnIndex,
@@ -12136,7 +12213,7 @@ function TableMatrix({
         },
         `header:${column.id}`
       )),
-      tasks.map((task) => columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      tasks.map((task) => columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "div",
         {
           "data-gantt-mx-measure-column": columnIndex,
@@ -12146,8 +12223,8 @@ function TableMatrix({
         `${task.id}:${column.id}`
       )))
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "gantt-mx-header", style: { height: `${headerHeight}px` }, children: [
-      hasGroupHeader && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "gantt-mx-header", style: { height: `${headerHeight}px` }, children: [
+      hasGroupHeader && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "div",
         {
           className: "gantt-mx-headerRow gantt-mx-headerGroupRow",
@@ -12155,7 +12232,7 @@ function TableMatrix({
             gridTemplateColumns: headerSpans.map((span) => `${span.width ?? 0}px`).join(" "),
             height: `${topRowHeight}px`
           },
-          children: headerSpans.map((span) => /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          children: headerSpans.map((span) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "div",
             {
               className: joinClasses("gantt-mx-groupCell", span.className),
@@ -12166,7 +12243,7 @@ function TableMatrix({
           ))
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
         "div",
         {
           className: "gantt-mx-headerRow",
@@ -12174,7 +12251,7 @@ function TableMatrix({
           children: columns.map((column) => {
             const overlayWidthPercent = getOverlayWidthPercent(column, overlayDateMs);
             const shouldRenderOverlayEdge = isOverlayDateInColumn(column, overlayDateMs);
-            return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+            return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
               "div",
               {
                 className: joinClasses(
@@ -12183,7 +12260,7 @@ function TableMatrix({
                 ),
                 style: column.minWidth !== void 0 ? { minWidth: `${column.minWidth}px` } : void 0,
                 children: [
-                  shouldRenderOverlayEdge && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                  shouldRenderOverlayEdge && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                     "span",
                     {
                       className: "gantt-mx-dateOverlayEdge",
@@ -12193,7 +12270,7 @@ function TableMatrix({
                       }
                     }
                   ),
-                  /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "gantt-mx-headerContent", children: column.header })
+                  /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("span", { className: "gantt-mx-headerContent", children: column.header })
                 ]
               },
               column.id
@@ -12202,7 +12279,7 @@ function TableMatrix({
         }
       )
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
       "div",
       {
         className: "gantt-mx-body",
@@ -12216,7 +12293,7 @@ function TableMatrix({
           const nestingDepth = nestingDepthMap.get(task.id) ?? 0;
           const rowFillLevel = Math.min(nestingDepth, 2);
           const isTotal = Boolean(task.isTotal);
-          return /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+          return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
             "div",
             {
               "data-gantt-task-row-id": task.id,
@@ -12241,7 +12318,7 @@ function TableMatrix({
                 const overlayWidthPercent = getOverlayWidthPercent(column, overlayDateMs);
                 const shouldRenderOverlay = overlayWidthPercent > 0 && (!dateOverlay || !dateOverlay.shouldRender || dateOverlay.shouldRender({ task, column, rowIndex: index, columnIndex }));
                 const shouldRenderOverlayEdge = isOverlayDateInColumn(column, overlayDateMs);
-                return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
+                return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
                   "div",
                   {
                     className: joinClasses(
@@ -12256,7 +12333,7 @@ function TableMatrix({
                       onCellClick?.({ task, column, rowIndex: index, columnIndex, event });
                     },
                     children: [
-                      shouldRenderOverlay && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                      shouldRenderOverlay && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                         "span",
                         {
                           className: joinClasses("gantt-mx-dateOverlay", dateOverlay && dateOverlay.className),
@@ -12266,7 +12343,7 @@ function TableMatrix({
                           }
                         }
                       ),
-                      shouldRenderOverlayEdge && /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+                      shouldRenderOverlayEdge && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
                         "span",
                         {
                           className: "gantt-mx-dateOverlayEdge",
@@ -12276,7 +12353,7 @@ function TableMatrix({
                           }
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("div", { className: "gantt-mx-cellContent", children: column.renderCell(task) })
+                      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "gantt-mx-cellContent", children: column.renderCell(task) })
                     ]
                   },
                   `${task.id}:${column.id}`
@@ -12293,7 +12370,7 @@ function TableMatrix({
 
 // src/components/PlanFactMatrix/PlanFactMatrix.tsx
 var import_react17 = __toESM(require("react"));
-var import_jsx_runtime19 = require("react/jsx-runtime");
+var import_jsx_runtime20 = require("react/jsx-runtime");
 var DAY_MS5 = 24 * 60 * 60 * 1e3;
 function joinClasses2(...values) {
   return values.filter(Boolean).join(" ");
@@ -12402,7 +12479,7 @@ function PlanFactCellEditor({
     }
     onCommit(parsed);
   }, [draft, onCancel, onCommit]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "input",
     {
       ref: inputRef,
@@ -12516,7 +12593,7 @@ function PlanFactRowInner({
   showOverflowTooltip,
   hideOverflowTooltip
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
     "div",
     {
       "data-gantt-task-row-id": task.id,
@@ -12554,7 +12631,7 @@ function PlanFactRowInner({
           const isSelected = !isParent && isInRenderedRange;
           const showFillHandle = !isParent && !isEditing && isInRenderedRange && renderedRangeBounds !== null && dateIndex === renderedRangeBounds.toDateIndex && subrowIndex === renderedRangeBounds.toSubrowIndex;
           const isRangeAnchor = !showFillHandle && !isParent && selectedRange?.anchor.taskId === task.id && selectedRange.anchor.dateIndex === dateIndex && selectedRange.anchor.kind === kind;
-          return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+          return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
             "div",
             {
               "data-plan-fact-task-id": task.id,
@@ -12651,7 +12728,7 @@ function PlanFactRowInner({
                 }
               },
               children: [
-                isEditing ? /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                isEditing ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   PlanFactCellEditor,
                   {
                     value,
@@ -12677,7 +12754,7 @@ function PlanFactRowInner({
                       focusCell(nextActiveCell);
                     }
                   }
-                ) : /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   "span",
                   {
                     className: "gantt-pf-cellValue",
@@ -12691,7 +12768,7 @@ function PlanFactRowInner({
                     children: isParent ? "" : formatValue(value)
                   }
                 ),
-                showFillHandle && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                showFillHandle && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   "span",
                   {
                     className: "gantt-pf-fillHandle",
@@ -13203,7 +13280,7 @@ function PlanFactMatrix({
       document.removeEventListener("mousedown", handleMouseDown);
     };
   }, [clearSelection]);
-  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
     "div",
     {
       ref: rootRef,
@@ -13213,8 +13290,8 @@ function PlanFactMatrix({
         ["--gantt-pf-day-width"]: `${dayWidth}px`
       },
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "gantt-pf-header", style: { width: `${totalWidth}px`, height: `${headerHeight}px` }, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)("div", { className: "gantt-pf-header", style: { width: `${totalWidth}px`, height: `${headerHeight}px` }, children: [
+          /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "div",
             {
               className: "gantt-pf-dateWindow",
@@ -13222,7 +13299,7 @@ function PlanFactMatrix({
                 left: `${renderedDateWindow.startIndex * dayWidth}px`,
                 width: `${renderedDateWindow.days.length * dayWidth}px`
               },
-              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 TimeScaleHeader_default,
                 {
                   days: renderedDateWindow.days,
@@ -13234,7 +13311,7 @@ function PlanFactMatrix({
               )
             }
           ),
-          todayDateIndex !== void 0 && todayDateIndex >= renderedDateWindow.startIndex && todayDateIndex < renderedDateWindow.startIndex + renderedDateWindow.days.length && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+          todayDateIndex !== void 0 && todayDateIndex >= renderedDateWindow.startIndex && todayDateIndex < renderedDateWindow.startIndex + renderedDateWindow.days.length && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
             "span",
             {
               className: "gantt-pf-headerTodayLine",
@@ -13246,7 +13323,7 @@ function PlanFactMatrix({
             }
           )
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsx)("div", { className: "gantt-pf-monthSeparatorLayer", "aria-hidden": "true", children: monthSeparatorIndices.map((dateIndex) => /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "gantt-pf-monthSeparatorLayer", "aria-hidden": "true", children: monthSeparatorIndices.map((dateIndex) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "span",
           {
             className: "gantt-pf-monthSeparator",
@@ -13257,7 +13334,7 @@ function PlanFactMatrix({
           },
           `month-separator-${dateIndex}`
         )) }),
-        /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(
+        /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
           "div",
           {
             ref: bodyRef,
@@ -13268,7 +13345,7 @@ function PlanFactMatrix({
               width: `${totalWidth}px`
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+              /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                 "div",
                 {
                   className: "gantt-pf-dateWindow gantt-pf-dateWindow-body",
@@ -13276,7 +13353,7 @@ function PlanFactMatrix({
                     left: `${renderedDateWindow.startIndex * dayWidth}px`,
                     width: `${renderedDateWindow.days.length * dayWidth}px`
                   },
-                  children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                  children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                     GridBackground_default,
                     {
                       dateRange: renderedDateWindow.days,
@@ -13294,7 +13371,7 @@ function PlanFactMatrix({
                 if (!task) return null;
                 const isParent = parentTaskIds.has(task.id);
                 const isHighlighted = filterMode === "highlight" && !!highlightedTaskIds?.has(task.id);
-                return /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+                return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
                   PlanFactRow,
                   {
                     task,
@@ -13339,7 +13416,7 @@ function PlanFactMatrix({
             ]
           }
         ),
-        overflowTooltip && /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        overflowTooltip && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
           "div",
           {
             className: "gantt-pf-overflowTooltip",
@@ -13765,7 +13842,7 @@ function createTaskPreviewPositionStore() {
 }
 
 // src/components/GanttChart/GanttChart.tsx
-var import_jsx_runtime20 = require("react/jsx-runtime");
+var import_jsx_runtime21 = require("react/jsx-runtime");
 var SCROLL_TO_ROW_CONTEXT_ROWS = 2;
 var TASK_ROW_OVERSCAN = 8;
 var PLAN_FACT_COLUMN_OVERSCAN = 24;
@@ -13892,9 +13969,9 @@ function arePreviewTaskMapsEqual(left, right) {
 }
 function GanttChartInner(props, ref) {
   if (props.mode === "resource-planner") {
-    return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(ResourceTimelineChart, { ...props });
+    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(ResourceTimelineChart, { ...props });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     TaskGanttChart,
     {
       ...props,
@@ -13944,6 +14021,7 @@ function TaskGanttChartInner(props, ref) {
     onSelectedTaskIdsChange,
     disableTaskDrag = false,
     showChart = true,
+    skeletonRowCount = 0,
     timelineMarkers,
     additionalColumns,
     hiddenTaskListColumns,
@@ -14203,6 +14281,7 @@ function TaskGanttChartInner(props, ref) {
     () => Math.round(dateRange.length * dayWidth),
     [dateRange.length, dayWidth]
   );
+  const renderGridWidth = Math.max(gridWidth, skeletonRowCount > 0 ? 720 : 0);
   const matrixWidth = (0, import_react18.useMemo)(
     () => matrixColumns.reduce((sum, column) => {
       if (typeof column.width !== "number") return void 0;
@@ -14250,8 +14329,8 @@ function TaskGanttChartInner(props, ref) {
     return mergedHighlightedTaskIds;
   }, [filterMode, highlightedTaskIds, matchedTaskIds, criticalPathMode, criticalTaskIds]);
   const totalGridHeight = (0, import_react18.useMemo)(
-    () => visibleTasks.length * effectiveRowHeight,
-    [effectiveRowHeight, visibleTasks.length]
+    () => (visibleTasks.length + Math.max(0, Math.floor(skeletonRowCount))) * effectiveRowHeight,
+    [effectiveRowHeight, skeletonRowCount, visibleTasks.length]
   );
   const timelineHeaderHeight = headerHeight + 1;
   const tableBodyMinHeight = (0, import_react18.useMemo)(() => {
@@ -15034,19 +15113,19 @@ function TaskGanttChartInner(props, ref) {
       window.removeEventListener("mouseup", handlePanEnd);
     };
   }, []);
-  return /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
     "div",
     {
       ref: containerRef,
       className: isTableMatrixMode ? "gantt-container gantt-container-tableMatrix" : isPlanFactMode ? "gantt-container gantt-container-planFact" : "gantt-container",
-      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
         "div",
         {
           ref: scrollContainerRef,
           className: "gantt-scrollContainer",
           style: { height: containerHeight ?? "auto", cursor: "grab" },
           onMouseDown: handlePanStart,
-          children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+          children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
             "div",
             {
               ref: scrollContentRef,
@@ -15054,7 +15133,7 @@ function TaskGanttChartInner(props, ref) {
               onMouseOver: handleSharedRowHover,
               onMouseLeave: clearHoveredRows,
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                   TaskList,
                   {
                     tasks: normalizedTasks,
@@ -15113,20 +15192,21 @@ function TaskGanttChartInner(props, ref) {
                     bodyMinHeight: tableBodyMinHeight,
                     taskDateChangeMode,
                     onTaskDateChangeModeChange: handleTaskDateChangeMode,
-                    visibleRowIndices: visibleTaskWindowIndices
+                    visibleRowIndices: visibleTaskWindowIndices,
+                    skeletonRowCount
                   }
                 ),
-                /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                   "div",
                   {
                     className: isTableMatrixMode || isPlanFactMode || showChart ? "gantt-chartSurface" : "gantt-chartSurface gantt-chart-hidden",
                     style: {
-                      minWidth: isTableMatrixMode ? matrixWidth !== void 0 ? `${matrixWidth}px` : void 0 : isPlanFactMode ? `${gridWidth}px` : `${gridWidth}px`,
-                      width: isTableMatrixMode ? matrixWidth !== void 0 ? `${matrixWidth}px` : "max-content" : isPlanFactMode ? `${gridWidth}px` : void 0,
+                      minWidth: isTableMatrixMode ? matrixWidth !== void 0 ? `${matrixWidth}px` : void 0 : isPlanFactMode ? `${renderGridWidth}px` : `${renderGridWidth}px`,
+                      width: isTableMatrixMode ? matrixWidth !== void 0 ? `${matrixWidth}px` : "max-content" : isPlanFactMode ? `${renderGridWidth}px` : void 0,
                       flex: isTableMatrixMode || isPlanFactMode ? "0 0 auto" : 1,
                       display: isTableMatrixMode || isPlanFactMode || showChart ? void 0 : "none"
                     },
-                    children: isTableMatrixMode ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    children: isTableMatrixMode ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       TableMatrix,
                       {
                         tasks: visibleTasks,
@@ -15144,7 +15224,7 @@ function TaskGanttChartInner(props, ref) {
                         filterMode,
                         visibleRowIndices: visibleTaskWindowIndices
                       }
-                    ) : isPlanFactMode ? /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                    ) : isPlanFactMode ? /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                       PlanFactMatrix,
                       {
                         tasks: visibleTasks,
@@ -15165,14 +15245,14 @@ function TaskGanttChartInner(props, ref) {
                         todayDateIndex: todayInRange ? todayIndex : void 0,
                         isCustomWeekend
                       }
-                    ) : /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
-                      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                    ) : /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(import_jsx_runtime21.Fragment, { children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                         "div",
                         {
                           className: "gantt-stickyHeader",
-                          style: { width: `${gridWidth}px`, height: `${timelineHeaderHeight}px` },
+                          style: { width: `${renderGridWidth}px`, height: `${timelineHeaderHeight}px` },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                               TimeScaleHeader_default,
                               {
                                 days: dateRange,
@@ -15185,7 +15265,7 @@ function TaskGanttChartInner(props, ref) {
                                 onTimelineHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            activeTimelineTooltip && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "gantt-timelineTooltipLayer", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                            activeTimelineTooltip && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "gantt-timelineTooltipLayer", "aria-hidden": "true", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                               "div",
                               {
                                 className: "gantt-timelineTooltip",
@@ -15199,17 +15279,17 @@ function TaskGanttChartInner(props, ref) {
                           ]
                         }
                       ),
-                      /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                         "div",
                         {
                           className: "gantt-taskArea",
                           style: {
                             position: "relative",
-                            width: `${gridWidth}px`,
+                            width: `${renderGridWidth}px`,
                             height: `${totalGridHeight}px`
                           },
                           children: [
-                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                               GridBackground_default,
                               {
                                 dateRange,
@@ -15219,7 +15299,7 @@ function TaskGanttChartInner(props, ref) {
                                 isCustomWeekend
                               }
                             ),
-                            todayInRange && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                            todayInRange && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                               TodayIndicator_default,
                               {
                                 monthStart,
@@ -15228,7 +15308,7 @@ function TaskGanttChartInner(props, ref) {
                                 onHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            visibleTimelineMarkers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                            visibleTimelineMarkers.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                               TimelineMarkers_default,
                               {
                                 rangeStart: monthStart,
@@ -15239,7 +15319,7 @@ function TaskGanttChartInner(props, ref) {
                                 onHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                               DependencyLines_default,
                               {
                                 tasks: renderedDependencyTasks,
@@ -15248,7 +15328,7 @@ function TaskGanttChartInner(props, ref) {
                                 monthStart,
                                 dayWidth,
                                 rowHeight: effectiveRowHeight,
-                                gridWidth,
+                                gridWidth: renderGridWidth,
                                 totalHeight: totalGridHeight,
                                 rowIndexByTaskId: visibleTaskIndexMap,
                                 dragOverrides: dependencyOverrides,
@@ -15259,7 +15339,7 @@ function TaskGanttChartInner(props, ref) {
                                 criticalTaskIds: criticalPathMode ? criticalTaskIds : void 0
                               }
                             ),
-                            dependencyLineMenu && /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                            dependencyLineMenu && /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                               "div",
                               {
                                 className: "gantt-dependencyLineMenu",
@@ -15267,8 +15347,8 @@ function TaskGanttChartInner(props, ref) {
                                 role: "dialog",
                                 "aria-label": "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F \u0441\u043E \u0441\u0432\u044F\u0437\u044C\u044E",
                                 children: [
-                                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("span", { className: "gantt-dependencyLineMenuType", children: dependencyLineMenu.linkType === "FS" ? "\u041E\u041D" : dependencyLineMenu.linkType === "SS" ? "\u041D\u041D" : dependencyLineMenu.linkType === "FF" ? "\u041E\u041E" : "\u041D\u041E" }),
-                                  !disableDependencyEditing && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("span", { className: "gantt-dependencyLineMenuType", children: dependencyLineMenu.linkType === "FS" ? "\u041E\u041D" : dependencyLineMenu.linkType === "SS" ? "\u041D\u041D" : dependencyLineMenu.linkType === "FF" ? "\u041E\u041E" : "\u041D\u041E" }),
+                                  !disableDependencyEditing && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -15276,7 +15356,7 @@ function TaskGanttChartInner(props, ref) {
                                       "aria-label": "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0432\u044F\u0437\u044C",
                                       title: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0432\u044F\u0437\u044C",
                                       onClick: handleDependencyLineDelete,
-                                      children: /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(
+                                      children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
                                         "svg",
                                         {
                                           xmlns: "http://www.w3.org/2000/svg",
@@ -15290,15 +15370,15 @@ function TaskGanttChartInner(props, ref) {
                                           strokeLinejoin: "round",
                                           "aria-hidden": "true",
                                           children: [
-                                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { d: "M3 6h18" }),
-                                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+                                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M3 6h18" }),
+                                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
                                           ]
                                         }
                                       )
                                     }
                                   ),
-                                  /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                                  /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                                     "button",
                                     {
                                       type: "button",
@@ -15312,16 +15392,16 @@ function TaskGanttChartInner(props, ref) {
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                               DependencyCreationOverlay,
                               {
                                 drag: dependencyCreationDrag,
-                                width: gridWidth,
+                                width: renderGridWidth,
                                 height: totalGridHeight
                               }
                             ),
-                            dependencyCreationError && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)("div", { className: "gantt-dependencyCreation-error", role: "status", children: dependencyCreationError }),
-                            dragGuideLines && /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                            dependencyCreationError && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("div", { className: "gantt-dependencyCreation-error", role: "status", children: dependencyCreationError }),
+                            dragGuideLines && /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                               DragGuideLines_default,
                               {
                                 isDragging: dragGuideLines.isDragging,
@@ -15331,7 +15411,7 @@ function TaskGanttChartInner(props, ref) {
                                 totalHeight: totalGridHeight
                               }
                             ),
-                            renderedChartTasks.map(({ task, index }) => /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                            renderedChartTasks.map(({ task, index }) => /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                               "div",
                               {
                                 style: {
@@ -15341,7 +15421,7 @@ function TaskGanttChartInner(props, ref) {
                                   right: 0,
                                   height: `${effectiveRowHeight}px`
                                 },
-                                children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+                                children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
                                   TaskRow_default,
                                   {
                                     task,
@@ -15385,7 +15465,17 @@ function TaskGanttChartInner(props, ref) {
                                 )
                               },
                               task.id
-                            ))
+                            )),
+                            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+                              GenerationSkeleton_default,
+                              {
+                                count: skeletonRowCount,
+                                rowHeight: effectiveRowHeight,
+                                variant: "chart",
+                                startIndex: visibleTasks.length,
+                                chartDayWidth: dayWidth
+                              }
+                            )
                           ]
                         }
                       )
@@ -15406,7 +15496,7 @@ GanttChart.displayName = "GanttChart";
 
 // src/components/ui/Button.tsx
 var import_react19 = __toESM(require("react"));
-var import_jsx_runtime21 = require("react/jsx-runtime");
+var import_jsx_runtime22 = require("react/jsx-runtime");
 var Button = import_react19.default.forwardRef(
   ({ className, variant = "default", size = "default", children, ...props }, ref) => {
     const classes = [
@@ -15415,7 +15505,7 @@ var Button = import_react19.default.forwardRef(
       size !== "default" ? `gantt-btn-${size}` : "",
       className || ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ (0, import_jsx_runtime21.jsx)("button", { ref, className: classes, ...props, children });
+    return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("button", { ref, className: classes, ...props, children });
   }
 );
 Button.displayName = "Button";
@@ -15461,6 +15551,7 @@ var nameContains = (substring, caseSensitive = false) => (task) => {
   DatePicker,
   DragGuideLines,
   GanttChart,
+  GenerationSkeletonRows,
   GridBackground,
   Input,
   PlanFactMatrix,