gantt-lib 0.17.2 → 0.19.0

package/dist/index.js

@@ -1,3 +1,5 @@
+"use client";
+
 "use strict";
 "use client";
 var __create = Object.create;
@@ -34,6 +36,8 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 // src/utils/dateUtils.ts
 var dateUtils_exports = {};
 __export(dateUtils_exports, {
+  createDateKey: () => createDateKey,
+  createIsWeekendPredicate: () => createIsWeekendPredicate,
   formatDateLabel: () => formatDateLabel,
   getDayOffset: () => getDayOffset,
   getMonthBlocks: () => getMonthBlocks,
@@ -48,7 +52,7 @@ __export(dateUtils_exports, {
   normalizeTaskDates: () => normalizeTaskDates,
   parseUTCDate: () => parseUTCDate
 });
-var parseUTCDate, getMonthDays, getDayOffset, isToday, isWeekend, getMultiMonthDays, getMonthSpans, formatDateLabel, getWeekBlocks, getWeekSpans, getMonthBlocks, getYearSpans, normalizeTaskDates;
+var parseUTCDate, getMonthDays, getDayOffset, isToday, isWeekend, createDateKey, createIsWeekendPredicate, getMultiMonthDays, getMonthSpans, formatDateLabel, getWeekBlocks, getWeekSpans, getMonthBlocks, getYearSpans, normalizeTaskDates;
 var init_dateUtils = __esm({
   "src/utils/dateUtils.ts"() {
     "use strict";
@@ -105,6 +109,41 @@ var init_dateUtils = __esm({
       const day = date.getUTCDay();
       return day === 0 || day === 6;
     };
+    createDateKey = (date) => {
+      return `${date.getUTCFullYear()}-${date.getUTCMonth()}-${date.getUTCDate()}`;
+    };
+    createIsWeekendPredicate = (config) => {
+      const { weekends, workdays, isWeekend: customPredicate } = config;
+      if (customPredicate) {
+        return customPredicate;
+      }
+      if (workdays && workdays.length > 0) {
+        const workdaySet = new Set(workdays.map(createDateKey));
+        return (date) => {
+          const key = createDateKey(date);
+          if (workdaySet.has(key)) {
+            return false;
+          }
+          const dayOfWeek = date.getUTCDay();
+          return dayOfWeek === 0 || dayOfWeek === 6;
+        };
+      }
+      if (weekends && weekends.length > 0) {
+        const weekendSet = new Set(weekends.map(createDateKey));
+        return (date) => {
+          const key = createDateKey(date);
+          if (weekendSet.has(key)) {
+            return true;
+          }
+          const dayOfWeek = date.getUTCDay();
+          return dayOfWeek === 0 || dayOfWeek === 6;
+        };
+      }
+      return (date) => {
+        const dayOfWeek = date.getUTCDay();
+        return dayOfWeek === 0 || dayOfWeek === 6;
+      };
+    };
     getMultiMonthDays = (tasks) => {
       if (!tasks || tasks.length === 0) {
         return getMonthDays(/* @__PURE__ */ new Date());
@@ -341,6 +380,8 @@ __export(index_exports, {
   computeLagFromDates: () => computeLagFromDates,
   computeParentDates: () => computeParentDates,
   computeParentProgress: () => computeParentProgress,
+  createDateKey: () => createDateKey,
+  createIsWeekendPredicate: () => createIsWeekendPredicate,
   detectCycles: () => detectCycles,
   detectEdgeZone: () => detectEdgeZone,
   findParentId: () => findParentId,
@@ -894,7 +935,8 @@ var TimeScaleHeader = ({
   days,
   dayWidth,
   headerHeight,
-  viewMode = "day"
+  viewMode = "day",
+  isCustomWeekend
 }) => {
   const monthSpans = (0, import_react.useMemo)(() => getMonthSpans(days), [days]);
   const rowHeight = headerHeight / 2;
@@ -1058,12 +1100,12 @@ var TimeScaleHeader = ({
             ) : (
               // Day-view row 2: individual day numbers (existing code)
               days.map((day, index) => {
-                const isWeekend3 = day.getDay() === 0 || day.getDay() === 6;
+                const isWeekendDay = isCustomWeekend ? isCustomWeekend(day) : day.getUTCDay() === 0 || day.getUTCDay() === 6;
                 const prevDay = days[index - 1];
-                const isMonthBoundary = index > 0 && prevDay && prevDay.getMonth() !== day.getMonth();
+                const isMonthBoundary = index > 0 && prevDay && prevDay.getUTCMonth() !== day.getUTCMonth();
                 const now = /* @__PURE__ */ new Date();
                 const isTodayDate = day.getUTCFullYear() === now.getFullYear() && day.getUTCMonth() === now.getMonth() && day.getUTCDate() === now.getDate();
-                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `gantt-tsh-dayCell ${isWeekend3 ? "gantt-tsh-weekendDay" : ""} ${isTodayDate ? "gantt-tsh-today" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "gantt-tsh-dayLabel", children: (0, import_date_fns.format)(day, "d") }) }, `day-${index}`);
+                return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `gantt-tsh-dayCell ${isWeekendDay ? "gantt-tsh-weekendDay" : ""} ${isTodayDate ? "gantt-tsh-today" : ""}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "gantt-tsh-dayLabel", children: (0, import_date_fns.format)(day, "d") }) }, `day-${index}`);
               })
             )
           }
@@ -1156,14 +1198,13 @@ var calculateGridLines = (dateRange, dayWidth) => {
   }
   return lines;
 };
-var calculateWeekendBlocks = (dateRange, dayWidth) => {
+var calculateWeekendBlocks = (dateRange, dayWidth, isCustomWeekend) => {
   const blocks = [];
   let inWeekend = false;
   let weekendStartIndex = -1;
   for (let i = 0; i < dateRange.length; i++) {
     const date = dateRange[i];
-    const dayOfWeek = date.getUTCDay();
-    const isWeekend3 = dayOfWeek === 0 || dayOfWeek === 6;
+    const isWeekend3 = isCustomWeekend ? isCustomWeekend(date) : date.getUTCDay() === 0 || date.getUTCDay() === 6;
     if (isWeekend3 && !inWeekend) {
       inWeekend = true;
       weekendStartIndex = i;
@@ -1979,10 +2020,10 @@ var import_react5 = __toESM(require("react"));
 var import_jsx_runtime4 = require("react/jsx-runtime");
 var arePropsEqual2 = (prevProps, nextProps) => {
   return prevProps.dayWidth === nextProps.dayWidth && prevProps.dateRange.length === nextProps.dateRange.length && prevProps.totalHeight === nextProps.totalHeight && // skip re-render only when totalHeight unchanged
-  prevProps.viewMode === nextProps.viewMode;
+  prevProps.viewMode === nextProps.viewMode && prevProps.isCustomWeekend === nextProps.isCustomWeekend;
 };
 var GridBackground = import_react5.default.memo(
-  ({ dateRange, dayWidth, totalHeight, viewMode = "day" }) => {
+  ({ dateRange, dayWidth, totalHeight, viewMode = "day", isCustomWeekend }) => {
     const weekGridLines = (0, import_react5.useMemo)(() => {
       if (viewMode !== "week") return [];
       return calculateWeekGridLines(dateRange, dayWidth);
@@ -1997,8 +2038,8 @@ var GridBackground = import_react5.default.memo(
     }, [dateRange, dayWidth, viewMode]);
     const weekendBlocks = (0, import_react5.useMemo)(() => {
       if (viewMode === "week" || viewMode === "month") return [];
-      return calculateWeekendBlocks(dateRange, dayWidth);
-    }, [dateRange, dayWidth, viewMode]);
+      return calculateWeekendBlocks(dateRange, dayWidth, isCustomWeekend);
+    }, [dateRange, dayWidth, viewMode, isCustomWeekend]);
     const gridWidth = (0, import_react5.useMemo)(() => {
       return Math.round(dateRange.length * dayWidth);
     }, [dateRange.length, dayWidth]);
@@ -2495,12 +2536,13 @@ var import_date_fns3 = require("date-fns");
 var import_react8 = require("react");
 var import_date_fns2 = require("date-fns");
 var import_locale2 = require("date-fns/locale");
+init_dateUtils();
 var import_jsx_runtime9 = require("react/jsx-runtime");
-function getDayClassName(day, selected) {
+function getDayClassName(day, selected, isWeekendProp) {
   const classes = ["gantt-day-btn"];
   if (selected && (0, import_date_fns2.isSameDay)(day, selected)) classes.push("selected");
   if ((0, import_date_fns2.isToday)(day)) classes.push("today");
-  if ((0, import_date_fns2.isWeekend)(day)) classes.push("weekend");
+  if (isWeekendProp ? isWeekendProp(day) : (0, import_date_fns2.isWeekend)(day)) classes.push("weekend");
   if ((0, import_date_fns2.isBefore)(day, (0, import_date_fns2.startOfDay)(/* @__PURE__ */ new Date())) && !(0, import_date_fns2.isToday)(day)) classes.push("past");
   return classes.join(" ");
 }
@@ -2509,9 +2551,22 @@ var Calendar = ({
   onSelect,
   initialDate,
   mode = "single",
-  disabled = false
+  disabled = false,
+  isWeekend: isWeekendProp,
+  weekends,
+  workdays
 }) => {
   const scrollRef = (0, import_react8.useRef)(null);
+  const derivedWeekendPredicate = (0, import_react8.useMemo)(() => {
+    if (isWeekendProp) return isWeekendProp;
+    if (weekends || workdays) {
+      return createIsWeekendPredicate({
+        weekends: weekends ?? [],
+        workdays: workdays ?? []
+      });
+    }
+    return void 0;
+  }, [isWeekendProp, weekends, workdays]);
   const initialMonth = (0, import_react8.useMemo)(
     () => (0, import_date_fns2.startOfMonth)(initialDate ?? selected ?? /* @__PURE__ */ new Date()),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -2565,11 +2620,13 @@ var Calendar = ({
       const emptyDays = ((0, import_date_fns2.getDay)(firstDay) + 6) % 7;
       const monthKey = (0, import_date_fns2.format)(month, "yyyy-MM");
       const monthLabel = (0, import_date_fns2.format)(month, "LLLL yyyy", { locale: import_locale2.ru });
+      const weekdayLabels = ["\u041F\u043D", "\u0412\u0442", "\u0421\u0440", "\u0427\u0442", "\u041F\u0442", "\u0421\u0431", "\u0412\u0441"];
+      const weekdayHeaders = weekdayLabels.map((label, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "gantt-cal-weekday", children: label }, `wd-${i}`));
       const emptyCells = Array.from({ length: emptyDays }, (_, i) => /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "gantt-cal-empty-day" }, `e-${i}`));
       const dayCells = Array.from({ length: totalDays }, (_, i) => {
         const dayNum = i + 1;
-        const day = new Date(month.getFullYear(), month.getMonth(), dayNum);
-        const className = getDayClassName(day, selected);
+        const day = new Date(Date.UTC(month.getFullYear(), month.getMonth(), dayNum));
+        const className = getDayClassName(day, selected, derivedWeekendPredicate);
         return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
           "button",
           {
@@ -2578,7 +2635,7 @@ var Calendar = ({
             disabled,
             onClick: () => {
               if (!disabled && onSelect) {
-                onSelect(new Date(month.getFullYear(), month.getMonth(), dayNum));
+                onSelect(new Date(Date.UTC(month.getFullYear(), month.getMonth(), dayNum)));
               }
             },
             children: dayNum
@@ -2589,12 +2646,13 @@ var Calendar = ({
       return /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "gantt-cal-month", "data-month": monthKey, children: [
         /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("div", { className: "gantt-cal-month-header", children: monthLabel }),
         /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("div", { className: "gantt-cal-month-days", children: [
+          weekdayHeaders,
           emptyCells,
           dayCells
         ] })
       ] }, monthKey);
     },
-    [selected, onSelect, disabled]
+    [selected, onSelect, disabled, derivedWeekendPredicate]
   );
   const renderedMonths = (0, import_react8.useMemo)(
     () => months.map(renderMonth),
@@ -2618,7 +2676,10 @@ var DatePicker = ({
   placeholder = "Pick a date",
   portal = true,
   className,
-  disabled = false
+  disabled = false,
+  weekends,
+  workdays,
+  isWeekend: isWeekend3
 }) => {
   const [open, setOpen] = (0, import_react9.useState)(false);
   const [inputValue, setInputValue] = (0, import_react9.useState)("");
@@ -2838,7 +2899,10 @@ var DatePicker = ({
               mode: "single",
               selected: selectedDate,
               onSelect: handleCalendarSelect,
-              initialDate: selectedDate
+              initialDate: selectedDate,
+              weekends,
+              workdays,
+              isWeekend: isWeekend3
             }
           )
         ]
@@ -2887,18 +2951,49 @@ var DAY_MS2 = 24 * 60 * 60 * 1e3;
 var getInclusiveDurationDays = (startDate, endDate) => {
   const start = parseUTCDate(startDate);
   const end = parseUTCDate(endDate);
-  return Math.max(1, Math.round((end.getTime() - start.getTime()) / DAY_MS2) + 1);
+  return Math.max(
+    1,
+    Math.round((end.getTime() - start.getTime()) / DAY_MS2) + 1
+  );
 };
 var getEndDateFromDuration = (startDate, durationDays) => {
   const start = parseUTCDate(startDate);
   return new Date(start.getTime() + (durationDays - 1) * DAY_MS2).toISOString().split("T")[0];
 };
-var TrashIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M3 6h18" }),
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
-] });
-var PlusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M12 5v14M5 12h14" }) });
+var TrashIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "12",
+    height: "12",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M3 6h18" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" })
+    ]
+  }
+);
+var PlusIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M12 5v14M5 12h14" })
+  }
+);
 var DragHandleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { width: "10", height: "14", viewBox: "0 0 10 14", fill: "currentColor", children: [
   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: "2", cy: "2", r: "1.5" }),
   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: "8", cy: "2", r: "1.5" }),
@@ -2907,51 +3002,94 @@ var DragHandleIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg",
   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: "2", cy: "12", r: "1.5" }),
   /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("circle", { cx: "8", cy: "12", r: "1.5" })
 ] });
-var ChevronRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m9 18 6-6-6-6" }) });
-var HierarchyConnectorIcon = ({ isLastChild }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: `gantt-tl-hierarchy-connector${isLastChild ? " gantt-tl-hierarchy-connector--last" : ""}`, "aria-hidden": "true", children: [
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "gantt-tl-hc-vline" }),
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "gantt-tl-hc-hline" }),
-  /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { className: "gantt-tl-hc-dot" })
-] });
+var ChevronRightIcon = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "14",
+    height: "14",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m9 18 6-6-6-6" })
+  }
+);
+var ArrowLeft = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m12 19-7-7 7-7" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M19 12H5" })
+    ]
+  }
+);
+var ArrowRight = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M5 12h14" }),
+      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m12 5 7 7-7 7" })
+    ]
+  }
+);
 var HierarchyButton = ({
   isChild,
-  isParent,
-  rowIndex,
+  rowIndex: _rowIndex,
   onPromote,
   onDemote
 }) => {
   const canPromote = isChild && onPromote;
-  const canDemote = !isParent && onDemote && rowIndex > 0;
-  if (!canPromote && !canDemote) {
-    return null;
-  }
-  const handleClick = (e) => {
-    e.stopPropagation();
-    if (canPromote) {
-      onPromote(e);
-    } else if (canDemote) {
-      onDemote(e);
-    }
-  };
-  const title = canPromote ? "\u041F\u043E\u0432\u044B\u0441\u0438\u0442\u044C (\u0441\u0434\u0435\u043B\u0430\u0442\u044C \u043A\u043E\u0440\u043D\u0435\u0432\u043E\u0439)" : "\u041F\u043E\u043D\u0438\u0437\u0438\u0442\u044C (\u0441\u0434\u0435\u043B\u0430\u0442\u044C \u043F\u043E\u0434\u0447\u0438\u043D\u0435\u043D\u043D\u043E\u0439)";
-  const ArrowLeft = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m12 19-7-7 7-7" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M19 12H5" })
-  ] });
-  const ArrowRight = () => /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "M5 12h14" }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m12 5 7 7-7 7" })
+  const canDemote = !!onDemote;
+  if (!canPromote && !canDemote) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+    canPromote && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "gantt-tl-name-action-btn gantt-tl-action-hierarchy",
+        onClick: (e) => {
+          e.stopPropagation();
+          onPromote(e);
+        },
+        title: "\u041F\u043E\u0432\u044B\u0441\u0438\u0442\u044C \u0443\u0440\u043E\u0432\u0435\u043D\u044C",
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ArrowLeft, {})
+      }
+    ),
+    canDemote && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      "button",
+      {
+        type: "button",
+        className: "gantt-tl-name-action-btn gantt-tl-action-hierarchy",
+        onClick: (e) => {
+          e.stopPropagation();
+          onDemote(e);
+        },
+        title: "\u041F\u043E\u043D\u0438\u0437\u0438\u0442\u044C \u0443\u0440\u043E\u0432\u0435\u043D\u044C",
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ArrowRight, {})
+      }
+    )
   ] });
