gantt-lib 0.131.1 → 0.132.0

package/dist/index.mjs

@@ -8520,6 +8520,55 @@ var NewTaskRow = ({
   ] });
 };
 
+// src/components/GenerationSkeleton/GenerationSkeleton.tsx
+import { Fragment as Fragment4, jsx as jsx16 } from "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__ */ jsx16(
+    "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__ */ jsx16(
+          "div",
+          {
+            className: "gantt-generation-skeleton-row",
+            style: { top: `${rowIndex * rowHeight}px`, height: `${rowHeight}px` },
+            children: variant === "task-list" ? /* @__PURE__ */ jsx16(Fragment4, { children: /* @__PURE__ */ jsx16("span", { className: `gantt-generation-skeleton-label ${shortShape ? "gantt-generation-skeleton-label-short" : ""} ${mediumShape ? "gantt-generation-skeleton-label-medium" : ""}` }) }) : /* @__PURE__ */ jsx16("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,
@@ -8607,7 +8656,7 @@ function resolveTaskListColumns(builtIn, custom, hiddenColumnIds = []) {
 }
 
 // src/components/TaskList/TaskList.tsx
-import { jsx as jsx16, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs12 } from "react/jsx-runtime";
 var LINK_TYPE_ORDER2 = ["FS", "SS", "FF", "SF"];
 var MIN_TASK_LIST_WIDTH = 530;
 var DEFAULT_COLUMN_MIN_WIDTH = 40;
@@ -8745,7 +8794,7 @@ var SelectAllCheckbox = ({
       ref.current.indeterminate = indeterminate;
     }
   }, [indeterminate]);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "input",
     {
       ref,
@@ -8814,7 +8863,8 @@ var TaskList = ({
   bodyMinHeight,
   taskDateChangeMode = "preserve-duration",
   onTaskDateChangeModeChange,
-  visibleRowIndices
+  visibleRowIndices,
+  skeletonRowCount = 0
 }) => {
   const reorderDisabled = disableTaskListReorder || disableTaskDrag;
   const [internalSelectedTaskIds, setInternalSelectedTaskIds] = useState7(/* @__PURE__ */ new Set());
@@ -8868,8 +8918,8 @@ var TaskList = ({
     return tasks2;
   }, [orderedTasks, collapsedParentIds, filterMode, filteredTaskIds, isFilterActive, criticalPathMode, criticalTaskIds]);
   const totalHeight = useMemo9(
-    () => visibleTasks.length * rowHeight,
-    [visibleTasks.length, rowHeight]
+    () => (visibleTasks.length + Math.max(0, Math.floor(skeletonRowCount))) * rowHeight,
+    [rowHeight, skeletonRowCount, visibleTasks.length]
   );
   const visibleTaskNumberMap = useMemo9(
     () => Object.fromEntries(
@@ -9557,6 +9607,22 @@ var TaskList = ({
     () => resolvedColumns.reduce((sum, col) => sum + (col.width ?? 120), 0),
     [resolvedColumns]
   );
+  const generationSkeletonTaskListLayout = useMemo9(() => {
+    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;
@@ -9618,7 +9684,7 @@ var TaskList = ({
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   }, [resolvedColumns]);
-  const renderResizeHandle = useCallback6((columnId) => /* @__PURE__ */ jsx16(
+  const renderResizeHandle = useCallback6((columnId) => /* @__PURE__ */ jsx17(
     "button",
     {
       type: "button",
@@ -9632,7 +9698,7 @@ var TaskList = ({
       }
     }
   ), [startColumnResize]);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       ref: overlayRef,
@@ -9642,7 +9708,7 @@ var TaskList = ({
         "--gantt-row-content-lines": String(Math.max(2, Math.floor(rowContentLines)))
       },
       children: /* @__PURE__ */ jsxs12("div", { className: "gantt-tl-table", children: [
-        /* @__PURE__ */ jsx16("div", { className: "gantt-tl-header", style: { height: `${tableHeaderHeight}px` }, children: resolvedColumns.map((col) => {
+        /* @__PURE__ */ jsx17("div", { className: "gantt-tl-header", style: { height: `${tableHeaderHeight}px` }, children: resolvedColumns.map((col) => {
           if (col.id === "selection") {
             return /* @__PURE__ */ jsxs12(
               "div",
@@ -9651,7 +9717,7 @@ var TaskList = ({
                 "data-column-id": "selection",
                 style: { width: col.width, minWidth: col.width, maxWidth: col.width, flex: `0 0 ${col.width}px`, position: "relative" },
                 children: [
-                  /* @__PURE__ */ jsx16(
+                  /* @__PURE__ */ jsx17(
                     SelectAllCheckbox,
                     {
                       checked: areAllVisibleTasksSelected,
@@ -9674,7 +9740,7 @@ var TaskList = ({
                 style: { width: col.width, minWidth: col.width, maxWidth: col.width, flex: `0 0 ${col.width}px`, position: "relative" },
                 children: [
                   /* @__PURE__ */ jsxs12(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
-                    /* @__PURE__ */ jsx16(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
+                    /* @__PURE__ */ jsx17(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs12(
                       "button",
                       {
                         className: "gantt-tl-dep-type-trigger",
@@ -9687,7 +9753,7 @@ var TaskList = ({
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ jsx16(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ jsx16("div", { className: "gantt-tl-dep-type-menu", children: LINK_TYPE_ORDER2.map((lt) => /* @__PURE__ */ jsxs12(
+                    /* @__PURE__ */ jsx17(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ jsx17("div", { className: "gantt-tl-dep-type-menu", children: LINK_TYPE_ORDER2.map((lt) => /* @__PURE__ */ jsxs12(
                       "button",
                       {
                         className: `gantt-tl-dep-type-option${activeLinkType === lt ? " active" : ""}`,
@@ -9697,13 +9763,13 @@ var TaskList = ({
                         },
                         children: [
                           React12.createElement(LINK_TYPE_ICONS[lt]),
-                          /* @__PURE__ */ jsx16("span", { children: LINK_TYPE_LABELS[lt] })
+                          /* @__PURE__ */ jsx17("span", { children: LINK_TYPE_LABELS[lt] })
                         ]
                       },
                       lt
                     )) }) })
                   ] }),
-                  dependencyError && /* @__PURE__ */ jsx16("div", { className: "gantt-tl-dep-error", children: dependencyError }),
+                  dependencyError && /* @__PURE__ */ jsx17("div", { className: "gantt-tl-dep-error", children: dependencyError }),
                   renderResizeHandle(col.id)
                 ]
               },
@@ -9751,7 +9817,7 @@ var TaskList = ({
               position: "relative"
             },
             children: [
-              shouldShowBeforeFirstDropZone && /* @__PURE__ */ jsx16(
+              shouldShowBeforeFirstDropZone && /* @__PURE__ */ jsx17(
                 "div",
                 {
                   className: [
@@ -9768,7 +9834,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__ */ jsx16(
+                return /* @__PURE__ */ jsx17(
                   "div",
                   {
                     style: {
@@ -9777,7 +9843,7 @@ var TaskList = ({
                       left: 0,
                       right: 0
                     },
-                    children: /* @__PURE__ */ jsx16(
+                    children: /* @__PURE__ */ jsx17(
                       TaskListRow,
                       {
                         task,
@@ -9851,7 +9917,7 @@ var TaskList = ({
                   task.id
                 );
               }),
-              hasVisiblePendingInsert && /* @__PURE__ */ jsx16(
+              hasVisiblePendingInsert && /* @__PURE__ */ jsx17(
                 "div",
                 {
                   style: {
@@ -9860,7 +9926,7 @@ var TaskList = ({
                     left: 0,
                     right: 0
                   },
-                  children: /* @__PURE__ */ jsx16(
+                  children: /* @__PURE__ */ jsx17(
                     NewTaskRow,
                     {
                       rowHeight,
@@ -9870,11 +9936,21 @@ var TaskList = ({
                     }
                   )
                 }
+              ),
+              /* @__PURE__ */ jsx17(
+                GenerationSkeleton_default,
+                {
+                  count: skeletonRowCount,
+                  rowHeight,
+                  variant: "task-list",
+                  startIndex: visibleTasks.length,
+                  taskListLayout: generationSkeletonTaskListLayout
+                }
               )
             ]
           }
         ),
-        isCreating && !pendingInsert && /* @__PURE__ */ jsx16(
+        isCreating && !pendingInsert && /* @__PURE__ */ jsx17(
           NewTaskRow,
           {
             rowHeight,
@@ -10377,7 +10453,7 @@ var useResourceItemDrag = ({
 };
 
 // src/components/ResourceTimelineChart/ResourceTimelineChart.tsx
-import { Fragment as Fragment4, jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx18, jsxs as jsxs13 } from "react/jsx-runtime";
 var DEFAULT_DAY_WIDTH = 40;
 var DEFAULT_HEADER_HEIGHT = 40;
 var DEFAULT_LANE_HEIGHT = 40;
@@ -10541,40 +10617,40 @@ var orderResourcesByType = (resources) => {
 var ResourceTypeIcon = ({ type }) => {
   if (type === "\u041B\u044E\u0434\u0438") {
     return /* @__PURE__ */ jsxs13("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconPeople", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx17("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
-      /* @__PURE__ */ jsx17("circle", { cx: "9", cy: "7", r: "4" }),
-      /* @__PURE__ */ jsx17("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
-      /* @__PURE__ */ jsx17("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+      /* @__PURE__ */ jsx18("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+      /* @__PURE__ */ jsx18("circle", { cx: "9", cy: "7", r: "4" }),
+      /* @__PURE__ */ jsx18("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+      /* @__PURE__ */ jsx18("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__ */ jsxs13("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconEquipment", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx17("path", { d: "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" }),
-      /* @__PURE__ */ jsx17("path", { d: "m18 15 4-4" }),
-      /* @__PURE__ */ jsx17("path", { d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5" })
+      /* @__PURE__ */ jsx18("path", { d: "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" }),
+      /* @__PURE__ */ jsx18("path", { d: "m18 15 4-4" }),
+      /* @__PURE__ */ jsx18("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__ */ jsxs13("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconMaterials", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-      /* @__PURE__ */ jsx17("path", { d: "M10 22v-8" }),
-      /* @__PURE__ */ jsx17("path", { d: "M2.336 8.89 10 14l11.715-7.029" }),
-      /* @__PURE__ */ jsx17("path", { d: "M22 14a2 2 0 0 1-.971 1.715l-10 6a2 2 0 0 1-2.138-.05l-6-4A2 2 0 0 1 2 16v-6a2 2 0 0 1 .971-1.715l10-6a2 2 0 0 1 2.138.05l6 4A2 2 0 0 1 22 8z" })
+      /* @__PURE__ */ jsx18("path", { d: "M10 22v-8" }),
+      /* @__PURE__ */ jsx18("path", { d: "M2.336 8.89 10 14l11.715-7.029" }),
+      /* @__PURE__ */ jsx18("path", { d: "M22 14a2 2 0 0 1-.971 1.715l-10 6a2 2 0 0 1-2.138-.05l-6-4A2 2 0 0 1 2 16v-6a2 2 0 0 1 .971-1.715l10-6a2 2 0 0 1 2.138.05l6 4A2 2 0 0 1 22 8z" })
     ] });
   }
   return /* @__PURE__ */ jsxs13("svg", { className: "gantt-resourceTimeline-resourceTypeIcon gantt-resourceTimeline-resourceTypeIconOther", width: "16", height: "16", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-    /* @__PURE__ */ jsx17("circle", { cx: "12", cy: "12", r: "9" }),
-    /* @__PURE__ */ jsx17("path", { d: "M12 8v4" }),
-    /* @__PURE__ */ jsx17("path", { d: "M12 16h.01" })
+    /* @__PURE__ */ jsx18("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx18("path", { d: "M12 8v4" }),
+    /* @__PURE__ */ jsx18("path", { d: "M12 16h.01" })
   ] });
 };
-var ResourceTypeDropdownIcon = () => /* @__PURE__ */ jsx17("svg", { className: "gantt-resourceTimeline-resourceTypeDropdownIcon", width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: /* @__PURE__ */ jsx17("path", { d: "M2 3.5 5 6.5 8 3.5" }) });
-var ResourceGroupChevronIcon = () => /* @__PURE__ */ jsx17("svg", { className: "gantt-resourceTimeline-resourceGroupChevronIcon", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ jsx17("path", { d: "M4 2.5 7.5 6 4 9.5" }) });
+var ResourceTypeDropdownIcon = () => /* @__PURE__ */ jsx18("svg", { className: "gantt-resourceTimeline-resourceTypeDropdownIcon", width: "10", height: "10", viewBox: "0 0 10 10", "aria-hidden": "true", children: /* @__PURE__ */ jsx18("path", { d: "M2 3.5 5 6.5 8 3.5" }) });
+var ResourceGroupChevronIcon = () => /* @__PURE__ */ jsx18("svg", { className: "gantt-resourceTimeline-resourceGroupChevronIcon", width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", children: /* @__PURE__ */ jsx18("path", { d: "M4 2.5 7.5 6 4 9.5" }) });
 function isInactiveResourceStatus(status) {
   return status?.trim().toLocaleLowerCase() === "inactive";
 }
 var ResourceStatusLockIcon = () => /* @__PURE__ */ jsxs13("svg", { className: "gantt-resourceTimeline-resourceStatusIcon", width: "12", height: "12", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-  /* @__PURE__ */ jsx17("rect", { x: "5", y: "11", width: "14", height: "10", rx: "2" }),
-  /* @__PURE__ */ jsx17("path", { d: "M8 11V8a4 4 0 1 1 8 0v3" })
+  /* @__PURE__ */ jsx18("rect", { x: "5", y: "11", width: "14", height: "10", rx: "2" }),
+  /* @__PURE__ */ jsx18("path", { d: "M8 11V8a4 4 0 1 1 8 0v3" })
 ] });
 var ResourceHeader = ({
   resource,
@@ -10675,10 +10751,10 @@ var ResourceHeader = ({
         gridTemplateColumns: columnTemplate
       },
       children: [
-        /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceNumber", children: rowIndex + 1 }),
+        /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-resourceNumber", children: rowIndex + 1 }),
         /* @__PURE__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceName", children: [
           /* @__PURE__ */ jsxs13(Popover, { open: typeMenuOpen, onOpenChange: setTypeMenuOpen, children: [
-            /* @__PURE__ */ jsx17(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
+            /* @__PURE__ */ jsx18(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs13(
               "button",
               {
                 type: "button",
@@ -10691,12 +10767,12 @@ var ResourceHeader = ({
                   setTypeMenuOpen((open) => !open);
                 },
                 children: [
-                  /* @__PURE__ */ jsx17(ResourceTypeIcon, { type }),
-                  /* @__PURE__ */ jsx17(ResourceTypeDropdownIcon, {})
+                  /* @__PURE__ */ jsx18(ResourceTypeIcon, { type }),
+                  /* @__PURE__ */ jsx18(ResourceTypeDropdownIcon, {})
                 ]
               }
             ) }),
-            /* @__PURE__ */ jsx17(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_TYPE_OPTIONS.map((option) => /* @__PURE__ */ jsxs13(
+            /* @__PURE__ */ jsx18(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_TYPE_OPTIONS.map((option) => /* @__PURE__ */ jsxs13(
               "button",
               {
                 type: "button",
@@ -10707,14 +10783,14 @@ var ResourceHeader = ({
                   applyResourcePatch({ type: option });
                 },
                 children: [
-                  /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceOptionIcon", children: /* @__PURE__ */ jsx17(ResourceTypeIcon, { type: option }) }),
+                  /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-resourceOptionIcon", children: /* @__PURE__ */ jsx18(ResourceTypeIcon, { type: option }) }),
                   option
                 ]
               },
               option
             )) })
           ] }),
-          editingName ? /* @__PURE__ */ jsx17(
+          editingName ? /* @__PURE__ */ jsx18(
             Input,
             {
               ref: nameInputRef,
@@ -10726,7 +10802,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__ */ jsx17(
+          ) : /* @__PURE__ */ jsx18(
             "button",
             {
               type: "button",
@@ -10739,22 +10815,22 @@ var ResourceHeader = ({
               },
               onDoubleClick: handleNameDoubleClick,
               children: /* @__PURE__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceNameContent", children: [
-                isInactive && /* @__PURE__ */ jsx17(
+                isInactive && /* @__PURE__ */ jsx18(
                   "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__ */ jsx17(ResourceStatusLockIcon, {})
+                    children: /* @__PURE__ */ jsx18(ResourceStatusLockIcon, {})
                   }
                 ),
-                /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceNameText", children: resource.name })
+                /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-resourceNameText", children: resource.name })
               ] })
             }
           )
         ] }),
         /* @__PURE__ */ jsxs13(Popover, { open: scopeMenuOpen, onOpenChange: setScopeMenuOpen, children: [
-          /* @__PURE__ */ jsx17(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx17(
+          /* @__PURE__ */ jsx18(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx18(
             "button",
             {
               type: "button",
@@ -10765,10 +10841,10 @@ var ResourceHeader = ({
                 event.stopPropagation();
                 setScopeMenuOpen((open) => !open);
               },
-              children: /* @__PURE__ */ jsx17("span", { children: scopeLabel })
+              children: /* @__PURE__ */ jsx18("span", { children: scopeLabel })
             }
           ) }),
-          /* @__PURE__ */ jsx17(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_SCOPE_OPTIONS.map((option) => /* @__PURE__ */ jsxs13(
+          /* @__PURE__ */ jsx18(PopoverContent, { className: "gantt-resourceTimeline-resourceOptionMenu", portal: true, align: "start", children: RESOURCE_SCOPE_OPTIONS.map((option) => /* @__PURE__ */ jsxs13(
             "button",
             {
               type: "button",
@@ -10779,7 +10855,7 @@ var ResourceHeader = ({
                 applyResourcePatch({ scope: option });
               },
               children: [
-                /* @__PURE__ */ jsx17("span", { className: `gantt-resourceTimeline-resourceOptionScopeDot gantt-resourceTimeline-resourceScope${option}` }),
+                /* @__PURE__ */ jsx18("span", { className: `gantt-resourceTimeline-resourceOptionScopeDot gantt-resourceTimeline-resourceScope${option}` }),
                 RESOURCE_SCOPE_LABELS[option] ?? option
               ]
             },
@@ -10793,21 +10869,21 @@ var ResourceHeader = ({
             "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__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceWorkedDays", children: [
-                /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: workedDays > 0 ? workedDays : "-" }),
-                /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceMetricLabel", children: workedDays > 0 ? "\u0434\u043D." : "" })
+                /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: workedDays > 0 ? workedDays : "-" }),
+                /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-resourceMetricLabel", children: workedDays > 0 ? "\u0434\u043D." : "" })
               ] }),
               /* @__PURE__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceAssignmentCount", children: [
-                /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: assignmentCount > 0 ? assignmentCount : "" }),
+                /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-resourceMetricValue", children: assignmentCount > 0 ? assignmentCount : "" }),
                 assignmentCount > 0 && /* @__PURE__ */ jsxs13("svg", { className: "gantt-resourceTimeline-resourceAssignmentIcon", width: "14", height: "14", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
-                  /* @__PURE__ */ jsx17("rect", { width: "15", height: "5", x: "4", y: "5", rx: "2" }),
-                  /* @__PURE__ */ jsx17("rect", { width: "10", height: "5", x: "4", y: "14", rx: "2" })
+                  /* @__PURE__ */ jsx18("rect", { width: "15", height: "5", x: "4", y: "5", rx: "2" }),
+                  /* @__PURE__ */ jsx18("rect", { width: "10", height: "5", x: "4", y: "14", rx: "2" })
                 ] })
               ] })
             ]
           }
         ),
         /* @__PURE__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceActions", children: [
-          conflictCount > 0 && /* @__PURE__ */ jsx17(
+          conflictCount > 0 && /* @__PURE__ */ jsx18(
             "button",
             {
               type: "button",
@@ -10822,7 +10898,7 @@ var ResourceHeader = ({
             }
           ),
           hasMenu && /* @__PURE__ */ jsxs13(Popover, { open: menuOpen, onOpenChange: setMenuOpen, children: [
-            /* @__PURE__ */ jsx17(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx17(
+            /* @__PURE__ */ jsx18(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx18(
               "button",
               {
                 className: "gantt-resourceTimeline-resourceMenuButton",
@@ -10832,10 +10908,10 @@ var ResourceHeader = ({
                   event.stopPropagation();
                   setMenuOpen((open) => !open);
                 },
-                children: /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: "\u22EE" })
+                children: /* @__PURE__ */ jsx18("span", { "aria-hidden": "true", children: "\u22EE" })
               }
             ) }),
-            /* @__PURE__ */ jsx17(PopoverContent, { className: "gantt-resourceTimeline-resourceMenu", portal: true, align: "end", children: visibleCommands.map((command) => /* @__PURE__ */ jsxs13(
+            /* @__PURE__ */ jsx18(PopoverContent, { className: "gantt-resourceTimeline-resourceMenu", portal: true, align: "end", children: visibleCommands.map((command) => /* @__PURE__ */ jsxs13(
               "button",
               {
                 type: "button",
@@ -10898,8 +10974,8 @@ var NewResourceRow = ({ height, onConfirm, onCancel, columnTemplate }) => {
         gridTemplateColumns: columnTemplate
       },
       children: [
-        /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceNumber", children: "+" }),
-        /* @__PURE__ */ jsx17(
+        /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-resourceNumber", children: "+" }),
+        /* @__PURE__ */ jsx18(
           Input,
           {
             ref: inputRef,
@@ -11078,7 +11154,7 @@ function ResourceTimelineChart({
     document.body.style.cursor = "col-resize";
     document.body.style.userSelect = "none";
   }, [resolvedResourceColumnWidths]);
-  const renderResizeHandle = useCallback8((columnId) => /* @__PURE__ */ jsx17(
+  const renderResizeHandle = useCallback8((columnId) => /* @__PURE__ */ jsx18(
     "button",
     {
       type: "button",
@@ -11389,7 +11465,7 @@ function ResourceTimelineChart({
       }
     };
   }, []);
-  return /* @__PURE__ */ jsx17("div", { className: "gantt-container gantt-resourceTimeline", children: /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18("div", { className: "gantt-container gantt-resourceTimeline", children: /* @__PURE__ */ jsx18(
     "div",
     {
       ref: scrollContainerRef,
@@ -11421,12 +11497,12 @@ function ResourceTimelineChart({
                       "\u041D\u0430\u0437\u0432\u0430\u043D\u0438\u0435",
                       renderResizeHandle("name")
                     ] }),
-                    /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceHeaderCell", "aria-label": "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u044C", children: renderResizeHandle("availability") }),
+                    /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-resourceHeaderCell", "aria-label": "\u0414\u043E\u0441\u0442\u0443\u043F\u043D\u043E\u0441\u0442\u044C", children: renderResizeHandle("availability") }),
                     /* @__PURE__ */ jsxs13("span", { className: "gantt-resourceTimeline-resourceHeaderCell", children: [
                       "\u041D\u0430\u0437\u043D\u0430\u0447\u0435\u043D\u0438\u044F",
                       renderResizeHandle("assignments")
                     ] }),
-                    /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderActions", "aria-label": "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F", children: renderResizeHandle("actions") })
+                    /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-resourceHeaderCell gantt-resourceTimeline-resourceHeaderActions", "aria-label": "\u0414\u0435\u0439\u0441\u0442\u0432\u0438\u044F", children: renderResizeHandle("actions") })
                   ]
                 }
               ),
@@ -11437,7 +11513,7 @@ function ResourceTimelineChart({
                     className: "gantt-resourceTimeline-resourceGroupHeader",
                     style: { height: `${group.height}px` },
                     children: [
-                      /* @__PURE__ */ jsx17(
+                      /* @__PURE__ */ jsx18(
                         "button",
                         {
                           type: "button",
@@ -11448,12 +11524,12 @@ function ResourceTimelineChart({
                             event.stopPropagation();
                             toggleResourceGroupCollapsed(group.key);
                           },
-                          children: /* @__PURE__ */ jsx17(ResourceGroupChevronIcon, {})
+                          children: /* @__PURE__ */ jsx18(ResourceGroupChevronIcon, {})
                         }
                       ),
-                      /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceGroupTitle", children: group.label }),
-                      /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resourceGroupCount", children: group.count }),
-                      canAddResource && /* @__PURE__ */ jsx17(
+                      /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-resourceGroupTitle", children: group.label }),
+                      /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-resourceGroupCount", children: group.count }),
+                      canAddResource && /* @__PURE__ */ jsx18(
                         "button",
                         {
                           type: "button",
@@ -11472,7 +11548,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__ */ jsx17(
+                  return /* @__PURE__ */ jsx18(
                     ResourceHeader,
                     {
                       resource: row.resource,
@@ -11492,7 +11568,7 @@ function ResourceTimelineChart({
                     row.resourceId
                   );
                 }),
-                displayLayout.groupAddRows.some((row) => row.key === group.key) && /* @__PURE__ */ jsx17(
+                displayLayout.groupAddRows.some((row) => row.key === group.key) && /* @__PURE__ */ jsx18(
                   NewResourceRow,
                   {
                     height: resourceAddRowHeight,
@@ -11501,7 +11577,7 @@ function ResourceTimelineChart({
                     columnTemplate: resourceColumnTemplate
                   }
                 )
-              ] }, group.key)) : displayLayout.rows.map((row, rowIndex) => /* @__PURE__ */ jsx17(
+              ] }, group.key)) : displayLayout.rows.map((row, rowIndex) => /* @__PURE__ */ jsx18(
                 ResourceHeader,
                 {
                   resource: row.resource,
@@ -11520,7 +11596,7 @@ function ResourceTimelineChart({
                 },
                 row.resourceId
               )),
-              canAddResource && (isCreatingResource ? /* @__PURE__ */ jsx17(
+              canAddResource && (isCreatingResource ? /* @__PURE__ */ jsx18(
                 NewResourceRow,
                 {
                   height: resourceAddRowHeight,
@@ -11528,7 +11604,7 @@ function ResourceTimelineChart({
                   onCancel: handleCancelNewResource,
                   columnTemplate: resourceColumnTemplate
                 }
-              ) : /* @__PURE__ */ jsx17(
+              ) : /* @__PURE__ */ jsx18(
                 "button",
                 {
                   className: "gantt-resourceTimeline-addResourceButton",
@@ -11550,12 +11626,12 @@ function ResourceTimelineChart({
             className: "gantt-resourceTimeline-chartSurface",
             style: { minWidth: `${gridWidth}px` },
             children: [
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18(
                 "div",
                 {
                   className: "gantt-resourceTimeline-stickyHeader",
                   style: { width: `${gridWidth}px`, height: `${timelineHeaderHeight}px` },
-                  children: /* @__PURE__ */ jsx17(
+                  children: /* @__PURE__ */ jsx18(
                     TimeScaleHeader_default,
                     {
                       days: dateRange,
@@ -11574,7 +11650,7 @@ function ResourceTimelineChart({
                   className: "gantt-resourceTimeline-grid",
                   style: { width: `${gridWidth}px`, height: `${displayTotalHeight}px` },
                   children: [
-                    /* @__PURE__ */ jsx17(
+                    /* @__PURE__ */ jsx18(
                       GridBackground_default,
                       {
                         dateRange,
@@ -11584,8 +11660,8 @@ function ResourceTimelineChart({
                         isCustomWeekend: weekendPredicate
                       }
                     ),
-                    todayInRange && /* @__PURE__ */ jsx17(TodayIndicator_default, { monthStart, dayWidth }),
-                    displayLayout.groupHeaders.map((group) => /* @__PURE__ */ jsx17(
+                    todayInRange && /* @__PURE__ */ jsx18(TodayIndicator_default, { monthStart, dayWidth }),
+                    displayLayout.groupHeaders.map((group) => /* @__PURE__ */ jsx18(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row gantt-resourceTimeline-groupRow",
@@ -11597,7 +11673,7 @@ function ResourceTimelineChart({
                       },
                       `group-row-${group.key}`
                     )),
-                    displayLayout.rows.map((row) => /* @__PURE__ */ jsx17(
+                    displayLayout.rows.map((row) => /* @__PURE__ */ jsx18(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row",
@@ -11609,7 +11685,7 @@ function ResourceTimelineChart({
                       },
                       row.resourceId
                     )),
-                    canAddResource && /* @__PURE__ */ jsx17(
+                    canAddResource && /* @__PURE__ */ jsx18(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row gantt-resourceTimeline-rowNew",
@@ -11620,7 +11696,7 @@ function ResourceTimelineChart({
                         }
                       }
                     ),
-                    displayLayout.groupAddRows.map((row) => /* @__PURE__ */ jsx17(
+                    displayLayout.groupAddRows.map((row) => /* @__PURE__ */ jsx18(
                       "div",
                       {
                         className: "gantt-resourceTimeline-row gantt-resourceTimeline-rowNew",
@@ -11719,11 +11795,11 @@ function ResourceTimelineChart({
                               backgroundColor: layoutItem.item.color ?? "var(--gantt-task-bar-default-color, #3b82f6)"
                             },
                             children: [
-                              !readonly && !layoutItem.item.locked && /* @__PURE__ */ jsxs13(Fragment4, { children: [
-                                /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleStart" }),
-                                /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleEnd" })
+                              !readonly && !layoutItem.item.locked && /* @__PURE__ */ jsxs13(Fragment5, { children: [
+                                /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleStart" }),
+                                /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-resizeHandle gantt-resourceTimeline-resizeHandleEnd" })
                               ] }),
-                              weekendOverlaySegments.map((segment, index) => /* @__PURE__ */ jsx17(
+                              weekendOverlaySegments.map((segment, index) => /* @__PURE__ */ jsx18(
                                 "span",
                                 {
                                   className: "gantt-resourceTimeline-weekendOverlay",
@@ -11735,7 +11811,7 @@ function ResourceTimelineChart({
                                 },
                                 `weekend-overlay-${index}`
                               )),
-                              conflictOverlaySegments.map((segment, index) => /* @__PURE__ */ jsx17(
+                              conflictOverlaySegments.map((segment, index) => /* @__PURE__ */ jsx18(
                                 "span",
                                 {
                                   className: "gantt-resourceTimeline-conflictOverlay",
@@ -11747,7 +11823,7 @@ function ResourceTimelineChart({
                                 },
                                 `conflict-overlay-${index}`
                               )),
-                              hasItemMenu && /* @__PURE__ */ jsx17(
+                              hasItemMenu && /* @__PURE__ */ jsx18(
                                 "button",
                                 {
                                   type: "button",
@@ -11760,12 +11836,12 @@ function ResourceTimelineChart({
                                     event.stopPropagation();
                                     onResourceItemMenuClick?.(layoutItem.item);
                                   },
-                                  children: /* @__PURE__ */ jsx17("span", { "aria-hidden": "true", children: "\u22EE" })
+                                  children: /* @__PURE__ */ jsx18("span", { "aria-hidden": "true", children: "\u22EE" })
                                 }
                               ),
-                              /* @__PURE__ */ jsx17("div", { className: "gantt-resourceTimeline-itemInner", children: renderItem ? renderItem(layoutItem.item, renderContext) : /* @__PURE__ */ jsxs13("div", { className: "gantt-resourceTimeline-defaultItemContent", children: [
+                              /* @__PURE__ */ jsx18("div", { className: "gantt-resourceTimeline-itemInner", children: renderItem ? renderItem(layoutItem.item, renderContext) : /* @__PURE__ */ jsxs13("div", { className: "gantt-resourceTimeline-defaultItemContent", children: [
                                 /* @__PURE__ */ jsxs13("div", { className: "gantt-resourceTimeline-defaultItemMain", children: [
-                                  /* @__PURE__ */ jsx17(
+                                  /* @__PURE__ */ jsx18(
                                     "span",
                                     {
                                       className: "gantt-resourceTimeline-itemDurationChip",
@@ -11773,15 +11849,15 @@ function ResourceTimelineChart({
                                       children: durationValue
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-itemTitle", children: layoutItem.item.title })
+                                  /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-itemTitle", children: layoutItem.item.title })
                                 ] }),
-                                layoutItem.item.subtitle && /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-itemSubtitle", children: layoutItem.item.subtitle })
+                                layoutItem.item.subtitle && /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-itemSubtitle", children: layoutItem.item.subtitle })
                               ] }) }),
                               /* @__PURE__ */ jsxs13("div", { className: "gantt-resourceTimeline-itemTooltip", role: "tooltip", children: [
-                                /* @__PURE__ */ jsx17("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLinePrimary", children: tooltipFirstLine }),
+                                /* @__PURE__ */ jsx18("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLinePrimary", children: tooltipFirstLine }),
                                 tooltipSecondLine && /* @__PURE__ */ jsxs13("div", { className: "gantt-resourceTimeline-itemTooltipLine gantt-resourceTimeline-itemTooltipLineSecondary", children: [
-                                  tooltipSecondLineIcon && /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-itemTooltipIcon", "aria-hidden": "true", children: tooltipSecondLineIcon }),
-                                  /* @__PURE__ */ jsx17("span", { className: "gantt-resourceTimeline-itemTooltipText", children: tooltipSecondLine })
+                                  tooltipSecondLineIcon && /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-itemTooltipIcon", "aria-hidden": "true", children: tooltipSecondLineIcon }),
+                                  /* @__PURE__ */ jsx18("span", { className: "gantt-resourceTimeline-itemTooltipText", children: tooltipSecondLine })
                                 ] })
                               ] })
                             ]
@@ -11803,7 +11879,7 @@ function ResourceTimelineChart({
 
 // src/components/TableMatrix/TableMatrix.tsx
 import { useLayoutEffect, useMemo as useMemo11, useRef as useRef9, useState as useState10 } from "react";
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 var AUTO_COLUMN_MIN_WIDTH = 72;
 var AUTO_COLUMN_MAX_WIDTH = 180;
 var DAY_MS4 = 24 * 60 * 60 * 1e3;
@@ -12005,7 +12081,7 @@ function TableMatrix({
   }, [tasks, visibleRowIndices]);
   return /* @__PURE__ */ jsxs14("div", { className: "gantt-mx-root", style: { width: `${totalWidth}px` }, children: [
     hasAutoWidthColumns && /* @__PURE__ */ jsxs14("div", { ref: measureRef, className: "gantt-mx-measure", "aria-hidden": "true", children: [
-      columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ jsx18(
+      columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ jsx19(
         "div",
         {
           "data-gantt-mx-measure-column": columnIndex,
@@ -12014,7 +12090,7 @@ function TableMatrix({
         },
         `header:${column.id}`
       )),
-      tasks.map((task) => columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ jsx18(
+      tasks.map((task) => columns.map((column, columnIndex) => typeof column.width === "number" ? null : /* @__PURE__ */ jsx19(
         "div",
         {
           "data-gantt-mx-measure-column": columnIndex,
@@ -12025,7 +12101,7 @@ function TableMatrix({
       )))
     ] }),
     /* @__PURE__ */ jsxs14("div", { className: "gantt-mx-header", style: { height: `${headerHeight}px` }, children: [
-      hasGroupHeader && /* @__PURE__ */ jsx18(
+      hasGroupHeader && /* @__PURE__ */ jsx19(
         "div",
         {
           className: "gantt-mx-headerRow gantt-mx-headerGroupRow",
@@ -12033,7 +12109,7 @@ function TableMatrix({
             gridTemplateColumns: headerSpans.map((span) => `${span.width ?? 0}px`).join(" "),
             height: `${topRowHeight}px`
           },
-          children: headerSpans.map((span) => /* @__PURE__ */ jsx18(
+          children: headerSpans.map((span) => /* @__PURE__ */ jsx19(
             "div",
             {
               className: joinClasses("gantt-mx-groupCell", span.className),
@@ -12044,7 +12120,7 @@ function TableMatrix({
           ))
         }
       ),
-      /* @__PURE__ */ jsx18(
+      /* @__PURE__ */ jsx19(
         "div",
         {
           className: "gantt-mx-headerRow",
@@ -12061,7 +12137,7 @@ function TableMatrix({
                 ),
                 style: column.minWidth !== void 0 ? { minWidth: `${column.minWidth}px` } : void 0,
                 children: [
-                  shouldRenderOverlayEdge && /* @__PURE__ */ jsx18(
+                  shouldRenderOverlayEdge && /* @__PURE__ */ jsx19(
                     "span",
                     {
                       className: "gantt-mx-dateOverlayEdge",
@@ -12071,7 +12147,7 @@ function TableMatrix({
                       }
                     }
                   ),
-                  /* @__PURE__ */ jsx18("span", { className: "gantt-mx-headerContent", children: column.header })
+                  /* @__PURE__ */ jsx19("span", { className: "gantt-mx-headerContent", children: column.header })
                 ]
               },
               column.id
@@ -12080,7 +12156,7 @@ function TableMatrix({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx18(
+    /* @__PURE__ */ jsx19(
       "div",
       {
         className: "gantt-mx-body",
@@ -12094,7 +12170,7 @@ function TableMatrix({
           const nestingDepth = nestingDepthMap.get(task.id) ?? 0;
           const rowFillLevel = Math.min(nestingDepth, 2);
           const isTotal = Boolean(task.isTotal);
-          return /* @__PURE__ */ jsx18(
+          return /* @__PURE__ */ jsx19(
             "div",
             {
               "data-gantt-task-row-id": task.id,
@@ -12134,7 +12210,7 @@ function TableMatrix({
                       onCellClick?.({ task, column, rowIndex: index, columnIndex, event });
                     },
                     children: [
-                      shouldRenderOverlay && /* @__PURE__ */ jsx18(
+                      shouldRenderOverlay && /* @__PURE__ */ jsx19(
                         "span",
                         {
                           className: joinClasses("gantt-mx-dateOverlay", dateOverlay && dateOverlay.className),
@@ -12144,7 +12220,7 @@ function TableMatrix({
                           }
                         }
                       ),
-                      shouldRenderOverlayEdge && /* @__PURE__ */ jsx18(
+                      shouldRenderOverlayEdge && /* @__PURE__ */ jsx19(
                         "span",
                         {
                           className: "gantt-mx-dateOverlayEdge",
@@ -12154,7 +12230,7 @@ function TableMatrix({
                           }
                         }
                       ),
-                      /* @__PURE__ */ jsx18("div", { className: "gantt-mx-cellContent", children: column.renderCell(task) })
+                      /* @__PURE__ */ jsx19("div", { className: "gantt-mx-cellContent", children: column.renderCell(task) })
                     ]
                   },
                   `${task.id}:${column.id}`
@@ -12171,7 +12247,7 @@ function TableMatrix({
 
 // src/components/PlanFactMatrix/PlanFactMatrix.tsx
 import React15, { useCallback as useCallback9, useEffect as useEffect9, useMemo as useMemo12, useRef as useRef10, useState as useState11 } from "react";
-import { jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
 var DAY_MS5 = 24 * 60 * 60 * 1e3;
 function joinClasses2(...values) {
   return values.filter(Boolean).join(" ");
@@ -12280,7 +12356,7 @@ function PlanFactCellEditor({
     }
     onCommit(parsed);
   }, [draft, onCancel, onCommit]);
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "input",
     {
       ref: inputRef,
@@ -12394,7 +12470,7 @@ function PlanFactRowInner({
   showOverflowTooltip,
   hideOverflowTooltip
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       "data-gantt-task-row-id": task.id,
@@ -12529,7 +12605,7 @@ function PlanFactRowInner({
                 }
               },
               children: [
-                isEditing ? /* @__PURE__ */ jsx19(
+                isEditing ? /* @__PURE__ */ jsx20(
                   PlanFactCellEditor,
                   {
                     value,
@@ -12555,7 +12631,7 @@ function PlanFactRowInner({
                       focusCell(nextActiveCell);
                     }
                   }
-                ) : /* @__PURE__ */ jsx19(
+                ) : /* @__PURE__ */ jsx20(
                   "span",
                   {
                     className: "gantt-pf-cellValue",
@@ -12569,7 +12645,7 @@ function PlanFactRowInner({
                     children: isParent ? "" : formatValue(value)
                   }
                 ),
-                showFillHandle && /* @__PURE__ */ jsx19(
+                showFillHandle && /* @__PURE__ */ jsx20(
                   "span",
                   {
                     className: "gantt-pf-fillHandle",
@@ -13092,7 +13168,7 @@ function PlanFactMatrix({
       },
       children: [
         /* @__PURE__ */ jsxs15("div", { className: "gantt-pf-header", style: { width: `${totalWidth}px`, height: `${headerHeight}px` }, children: [
-          /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20(
             "div",
             {
               className: "gantt-pf-dateWindow",
@@ -13100,7 +13176,7 @@ function PlanFactMatrix({
                 left: `${renderedDateWindow.startIndex * dayWidth}px`,
                 width: `${renderedDateWindow.days.length * dayWidth}px`
               },
-              children: /* @__PURE__ */ jsx19(
+              children: /* @__PURE__ */ jsx20(
                 TimeScaleHeader_default,
                 {
                   days: renderedDateWindow.days,
@@ -13112,7 +13188,7 @@ function PlanFactMatrix({
               )
             }
           ),
-          todayDateIndex !== void 0 && todayDateIndex >= renderedDateWindow.startIndex && todayDateIndex < renderedDateWindow.startIndex + renderedDateWindow.days.length && /* @__PURE__ */ jsx19(
+          todayDateIndex !== void 0 && todayDateIndex >= renderedDateWindow.startIndex && todayDateIndex < renderedDateWindow.startIndex + renderedDateWindow.days.length && /* @__PURE__ */ jsx20(
             "span",
             {
               className: "gantt-pf-headerTodayLine",
@@ -13124,7 +13200,7 @@ function PlanFactMatrix({
             }
           )
         ] }),
-        /* @__PURE__ */ jsx19("div", { className: "gantt-pf-monthSeparatorLayer", "aria-hidden": "true", children: monthSeparatorIndices.map((dateIndex) => /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsx20("div", { className: "gantt-pf-monthSeparatorLayer", "aria-hidden": "true", children: monthSeparatorIndices.map((dateIndex) => /* @__PURE__ */ jsx20(
           "span",
           {
             className: "gantt-pf-monthSeparator",
@@ -13146,7 +13222,7 @@ function PlanFactMatrix({
               width: `${totalWidth}px`
             },
             children: [
-              /* @__PURE__ */ jsx19(
+              /* @__PURE__ */ jsx20(
                 "div",
                 {
                   className: "gantt-pf-dateWindow gantt-pf-dateWindow-body",
@@ -13154,7 +13230,7 @@ function PlanFactMatrix({
                     left: `${renderedDateWindow.startIndex * dayWidth}px`,
                     width: `${renderedDateWindow.days.length * dayWidth}px`
                   },
-                  children: /* @__PURE__ */ jsx19(
+                  children: /* @__PURE__ */ jsx20(
                     GridBackground_default,
                     {
                       dateRange: renderedDateWindow.days,
@@ -13172,7 +13248,7 @@ function PlanFactMatrix({
                 if (!task) return null;
                 const isParent = parentTaskIds.has(task.id);
                 const isHighlighted = filterMode === "highlight" && !!highlightedTaskIds?.has(task.id);
-                return /* @__PURE__ */ jsx19(
+                return /* @__PURE__ */ jsx20(
                   PlanFactRow,
                   {
                     task,
@@ -13217,7 +13293,7 @@ function PlanFactMatrix({
             ]
           }
         ),
-        overflowTooltip && /* @__PURE__ */ jsx19(
+        overflowTooltip && /* @__PURE__ */ jsx20(
           "div",
           {
             className: "gantt-pf-overflowTooltip",
@@ -13643,7 +13719,7 @@ function createTaskPreviewPositionStore() {
 }
 
 // src/components/GanttChart/GanttChart.tsx
-import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment6, jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
 var SCROLL_TO_ROW_CONTEXT_ROWS = 2;
 var TASK_ROW_OVERSCAN = 8;
 var PLAN_FACT_COLUMN_OVERSCAN = 24;
@@ -13770,9 +13846,9 @@ function arePreviewTaskMapsEqual(left, right) {
 }
 function GanttChartInner(props, ref) {
   if (props.mode === "resource-planner") {
-    return /* @__PURE__ */ jsx20(ResourceTimelineChart, { ...props });
+    return /* @__PURE__ */ jsx21(ResourceTimelineChart, { ...props });
   }
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     TaskGanttChart,
     {
       ...props,
@@ -13822,6 +13898,7 @@ function TaskGanttChartInner(props, ref) {
     onSelectedTaskIdsChange,
     disableTaskDrag = false,
     showChart = true,
+    skeletonRowCount = 0,
     timelineMarkers,
     additionalColumns,
     hiddenTaskListColumns,
@@ -14081,6 +14158,7 @@ function TaskGanttChartInner(props, ref) {
     () => Math.round(dateRange.length * dayWidth),
     [dateRange.length, dayWidth]
   );
+  const renderGridWidth = Math.max(gridWidth, skeletonRowCount > 0 ? 720 : 0);
   const matrixWidth = useMemo13(
     () => matrixColumns.reduce((sum, column) => {
       if (typeof column.width !== "number") return void 0;
@@ -14128,8 +14206,8 @@ function TaskGanttChartInner(props, ref) {
     return mergedHighlightedTaskIds;
   }, [filterMode, highlightedTaskIds, matchedTaskIds, criticalPathMode, criticalTaskIds]);
   const totalGridHeight = useMemo13(
-    () => 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 = useMemo13(() => {
@@ -14912,12 +14990,12 @@ function TaskGanttChartInner(props, ref) {
       window.removeEventListener("mouseup", handlePanEnd);
     };
   }, []);
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     "div",
     {
       ref: containerRef,
       className: isTableMatrixMode ? "gantt-container gantt-container-tableMatrix" : isPlanFactMode ? "gantt-container gantt-container-planFact" : "gantt-container",
-      children: /* @__PURE__ */ jsx20(
+      children: /* @__PURE__ */ jsx21(
         "div",
         {
           ref: scrollContainerRef,
@@ -14932,7 +15010,7 @@ function TaskGanttChartInner(props, ref) {
               onMouseOver: handleSharedRowHover,
               onMouseLeave: clearHoveredRows,
               children: [
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx21(
                   TaskList,
                   {
                     tasks: normalizedTasks,
@@ -14991,20 +15069,21 @@ function TaskGanttChartInner(props, ref) {
                     bodyMinHeight: tableBodyMinHeight,
                     taskDateChangeMode,
                     onTaskDateChangeModeChange: handleTaskDateChangeMode,
-                    visibleRowIndices: visibleTaskWindowIndices
+                    visibleRowIndices: visibleTaskWindowIndices,
+                    skeletonRowCount
                   }
                 ),
-                /* @__PURE__ */ jsx20(
+                /* @__PURE__ */ jsx21(
                   "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__ */ jsx20(
+                    children: isTableMatrixMode ? /* @__PURE__ */ jsx21(
                       TableMatrix,
                       {
                         tasks: visibleTasks,
@@ -15022,7 +15101,7 @@ function TaskGanttChartInner(props, ref) {
                         filterMode,
                         visibleRowIndices: visibleTaskWindowIndices
                       }
-                    ) : isPlanFactMode ? /* @__PURE__ */ jsx20(
+                    ) : isPlanFactMode ? /* @__PURE__ */ jsx21(
                       PlanFactMatrix,
                       {
                         tasks: visibleTasks,
@@ -15043,14 +15122,14 @@ function TaskGanttChartInner(props, ref) {
                         todayDateIndex: todayInRange ? todayIndex : void 0,
                         isCustomWeekend
                       }
-                    ) : /* @__PURE__ */ jsxs16(Fragment5, { children: [
+                    ) : /* @__PURE__ */ jsxs16(Fragment6, { children: [
                       /* @__PURE__ */ jsxs16(
                         "div",
                         {
                           className: "gantt-stickyHeader",
-                          style: { width: `${gridWidth}px`, height: `${timelineHeaderHeight}px` },
+                          style: { width: `${renderGridWidth}px`, height: `${timelineHeaderHeight}px` },
                           children: [
-                            /* @__PURE__ */ jsx20(
+                            /* @__PURE__ */ jsx21(
                               TimeScaleHeader_default,
                               {
                                 days: dateRange,
@@ -15063,7 +15142,7 @@ function TaskGanttChartInner(props, ref) {
                                 onTimelineHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            activeTimelineTooltip && /* @__PURE__ */ jsx20("div", { className: "gantt-timelineTooltipLayer", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(
+                            activeTimelineTooltip && /* @__PURE__ */ jsx21("div", { className: "gantt-timelineTooltipLayer", "aria-hidden": "true", children: /* @__PURE__ */ jsx21(
                               "div",
                               {
                                 className: "gantt-timelineTooltip",
@@ -15083,11 +15162,11 @@ function TaskGanttChartInner(props, ref) {
                           className: "gantt-taskArea",
                           style: {
                             position: "relative",
-                            width: `${gridWidth}px`,
+                            width: `${renderGridWidth}px`,
                             height: `${totalGridHeight}px`
                           },
                           children: [
-                            /* @__PURE__ */ jsx20(
+                            /* @__PURE__ */ jsx21(
                               GridBackground_default,
                               {
                                 dateRange,
@@ -15097,7 +15176,7 @@ function TaskGanttChartInner(props, ref) {
                                 isCustomWeekend
                               }
                             ),
-                            todayInRange && /* @__PURE__ */ jsx20(
+                            todayInRange && /* @__PURE__ */ jsx21(
                               TodayIndicator_default,
                               {
                                 monthStart,
@@ -15106,7 +15185,7 @@ function TaskGanttChartInner(props, ref) {
                                 onHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            visibleTimelineMarkers.length > 0 && /* @__PURE__ */ jsx20(
+                            visibleTimelineMarkers.length > 0 && /* @__PURE__ */ jsx21(
                               TimelineMarkers_default,
                               {
                                 rangeStart: monthStart,
@@ -15117,7 +15196,7 @@ function TaskGanttChartInner(props, ref) {
                                 onHoverEnd: () => setActiveTimelineTooltip(null)
                               }
                             ),
-                            /* @__PURE__ */ jsx20(
+                            /* @__PURE__ */ jsx21(
                               DependencyLines_default,
                               {
                                 tasks: renderedDependencyTasks,
@@ -15126,7 +15205,7 @@ function TaskGanttChartInner(props, ref) {
                                 monthStart,
                                 dayWidth,
                                 rowHeight: effectiveRowHeight,
-                                gridWidth,
+                                gridWidth: renderGridWidth,
                                 totalHeight: totalGridHeight,
                                 rowIndexByTaskId: visibleTaskIndexMap,
                                 dragOverrides: dependencyOverrides,
@@ -15145,8 +15224,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__ */ jsx20("span", { className: "gantt-dependencyLineMenuType", children: dependencyLineMenu.linkType === "FS" ? "\u041E\u041D" : dependencyLineMenu.linkType === "SS" ? "\u041D\u041D" : dependencyLineMenu.linkType === "FF" ? "\u041E\u041E" : "\u041D\u041E" }),
-                                  !disableDependencyEditing && /* @__PURE__ */ jsx20(
+                                  /* @__PURE__ */ jsx21("span", { className: "gantt-dependencyLineMenuType", children: dependencyLineMenu.linkType === "FS" ? "\u041E\u041D" : dependencyLineMenu.linkType === "SS" ? "\u041D\u041D" : dependencyLineMenu.linkType === "FF" ? "\u041E\u041E" : "\u041D\u041E" }),
+                                  !disableDependencyEditing && /* @__PURE__ */ jsx21(
                                     "button",
                                     {
                                       type: "button",
@@ -15168,15 +15247,15 @@ function TaskGanttChartInner(props, ref) {
                                           strokeLinejoin: "round",
                                           "aria-hidden": "true",
                                           children: [
-                                            /* @__PURE__ */ jsx20("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-                                            /* @__PURE__ */ jsx20("path", { d: "M3 6h18" }),
-                                            /* @__PURE__ */ jsx20("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+                                            /* @__PURE__ */ jsx21("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+                                            /* @__PURE__ */ jsx21("path", { d: "M3 6h18" }),
+                                            /* @__PURE__ */ jsx21("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
                                           ]
                                         }
                                       )
                                     }
                                   ),
-                                  /* @__PURE__ */ jsx20(
+                                  /* @__PURE__ */ jsx21(
                                     "button",
                                     {
                                       type: "button",
@@ -15190,16 +15269,16 @@ function TaskGanttChartInner(props, ref) {
                                 ]
                               }
                             ),
-                            /* @__PURE__ */ jsx20(
+                            /* @__PURE__ */ jsx21(
                               DependencyCreationOverlay,
                               {
                                 drag: dependencyCreationDrag,
-                                width: gridWidth,
+                                width: renderGridWidth,
                                 height: totalGridHeight
                               }
                             ),
-                            dependencyCreationError && /* @__PURE__ */ jsx20("div", { className: "gantt-dependencyCreation-error", role: "status", children: dependencyCreationError }),
-                            dragGuideLines && /* @__PURE__ */ jsx20(
+                            dependencyCreationError && /* @__PURE__ */ jsx21("div", { className: "gantt-dependencyCreation-error", role: "status", children: dependencyCreationError }),
+                            dragGuideLines && /* @__PURE__ */ jsx21(
                               DragGuideLines_default,
                               {
                                 isDragging: dragGuideLines.isDragging,
@@ -15209,7 +15288,7 @@ function TaskGanttChartInner(props, ref) {
                                 totalHeight: totalGridHeight
                               }
                             ),
-                            renderedChartTasks.map(({ task, index }) => /* @__PURE__ */ jsx20(
+                            renderedChartTasks.map(({ task, index }) => /* @__PURE__ */ jsx21(
                               "div",
                               {
                                 style: {
@@ -15219,7 +15298,7 @@ function TaskGanttChartInner(props, ref) {
                                   right: 0,
                                   height: `${effectiveRowHeight}px`
                                 },
-                                children: /* @__PURE__ */ jsx20(
+                                children: /* @__PURE__ */ jsx21(
                                   TaskRow_default,
                                   {
                                     task,
@@ -15263,7 +15342,17 @@ function TaskGanttChartInner(props, ref) {
                                 )
                               },
                               task.id
-                            ))
+                            )),
+                            /* @__PURE__ */ jsx21(
+                              GenerationSkeleton_default,
+                              {
+                                count: skeletonRowCount,
+                                rowHeight: effectiveRowHeight,
+                                variant: "chart",
+                                startIndex: visibleTasks.length,
+                                chartDayWidth: dayWidth
+                              }
+                            )
                           ]
                         }
                       )
@@ -15284,7 +15373,7 @@ GanttChart.displayName = "GanttChart";
 
 // src/components/ui/Button.tsx
 import React17 from "react";
-import { jsx as jsx21 } from "react/jsx-runtime";
+import { jsx as jsx22 } from "react/jsx-runtime";
 var Button = React17.forwardRef(
   ({ className, variant = "default", size = "default", children, ...props }, ref) => {
     const classes = [
@@ -15293,7 +15382,7 @@ var Button = React17.forwardRef(
       size !== "default" ? `gantt-btn-${size}` : "",
       className || ""
     ].filter(Boolean).join(" ");
-    return /* @__PURE__ */ jsx21("button", { ref, className: classes, ...props, children });
+    return /* @__PURE__ */ jsx22("button", { ref, className: classes, ...props, children });
   }
 );
 Button.displayName = "Button";
@@ -15338,6 +15427,7 @@ export {
   DatePicker,
   DragGuideLines_default as DragGuideLines,
   GanttChart,
+  GenerationSkeleton_default as GenerationSkeletonRows,
   GridBackground_default as GridBackground,
   Input,
   PlanFactMatrix,