-  return /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-    "button",
-    {
-      type: "button",
-      className: "gantt-tl-name-action-btn gantt-tl-action-hierarchy",
-      onClick: handleClick,
-      title,
-      children: canPromote ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ArrowLeft, {}) : /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ArrowRight, {})
-    }
-  );
 };
 var DepChip = ({
   lag,
@@ -2983,71 +3121,91 @@ var DepChip = ({
     const nextOpen = !popoverOpen;
     setPopoverOpen(nextOpen);
     if (nextOpen) {
-      onChipSelect?.({ successorId: taskId, predecessorId: dep.taskId, linkType: dep.type });
+      onChipSelect?.({
+        successorId: taskId,
+        predecessorId: dep.taskId,
+        linkType: dep.type
+      });
       onScrollToTask?.(dep.taskId);
     } else {
       onChipSelect?.(null);
     }
   };
-  const handleOpenChange = (0, import_react10.useCallback)((open) => {
-    setPopoverOpen(open);
-    if (!open) {
-      onChipSelect?.(null);
-    }
-  }, [onChipSelect]);
+  const handleOpenChange = (0, import_react10.useCallback)(
+    (open) => {
+      setPopoverOpen(open);
+      if (!open) {
+        onChipSelect?.(null);
+      }
+    },
+    [onChipSelect]
+  );
   const handleTrashClick = (e) => {
     e.stopPropagation();
     onRemoveDependency?.(taskId, dep.taskId, dep.type);
     onChipSelectClear();
     setPopoverOpen(false);
   };
-  const handleLagChange = (0, import_react10.useCallback)((newLag) => {
-    if (!onTasksChange || !allTasks) return;
-    const taskById = new Map(allTasks.map((t) => [t.id, t]));
-    const predecessor = taskById.get(dep.taskId);
-    if (!predecessor) return;
-    const predStart = parseUTCDate(predecessor.startDate);
-    const predEnd = parseUTCDate(predecessor.endDate);
-    const origStart = parseUTCDate(task.startDate);
-    const origEnd = parseUTCDate(task.endDate);
-    const durationMs = origEnd.getTime() - origStart.getTime();
-    const constraintDate = calculateSuccessorDate(predStart, predEnd, dep.type, newLag);
-    let newStart, newEnd;
-    if (dep.type === "FS" || dep.type === "SS") {
-      newStart = constraintDate;
-      newEnd = new Date(constraintDate.getTime() + durationMs);
-    } else {
-      newEnd = constraintDate;
-      newStart = new Date(constraintDate.getTime() - durationMs);
-    }
-    onTasksChange([{
-      ...task,
-      startDate: newStart.toISOString().split("T")[0],
-      endDate: newEnd.toISOString().split("T")[0]
-    }]);
-  }, [dep, task, allTasks, onTasksChange]);
-  const handleInputCommit = (0, import_react10.useCallback)((raw) => {
-    if (raw === "") {
-      handleLagChange(0);
-      return;
-    }
-    const parsed = parseInt(raw, 10);
-    const effectiveLag2 = lag ?? 0;
-    if (isNaN(parsed)) {
-      const abs = Math.abs(effectiveLag2);
-      setInputAbs(abs === 0 ? "" : String(abs));
-      return;
-    }
-    let newLag;
-    if (parsed === 0) {
-      newLag = 0;
-    } else if (dep.type === "SF") {
-      newLag = -Math.abs(parsed);
-    } else {
-      newLag = parsed;
-    }
-    if (newLag !== effectiveLag2) handleLagChange(newLag);
-  }, [lag, dep.type, handleLagChange]);
+  const handleLagChange = (0, import_react10.useCallback)(
+    (newLag) => {
+      if (!onTasksChange || !allTasks) return;
+      const taskById = new Map(allTasks.map((t) => [t.id, t]));
+      const predecessor = taskById.get(dep.taskId);
+      if (!predecessor) return;
+      const predStart = parseUTCDate(predecessor.startDate);
+      const predEnd = parseUTCDate(predecessor.endDate);
+      const origStart = parseUTCDate(task.startDate);
+      const origEnd = parseUTCDate(task.endDate);
+      const durationMs = origEnd.getTime() - origStart.getTime();
+      const constraintDate = calculateSuccessorDate(
+        predStart,
+        predEnd,
+        dep.type,
+        newLag
+      );
+      let newStart, newEnd;
+      if (dep.type === "FS" || dep.type === "SS") {
+        newStart = constraintDate;
+        newEnd = new Date(constraintDate.getTime() + durationMs);
+      } else {
+        newEnd = constraintDate;
+        newStart = new Date(constraintDate.getTime() - durationMs);
+      }
+      onTasksChange([
+        {
+          ...task,
+          startDate: newStart.toISOString().split("T")[0],
+          endDate: newEnd.toISOString().split("T")[0]
+        }
+      ]);
+    },
+    [dep, task, allTasks, onTasksChange]
+  );
+  const handleInputCommit = (0, import_react10.useCallback)(
+    (raw) => {
+      if (raw === "") {
+        handleLagChange(0);
+        return;
+      }
+      const parsed = parseInt(raw, 10);
+      const effectiveLag2 = lag ?? 0;
+      if (isNaN(parsed)) {
+        const abs = Math.abs(effectiveLag2);
+        setInputAbs(abs === 0 ? "" : String(abs));
+        return;
+      }
+      let newLag;
+      if (parsed === 0) {
+        newLag = 0;
+      } else if (dep.type === "SF") {
+        newLag = -Math.abs(parsed);
+      } else {
+        newLag = parsed;
+      }
+      if (newLag !== effectiveLag2) handleLagChange(newLag);
+    },
+    [lag, dep.type, handleLagChange]
+  );
   const Icon = LINK_TYPE_ICONS[dep.type];
   const depName = predecessorName ?? dep.taskId;
   const effectiveLag = lag ?? 0;
@@ -3086,67 +3244,92 @@ var DepChip = ({
         ]
       }
     ) }),
-    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PopoverContent, { className: "gantt-tl-dep-edit-popover", portal: true, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { onClick: (e) => e.stopPropagation(), children: [
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "gantt-tl-dep-edit-task", children: task.name }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-dep-edit-row", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "gantt-tl-dep-edit-label", children: [
-          actionVerb,
-          preWord ? ` ${preWord}` : ""
-        ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "gantt-tl-dep-edit-btn", onClick: () => handleLagChange(effectiveLag - 1), children: "\u2212" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-          "input",
-          {
-            type: "number",
-            className: "gantt-tl-dep-edit-input",
-            value: inputAbs,
-            placeholder: zeroPlaceholder,
-            min: "0",
-            onChange: (e) => setInputAbs(e.target.value),
-            onFocus: (e) => e.target.select(),
-            onBlur: (e) => handleInputCommit(e.target.value),
-            onKeyDown: (e) => {
-              if (e.key === "Enter") handleInputCommit(inputAbs);
-            }
-          }
-        ),
-        !(dep.type === "SF" && effectiveLag === 0) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("button", { type: "button", className: "gantt-tl-dep-edit-btn", onClick: () => handleLagChange(effectiveLag + 1), children: "+" }),
-        effectiveLag !== 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "\u0434." }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: afterWhat })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "gantt-tl-dep-edit-pred", children: depName }),
-      !disableDependencyEditing && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("hr", { className: "gantt-tl-dep-edit-divider" }),
-        /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-dep-edit-actions", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            "button",
-            {
-              type: "button",
-              className: "gantt-tl-dep-edit-close",
-              onClick: () => {
-                setPopoverOpen(false);
-                onChipSelectClear();
-              },
-              children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            "button",
-            {
-              type: "button",
-              className: "gantt-tl-dep-edit-delete",
-              onClick: handleTrashClick,
-              children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0432\u044F\u0437\u044C"
-            }
-          )
+    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+      PopoverContent,
+      {
+        className: "gantt-tl-dep-edit-popover",
+        portal: true,
+        align: "start",
+        children: /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { onClick: (e) => e.stopPropagation(), children: [
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "gantt-tl-dep-edit-task", children: task.name }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-dep-edit-row", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("span", { className: "gantt-tl-dep-edit-label", children: [
+              actionVerb,
+              preWord ? ` ${preWord}` : ""
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "gantt-tl-dep-edit-btn",
+                onClick: () => handleLagChange(effectiveLag - 1),
+                children: "\u2212"
+              }
+            ),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "input",
+              {
+                type: "number",
+                className: "gantt-tl-dep-edit-input",
+                value: inputAbs,
+                placeholder: zeroPlaceholder,
+                min: "0",
+                onChange: (e) => setInputAbs(e.target.value),
+                onFocus: (e) => e.target.select(),
+                onBlur: (e) => handleInputCommit(e.target.value),
+                onKeyDown: (e) => {
+                  if (e.key === "Enter") handleInputCommit(inputAbs);
+                }
+              }
+            ),
+            !(dep.type === "SF" && effectiveLag === 0) && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+              "button",
+              {
+                type: "button",
+                className: "gantt-tl-dep-edit-btn",
+                onClick: () => handleLagChange(effectiveLag + 1),
+                children: "+"
+              }
+            ),
+            effectiveLag !== 0 && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: "\u0434." }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { children: afterWhat })
+          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "gantt-tl-dep-edit-pred", children: depName }),
+          !disableDependencyEditing && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("hr", { className: "gantt-tl-dep-edit-divider" }),
+            /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-dep-edit-actions", children: [
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "button",
+                {
+                  type: "button",
+                  className: "gantt-tl-dep-edit-close",
+                  onClick: () => {
+                    setPopoverOpen(false);
+                    onChipSelectClear();
+                  },
+                  children: "\u0417\u0430\u043A\u0440\u044B\u0442\u044C"
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "button",
+                {
+                  type: "button",
+                  className: "gantt-tl-dep-edit-delete",
+                  onClick: handleTrashClick,
+                  children: "\u0423\u0434\u0430\u043B\u0438\u0442\u044C \u0441\u0432\u044F\u0437\u044C"
+                }
+              )
+            ] })
+          ] })
         ] })
-      ] })
-    ] }) })
+      }
+    )
   ] });
 };
 var toISODate = (value) => {
   if (value instanceof Date) return value.toISOString().split("T")[0];
-  if (typeof value === "string" && value.includes("T")) return value.split("T")[0];
+  if (typeof value === "string" && value.includes("T"))
+    return value.split("T")[0];
   return value;
 };
 var TaskListRow = import_react10.default.memo(
@@ -3183,13 +3366,20 @@ var TaskListRow = import_react10.default.memo(
     onToggleCollapse,
     onPromoteTask,
     onDemoteTask,
-    isLastChild = true
+    isLastChild = true,
+    nestingDepth = 0,
+    ancestorContinues = [],
+    weekends,
+    workdays,
+    isWeekend: isWeekend3
   }) => {
     const [editingName, setEditingName] = (0, import_react10.useState)(false);
     const [nameValue, setNameValue] = (0, import_react10.useState)("");
     const nameInputRef = (0, import_react10.useRef)(null);
     const [editingDuration, setEditingDuration] = (0, import_react10.useState)(false);
-    const [durationValue, setDurationValue] = (0, import_react10.useState)(getInclusiveDurationDays(task.startDate, task.endDate));
+    const [durationValue, setDurationValue] = (0, import_react10.useState)(
+      getInclusiveDurationDays(task.startDate, task.endDate)
+    );
     const durationInputRef = (0, import_react10.useRef)(null);
     const [editingProgress, setEditingProgress] = (0, import_react10.useState)(false);
     const [progressValue, setProgressValue] = (0, import_react10.useState)(0);
@@ -3199,11 +3389,16 @@ var TaskListRow = import_react10.default.memo(
     const durationConfirmedRef = (0, import_react10.useRef)(false);
     const progressConfirmedRef = (0, import_react10.useRef)(false);
     const autoEditedForRef = (0, import_react10.useRef)(null);
-    const editTriggerRef = (0, import_react10.useRef)("doubleclick");
+    const editTriggerRef = (0, import_react10.useRef)(
+      "doubleclick"
+    );
     const [deletePending, setDeletePending] = (0, import_react10.useState)(false);
     const deleteButtonRef = (0, import_react10.useRef)(null);
     const isSelected = selectedTaskId === task.id;
-    const isParent = (0, import_react10.useMemo)(() => isTaskParent(task.id, allTasks), [task.id, allTasks]);
+    const isParent = (0, import_react10.useMemo)(
+      () => isTaskParent(task.id, allTasks),
+      [task.id, allTasks]
+    );
     const isChild = task.parentId !== void 0;
     const isCollapsed = collapsedParentIds.has(task.id);
     const isPicking = selectingPredecessorFor != null;
@@ -3258,31 +3453,40 @@ var TaskListRow = import_react10.default.memo(
         setEditingName(true);
       }
     }, [editingTaskId, task.id, disableTaskNameEditing]);
-    const handleNameClick = (0, import_react10.useCallback)((e) => {
-      if (disableTaskNameEditing) return;
-      e.stopPropagation();
-      onRowClick?.(task.id);
-      onScrollToTask?.(task.id);
-    }, [task.id, disableTaskNameEditing, onRowClick, onScrollToTask]);
-    const handleNameDoubleClick = (0, import_react10.useCallback)((e) => {
-      if (disableTaskNameEditing) return;
-      e.stopPropagation();
-      nameConfirmedRef.current = false;
-      editTriggerRef.current = "doubleclick";
-      setNameValue(task.name);
-      setEditingName(true);
-    }, [task.name, disableTaskNameEditing]);
-    const handleRowKeyDown = (0, import_react10.useCallback)((e) => {
-      if (editingProgress) return;
-      if (!editingName && !disableTaskNameEditing && e.key === "F2") {
-        e.preventDefault();
+    const handleNameClick = (0, import_react10.useCallback)(
+      (e) => {
+        if (disableTaskNameEditing) return;
+        e.stopPropagation();
+        onRowClick?.(task.id);
+        onScrollToTask?.(task.id);
+      },
+      [task.id, disableTaskNameEditing, onRowClick, onScrollToTask]
+    );
+    const handleNameDoubleClick = (0, import_react10.useCallback)(
+      (e) => {
+        if (disableTaskNameEditing) return;
+        e.stopPropagation();
         nameConfirmedRef.current = false;
-        editTriggerRef.current = "keypress";
+        editTriggerRef.current = "doubleclick";
         setNameValue(task.name);
         setEditingName(true);
-        return;
-      }
-    }, [editingName, disableTaskNameEditing, task.name]);
+      },
+      [task.name, disableTaskNameEditing]
+    );
+    const handleRowKeyDown = (0, import_react10.useCallback)(
+      (e) => {
+        if (editingProgress) return;
+        if (!editingName && !disableTaskNameEditing && e.key === "F2") {
+          e.preventDefault();
+          nameConfirmedRef.current = false;
+          editTriggerRef.current = "keypress";
+          setNameValue(task.name);
+          setEditingName(true);
+          return;
+        }
+      },
+      [editingName, disableTaskNameEditing, task.name]
+    );
     const handleNameSave = (0, import_react10.useCallback)(() => {
       if (nameConfirmedRef.current) {
         nameConfirmedRef.current = false;
@@ -3296,24 +3500,32 @@ var TaskListRow = import_react10.default.memo(
     const handleNameCancel = (0, import_react10.useCallback)(() => {
       setEditingName(false);
     }, []);
-    const handleNameKeyDown = (0, import_react10.useCallback)((e) => {
-      if (e.key === "Enter") {
-        nameConfirmedRef.current = true;
-        if (nameValue.trim()) {
-          onTasksChange?.([{ ...task, name: nameValue.trim() }]);
+    const handleNameKeyDown = (0, import_react10.useCallback)(
+      (e) => {
+        if (e.key === "Enter") {
+          nameConfirmedRef.current = true;
+          if (nameValue.trim()) {
+            onTasksChange?.([{ ...task, name: nameValue.trim() }]);
+          }
+          setEditingName(false);
+        } else if (e.key === "Escape") {
+          handleNameCancel();
         }
-        setEditingName(false);
-      } else if (e.key === "Escape") {
-        handleNameCancel();
-      }
-    }, [nameValue, task, onTasksChange, handleNameCancel]);
-    const handleDurationClick = (0, import_react10.useCallback)((e) => {
-      if (task.locked) return;
-      e.stopPropagation();
-      durationConfirmedRef.current = false;
-      setDurationValue(getInclusiveDurationDays(task.startDate, task.endDate));
-      setEditingDuration(true);
-    }, [task.locked, task.startDate, task.endDate]);
+      },
+      [nameValue, task, onTasksChange, handleNameCancel]
+    );
+    const handleDurationClick = (0, import_react10.useCallback)(
+      (e) => {
+        if (task.locked) return;
+        e.stopPropagation();
+        durationConfirmedRef.current = false;
+        setDurationValue(
+          getInclusiveDurationDays(task.startDate, task.endDate)
+        );
+        setEditingDuration(true);
+      },
+      [task.locked, task.startDate, task.endDate]
+    );
     const applyDurationChange = (0, import_react10.useCallback)((nextDuration) => {
       const normalizedDuration = Math.max(1, Math.round(nextDuration) || 1);
       setDurationValue(normalizedDuration);
@@ -3324,34 +3536,59 @@ var TaskListRow = import_react10.default.memo(
         return;
       }
       const normalizedDuration = Math.max(1, Math.round(durationValue) || 1);
-      onTasksChange?.([{ ...task, endDate: getEndDateFromDuration(task.startDate, normalizedDuration) }]);
+      onTasksChange?.([
+        {
+          ...task,
+          endDate: getEndDateFromDuration(task.startDate, normalizedDuration)
+        }
+      ]);
       setEditingDuration(false);
     }, [durationValue, task, onTasksChange]);
     const handleDurationCancel = (0, import_react10.useCallback)(() => {
       setDurationValue(getInclusiveDurationDays(task.startDate, task.endDate));
       setEditingDuration(false);
     }, [task.startDate, task.endDate]);
-    const handleDurationAdjust = (0, import_react10.useCallback)((delta) => {
-      applyDurationChange(durationValue + delta);
-    }, [applyDurationChange, durationValue]);
-    const handleDurationKeyDown = (0, import_react10.useCallback)((e) => {
-      e.stopPropagation();
-      if (e.key === "Enter") {
-        durationConfirmedRef.current = true;
-        const normalizedDuration = Math.max(1, Math.round(durationValue) || 1);
-        onTasksChange?.([{ ...task, endDate: getEndDateFromDuration(task.startDate, normalizedDuration) }]);
-        setEditingDuration(false);
-      } else if (e.key === "Escape") {
-        handleDurationCancel();
-      }
-    }, [durationValue, task, onTasksChange, handleDurationCancel]);
-    const handleProgressClick = (0, import_react10.useCallback)((e) => {
-      if (task.locked) return;
-      e.stopPropagation();
-      progressConfirmedRef.current = false;
-      setProgressValue(task.progress ?? 0);
-      setEditingProgress(true);
-    }, [task.progress, task.locked]);
+    const handleDurationAdjust = (0, import_react10.useCallback)(
+      (delta) => {
+        applyDurationChange(durationValue + delta);
+      },
+      [applyDurationChange, durationValue]
+    );
+    const handleDurationKeyDown = (0, import_react10.useCallback)(
+      (e) => {
+        e.stopPropagation();
+        if (e.key === "Enter") {
+          durationConfirmedRef.current = true;
+          const normalizedDuration = Math.max(
+            1,
+            Math.round(durationValue) || 1
+          );
+          onTasksChange?.([
+            {
+              ...task,
+              endDate: getEndDateFromDuration(
+                task.startDate,
+                normalizedDuration
+              )
+            }
+          ]);
+          setEditingDuration(false);
+        } else if (e.key === "Escape") {
+          handleDurationCancel();
+        }
+      },
+      [durationValue, task, onTasksChange, handleDurationCancel]
+    );
+    const handleProgressClick = (0, import_react10.useCallback)(
+      (e) => {
+        if (task.locked) return;
+        e.stopPropagation();
+        progressConfirmedRef.current = false;
+        setProgressValue(task.progress ?? 0);
+        setEditingProgress(true);
+      },
+      [task.progress, task.locked]
+    );
     const handleProgressSave = (0, import_react10.useCallback)(() => {
       if (progressConfirmedRef.current) {
         progressConfirmedRef.current = false;
@@ -3374,28 +3611,36 @@ var TaskListRow = import_react10.default.memo(
       setEditingProgress(false);
     }, []);
     const handleProgressAdjust = (0, import_react10.useCallback)((delta) => {
-      setProgressValue((current) => Math.max(0, Math.min(100, current + delta)));
+      setProgressValue(
+        (current) => Math.max(0, Math.min(100, current + delta))
+      );
     }, []);
-    const handleProgressKeyDown = (0, import_react10.useCallback)((e) => {
-      e.stopPropagation();
-      if (e.key === "Enter") {
-        progressConfirmedRef.current = true;
-        const clampedValue = Math.max(0, Math.min(100, progressValue));
-        if ((clampedValue === 100 || clampedValue === 0) && isTaskParent(task.id, allTasks)) {
-          const children = getChildren(task.id, allTasks);
-          const updatedTasks = [
-            { ...task, progress: clampedValue },
-            ...children.map((child) => ({ ...child, progress: clampedValue }))
-          ];
-          onTasksChange?.(updatedTasks);
-        } else {
-          onTasksChange?.([{ ...task, progress: clampedValue }]);
+    const handleProgressKeyDown = (0, import_react10.useCallback)(
+      (e) => {
+        e.stopPropagation();
+        if (e.key === "Enter") {
+          progressConfirmedRef.current = true;
+          const clampedValue = Math.max(0, Math.min(100, progressValue));
+          if ((clampedValue === 100 || clampedValue === 0) && isTaskParent(task.id, allTasks)) {
+            const children = getChildren(task.id, allTasks);
+            const updatedTasks = [
+              { ...task, progress: clampedValue },
+              ...children.map((child) => ({
+                ...child,
+                progress: clampedValue
+              }))
+            ];
+            onTasksChange?.(updatedTasks);
+          } else {
+            onTasksChange?.([{ ...task, progress: clampedValue }]);
+          }
+          setEditingProgress(false);
+        } else if (e.key === "Escape") {
+          handleProgressCancel();
         }
-        setEditingProgress(false);
-      } else if (e.key === "Escape") {
-        handleProgressCancel();
-      }
-    }, [progressValue, task, onTasksChange, handleProgressCancel, allTasks]);
+      },
+      [progressValue, task, onTasksChange, handleProgressCancel, allTasks]
+    );
     (0, import_react10.useEffect)(() => {
       if (editingProgress && progressInputRef.current) {
         progressInputRef.current.focus();
@@ -3411,77 +3656,111 @@ var TaskListRow = import_react10.default.memo(
         durationInputRef.current.select();
       }
     }, [editingDuration]);
-    const handleStartDateChange = (0, import_react10.useCallback)((newDateISO) => {
-      if (!newDateISO) return;
-      const origStart = parseUTCDate(task.startDate);
-      const origEnd = parseUTCDate(task.endDate);
-      const durationMs = origEnd.getTime() - origStart.getTime();
-      const newStart = /* @__PURE__ */ new Date(newDateISO + "T00:00:00Z");
-      const newEnd = new Date(newStart.getTime() + durationMs);
-      const { startDate: normalizedStart, endDate: normalizedEnd } = normalizeTaskDates(
-        newDateISO,
-        newEnd.toISOString().split("T")[0]
-      );
-      onTasksChange?.([{ ...task, startDate: normalizedStart, endDate: normalizedEnd }]);
-    }, [task, onTasksChange]);
-    const handleEndDateChange = (0, import_react10.useCallback)((newDateISO) => {
-      if (!newDateISO) return;
-      const origStart = parseUTCDate(task.startDate);
-      const origEnd = parseUTCDate(task.endDate);
-      const durationMs = origEnd.getTime() - origStart.getTime();
-      const newEnd = /* @__PURE__ */ new Date(newDateISO + "T00:00:00Z");
-      const newStart = new Date(newEnd.getTime() - durationMs);
-      const { startDate: normalizedStart, endDate: normalizedEnd } = normalizeTaskDates(
-        newStart.toISOString().split("T")[0],
-        newDateISO
-      );
-      onTasksChange?.([{ ...task, startDate: normalizedStart, endDate: normalizedEnd }]);
-    }, [task, onTasksChange]);
+    const handleStartDateChange = (0, import_react10.useCallback)(
+      (newDateISO) => {
+        if (!newDateISO) return;
+        const origStart = parseUTCDate(task.startDate);
+        const origEnd = parseUTCDate(task.endDate);
+        const durationMs = origEnd.getTime() - origStart.getTime();
+        const newStart = /* @__PURE__ */ new Date(newDateISO + "T00:00:00Z");
+        const newEnd = new Date(newStart.getTime() + durationMs);
+        const { startDate: normalizedStart, endDate: normalizedEnd } = normalizeTaskDates(newDateISO, newEnd.toISOString().split("T")[0]);
+        onTasksChange?.([
+          { ...task, startDate: normalizedStart, endDate: normalizedEnd }
+        ]);
+      },
+      [task, onTasksChange]
+    );
+    const handleEndDateChange = (0, import_react10.useCallback)(
+      (newDateISO) => {
+        if (!newDateISO) return;
+        const origStart = parseUTCDate(task.startDate);
+        const origEnd = parseUTCDate(task.endDate);
+        const durationMs = origEnd.getTime() - origStart.getTime();
+        const newEnd = /* @__PURE__ */ new Date(newDateISO + "T00:00:00Z");
+        const newStart = new Date(newEnd.getTime() - durationMs);
+        const { startDate: normalizedStart, endDate: normalizedEnd } = normalizeTaskDates(newStart.toISOString().split("T")[0], newDateISO);
+        onTasksChange?.([
+          { ...task, startDate: normalizedStart, endDate: normalizedEnd }
+        ]);
+      },
+      [task, onTasksChange]
+    );
     const handleRowClickInternal = (0, import_react10.useCallback)(() => {
       onRowClick?.(task.id);
     }, [task.id, onRowClick]);
-    const handleNumberClick = (0, import_react10.useCallback)((e) => {
-      e.stopPropagation();
-      onRowClick?.(task.id);
-    }, [task.id, onRowClick]);
-    const handleToggleCollapse = (0, import_react10.useCallback)((e) => {
-      e.stopPropagation();
-      onToggleCollapse?.(task.id);
-    }, [task.id, onToggleCollapse]);
-    const handlePromote = (0, import_react10.useCallback)((e) => {
-      e.stopPropagation();
-      onPromoteTask?.(task.id);
-    }, [task.id, onPromoteTask]);
-    const handleDemote = (0, import_react10.useCallback)((e) => {
-      e.stopPropagation();
-      const currentIndex = allTasks.findIndex((t) => t.id === task.id);
-      if (currentIndex > 0) {
-        const previousTask = allTasks[currentIndex - 1];
-        const targetParentId = previousTask.parentId || previousTask.id;
-        onDemoteTask?.(task.id, targetParentId);
-      }
-    }, [task.id, allTasks, onDemoteTask]);
-    const handleAddClick = (0, import_react10.useCallback)((e) => {
-      e.stopPropagation();
-      onSetSelectingPredecessorFor?.(task.id);
-    }, [task.id, onSetSelectingPredecessorFor]);
-    const handlePredecessorPick = (0, import_react10.useCallback)((e) => {
-      e.stopPropagation();
-      if (!isPicking || isSourceRow) return;
-      if (!selectingPredecessorFor || !activeLinkType) return;
-      onAddDependency?.(task.id, selectingPredecessorFor, activeLinkType);
-    }, [isPicking, isSourceRow, selectingPredecessorFor, task.id, activeLinkType, onAddDependency]);
-    const handleCancelPicking = (0, import_react10.useCallback)((e) => {
-      e.stopPropagation();
-      onSetSelectingPredecessorFor?.(null);
-    }, [onSetSelectingPredecessorFor]);
+    const handleNumberClick = (0, import_react10.useCallback)(
+      (e) => {
+        e.stopPropagation();
+        onRowClick?.(task.id);
+      },
+      [task.id, onRowClick]
+    );
+    const handleToggleCollapse = (0, import_react10.useCallback)(
+      (e) => {
+        e.stopPropagation();
+        onToggleCollapse?.(task.id);
+      },
+      [task.id, onToggleCollapse]
+    );
+    const handlePromote = (0, import_react10.useCallback)(
+      (e) => {
+        e.stopPropagation();
+        onPromoteTask?.(task.id);
+      },
+      [task.id, onPromoteTask]
+    );
+    const handleDemote = (0, import_react10.useCallback)(
+      (e) => {
+        e.stopPropagation();
+        onDemoteTask?.(task.id, "");
+      },
+      [task.id, onDemoteTask]
+    );
+    const handleAddClick = (0, import_react10.useCallback)(
+      (e) => {
+        e.stopPropagation();
+        onSetSelectingPredecessorFor?.(task.id);
+      },
+      [task.id, onSetSelectingPredecessorFor]
+    );
+    const handlePredecessorPick = (0, import_react10.useCallback)(
+      (e) => {
+        e.stopPropagation();
+        if (!isPicking || isSourceRow) return;
+        if (!selectingPredecessorFor || !activeLinkType) return;
+        onAddDependency?.(task.id, selectingPredecessorFor, activeLinkType);
+      },
+      [
+        isPicking,
+        isSourceRow,
+        selectingPredecessorFor,
+        task.id,
+        activeLinkType,
+        onAddDependency
+      ]
+    );
+    const handleCancelPicking = (0, import_react10.useCallback)(
+      (e) => {
+        e.stopPropagation();
+        onSetSelectingPredecessorFor?.(null);
+      },
+      [onSetSelectingPredecessorFor]
+    );
     const isSelectedPredecessor = selectedChip != null && selectedChip.predecessorId === task.id;
-    const handleDeleteSelected = (0, import_react10.useCallback)((e) => {
-      e.stopPropagation();
-      if (!selectedChip) return;
-      onRemoveDependency?.(selectedChip.successorId, selectedChip.predecessorId, selectedChip.linkType);
-      onChipSelect?.(null);
-    }, [selectedChip, onRemoveDependency, onChipSelect]);
+    const handleDeleteSelected = (0, import_react10.useCallback)(
+      (e) => {
+        e.stopPropagation();
+        if (!selectedChip) return;
+        onRemoveDependency?.(
+          selectedChip.successorId,
+          selectedChip.predecessorId,
+          selectedChip.linkType
+        );
+        onChipSelect?.(null);
+      },
+      [selectedChip, onRemoveDependency, onChipSelect]
+    );
     const startDateISO = toISODate(task.startDate);
     const endDateISO = editingDuration ? getEndDateFromDuration(task.startDate, durationValue) : toISODate(task.endDate);
     return /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
@@ -3534,13 +3813,78 @@ var TaskListRow = import_react10.default.memo(
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-cell gantt-tl-cell-name", children: [
-            isChild && !editingName && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(HierarchyConnectorIcon, { isLastChild }),
+            isChild && !editingName && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(import_jsx_runtime12.Fragment, { children: [
+              ancestorContinues.map(
+                (continues, idx) => continues ? /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                  "span",
+                  {
+                    style: {
+                      position: "absolute",
+                      left: `${idx * 20 + 9}px`,
+                      top: 0,
+                      height: `${rowHeight}px`,
+                      width: "1.5px",
+                      background: "#d4bceb",
+                      borderRadius: "1px",
+                      pointerEvents: "none"
+                    }
+                  },
+                  idx
+                ) : null
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "span",
+                {
+                  style: {
+                    position: "absolute",
+                    left: `${(nestingDepth - 1) * 20 + 9}px`,
+                    top: 0,
+                    height: isLastChild ? `${rowHeight / 2}px` : `${rowHeight}px`,
+                    width: "1.5px",
+                    background: "#d4bceb",
+                    borderRadius: "1px",
+                    pointerEvents: "none"
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "span",
+                {
+                  style: {
+                    position: "absolute",
+                    left: `${(nestingDepth - 1) * 20 + 9}px`,
+                    top: `${rowHeight / 2 - 0.75}px`,
+                    width: "8px",
+                    height: "1.5px",
+                    background: "#d4bceb",
+                    borderRadius: "1px",
+                    pointerEvents: "none"
+                  }
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                "span",
+                {
+                  style: {
+                    position: "absolute",
+                    left: `${(nestingDepth - 1) * 20 + 15}px`,
+                    top: `${rowHeight / 2 - 2}px`,
+                    width: "4px",
+                    height: "4px",
+                    borderRadius: "50%",
+                    background: "#d4bceb",
+                    pointerEvents: "none"
+                  }
+                }
+              )
+            ] }),
             isParent && !editingName && /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
               "button",
               {
                 type: "button",
                 className: `gantt-tl-collapse-btn ${isCollapsed ? "gantt-tl-collapse-btn-collapsed" : ""}`,
                 onClick: handleToggleCollapse,
+                style: { left: `${nestingDepth * 20 + 4}px` },
                 "aria-label": isCollapsed ? "Expand children" : "Collapse children",
                 children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(ChevronRightIcon, {})
               }
@@ -3554,7 +3898,10 @@ var TaskListRow = import_react10.default.memo(
                 onChange: (e) => setNameValue(e.target.value),
                 onBlur: handleNameSave,
                 onKeyDown: handleNameKeyDown,
-                className: ["gantt-tl-name-input", isChild ? "gantt-tl-name-input-child" : ""].filter(Boolean).join(" "),
+                className: "gantt-tl-name-input",
+                style: {
+                  paddingLeft: nestingDepth > 0 ? `${nestingDepth * 20 + 24}px` : void 0
+                },
                 onClick: (e) => e.stopPropagation()
               }
             ),
@@ -3564,14 +3911,15 @@ var TaskListRow = import_react10.default.memo(
                 type: "button",
                 className: [
                   "gantt-tl-name-trigger",
-                  disableTaskNameEditing ? "gantt-tl-name-locked" : "",
-                  isParent ? "gantt-tl-name-trigger-parent" : "",
-                  isChild ? "gantt-tl-name-trigger-child" : ""
+                  disableTaskNameEditing ? "gantt-tl-name-locked" : ""
                 ].filter(Boolean).join(" "),
                 title: task.name,
                 onClick: handleNameClick,
                 onDoubleClick: handleNameDoubleClick,
-                style: editingName ? { visibility: "hidden", pointerEvents: "none" } : void 0,
+                style: {
+                  paddingLeft: nestingDepth > 0 ? `${nestingDepth * 20 + (isParent ? 26 : 8)}px` : isParent ? "26px" : void 0,
+                  ...editingName ? { visibility: "hidden", pointerEvents: "none" } : void 0
+                },
                 children: task.name
               }
             ),
@@ -3584,16 +3932,20 @@ var TaskListRow = import_react10.default.memo(
                   onClick: (e) => {
                     e.stopPropagation();
                     const now = /* @__PURE__ */ new Date();
-                    const todayISO = new Date(Date.UTC(
-                      now.getUTCFullYear(),
-                      now.getUTCMonth(),
-                      now.getUTCDate()
-                    )).toISOString().split("T")[0];
-                    const endISO = new Date(Date.UTC(
-                      now.getUTCFullYear(),
-                      now.getUTCMonth(),
-                      now.getUTCDate() + 7
-                    )).toISOString().split("T")[0];
+                    const todayISO = new Date(
+                      Date.UTC(
+                        now.getUTCFullYear(),
+                        now.getUTCMonth(),
+                        now.getUTCDate()
+                      )
+                    ).toISOString().split("T")[0];
+                    const endISO = new Date(
+                      Date.UTC(
+                        now.getUTCFullYear(),
+                        now.getUTCMonth(),
+                        now.getUTCDate() + 7
+                      )
+                    ).toISOString().split("T")[0];
                     const newTask = {
                       id: crypto.randomUUID(),
                       name: "\u041D\u043E\u0432\u0430\u044F \u0437\u0430\u0434\u0430\u0447\u0430",
@@ -3629,7 +3981,6 @@ var TaskListRow = import_react10.default.memo(
                 HierarchyButton,
                 {
                   isChild,
-                  isParent,
                   rowIndex,
                   onPromote: onPromoteTask ? handlePromote : void 0,
                   onDemote: onDemoteTask ? handleDemote : void 0
@@ -3637,113 +3988,234 @@ var TaskListRow = import_react10.default.memo(
               )
             ] })
           ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "gantt-tl-cell gantt-tl-cell-date", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            DatePicker,
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "div",
             {
-              value: startDateISO,
-              onChange: handleStartDateChange,
-              format: "dd.MM.yy",
-              portal: true,
-              disabled: task.locked
+              className: "gantt-tl-cell gantt-tl-cell-date",
+              onClick: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                DatePicker,
+                {
+                  value: startDateISO,
+                  onChange: handleStartDateChange,
+                  format: "dd.MM.yy",
+                  portal: true,
+                  disabled: task.locked,
+                  weekends,
+                  workdays,
+                  isWeekend: isWeekend3
+                }
+              )
             }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "gantt-tl-cell gantt-tl-cell-date", onClick: (e) => e.stopPropagation(), children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-            DatePicker,
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+            "div",
             {
-              value: endDateISO,
-              onChange: handleEndDateChange,
-              format: "dd.MM.yy",
-              portal: true,
-              disabled: task.locked
-            }
-          ) }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-cell gantt-tl-cell-duration", onClick: handleDurationClick, children: [
-            editingDuration && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-number-editor", onClick: (e) => e.stopPropagation(), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                Input,
+              className: "gantt-tl-cell gantt-tl-cell-date",
+              onClick: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                DatePicker,
                 {
-                  ref: durationInputRef,
-                  type: "number",
-                  min: 1,
-                  step: 1,
-                  value: durationValue,
-                  onChange: (e) => applyDurationChange(parseInt(e.target.value, 10) || 1),
-                  onBlur: handleDurationSave,
-                  onKeyDown: handleDurationKeyDown,
-                  className: "gantt-tl-number-input"
+                  value: endDateISO,
+                  onChange: handleEndDateChange,
+                  format: "dd.MM.yy",
+                  portal: true,
+                  disabled: task.locked,
+                  weekends,
+                  workdays,
+                  isWeekend: isWeekend3
                 }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                  "button",
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            "div",
+            {
+              className: "gantt-tl-cell gantt-tl-cell-duration",
+              onClick: handleDurationClick,
+              children: [
+                editingDuration && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                  "div",
                   {
-                    type: "button",
-                    className: "gantt-tl-number-stepper",
-                    tabIndex: -1,
-                    onMouseDown: (e) => e.preventDefault(),
-                    onClick: () => handleDurationAdjust(1),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m18 15-6-6-6 6" }) })
+                    className: "gantt-tl-number-editor",
+                    onClick: (e) => e.stopPropagation(),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                        Input,
+                        {
+                          ref: durationInputRef,
+                          type: "number",
+                          min: 1,
+                          step: 1,
+                          value: durationValue,
+                          onChange: (e) => applyDurationChange(parseInt(e.target.value, 10) || 1),
+                          onBlur: handleDurationSave,
+                          onKeyDown: handleDurationKeyDown,
+                          className: "gantt-tl-number-input"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                          "button",
+                          {
+                            type: "button",
+                            className: "gantt-tl-number-stepper",
+                            tabIndex: -1,
+                            onMouseDown: (e) => e.preventDefault(),
+                            onClick: () => handleDurationAdjust(1),
+                            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "10",
+                                height: "10",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                strokeWidth: "2",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m18 15-6-6-6 6" })
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                          "button",
+                          {
+                            type: "button",
+                            className: "gantt-tl-number-stepper",
+                            tabIndex: -1,
+                            onMouseDown: (e) => e.preventDefault(),
+                            onClick: () => handleDurationAdjust(-1),
+                            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "10",
+                                height: "10",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                strokeWidth: "2",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m6 9 6 6 6-6" })
+                              }
+                            )
+                          }
+                        )
+                      ] })
+                    ]
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                  "button",
+                  "span",
                   {
-                    type: "button",
-                    className: "gantt-tl-number-stepper",
-                    tabIndex: -1,
-                    onMouseDown: (e) => e.preventDefault(),
-                    onClick: () => handleDurationAdjust(-1),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m6 9 6 6 6-6" }) })
+                    style: editingDuration ? { visibility: "hidden", pointerEvents: "none" } : void 0,
+                    children: getInclusiveDurationDays(task.startDate, task.endDate)
                   }
                 )
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: editingDuration ? { visibility: "hidden", pointerEvents: "none" } : void 0, children: getInclusiveDurationDays(task.startDate, task.endDate) })
-          ] }),
-          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-cell gantt-tl-cell-progress", onClick: handleProgressClick, children: [
-            editingProgress && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-number-editor", onClick: (e) => e.stopPropagation(), children: [
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                Input,
-                {
-                  ref: progressInputRef,
-                  type: "number",
-                  min: 0,
-                  max: 100,
-                  step: 1,
-                  value: progressValue,
-                  onChange: (e) => setProgressValue(parseInt(e.target.value, 10) || 0),
-                  onBlur: handleProgressSave,
-                  onKeyDown: handleProgressKeyDown,
-                  className: "gantt-tl-number-input"
-                }
-              ),
-              /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
-                /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                  "button",
+              ]
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+            "div",
+            {
+              className: "gantt-tl-cell gantt-tl-cell-progress",
+              onClick: handleProgressClick,
+              children: [
+                editingProgress && /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)(
+                  "div",
                   {
-                    type: "button",
-                    className: "gantt-tl-number-stepper",
-                    tabIndex: -1,
-                    onMouseDown: (e) => e.preventDefault(),
-                    onClick: () => handleProgressAdjust(1),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m18 15-6-6-6 6" }) })
+                    className: "gantt-tl-number-editor",
+                    onClick: (e) => e.stopPropagation(),
+                    children: [
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                        Input,
+                        {
+                          ref: progressInputRef,
+                          type: "number",
+                          min: 0,
+                          max: 100,
+                          step: 1,
+                          value: progressValue,
+                          onChange: (e) => setProgressValue(parseInt(e.target.value, 10) || 0),
+                          onBlur: handleProgressSave,
+                          onKeyDown: handleProgressKeyDown,
+                          className: "gantt-tl-number-input"
+                        }
+                      ),
+                      /* @__PURE__ */ (0, import_jsx_runtime12.jsxs)("div", { className: "gantt-tl-number-steppers", "aria-hidden": "true", children: [
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                          "button",
+                          {
+                            type: "button",
+                            className: "gantt-tl-number-stepper",
+                            tabIndex: -1,
+                            onMouseDown: (e) => e.preventDefault(),
+                            onClick: () => handleProgressAdjust(1),
+                            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "10",
+                                height: "10",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                strokeWidth: "2",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m18 15-6-6-6 6" })
+                              }
+                            )
+                          }
+                        ),
+                        /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                          "button",
+                          {
+                            type: "button",
+                            className: "gantt-tl-number-stepper",
+                            tabIndex: -1,
+                            onMouseDown: (e) => e.preventDefault(),
+                            onClick: () => handleProgressAdjust(-1),
+                            children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                              "svg",
+                              {
+                                xmlns: "http://www.w3.org/2000/svg",
+                                width: "10",
+                                height: "10",
+                                viewBox: "0 0 24 24",
+                                fill: "none",
+                                stroke: "currentColor",
+                                strokeWidth: "2",
+                                strokeLinecap: "round",
+                                strokeLinejoin: "round",
+                                children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m6 9 6 6 6-6" })
+                              }
+                            )
+                          }
+                        )
+                      ] })
+                    ]
                   }
                 ),
                 /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                  "button",
+                  "span",
                   {
-                    type: "button",
-                    className: "gantt-tl-number-stepper",
-                    tabIndex: -1,
-                    onMouseDown: (e) => e.preventDefault(),
-                    onClick: () => handleProgressAdjust(-1),
-                    children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("path", { d: "m6 9 6 6 6-6" }) })
+                    style: editingProgress ? { visibility: "hidden", pointerEvents: "none" } : task.progress === 100 ? {
+                      backgroundColor: "#17c864",
+                      borderRadius: "4px",
+                      padding: "2px 4px",
+                      color: "#ffffff"
+                    } : void 0,
+                    children: task.progress ? Math.round(task.progress) === 100 ? "100" : `${Math.round(task.progress)}%` : "0%"
                   }
                 )
-              ] })
-            ] }),
-            /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("span", { style: editingProgress ? { visibility: "hidden", pointerEvents: "none" } : void 0, children: task.progress ? `${Math.round(task.progress)}%` : "0%" })
-          ] }),
+              ]
+            }
+          ),
           /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
             "div",
             {
@@ -3784,26 +4256,33 @@ var TaskListRow = import_react10.default.memo(
                         ]
                       }
                     ) }),
-                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)("div", { className: "gantt-tl-dep-overflow-list", onClick: (e) => e.stopPropagation(), children: chips.map(({ dep, lag, predecessorName }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
-                      DepChip,
+                    /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(PopoverContent, { portal: true, align: "start", children: /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                      "div",
                       {
-                        lag,
-                        dep,
-                        taskId: task.id,
-                        predecessorName,
-                        selectedChip,
-                        disableDependencyEditing,
-                        onChipSelect,
-                        onRowClick,
-                        onScrollToTask,
-                        onRemoveDependency,
-                        onChipSelectClear: () => onChipSelect?.(null),
-                        task,
-                        allTasks,
-                        onTasksChange
-                      },
-                      `${dep.taskId}-${dep.type}`
-                    )) }) })
+                        className: "gantt-tl-dep-overflow-list",
+                        onClick: (e) => e.stopPropagation(),
+                        children: chips.map(({ dep, lag, predecessorName }) => /* @__PURE__ */ (0, import_jsx_runtime12.jsx)(
+                          DepChip,
+                          {
+                            lag,
+                            dep,
+                            taskId: task.id,
+                            predecessorName,
+                            selectedChip,
+                            disableDependencyEditing,
+                            onChipSelect,
+                            onRowClick,
+                            onScrollToTask,
+                            onRemoveDependency,
+                            onChipSelectClear: () => onChipSelect?.(null),
+                            task,
+                            allTasks,
+                            onTasksChange
+                          },
+                          `${dep.taskId}-${dep.type}`
+                        ))
+                      }
+                    ) })
                   ] })
                 ) : chips.length === 1 ? (
                   /* Single chip — unified DepChip */
@@ -3968,7 +4447,10 @@ var TaskList = ({
   collapsedParentIds: externalCollapsedParentIds,
   onToggleCollapse: externalOnToggleCollapse,
   onPromoteTask,
-  onDemoteTask
+  onDemoteTask,
+  weekends,
+  workdays,
+  isWeekend: isWeekend3
 }) => {
   const [internalCollapsedParentIds, setInternalCollapsedParentIds] = (0, import_react12.useState)(/* @__PURE__ */ new Set());
   const collapsedParentIds = externalCollapsedParentIds ?? internalCollapsedParentIds;
@@ -4002,6 +4484,25 @@ var TaskList = ({
     () => visibleTasks.length * rowHeight,
     [visibleTasks.length, rowHeight]
   );
+  const nestingDepthMap = (0, import_react12.useMemo)(() => {
+    const depthMap = /* @__PURE__ */ new Map();
+    const taskById = new Map(tasks.map((t) => [t.id, t]));
+    function getDepth(taskId) {
+      if (depthMap.has(taskId)) return depthMap.get(taskId);
+      const task = taskById.get(taskId);
+      if (!task || !task.parentId || !taskById.has(task.parentId)) {
+        depthMap.set(taskId, 0);
+        return 0;
+      }
+      const depth = getDepth(task.parentId) + 1;
+      depthMap.set(taskId, depth);
+      return depth;
+    }
+    for (const task of tasks) {
+      getDepth(task.id);
+    }
+    return depthMap;
+  }, [tasks]);
   const lastChildIds = (0, import_react12.useMemo)(() => {
     const last = /* @__PURE__ */ new Set();
     const seenParents = /* @__PURE__ */ new Set();
@@ -4014,6 +4515,20 @@ var TaskList = ({
     }
     return last;
   }, [visibleTasks]);
+  const ancestorContinuesMap = (0, import_react12.useMemo)(() => {
+    const taskById = new Map(tasks.map((t) => [t.id, t]));
+    const map = /* @__PURE__ */ new Map();
+    for (const task of visibleTasks) {
+      const continues = [];
+      let current = taskById.get(task.id);
+      while (current?.parentId && taskById.has(current.parentId)) {
+        continues.unshift(!lastChildIds.has(current.id));
+        current = taskById.get(current.parentId);
+      }
+      map.set(task.id, continues.slice(0, -1));
+    }
+    return map;
+  }, [tasks, visibleTasks, lastChildIds]);
   const handleRowClick = (0, import_react12.useCallback)((taskId) => {
     onTaskSelect?.(taskId);
   }, [onTaskSelect]);
@@ -4124,9 +4639,6 @@ var TaskList = ({
     if (dropTarget.parentId === draggedTaskId) {
       return false;
     }
-    if (dropTarget.parentId) {
-      return false;
-    }
     const draggedTask = orderedTasks.find((t) => t.id === draggedTaskId);
     if (!draggedTask) return true;
     const descendants = getAllDescendants(draggedTaskId, orderedTasks);
@@ -4272,6 +4784,52 @@ var TaskList = ({
     setIsCreating(false);
   }, [onAdd]);
   const handleCancelNewTask = (0, import_react12.useCallback)(() => setIsCreating(false), []);
+  function getTaskDepth(task, tasks2) {
+    if (!task) return 0;
+    let depth = 0;
+    let current = task;
+    while (current) {
+      if (!current.parentId) break;
+      depth++;
+      const parentId = current.parentId;
+      current = tasks2.find((t) => t.id === parentId);
+    }
+    return depth;
+  }
+  const handleDemoteWrapper = (0, import_react12.useCallback)((taskId, _newParentId) => {
+    const taskIndex = visibleTasks.findIndex((t) => t.id === taskId);
+    const currentTask = visibleTasks[taskIndex];
+    const currentDepth = getTaskDepth(currentTask, orderedTasks);
+    if (taskIndex > 0) {
+      for (let i = taskIndex - 1; i >= 0; i--) {
+        const previousTask = visibleTasks[i];
+        const previousDepth = getTaskDepth(previousTask, orderedTasks);
+        if (previousDepth === currentDepth) {
+          onDemoteTask?.(taskId, previousTask.id);
+          return;
+        }
+        if (previousDepth < currentDepth) {
+          break;
+        }
+      }
+      return;
+    }
+    const demotedTask = orderedTasks.find((t) => t.id === taskId);
+    if (!demotedTask) return;
+    const newSectionTask = {
+      id: crypto.randomUUID(),
+      name: "\u041D\u043E\u0432\u044B\u0439 \u0440\u0430\u0437\u0434\u0435\u043B",
+      startDate: demotedTask.startDate,
+      endDate: demotedTask.endDate
+    };
+    const updatedTasks = [
+      newSectionTask,
+      ...orderedTasks.map(
+        (t) => t.id === taskId ? { ...t, parentId: newSectionTask.id } : t
+      )
+    ];
+    onReorder?.(updatedTasks, taskId, newSectionTask.id);
+  }, [visibleTasks, orderedTasks, onDemoteTask, onReorder]);
   const effectiveTaskListWidth = Math.max(taskListWidth, MIN_TASK_LIST_WIDTH);
   return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
     "div",
@@ -4355,8 +4913,13 @@ var TaskList = ({
             collapsedParentIds,
             onToggleCollapse: handleToggleCollapse,
             onPromoteTask,
-            onDemoteTask,
-            isLastChild: lastChildIds.has(task.id)
+            onDemoteTask: onDemoteTask ? handleDemoteWrapper : void 0,
+            isLastChild: lastChildIds.has(task.id),
+            nestingDepth: nestingDepthMap.get(task.id) ?? 0,
+            ancestorContinues: ancestorContinuesMap.get(task.id) ?? [],
+            weekends,
+            workdays,
+            isWeekend: isWeekend3
           },
           task.id
         )) }),
@@ -4424,7 +4987,10 @@ var GanttChart = (0, import_react13.forwardRef)(({
   onPromoteTask,
   onDemoteTask,
   enableAddTask = true,
-  viewMode = "day"
+  viewMode = "day",
+  weekends,
+  workdays,
+  isWeekend: isWeekend3
 }, ref) => {
   const scrollContainerRef = (0, import_react13.useRef)(null);
   const [selectedTaskId, setSelectedTaskId] = (0, import_react13.useState)(null);
@@ -4433,6 +4999,10 @@ var GanttChart = (0, import_react13.forwardRef)(({
   const [collapsedParentIds, setCollapsedParentIds] = (0, import_react13.useState)(/* @__PURE__ */ new Set());
   const [editingTaskId, setEditingTaskId] = (0, import_react13.useState)(null);
   const normalizedTasks = (0, import_react13.useMemo)(() => normalizeHierarchyTasks(tasks), [tasks]);
+  const isCustomWeekend = (0, import_react13.useMemo)(
+    () => createIsWeekendPredicate({ weekends, workdays, isWeekend: isWeekend3 }),
+    [weekends, workdays, isWeekend3]
+  );
   const dateRange = (0, import_react13.useMemo)(() => getMultiMonthDays(normalizedTasks), [normalizedTasks]);
   const [validationResult, setValidationResult] = (0, import_react13.useState)(null);
   const [cascadeOverrides, setCascadeOverrides] = (0, import_react13.useState)(/* @__PURE__ */ new Map());
@@ -4665,6 +5235,17 @@ var GanttChart = (0, import_react13.forwardRef)(({
     }),
     [scrollToToday, scrollToTask, handleCollapseAll, handleExpandAll]
   );
+  function getTaskDepth(taskId, tasks2) {
+    let depth = 0;
+    let current = tasks2.find((t) => t.id === taskId);
+    while (current) {
+      if (!current.parentId) break;
+      depth++;
+      const parentId = current.parentId;
+      current = tasks2.find((t) => t.id === parentId);
+    }
+    return depth;
+  }
   const handlePromoteTask = (0, import_react13.useCallback)((taskId) => {
     if (onPromoteTask) {
       onPromoteTask(taskId);
@@ -4674,20 +5255,20 @@ var GanttChart = (0, import_react13.forwardRef)(({
     if (!taskToPromote || !taskToPromote.parentId) {
       return;
     }
-    const parentId = taskToPromote.parentId;
-    const siblings = tasks.filter((t) => t.parentId === parentId);
+    const depth = getTaskDepth(taskId, tasks);
+    const grandparentId = depth > 1 ? tasks.find((t) => t.id === taskToPromote.parentId)?.parentId : void 0;
+    const currentParentId = taskToPromote.parentId;
+    const siblings = tasks.filter((t) => t.parentId === currentParentId);
+    const promotedTask = { ...taskToPromote, parentId: grandparentId };
     if (siblings.length <= 1) {
-      const promotedTask2 = { ...taskToPromote, parentId: void 0 };
-      onTasksChange?.([promotedTask2]);
+      onTasksChange?.([promotedTask]);
       return;
     }
-    const lastSiblingIndex = tasks.map((t, i) => ({ task: t, index: i })).filter(({ task }) => task.parentId === parentId).sort((a, b) => b.index - a.index)[0];
+    const lastSiblingIndex = tasks.map((t, i) => ({ task: t, index: i })).filter(({ task }) => task.parentId === currentParentId).sort((a, b) => b.index - a.index)[0];
     if (!lastSiblingIndex) {
-      const promotedTask2 = { ...taskToPromote, parentId: void 0 };
-      onTasksChange?.([promotedTask2]);
+      onTasksChange?.([promotedTask]);
       return;
     }
-    const promotedTask = { ...taskToPromote, parentId: void 0 };
     const reorderedTasks = normalizeHierarchyTasks([
       ...tasks.filter((t) => t.id !== taskId).slice(0, lastSiblingIndex.index + 1),
       promotedTask,
@@ -4813,7 +5394,10 @@ var GanttChart = (0, import_react13.forwardRef)(({
             collapsedParentIds,
             onToggleCollapse: handleToggleCollapse,
             onPromoteTask: onPromoteTask ?? handlePromoteTask,
-            onDemoteTask: onDemoteTask ?? handleDemoteTask
+            onDemoteTask: onDemoteTask ?? handleDemoteTask,
+            weekends,
+            workdays,
+            isWeekend: isWeekend3
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { style: { minWidth: `${gridWidth}px`, flex: 1 }, children: [
@@ -4823,7 +5407,8 @@ var GanttChart = (0, import_react13.forwardRef)(({
               days: dateRange,
               dayWidth,
               headerHeight,
-              viewMode
+              viewMode,
+              isCustomWeekend
             }
           ) }),
           /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)(
@@ -4841,7 +5426,8 @@ var GanttChart = (0, import_react13.forwardRef)(({
                     dateRange,
                     dayWidth,
                     totalHeight: totalGridHeight,
-                    viewMode
+                    viewMode,
+                    isCustomWeekend
                   }
                 ),
                 todayInRange && /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(TodayIndicator_default, { monthStart, dayWidth }),
@@ -4956,6 +5542,8 @@ init_dateUtils();
   computeLagFromDates,
   computeParentDates,
   computeParentProgress,
+  createDateKey,
+  createIsWeekendPredicate,
   detectCycles,
   detectEdgeZone,
   findParentId,