iris-gantt 1.6.0 → 1.6.2

package/dist/iris-gantt.js

@@ -1,5 +1,5 @@
-import A, { useState as G, memo as Ir, forwardRef as wr, useCallback as Je, useEffect as ut, useRef as ft } from "react";
-import { Typography as br, Select as ke, InputNumber as at, Button as Pe, Popover as zr, Tooltip as nt, Input as pt, Space as er, Segmented as Br, Divider as tr, Form as je, Modal as At, DatePicker as Sr, ColorPicker as vr, Alert as Hr, Card as dr, List as Jt, Tag as Wr, Menu as Vr } from "antd";
+import A, { useState as J, memo as Ir, forwardRef as wr, useCallback as Je, useEffect as ut, useRef as ft } from "react";
+import { Typography as br, Select as Oe, InputNumber as at, Button as Pe, Popover as zr, Tooltip as nt, Input as pt, Space as er, Segmented as Br, Divider as tr, Form as je, Modal as At, DatePicker as Sr, ColorPicker as vr, Alert as Hr, Card as dr, List as Jt, Tag as Wr, Menu as Vr } from "antd";
 import { FontAwesomeIcon as Ee } from "@fortawesome/react-fontawesome";
 import { faChevronDown as cr, faPlus as ar, faGripVertical as Xr, faChevronRight as Ur, faTimesCircle as qr, faSearchMinus as Gr, faSearchPlus as Jr, faRotateLeft as jr, faFileCsv as Kr, faFileExcel as Zr, faFileCode as Qr, faFilePdf as en, faExclamationTriangle as tn, faLink as Tr, faTrash as Dr, faInfoCircle as rn, faEdit as nn, faCopy as an, faFlag as on, faTasks as sn, faFolder as ln } from "@fortawesome/free-solid-svg-icons";
 import Mr from "dayjs";
@@ -9,12 +9,12 @@ function dn() {
   if (ur) return Ft;
   ur = 1;
   var e = A, a = /* @__PURE__ */ Symbol.for("react.element"), n = /* @__PURE__ */ Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, c = { key: !0, ref: !0, __self: !0, __source: !0 };
-  function b(u, d, p) {
-    var h, v = {}, y = null, m = null;
-    p !== void 0 && (y = "" + p), d.key !== void 0 && (y = "" + d.key), d.ref !== void 0 && (m = d.ref);
-    for (h in d) s.call(d, h) && !c.hasOwnProperty(h) && (v[h] = d[h]);
-    if (u && u.defaultProps) for (h in d = u.defaultProps, d) v[h] === void 0 && (v[h] = d[h]);
-    return { $$typeof: a, type: u, key: y, ref: m, props: v, _owner: r.current };
+  function b(u, d, h) {
+    var p, S = {}, y = null, m = null;
+    h !== void 0 && (y = "" + h), d.key !== void 0 && (y = "" + d.key), d.ref !== void 0 && (m = d.ref);
+    for (p in d) s.call(d, p) && !c.hasOwnProperty(p) && (S[p] = d[p]);
+    if (u && u.defaultProps) for (p in d = u.defaultProps, d) S[p] === void 0 && (S[p] = d[p]);
+    return { $$typeof: a, type: u, key: y, ref: m, props: S, _owner: r.current };
   }
   return Ft.Fragment = n, Ft.jsx = b, Ft.jsxs = b, Ft;
 }
@@ -22,7 +22,7 @@ var Rt = {};
 var pr;
 function cn() {
   return pr || (pr = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = A, a = /* @__PURE__ */ Symbol.for("react.element"), n = /* @__PURE__ */ Symbol.for("react.portal"), s = /* @__PURE__ */ Symbol.for("react.fragment"), r = /* @__PURE__ */ Symbol.for("react.strict_mode"), c = /* @__PURE__ */ Symbol.for("react.profiler"), b = /* @__PURE__ */ Symbol.for("react.provider"), u = /* @__PURE__ */ Symbol.for("react.context"), d = /* @__PURE__ */ Symbol.for("react.forward_ref"), p = /* @__PURE__ */ Symbol.for("react.suspense"), h = /* @__PURE__ */ Symbol.for("react.suspense_list"), v = /* @__PURE__ */ Symbol.for("react.memo"), y = /* @__PURE__ */ Symbol.for("react.lazy"), m = /* @__PURE__ */ Symbol.for("react.offscreen"), E = Symbol.iterator, F = "@@iterator";
+    var e = A, a = /* @__PURE__ */ Symbol.for("react.element"), n = /* @__PURE__ */ Symbol.for("react.portal"), s = /* @__PURE__ */ Symbol.for("react.fragment"), r = /* @__PURE__ */ Symbol.for("react.strict_mode"), c = /* @__PURE__ */ Symbol.for("react.profiler"), b = /* @__PURE__ */ Symbol.for("react.provider"), u = /* @__PURE__ */ Symbol.for("react.context"), d = /* @__PURE__ */ Symbol.for("react.forward_ref"), h = /* @__PURE__ */ Symbol.for("react.suspense"), p = /* @__PURE__ */ Symbol.for("react.suspense_list"), S = /* @__PURE__ */ Symbol.for("react.memo"), y = /* @__PURE__ */ Symbol.for("react.lazy"), m = /* @__PURE__ */ Symbol.for("react.offscreen"), E = Symbol.iterator, F = "@@iterator";
     function N(o) {
       if (o === null || typeof o != "object")
         return null;
@@ -30,7 +30,7 @@ function cn() {
       return typeof x == "function" ? x : null;
     }
     var M = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(o) {
+    function v(o) {
       {
         for (var x = arguments.length, L = new Array(x > 1 ? x - 1 : 0), _ = 1; _ < x; _++)
           L[_ - 1] = arguments[_];
@@ -50,7 +50,7 @@ function cn() {
     var C = !1, Z = !1, W = !1, re = !1, le = !1, j;
     j = /* @__PURE__ */ Symbol.for("react.module.reference");
     function X(o) {
-      return !!(typeof o == "string" || typeof o == "function" || o === s || o === c || le || o === r || o === p || o === h || re || o === m || C || Z || W || typeof o == "object" && o !== null && (o.$$typeof === y || o.$$typeof === v || o.$$typeof === b || o.$$typeof === u || o.$$typeof === d || // This needs to include all possible module reference object
+      return !!(typeof o == "string" || typeof o == "function" || o === s || o === c || le || o === r || o === h || o === p || re || o === m || C || Z || W || typeof o == "object" && o !== null && (o.$$typeof === y || o.$$typeof === S || o.$$typeof === b || o.$$typeof === u || o.$$typeof === d || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -63,13 +63,13 @@ function cn() {
       var te = x.displayName || x.name || "";
       return te !== "" ? L + "(" + te + ")" : L;
     }
-    function O(o) {
+    function k(o) {
       return o.displayName || "Context";
     }
     function B(o) {
       if (o == null)
         return null;
-      if (typeof o.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
+      if (typeof o.tag == "number" && v("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof o == "function")
         return o.displayName || o.name || null;
       if (typeof o == "string")
         return o;
@@ -82,22 +82,22 @@ function cn() {
           return "Profiler";
         case r:
           return "StrictMode";
-        case p:
-          return "Suspense";
         case h:
+          return "Suspense";
+        case p:
           return "SuspenseList";
       }
       if (typeof o == "object")
         switch (o.$$typeof) {
           case u:
             var x = o;
-            return O(x) + ".Consumer";
+            return k(x) + ".Consumer";
           case b:
             var L = o;
-            return O(L._context) + ".Provider";
+            return k(L._context) + ".Provider";
           case d:
             return R(o, o.render, "ForwardRef");
-          case v:
+          case S:
             var _ = o.displayName || null;
             return _ !== null ? _ : B(o.type) || "Memo";
           case y: {
@@ -111,13 +111,13 @@ function cn() {
         }
       return null;
     }
-    var Y = Object.assign, k = 0, De, Se, V, I, ne, de, se;
+    var Y = Object.assign, O = 0, De, Se, V, I, ne, de, se;
     function ue() {
     }
     ue.__reactDisabledLog = !0;
     function z() {
       {
-        if (k === 0) {
+        if (O === 0) {
           De = console.log, Se = console.info, V = console.warn, I = console.error, ne = console.group, de = console.groupCollapsed, se = console.groupEnd;
           var o = {
             configurable: !0,
@@ -135,12 +135,12 @@ function cn() {
             groupEnd: o
           });
         }
-        k++;
+        O++;
       }
     }
     function ye() {
       {
-        if (k--, k === 0) {
+        if (O--, O === 0) {
           var o = {
             configurable: !0,
             enumerable: !0,
@@ -170,7 +170,7 @@ function cn() {
             })
           });
         }
-        k < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        O < 0 && v("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var Le = M.ReactCurrentDispatcher, Ie;
@@ -187,16 +187,16 @@ function cn() {
 ` + Ie + o;
       }
     }
-    var $ = !1, J;
+    var $ = !1, q;
     {
       var xe = typeof WeakMap == "function" ? WeakMap : Map;
-      J = new xe();
+      q = new xe();
     }
     function Qe(o, x) {
       if (!o || $)
         return "";
       {
-        var L = J.get(o);
+        var L = q.get(o);
         if (L !== void 0)
           return L;
       }
@@ -251,7 +251,7 @@ function cn() {
                   if (we--, be--, be < 0 || K[we] !== Re[be]) {
                     var Be = `
 ` + K[we].replace(" at new ", " at ");
-                    return o.displayName && Be.includes("<anonymous>") && (Be = Be.replace("<anonymous>", o.displayName)), typeof o == "function" && J.set(o, Be), Be;
+                    return o.displayName && Be.includes("<anonymous>") && (Be = Be.replace("<anonymous>", o.displayName)), typeof o == "function" && q.set(o, Be), Be;
                   }
                 while (we >= 1 && be >= 0);
               break;
@@ -261,7 +261,7 @@ function cn() {
         $ = !1, Le.current = oe, ye(), Error.prepareStackTrace = te;
       }
       var Ge = o ? o.displayName || o.name : "", Ze = Ge ? Ye(Ge) : "";
-      return typeof o == "function" && J.set(o, Ze), Ze;
+      return typeof o == "function" && q.set(o, Ze), Ze;
     }
     function ce(o, x, L) {
       return Qe(o, !1);
@@ -278,16 +278,16 @@ function cn() {
       if (typeof o == "string")
         return Ye(o);
       switch (o) {
-        case p:
-          return Ye("Suspense");
         case h:
+          return Ye("Suspense");
+        case p:
           return Ye("SuspenseList");
       }
       if (typeof o == "object")
         switch (o.$$typeof) {
           case d:
             return ce(o.render);
-          case v:
+          case S:
             return Fe(o.type, x, L);
           case y: {
             var _ = o, te = _._payload, oe = _._init;
@@ -322,12 +322,12 @@ function cn() {
             } catch (we) {
               K = we;
             }
-            K && !(K instanceof Error) && (Xe(te), S("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", _ || "React class", L, Q, typeof K), Xe(null)), K instanceof Error && !(K.message in et) && (et[K.message] = !0, Xe(te), S("Failed %s type: %s", L, K.message), Xe(null));
+            K && !(K instanceof Error) && (Xe(te), v("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", _ || "React class", L, Q, typeof K), Xe(null)), K instanceof Error && !(K.message in et) && (et[K.message] = !0, Xe(te), v("Failed %s type: %s", L, K.message), Xe(null));
           }
       }
     }
     var ot = Array.isArray;
-    function l(o) {
+    function i(o) {
       return ot(o);
     }
     function g(o) {
@@ -348,9 +348,9 @@ function cn() {
     }
     function U(o) {
       if (D(o))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", g(o)), f(o);
+        return v("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", g(o)), f(o);
     }
-    var q = M.ReactCurrentOwner, ee = {
+    var G = M.ReactCurrentOwner, ee = {
       key: !0,
       ref: !0,
       __self: !0,
@@ -373,12 +373,12 @@ function cn() {
       return o.key !== void 0;
     }
     function tt(o, x) {
-      typeof o.ref == "string" && q.current;
+      typeof o.ref == "string" && G.current;
     }
     function Ke(o, x) {
       {
         var L = function() {
-          ie || (ie = !0, S("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", x));
+          ie || (ie = !0, v("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", x));
         };
         L.isReactWarning = !0, Object.defineProperty(o, "key", {
           get: L,
@@ -389,7 +389,7 @@ function cn() {
     function st(o, x) {
       {
         var L = function() {
-          $e || ($e = !0, S("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", x));
+          $e || ($e = !0, v("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", x));
         };
         L.isReactWarning = !0, Object.defineProperty(o, "ref", {
           get: L,
@@ -441,16 +441,16 @@ function cn() {
           var be = typeof o == "function" ? o.displayName || o.name || "Unknown" : o;
           K && Ke(Q, be), Re && st(Q, be);
         }
-        return Ce(o, K, Re, te, _, q.current, Q);
+        return Ce(o, K, Re, te, _, G.current, Q);
       }
     }
-    var xt = M.ReactCurrentOwner, Ot = M.ReactDebugCurrentFrame;
+    var xt = M.ReactCurrentOwner, kt = M.ReactDebugCurrentFrame;
     function qe(o) {
       if (o) {
         var x = o._owner, L = Fe(o.type, o._source, x ? x.type : null);
-        Ot.setExtraStackFrame(L);
+        kt.setExtraStackFrame(L);
       } else
-        Ot.setExtraStackFrame(null);
+        kt.setExtraStackFrame(null);
     }
     var it;
     it = !1;
@@ -485,7 +485,7 @@ Check the top-level render call using <` + L + ">.");
         return x;
       }
     }
-    function kt(o, x) {
+    function Ot(o, x) {
       {
         if (!o._store || o._store.validated || o.key != null)
           return;
@@ -495,17 +495,17 @@ Check the top-level render call using <` + L + ">.");
           return;
         Dt[L] = !0;
         var _ = "";
-        o && o._owner && o._owner !== xt.current && (_ = " It was passed a child from " + B(o._owner.type) + "."), qe(o), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', L, _), qe(null);
+        o && o._owner && o._owner !== xt.current && (_ = " It was passed a child from " + B(o._owner.type) + "."), qe(o), v('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', L, _), qe(null);
       }
     }
     function Et(o, x) {
       {
         if (typeof o != "object")
           return;
-        if (l(o))
+        if (i(o))
           for (var L = 0; L < o.length; L++) {
             var _ = o[L];
-            wt(_) && kt(_, x);
+            wt(_) && Ot(_, x);
           }
         else if (wt(o))
           o._store && (o._store.validated = !0);
@@ -513,7 +513,7 @@ Check the top-level render call using <` + L + ">.");
           var te = N(o);
           if (typeof te == "function" && te !== o.entries)
             for (var oe = te.call(o), Q; !(Q = oe.next()).done; )
-              wt(Q.value) && kt(Q.value, x);
+              wt(Q.value) && Ot(Q.value, x);
         }
       }
     }
@@ -527,7 +527,7 @@ Check the top-level render call using <` + L + ">.");
           L = x.propTypes;
         else if (typeof x == "object" && (x.$$typeof === d || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        x.$$typeof === v))
+        x.$$typeof === S))
           L = x.propTypes;
         else
           return;
@@ -537,9 +537,9 @@ Check the top-level render call using <` + L + ">.");
         } else if (x.PropTypes !== void 0 && !it) {
           it = !0;
           var te = B(x);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", te || "Unknown");
+          v("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", te || "Unknown");
         }
-        typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof x.getDefaultProps == "function" && !x.getDefaultProps.isReactClassApproved && v("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function $t(o) {
@@ -547,11 +547,11 @@ Check the top-level render call using <` + L + ">.");
         for (var x = Object.keys(o.props), L = 0; L < x.length; L++) {
           var _ = x[L];
           if (_ !== "children" && _ !== "key") {
-            qe(o), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", _), qe(null);
+            qe(o), v("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", _), qe(null);
             break;
           }
         }
-        o.ref !== null && (qe(o), S("Invalid attribute `ref` supplied to `React.Fragment`."), qe(null));
+        o.ref !== null && (qe(o), v("Invalid attribute `ref` supplied to `React.Fragment`."), qe(null));
       }
     }
     var Bt = {};
@@ -564,7 +564,7 @@ Check the top-level render call using <` + L + ">.");
           var Re = zt();
           Re ? K += Re : K += Tt();
           var we;
-          o === null ? we = "null" : l(o) ? we = "array" : o !== void 0 && o.$$typeof === a ? (we = "<" + (B(o.type) || "Unknown") + " />", K = " Did you accidentally export a JSX literal instead of a component?") : we = typeof o, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", we, K);
+          o === null ? we = "null" : i(o) ? we = "array" : o !== void 0 && o.$$typeof === a ? (we = "<" + (B(o.type) || "Unknown") + " />", K = " Did you accidentally export a JSX literal instead of a component?") : we = typeof o, v("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", we, K);
         }
         var be = ht(o, x, L, te, oe);
         if (be == null)
@@ -573,12 +573,12 @@ Check the top-level render call using <` + L + ">.");
           var Be = x.children;
           if (Be !== void 0)
             if (_)
-              if (l(Be)) {
+              if (i(Be)) {
                 for (var Ge = 0; Ge < Be.length; Ge++)
                   Et(Be[Ge], o);
                 Object.freeze && Object.freeze(Be);
               } else
-                S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                v("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
             else
               Et(Be, o);
         }
@@ -588,7 +588,7 @@ Check the top-level render call using <` + L + ">.");
           }), bt = Ne.length > 0 ? "{key: someKey, " + Ne.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!Bt[Ze + bt]) {
             var Xt = Ne.length > 0 ? "{" + Ne.join(": ..., ") + ": ...}" : "{}";
-            S(`A props object containing a "key" prop is being spread into JSX:
+            v(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
@@ -643,7 +643,7 @@ const Te = (e, a, n) => {
 }, pn = (e, a) => {
   const n = a.getTime() - e.getTime();
   return Math.ceil(n / (1e3 * 60 * 60));
-}, Oe = (e, a) => {
+}, ke = (e, a) => {
   const n = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], s = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"], r = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], c = {
     YYYY: e.getFullYear().toString(),
     YY: e.getFullYear().toString().slice(-2),
@@ -658,8 +658,8 @@ const Te = (e, a, n) => {
     H: String(e.getHours()),
     mm: String(e.getMinutes()).padStart(2, "0"),
     m: String(e.getMinutes())
-  };
-  return a.replace(/YYYY|YY|MMMM|MMM|MM|M|DD|D|dddd|HH|H|mm|m/g, (b) => c[b]);
+  }, b = /YYYY|YY|MMMM|MMM|MM|M|DD|D|dddd|HH|H|mm|m/g, u = [];
+  return a.replace(/\[([^\]]*)\]/g, (p, S) => (u.push(S), `${u.length - 1}`)).replace(b, (p) => c[p]).replace(/\uE000(\d+)\uE001/g, (p, S) => u[Number(S)]);
 }, Kt = (e) => {
   const a = e.getDay();
   return a === 0 || a === 6;
@@ -837,7 +837,7 @@ const jt = (e) => e ? {
     lineHeight: e.lineHeight || 1.5714285714285714,
     color: e.fontColor || "rgba(0, 0, 0, 0.88)"
   }
-} : {}, { Text: We, Paragraph: gn } = br, { Option: dt } = ke, yn = ({
+} : {}, { Text: We, Paragraph: gn } = br, { Option: dt } = Oe, yn = ({
   task: e,
   allTasks: a,
   links: n,
@@ -847,8 +847,8 @@ const jt = (e) => e ? {
   children: b,
   styleConfig: u
 }) => {
-  const d = jt(u), [p, h] = G(!1), [v, y] = G(null), [m, E] = G("e2s"), [F, N] = G("lag"), [M, S] = G(0), [w, C] = G(e.duration), [Z, W] = G(!0), re = "day", le = n.find((V) => V.target === e.id), j = !!le, X = A.useMemo(() => a.length === 0 ? /* @__PURE__ */ new Date() : new Date(Math.min(...a.map((V) => V.start.getTime()))), [a]), R = () => {
-    if (v) {
+  const d = jt(u), [h, p] = J(!1), [S, y] = J(null), [m, E] = J("e2s"), [F, N] = J("lag"), [M, v] = J(0), [w, C] = J(e.duration), [Z, W] = J(!0), re = "day", le = n.find((V) => V.target === e.id), j = !!le, X = A.useMemo(() => a.length === 0 ? /* @__PURE__ */ new Date() : new Date(Math.min(...a.map((V) => V.start.getTime()))), [a]), R = () => {
+    if (S) {
       const V = F === "lag" ? M : -M, I = rr(V, re);
       if (w !== e.duration && c) {
         const ne = Te(new Date(e.start), w, "day");
@@ -858,28 +858,28 @@ const jt = (e) => e ? {
           end: ne
         });
       }
-      s(v, e.id, m, I), h(!1), O();
+      s(S, e.id, m, I), p(!1), k();
     }
-  }, O = () => {
-    y(null), E("e2s"), N("lag"), S(0), C(e.duration);
+  }, k = () => {
+    y(null), E("e2s"), N("lag"), v(0), C(e.duration);
   }, B = () => {
-    le && r && (r(le.id), h(!1), O());
+    le && r && (r(le.id), p(!1), k());
   }, Y = (V) => {
-    if (h(V), V) {
+    if (p(V), V) {
       if (W(!0), le) {
         y(le.source), E(le.type);
         const I = le.lag || 0;
-        I >= 0 ? (N("lag"), S(I)) : (N("lead"), S(Math.abs(I)));
+        I >= 0 ? (N("lag"), v(I)) : (N("lead"), v(Math.abs(I)));
       } else
-        O();
+        k();
       C(e.duration);
     }
-  }, k = () => {
+  }, O = () => {
     if (!Z) return null;
     const V = m === "e2s", I = m === "s2s", ne = m === "e2e", de = m === "s2e";
     let se = 0, ue = 0, z = "", ye = 0, Le = -1;
     V ? (se = 50, ue = 350, ye = 250, Le = 350, z = "M 250 60 L 300 60 L 300 140 L 348 140") : ne ? (se = 100, ue = 100, ye = 300, Le = -1, z = "M 300 60 L 350 60 L 350 140 L 302 140") : I ? (se = 250, ue = 250, ye = 250, Le = -1, z = "M 250 60 L 200 60 L 200 140 L 248 140") : de && (se = 350, ue = 50, ye = 350, Le = 250, z = "M 350 60 L 300 60 L 300 140 L 252 140");
-    const Ie = v === "gantt-start-date", Ye = a.find(($) => $.id === v);
+    const Ie = S === "gantt-start-date", Ye = a.find(($) => $.id === S);
     return /* @__PURE__ */ t.jsx("div", { style: {
       width: "100%",
       height: 90,
@@ -904,8 +904,8 @@ const jt = (e) => e ? {
       /* @__PURE__ */ t.jsx("path", { d: z, fill: "none", stroke: "#8c8c8c", strokeWidth: "2.5", markerEnd: "url(#arrowhead)" })
     ] }) });
   }, De = () => {
-    const V = v === "gantt-start-date", I = a.find((ue) => ue.id === v);
-    if (!v) return "Select a checklist from the list to see how it will relate to the current stage.";
+    const V = S === "gantt-start-date", I = a.find((ue) => ue.id === S);
+    if (!S) return "Select a checklist from the list to see how it will relate to the current stage.";
     const ne = a.indexOf(e) + 1, de = V ? "Start Date" : `Stage ${a.indexOf(I) + 1}`;
     let se = "";
     switch (m) {
@@ -938,11 +938,11 @@ const jt = (e) => e ? {
     /* @__PURE__ */ t.jsx(We, { strong: !0, style: { fontSize: "16px", display: "block", marginBottom: 16, color: d.font?.color }, children: "Add Dependency" }),
     /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 12, marginBottom: 14 }, children: [
       /* @__PURE__ */ t.jsx("div", { style: { flex: 1 }, children: /* @__PURE__ */ t.jsxs(
-        ke,
+        Oe,
         {
           showSearch: !0,
           placeholder: "Select checklist",
-          value: v,
+          value: S,
           onChange: y,
           style: { width: "100%" },
           filterOption: (V, I) => {
@@ -963,18 +963,18 @@ const jt = (e) => e ? {
               ] }),
               /* @__PURE__ */ t.jsxs(We, { type: "secondary", style: { fontSize: "11px" }, children: [
                 "Start: ",
-                Oe(V.start, "MMM D, YYYY")
+                ke(V.start, "MMM D, YYYY")
               ] })
             ] }) }, V.id)),
             /* @__PURE__ */ t.jsx(dt, { value: "gantt-start-date", label: "Start Date", children: /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", flexDirection: "column", padding: "4px 0", borderTop: "1px solid #f0f0f0", marginTop: "4px", paddingTop: "8px" }, children: [
               /* @__PURE__ */ t.jsx(We, { style: { fontSize: "13px", fontWeight: 600 }, children: "Start Date" }),
-              /* @__PURE__ */ t.jsx(We, { type: "secondary", style: { fontSize: "11px" }, children: Oe(X, "MMM D, YYYY") })
+              /* @__PURE__ */ t.jsx(We, { type: "secondary", style: { fontSize: "11px" }, children: ke(X, "MMM D, YYYY") })
             ] }) }, "gantt-start-date")
           ]
         }
       ) }),
       /* @__PURE__ */ t.jsx("div", { style: { width: 100 }, children: /* @__PURE__ */ t.jsxs(
-        ke,
+        Oe,
         {
           value: m,
           onChange: E,
@@ -992,7 +992,7 @@ const jt = (e) => e ? {
       /* @__PURE__ */ t.jsxs("div", { style: { flex: 1 }, children: [
         /* @__PURE__ */ t.jsx(We, { style: { fontSize: "12px", display: "block", marginBottom: 6, color: d.font?.color }, children: "Delay type" }),
         /* @__PURE__ */ t.jsxs(
-          ke,
+          Oe,
           {
             value: F,
             onChange: N,
@@ -1011,7 +1011,7 @@ const jt = (e) => e ? {
           {
             min: 0,
             value: M,
-            onChange: (V) => S(V || 0),
+            onChange: (V) => v(V || 0),
             style: { width: "100%" },
             placeholder: "0"
           }
@@ -1059,7 +1059,7 @@ const jt = (e) => e ? {
       )
     ] }),
     Z && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-      k(),
+      O(),
       /* @__PURE__ */ t.jsx(gn, { style: {
         fontSize: "12px",
         color: d.font?.color || "#262626",
@@ -1084,7 +1084,7 @@ const jt = (e) => e ? {
         {
           type: "primary",
           onClick: R,
-          disabled: !v,
+          disabled: !S,
           style: {
             ...d.buttonPrimary,
             minWidth: 100
@@ -1099,7 +1099,7 @@ const jt = (e) => e ? {
     {
       content: Se,
       trigger: "click",
-      open: p,
+      open: h,
       onOpenChange: Y,
       placement: "bottomLeft",
       overlayClassName: "dependency-popover",
@@ -1108,12 +1108,12 @@ const jt = (e) => e ? {
     }
   );
 }, Er = Ir(wr(
-  ({ tasks: e, allTasks: a = [], columns: n, selectedTask: s, onTaskClick: r, onTaskContextMenu: c, onTaskUpdate: b, onTaskDragStart: u, onAddTask: d, onAddDependency: p, onRemoveDependency: h, links: v = [], dropIndicator: y, reorderTask: m, styleConfig: E, headerHeight: F }, N) => {
+  ({ tasks: e, allTasks: a = [], columns: n, selectedTask: s, onTaskClick: r, onTaskContextMenu: c, onTaskUpdate: b, onTaskDragStart: u, onAddTask: d, onAddDependency: h, onRemoveDependency: p, links: S = [], dropIndicator: y, reorderTask: m, styleConfig: E, headerHeight: F }, N) => {
     const M = A.useRef(null);
     A.useImperativeHandle(N, () => M.current);
-    const [S, w] = A.useState(null), [C, Z] = A.useState(0), W = (j, X = 0) => {
+    const [v, w] = A.useState(null), [C, Z] = A.useState(0), W = (j, X = 0) => {
       if (!j.parent) return X;
-      const R = e.find((O) => O.id === j.parent);
+      const R = e.find((k) => k.id === j.parent);
       return R ? W(R, X + 1) : X;
     }, re = (j, X) => {
       if (X === j.duration) return;
@@ -1134,30 +1134,30 @@ const jt = (e) => e ? {
               "div",
               {
                 className: "gantt-row-drag-handle",
-                onMouseDown: (O) => {
-                  O.preventDefault(), u?.(j.id, O.clientX, O.clientY, "reorder");
+                onMouseDown: (k) => {
+                  k.preventDefault(), u?.(j.id, k.clientX, k.clientY, "reorder");
                 },
                 children: /* @__PURE__ */ t.jsx(Ee, { icon: Xr })
               }
             ),
-            j.type === "project" ? /* @__PURE__ */ t.jsx("span", { className: "gantt-tree-icon", onClick: (O) => {
-              O.stopPropagation(), b?.({ ...j, open: !j.open });
+            j.type === "project" ? /* @__PURE__ */ t.jsx("span", { className: "gantt-tree-icon", onClick: (k) => {
+              k.stopPropagation(), b?.({ ...j, open: !j.open });
             }, children: /* @__PURE__ */ t.jsx(Ee, { icon: j.open ? cr : Ur }) }) : /* @__PURE__ */ t.jsx("span", { style: { width: 16, display: "inline-block" } }),
             /* @__PURE__ */ t.jsx("span", { className: "gantt-task-name-text", children: j.text })
           ] });
         }
         case "start":
-          return Oe(j.start, "DD-MM-YYYY");
+          return ke(j.start, "DD-MM-YYYY");
         case "end":
-          return Oe(j.end, "DD-MM-YYYY");
+          return ke(j.end, "DD-MM-YYYY");
         case "duration":
-          return S === j.id ? /* @__PURE__ */ t.jsx(
+          return v === j.id ? /* @__PURE__ */ t.jsx(
             at,
             {
               size: "small",
               min: 1,
               value: C,
-              onChange: (O) => Z(O || 1),
+              onChange: (k) => Z(k || 1),
               onBlur: () => {
                 re(j, C), w(null);
               },
@@ -1170,8 +1170,8 @@ const jt = (e) => e ? {
           ) : /* @__PURE__ */ t.jsxs(
             "div",
             {
-              onClick: (O) => {
-                O.stopPropagation(), w(j.id), Z(j.duration);
+              onClick: (k) => {
+                k.stopPropagation(), w(j.id), Z(j.duration);
               },
               style: {
                 backgroundColor: "#fff7e6",
@@ -1192,15 +1192,15 @@ const jt = (e) => e ? {
             }
           );
         case "predecessors": {
-          const O = v.filter((B) => B.target === j.id)[0];
+          const k = S.filter((B) => B.target === j.id)[0];
           return /* @__PURE__ */ t.jsx(
             yn,
             {
               task: j,
               allTasks: a,
-              links: v,
-              onAddDependency: (B, Y, k, De) => p?.(B, Y, k, De),
-              onRemoveDependency: (B) => h?.(B),
+              links: S,
+              onAddDependency: (B, Y, O, De) => h?.(B, Y, O, De),
+              onRemoveDependency: (B) => p?.(B),
               onTaskUpdate: b,
               styleConfig: E,
               children: /* @__PURE__ */ t.jsx(
@@ -1214,8 +1214,8 @@ const jt = (e) => e ? {
                     alignItems: "center",
                     gap: "4px"
                   },
-                  children: O ? (() => {
-                    const B = a.find((k) => k.id === O.source), Y = B ? a.indexOf(B) + 1 : 0;
+                  children: k ? (() => {
+                    const B = a.find((O) => O.id === k.source), Y = B ? a.indexOf(B) + 1 : 0;
                     return /* @__PURE__ */ t.jsx(
                       "span",
                       {
@@ -1228,7 +1228,7 @@ const jt = (e) => e ? {
                           borderRadius: "4px",
                           whiteSpace: "nowrap"
                         },
-                        children: mn(O, Y)
+                        children: mn(k, Y)
                       }
                     );
                   })() : /* @__PURE__ */ t.jsx(
@@ -1318,35 +1318,35 @@ const jt = (e) => e ? {
           {
             className: `gantt-grid-row ${s === j.id ? "selected" : ""} ${X ? "dragging-row" : ""} ${R ? "descendant-dragging-row" : ""} ${y?.taskId === j.id ? `drop-target-${y.position}` : ""}`,
             onClick: () => r(j.id),
-            onContextMenu: (O) => c?.(O, j.id),
+            onContextMenu: (k) => c?.(k, j.id),
             style: {
               display: "flex",
               minWidth: "100%"
               /* Ensure row spans all columns */
             },
             children: [
-              n.map((O) => {
-                const B = O.name === "add";
+              n.map((k) => {
+                const B = k.name === "add";
                 return /* @__PURE__ */ t.jsx(
                   "div",
                   {
                     className: "gantt-grid-cell",
                     style: {
-                      width: O.width,
-                      minWidth: O.width,
+                      width: k.width,
+                      minWidth: k.width,
                       /* Ensure column maintains width */
-                      textAlign: O.align || "left",
+                      textAlign: k.align || "left",
                       display: "flex",
                       alignItems: "center",
-                      justifyContent: B ? "center" : O.name === "text" ? "flex-start" : O.align === "center" ? "center" : O.align === "right" ? "flex-end" : "flex-start",
+                      justifyContent: B ? "center" : k.name === "text" ? "flex-start" : k.align === "center" ? "center" : k.align === "right" ? "flex-end" : "flex-start",
                       visibility: "visible",
                       /* Ensure column is visible */
                       opacity: 1
                       /* Ensure column is not transparent */
                     },
-                    children: le(j, O)
+                    children: le(j, k)
                   },
-                  `${j.id}-${O.name}`
+                  `${j.id}-${k.name}`
                 );
               }),
               y?.taskId === j.id && /* @__PURE__ */ t.jsx("div", { className: `gantt-drop-indicator ${y.position}` })
@@ -1369,26 +1369,26 @@ const xn = ({
   dragDeltaX: b = 0,
   dragType: u = null,
   readonly: d = !1,
-  baseline: p,
-  dependencyRuleDescriptions: h = [],
-  tooltipConfig: v
+  baseline: h,
+  dependencyRuleDescriptions: p = [],
+  tooltipConfig: S
 }) => {
-  const y = e.ShowHandle !== void 0 ? e.ShowHandle : !0, m = ($, J) => {
-    d || ($.preventDefault(), $.stopPropagation(), c($.clientX, $.clientY, J));
+  const y = e.ShowHandle !== void 0 ? e.ShowHandle : !0, m = ($, q) => {
+    d || ($.preventDefault(), $.stopPropagation(), c($.clientX, $.clientY, q));
   }, E = () => {
     const $ = ["gantt-task-bar"];
     if (e.type === "milestone" && $.push("milestone"), e.type === "project" && $.push("project"), n && $.push("selected"), s && $.push("dragging"), e.status) {
-      const J = String(e.status).trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "");
-      J && $.push(`status-${J}`);
+      const q = String(e.status).trim().toLowerCase().replace(/\s+/g, "-").replace(/[^a-z0-9-]/g, "");
+      q && $.push(`status-${q}`);
     }
     return $.join(" ");
   }, F = () => {
-    let $ = a.left, J = a.width;
-    s && u && (u === "move" ? $ += b : u === "resize-left" ? ($ += b, J -= b) : u === "resize-right" && (J += b));
+    let $ = a.left, q = a.width;
+    s && u && (u === "move" ? $ += b : u === "resize-left" ? ($ += b, q -= b) : u === "resize-right" && (q += b));
     const xe = 20;
-    return e.type === "milestone" && J < xe && ($ -= (xe - J) / 2, J = xe), {
+    return e.type === "milestone" && q < xe && ($ -= (xe - q) / 2, q = xe), {
       left: `${$}px`,
-      width: `${Math.max(J, 0)}px`,
+      width: `${Math.max(q, 0)}px`,
       // Color handled by CSS classes (.project, .milestone) or task.color override
       backgroundColor: e.color || void 0
     };
@@ -1397,7 +1397,7 @@ const xn = ({
       "div",
       {
         className: "gantt-task-resize-handle gantt-task-resize-left",
-        onMouseDown: (J) => m(J, "resize-left")
+        onMouseDown: (q) => m(q, "resize-left")
       }
     ),
     !$ && e.type !== "milestone" && /* @__PURE__ */ t.jsx(
@@ -1416,39 +1416,39 @@ const xn = ({
       "div",
       {
         className: "gantt-task-resize-handle gantt-task-resize-right",
-        onMouseDown: (J) => m(J, "resize-right")
+        onMouseDown: (q) => m(q, "resize-right")
       }
     )
-  ] }), M = ($, J) => {
+  ] }), M = ($, q) => {
     if ($ instanceof Date)
-      return Number.isNaN($.getTime()) ? J : $;
+      return Number.isNaN($.getTime()) ? q : $;
     if (typeof $ == "string" || typeof $ == "number") {
       const xe = new Date($);
-      return Number.isNaN(xe.getTime()) ? J : xe;
+      return Number.isNaN(xe.getTime()) ? q : xe;
     }
-    return J;
-  }, S = ($) => {
+    return q;
+  }, v = ($) => {
     if (Array.isArray($)) {
-      const J = $.map((xe) => String(xe).trim()).filter(Boolean);
-      return J.length > 0 ? J : void 0;
+      const q = $.map((xe) => String(xe).trim()).filter(Boolean);
+      return q.length > 0 ? q : void 0;
     }
     if (typeof $ == "string") {
-      const J = $.split(/\r?\n|\|/).map((xe) => xe.trim()).filter(Boolean);
-      return J.length > 0 ? J : void 0;
+      const q = $.split(/\r?\n|\|/).map((xe) => xe.trim()).filter(Boolean);
+      return q.length > 0 ? q : void 0;
     }
-  }, w = e.tooltipConfig ? { ...v, ...e.tooltipConfig } : v, C = w?.dateFormat || "MMM D, YYYY", Z = w?.taskNameAccessor?.(e) ?? e.text, W = String(Z ?? "").trim() || `Task ${e.id}`, re = w?.taskNameFormatter ? w.taskNameFormatter(W, e) : W, le = M(
-    w?.plannedStartAccessor?.(e) ?? e.plannedStart ?? p?.start ?? e.start,
+  }, w = e.tooltipConfig ? { ...S, ...e.tooltipConfig } : S, C = w?.dateFormat || "MMM D, YYYY", Z = w?.taskNameAccessor?.(e) ?? e.text, W = String(Z ?? "").trim() || `Task ${e.id}`, re = w?.taskNameFormatter ? w.taskNameFormatter(W, e) : W, le = M(
+    w?.plannedStartAccessor?.(e) ?? e.plannedStart ?? h?.start ?? e.start,
     e.start
   ), j = M(
-    w?.plannedEndAccessor?.(e) ?? e.plannedEnd ?? p?.end ?? e.end,
+    w?.plannedEndAccessor?.(e) ?? e.plannedEnd ?? h?.end ?? e.end,
     e.end
-  ), X = w?.plannedDatesFormatter ? w.plannedDatesFormatter(le, j, e) : `${Oe(le, C)} - ${Oe(j, C)}`, R = M(
+  ), X = w?.plannedDatesFormatter ? w.plannedDatesFormatter(le, j, e) : `${ke(le, C)} - ${ke(j, C)}`, R = M(
     w?.actualStartAccessor?.(e) ?? e.actualStart ?? e.start,
     e.start
-  ), O = M(
+  ), k = M(
     w?.actualEndAccessor?.(e) ?? e.actualEnd ?? e.end,
     e.end
-  ), B = w?.actualDatesFormatter ? w.actualDatesFormatter(R, O, e) : `${Oe(R, C)} - ${Oe(O, C)}`, Y = w?.statusAccessor?.(e) ?? e.status, k = Y != null ? String(Y) : "", De = w?.statusFormatter ? w.statusFormatter(k, e) : k ? k.replace(/-/g, " ") : w?.emptyStatusText || "Not set", Se = w?.ownerAccessor?.(e) ?? e.owner, V = Se != null ? String(Se).trim() : "", I = V ? w?.ownerFormatter ? w.ownerFormatter(V, e) : V : w?.emptyOwnerText || "", ne = h.length > 0 ? h : e.dependencyRule || [], se = S(
+  ), B = w?.actualDatesFormatter ? w.actualDatesFormatter(R, k, e) : `${ke(R, C)} - ${ke(k, C)}`, Y = w?.statusAccessor?.(e) ?? e.status, O = Y != null ? String(Y) : "", De = w?.statusFormatter ? w.statusFormatter(O, e) : O ? O.replace(/-/g, " ") : w?.emptyStatusText || "Not set", Se = w?.ownerAccessor?.(e) ?? e.owner, V = Se != null ? String(Se).trim() : "", I = V ? w?.ownerFormatter ? w.ownerFormatter(V, e) : V : w?.emptyOwnerText || "", ne = p.length > 0 ? p : e.dependencyRule || [], se = v(
     w?.dependencyRuleAccessor?.(e, ne)
   ) || ne, ue = se.length > 0 ? se.map(($) => w?.dependencyRuleFormatter ? w.dependencyRuleFormatter($, e) : $).join(w?.dependencySeparator || " | ") : w?.emptyDependencyRuleText || "No dependency rule", z = w?.progressAccessor?.(e) ?? e.progress, ye = typeof z == "number" ? z : Number(z), Le = Number.isFinite(ye) ? ye : e.progress, Ie = w?.progressFormatter ? w.progressFormatter(Le, e) : `${Le}%`, Ye = /* @__PURE__ */ t.jsxs("div", { className: "gantt-tooltip", children: [
     w?.showTaskName !== !1 && /* @__PURE__ */ t.jsx("div", { className: "gantt-tooltip-title", children: re }),
@@ -1485,7 +1485,7 @@ const xn = ({
   ] });
   if (e.segments && e.segments.length > 0 || e.onHoldPeriods && e.onHoldPeriods.length > 0) {
     console.log("[TaskBar] " + e.text + " onHold:", e.onHoldPeriods);
-    const $ = e.end.getTime() - e.start.getTime(), J = (e.onHoldPeriods || []).map((ce) => ({
+    const $ = e.end.getTime() - e.start.getTime(), q = (e.onHoldPeriods || []).map((ce) => ({
       startMs: Math.max(ce.start.getTime(), e.start.getTime()),
       endMs: Math.min(ce.end.getTime(), e.end.getTime())
     })).filter((ce) => ce.endMs > ce.startMs).sort((ce, me) => ce.startMs - me.startMs).reduce((ce, me) => {
@@ -1507,7 +1507,7 @@ const xn = ({
           children: N(me > 0)
         }
       ) }, `seg-${me}`)),
-      J.map((ce, me) => {
+      q.map((ce, me) => {
         const Fe = $ > 0 ? $ : 864e5, pe = ce.endMs - ce.startMs;
         if (pe <= 0) return null;
         const et = a.left + (ce.startMs - e.start.getTime()) / Fe * a.width, _e = pe / Fe * a.width;
@@ -1542,45 +1542,45 @@ const xn = ({
   ) });
 }, wn = ({ links: e, tasks: a, getTaskPosition: n }) => {
   const s = A.useMemo(() => {
-    const p = /* @__PURE__ */ new Map();
-    return a.forEach((h) => p.set(h.id, h)), p;
-  }, [a]), r = (p) => s.get(p), c = A.useMemo(() => {
-    const p = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), v = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map();
+    const h = /* @__PURE__ */ new Map();
+    return a.forEach((p) => h.set(p.id, p)), h;
+  }, [a]), r = (h) => s.get(h), c = A.useMemo(() => {
+    const h = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), S = /* @__PURE__ */ new Map(), y = /* @__PURE__ */ new Map();
     e.forEach((F) => {
-      p.set(F.source, (p.get(F.source) || 0) + 1), h.set(F.target, (h.get(F.target) || 0) + 1);
+      h.set(F.source, (h.get(F.source) || 0) + 1), p.set(F.target, (p.get(F.target) || 0) + 1);
     });
     const m = /* @__PURE__ */ new Map(), E = /* @__PURE__ */ new Map();
     return e.forEach((F) => {
       const N = m.get(F.source) || 0;
-      v.set(F.id, N), m.set(F.source, N + 1);
+      S.set(F.id, N), m.set(F.source, N + 1);
       const M = E.get(F.target) || 0;
       y.set(F.id, M), E.set(F.target, M + 1);
     }), {
-      outgoingCountByTaskId: p,
-      incomingCountByTaskId: h,
-      outgoingIndexByLinkId: v,
+      outgoingCountByTaskId: h,
+      incomingCountByTaskId: p,
+      outgoingIndexByLinkId: S,
       incomingIndexByLinkId: y
     };
   }, [e]), b = A.useMemo(() => {
-    let p = 0, h = 0;
-    return a.forEach((v) => {
+    let h = 0, p = 0;
+    return a.forEach((S) => {
       try {
-        const y = n(v);
-        y && typeof y.left == "number" && typeof y.width == "number" && (p = Math.max(p, y.left + y.width)), y && typeof y.top == "number" && typeof y.height == "number" && (h = Math.max(h, y.top + y.height));
+        const y = n(S);
+        y && typeof y.left == "number" && typeof y.width == "number" && (h = Math.max(h, y.left + y.width)), y && typeof y.top == "number" && typeof y.height == "number" && (p = Math.max(p, y.top + y.height));
       } catch (y) {
-        console.warn("Failed to position task for link rendering:", v.id, y);
+        console.warn("Failed to position task for link rendering:", S.id, y);
       }
     }), {
-      width: Math.max(p, 1e3),
-      height: Math.max(h, 100)
+      width: Math.max(h, 1e3),
+      height: Math.max(p, 100)
     };
-  }, [a, n]), u = (p, h) => {
-    const v = Math.max(3, Math.round(h / 7)), y = Math.max(2, h / 2 - 2);
-    return Math.min((p + 1) * v, y);
-  }, d = (p) => {
-    const h = r(p.source), v = r(p.target);
-    if (!h || !v) return { path: "", arrow: "" };
-    const y = n(h), m = n(v), E = (c.outgoingCountByTaskId.get(h.id) || 0) > 0 && (c.incomingCountByTaskId.get(h.id) || 0) > 0, F = (c.outgoingCountByTaskId.get(v.id) || 0) > 0 && (c.incomingCountByTaskId.get(v.id) || 0) > 0, N = y.top + y.height / 2 + (E ? u(c.outgoingIndexByLinkId.get(p.id) || 0, y.height) : 0), M = m.top + m.height / 2 - (F ? u(c.incomingIndexByLinkId.get(p.id) || 0, m.height) : 0), S = {
+  }, [a, n]), u = (h, p) => {
+    const S = Math.max(3, Math.round(p / 7)), y = Math.max(2, p / 2 - 2);
+    return Math.min((h + 1) * S, y);
+  }, d = (h) => {
+    const p = r(h.source), S = r(h.target);
+    if (!p || !S) return { path: "", arrow: "" };
+    const y = n(p), m = n(S), E = (c.outgoingCountByTaskId.get(p.id) || 0) > 0 && (c.incomingCountByTaskId.get(p.id) || 0) > 0, F = (c.outgoingCountByTaskId.get(S.id) || 0) > 0 && (c.incomingCountByTaskId.get(S.id) || 0) > 0, N = y.top + y.height / 2 + (E ? u(c.outgoingIndexByLinkId.get(h.id) || 0, y.height) : 0), M = m.top + m.height / 2 - (F ? u(c.incomingIndexByLinkId.get(h.id) || 0, m.height) : 0), v = {
       sourceStub: 14,
       targetStub: 8,
       detourPadding: 24,
@@ -1592,7 +1592,7 @@ const xn = ({
       chevronNotchDepth: 5
     };
     let w = 0, C = 0, Z = 1, W = 1;
-    switch (p.type) {
+    switch (h.type) {
       case "e2s":
         w = y.left + y.width, C = m.left, Z = 1, W = 1;
         break;
@@ -1606,7 +1606,7 @@ const xn = ({
         w = y.left, C = m.left + m.width, Z = -1, W = -1;
         break;
     }
-    const re = w + Z * S.sourceStub, le = C - W * S.arrowGap, j = le - W * S.arrowLength, X = j + W * S.chevronNotchDepth, R = X - W * S.targetStub, O = X + W * S.arrowStemOverlap, B = Math.abs(M - N) > 1;
+    const re = w + Z * v.sourceStub, le = C - W * v.arrowGap, j = le - W * v.arrowLength, X = j + W * v.chevronNotchDepth, R = X - W * v.targetStub, k = X + W * v.arrowStemOverlap, B = Math.abs(M - N) > 1;
     let Y;
     if (B) {
       const ne = M > N;
@@ -1617,24 +1617,24 @@ const xn = ({
         { x: re, y: de },
         { x: R, y: de },
         { x: R, y: M },
-        { x: O, y: M }
+        { x: k, y: M }
       ];
     } else {
       let I;
-      Z === W && (Z === 1 ? R - re >= S.minHorizontalSpan : re - R >= S.minHorizontalSpan) ? I = (re + R) / 2 : I = Z === 1 ? Math.max(w, C) + S.detourPadding : Math.min(w, C) - S.detourPadding, Y = [
+      Z === W && (Z === 1 ? R - re >= v.minHorizontalSpan : re - R >= v.minHorizontalSpan) ? I = (re + R) / 2 : I = Z === 1 ? Math.max(w, C) + v.detourPadding : Math.min(w, C) - v.detourPadding, Y = [
         { x: w, y: N },
         { x: re, y: N },
         { x: I, y: N },
         { x: I, y: M },
         { x: R, y: M },
-        { x: O, y: M }
+        { x: k, y: M }
       ];
     }
-    const k = Y.filter((I, ne) => {
+    const O = Y.filter((I, ne) => {
       if (ne === 0) return !0;
       const de = Y[ne - 1];
       return Math.abs(I.x - de.x) > 0.5 || Math.abs(I.y - de.y) > 0.5;
-    }), De = k.length > 0 ? k.map((I, ne) => `${ne === 0 ? "M" : "L"} ${I.x},${I.y}`).join(" ") : "", Se = S.arrowWidth / 2, V = `M ${j},${M - Se} L ${le},${M} L ${j},${M + Se} L ${X},${M} Z`;
+    }), De = O.length > 0 ? O.map((I, ne) => `${ne === 0 ? "M" : "L"} ${I.x},${I.y}`).join(" ") : "", Se = v.arrowWidth / 2, V = `M ${j},${M - Se} L ${le},${M} L ${j},${M + Se} L ${X},${M} Z`;
     return { path: De, arrow: V };
   };
   return e.length === 0 ? null : /* @__PURE__ */ t.jsx(
@@ -1650,10 +1650,10 @@ const xn = ({
         left: 0,
         pointerEvents: "none"
       },
-      children: e.map((p) => {
-        const h = r(p.source), v = r(p.target);
-        if (!h || !v) return null;
-        const y = d(p), m = y.path, E = y.arrow;
+      children: e.map((h) => {
+        const p = r(h.source), S = r(h.target);
+        if (!p || !S) return null;
+        const y = d(h), m = y.path, E = y.arrow;
         return !m || !E ? null : /* @__PURE__ */ t.jsxs("g", { className: "gantt-link", children: [
           /* @__PURE__ */ t.jsx(
             "path",
@@ -1671,12 +1671,12 @@ const xn = ({
               className: "gantt-link-arrow"
             }
           )
-        ] }, p.id);
+        ] }, h.id);
       })
     }
   );
 }, bn = (e, a, n = 60, s = "day", r = 1) => {
-  const [c, b] = G({
+  const [c, b] = J({
     taskId: null,
     initialX: 0,
     initialY: 0,
@@ -1685,11 +1685,11 @@ const xn = ({
     type: null,
     dragDeltaX: 0,
     dragDeltaY: 0
-  }), u = Je((h, v, y, m) => {
-    const E = e.find((F) => F.id === h);
+  }), u = Je((p, S, y, m) => {
+    const E = e.find((F) => F.id === p);
     E && b({
-      taskId: h,
-      initialX: v,
+      taskId: p,
+      initialX: S,
       initialY: y,
       initialStart: new Date(E.start),
       initialEnd: new Date(E.end),
@@ -1697,9 +1697,9 @@ const xn = ({
       dragDeltaX: 0,
       dragDeltaY: 0
     });
-  }, [e]), d = Je((h, v) => {
+  }, [e]), d = Je((p, S) => {
     if (!c.taskId || !c.type) return null;
-    const y = h - c.initialX, m = v - c.initialY;
+    const y = p - c.initialX, m = S - c.initialY;
     if (b((C) => ({
       ...C,
       dragDeltaX: y,
@@ -1709,28 +1709,28 @@ const xn = ({
     if (!E) return null;
     let F = 0, N = s;
     s === "week" ? (F = Math.round(y / n * 7), N = "day") : s === "month" ? (F = Math.round(y / n * 30), N = "day") : (F = Math.round(y / n) * r, N = s);
-    let M = new Date(c.initialStart), S = new Date(c.initialEnd);
+    let M = new Date(c.initialStart), v = new Date(c.initialEnd);
     switch (c.type) {
       case "move":
-        M = Te(c.initialStart, F, N), S = Te(c.initialEnd, F, N);
+        M = Te(c.initialStart, F, N), v = Te(c.initialEnd, F, N);
         break;
       case "resize-left":
-        M = Te(c.initialStart, F, N), M >= S && (M = Te(S, N === "day" ? -1 : -r, N));
+        M = Te(c.initialStart, F, N), M >= v && (M = Te(v, N === "day" ? -1 : -r, N));
         break;
       case "resize-right":
-        S = Te(c.initialEnd, F, N), S <= M && (S = Te(M, N === "day" ? 1 : r, N));
+        v = Te(c.initialEnd, F, N), v <= M && (v = Te(M, N === "day" ? 1 : r, N));
         break;
     }
-    const w = Nt(M, S);
+    const w = Nt(M, v);
     return {
       ...E,
       start: M,
-      end: S,
+      end: v,
       duration: w
     };
-  }, [c, e, n, r, s]), p = Je((h) => {
-    if (h && a) {
-      const { id: v, ...y } = h, m = c.type;
+  }, [c, e, n, r, s]), h = Je((p) => {
+    if (p && a) {
+      const { id: S, ...y } = p, m = c.type;
       if (m && m !== "reorder") {
         const E = {
           dragType: m,
@@ -1738,9 +1738,9 @@ const xn = ({
           previousEnd: new Date(c.initialEnd),
           previousDuration: Nt(c.initialStart, c.initialEnd)
         };
-        a(v, y, E);
+        a(S, y, E);
       } else
-        a(v, y);
+        a(S, y);
     }
     b({
       taskId: null,
@@ -1757,12 +1757,12 @@ const xn = ({
     dragState: c,
     handleDragStart: u,
     handleDrag: d,
-    handleDragEnd: p
+    handleDragEnd: h
   };
 }, mr = (e) => {
   const a = new Date(e.getFullYear(), e.getMonth(), 1);
   return Math.ceil((e.getDate() + a.getDay()) / 7);
-}, fr = (e) => Math.floor(e.getMonth() / 3) + 1, Qt = (e, a, n) => a.unit === "week" ? a.format?.includes("W") ? a.format.replace(/\bW\b/g, String(mr(e))) : `Week ${mr(e)}` : a.unit === "quarter" ? a.format?.includes("Q") ? a.format.replace(/\bQ\b/g, String(fr(e))) : `Q${fr(e)}` : Oe(e, a.format || n), Sn = (e, a) => {
+}, fr = (e) => Math.floor(e.getMonth() / 3) + 1, Qt = (e, a, n) => a.unit === "week" ? a.format?.includes("W") ? a.format.replace(/\bW\b/g, String(mr(e))) : `Week ${mr(e)}` : a.unit === "quarter" ? a.format?.includes("Q") ? a.format.replace(/\bQ\b/g, String(fr(e))) : `Q${fr(e)}` : ke(e, a.format || n), Sn = (e, a) => {
   const n = new Date(e);
   switch (n.setMinutes(0, 0, 0), a.unit) {
     case "hour": {
@@ -1792,35 +1792,35 @@ const xn = ({
   }
 }, Lr = A.memo(
   A.forwardRef(
-    ({ tasks: e, links: a, range: n, scales: s, config: r, selectedTask: c, onTaskClick: b, onTaskDragStart: u, onTaskDragEnd: d, onTaskUpdate: p, zoomLevel: h, baselines: v, allowBaselineOnlyMode: y, taskTooltipConfig: m, headerHeight: E }, F) => {
-      const N = A.useRef(null), M = A.useCallback((l) => {
-        N.current = l, typeof F == "function" ? F(l) : F && (F.current = l);
-      }, [F]), [S, w] = G(e), [C, Z] = G(a), [W, re] = G(0), le = A.useMemo(
-        () => Math.max((r.columnWidth || 60) * h, r.minColumnWidth || 0),
-        [r.columnWidth, r.minColumnWidth, h]
-      ), j = r.baselines && v && v.size > 0, X = A.useMemo(() => {
-        const l = /* @__PURE__ */ new Map();
-        return S.forEach((g) => l.set(g.id, g)), l;
-      }, [S]), R = A.useMemo(() => {
-        const l = /* @__PURE__ */ new Map(), g = {
+    ({ tasks: e, links: a, range: n, scales: s, config: r, selectedTask: c, onTaskClick: b, onTaskDragStart: u, onTaskDragEnd: d, onTaskUpdate: h, zoomLevel: p, baselines: S, allowBaselineOnlyMode: y, taskTooltipConfig: m, headerHeight: E }, F) => {
+      const N = A.useRef(null), M = A.useCallback((i) => {
+        N.current = i, typeof F == "function" ? F(i) : F && (F.current = i);
+      }, [F]), [v, w] = J(e), [C, Z] = J(a), [W, re] = J(0), le = A.useMemo(
+        () => Math.max((r.columnWidth || 60) * p, r.minColumnWidth || 0),
+        [r.columnWidth, r.minColumnWidth, p]
+      ), j = r.baselines && S && S.size > 0, X = A.useMemo(() => {
+        const i = /* @__PURE__ */ new Map();
+        return v.forEach((g) => i.set(g.id, g)), i;
+      }, [v]), R = A.useMemo(() => {
+        const i = /* @__PURE__ */ new Map(), g = {
           e2s: "Finish-to-Start",
           s2s: "Start-to-Start",
           e2e: "Finish-to-Finish",
           s2e: "Start-to-Finish"
         }, D = (f, U) => {
-          const ee = [...l.get(f) || [], ...U.map((ie) => ie.trim()).filter(Boolean)];
-          ee.length > 0 && l.set(f, Array.from(new Set(ee)));
+          const ee = [...i.get(f) || [], ...U.map((ie) => ie.trim()).filter(Boolean)];
+          ee.length > 0 && i.set(f, Array.from(new Set(ee)));
         };
-        return S.forEach((f) => {
+        return v.forEach((f) => {
           f.dependencyRule && f.dependencyRule.length > 0 && D(f.id, f.dependencyRule);
         }), C.forEach((f) => {
-          const U = X.get(f.source), q = X.get(f.target), ee = U?.text || `Task ${f.source}`, ie = q?.text || `Task ${f.target}`, $e = g[f.type], ze = typeof f.lag == "number" && f.lag !== 0 ? ` (${f.lag > 0 ? "+" : ""}${f.lag} ${f.lagUnit || "day"})` : "", ge = `${ie} depends on ${ee} [${$e}]${ze}`;
+          const U = X.get(f.source), G = X.get(f.target), ee = U?.text || `Task ${f.source}`, ie = G?.text || `Task ${f.target}`, $e = g[f.type], ze = typeof f.lag == "number" && f.lag !== 0 ? ` (${f.lag > 0 ? "+" : ""}${f.lag} ${f.lagUnit || "day"})` : "", ge = `${ie} depends on ${ee} [${$e}]${ze}`;
           D(f.target, [ge]);
-        }), l;
-      }, [C, S, X]);
+        }), i;
+      }, [C, v, X]);
       A.useEffect(() => {
-        (e.length !== S.length || e.some((g, D) => {
-          const f = S[D];
+        (e.length !== v.length || e.some((g, D) => {
+          const f = v[D];
           return !f || g.id !== f.id || g.start.getTime() !== f.start.getTime() || g.end.getTime() !== f.end.getTime() || g.duration !== f.duration;
         })) && w(e);
       }, [e]), A.useEffect(() => {
@@ -1829,15 +1829,15 @@ const xn = ({
           return !f || g.id !== f.id || g.source !== f.source || g.target !== f.target || g.type !== f.type;
         })) && Z(a);
       }, [a]), A.useEffect(() => {
-        const l = N.current?.parentElement;
-        if (!l) return;
+        const i = N.current?.parentElement;
+        if (!i) return;
         const g = () => {
-          let U = l.clientWidth;
-          const q = l.closest(".gantt-layout"), ee = q?.querySelector(".gantt-grid");
-          q && ee && (U = Math.max(0, q.clientWidth - ee.offsetWidth)), re((ie) => ie === U ? ie : U);
+          let U = i.clientWidth;
+          const G = i.closest(".gantt-layout"), ee = G?.querySelector(".gantt-grid");
+          G && ee && (U = Math.max(0, G.clientWidth - ee.offsetWidth)), re((ie) => ie === U ? ie : U);
         };
         g();
-        const D = l.closest(".gantt-layout") || l;
+        const D = i.closest(".gantt-layout") || i;
         if (typeof ResizeObserver > "u")
           return window.addEventListener("resize", g), () => window.removeEventListener("resize", g);
         const f = new ResizeObserver(() => {
@@ -1845,84 +1845,84 @@ const xn = ({
         });
         return f.observe(D), () => f.disconnect();
       }, []);
-      const O = A.useCallback((l) => {
+      const k = A.useCallback((i) => {
         const g = [];
         let D = new Date(n.start);
         for (; D <= n.end; ) {
           let f = Qt(
             D,
-            l,
-            l.unit === "year" ? "YYYY" : l.unit === "month" ? "MMM" : l.unit === "hour" ? "HH" : "D"
+            i,
+            i.unit === "year" ? "YYYY" : i.unit === "month" ? "MMM" : i.unit === "hour" ? "HH" : "D"
           );
-          if (r.relativeDayNumbering && l.unit === "day") {
-            const U = D.getTime() - n.start.getTime(), q = Math.floor(U / (1e3 * 60 * 60 * 24)) + 1;
-            f = String(q);
+          if (r.relativeDayNumbering && i.unit === "day") {
+            const U = D.getTime() - n.start.getTime(), G = Math.floor(U / (1e3 * 60 * 60 * 24)) + 1;
+            f = String(G);
           }
           g.push({
             date: new Date(D),
             label: f
-          }), D = Te(D, l.step, l.unit);
+          }), D = Te(D, i.step, i.unit);
         }
         if (W > 0) {
           const f = Math.floor(W / le);
           for (; g.length < f; ) {
             let U = Qt(
               D,
-              l,
-              l.unit === "year" ? "YYYY" : l.unit === "month" ? "MMM" : l.unit === "hour" ? "HH" : "D"
+              i,
+              i.unit === "year" ? "YYYY" : i.unit === "month" ? "MMM" : i.unit === "hour" ? "HH" : "D"
             );
-            if (r.relativeDayNumbering && l.unit === "day") {
-              const q = D.getTime() - n.start.getTime(), ee = Math.floor(q / (1e3 * 60 * 60 * 24)) + 1;
+            if (r.relativeDayNumbering && i.unit === "day") {
+              const G = D.getTime() - n.start.getTime(), ee = Math.floor(G / (1e3 * 60 * 60 * 24)) + 1;
               U = String(ee);
             }
             g.push({
               date: new Date(D),
               label: U
-            }), D = Te(D, l.step, l.unit);
+            }), D = Te(D, i.step, i.unit);
           }
         }
         return g;
-      }, [n.start, n.end, W, le]), B = s[s.length - 1] || s[0], Y = A.useMemo(() => O(B), [O, B]), k = A.useMemo(() => Y.length === 0 || W <= 0 ? le : Math.max(le, W / Y.length), [le, Y.length, W]), De = y && S.length === 0 && j, Se = !!r.timelineView || !!r.timelineViews?.length, V = A.useMemo(() => {
+      }, [n.start, n.end, W, le]), B = s[s.length - 1] || s[0], Y = A.useMemo(() => k(B), [k, B]), O = A.useMemo(() => Y.length === 0 || W <= 0 ? le : Math.max(le, W / Y.length), [le, Y.length, W]), De = y && v.length === 0 && j, Se = !!r.timelineView || !!r.timelineViews?.length, V = A.useMemo(() => {
         if (r.showTimelineHeader === !1) return 0;
-        let l = Se ? Math.max(s.length - 1, 0) : 2;
-        if (r.showMonthHeading === !1 && (l = Math.max(0, l - 1)), r.showRangeHeading === !1) {
+        let i = Se ? Math.max(s.length - 1, 0) : 2;
+        if (r.showMonthHeading === !1 && (i = Math.max(0, i - 1)), r.showRangeHeading === !1) {
           const g = Se ? Math.max(0, s.length - 2) : 1;
-          l = Math.max(0, l - g);
+          i = Math.max(0, i - g);
         }
-        return l;
+        return i;
       }, [r.showTimelineHeader, r.showMonthHeading, r.showRangeHeading, Se, s.length]), { dragState: I, handleDragStart: ne, handleDrag: de, handleDragEnd: se } = bn(
-        S,
-        p,
-        k,
+        v,
+        h,
+        O,
         B.unit,
         B.step
-      ), ue = A.useCallback((l) => {
+      ), ue = A.useCallback((i) => {
         if (Y.length === 0) return 0;
-        const g = l.getTime(), D = Y.length - 1;
+        const g = i.getTime(), D = Y.length - 1;
         for (let f = 0; f <= D; f++) {
-          const U = Y[f], q = U.date.getTime(), ie = (f < D ? Y[f + 1].date : Te(U.date, B.step, B.unit)).getTime(), $e = Math.max(ie - q, 1);
-          if (g < q)
-            return f * k;
+          const U = Y[f], G = U.date.getTime(), ie = (f < D ? Y[f + 1].date : Te(U.date, B.step, B.unit)).getTime(), $e = Math.max(ie - G, 1);
+          if (g < G)
+            return f * O;
           if (g <= ie) {
-            const ze = Math.max(0, Math.min((g - q) / $e, 1));
-            return (f + ze) * k;
+            const ze = Math.max(0, Math.min((g - G) / $e, 1));
+            return (f + ze) * O;
           }
         }
-        return Y.length * k;
-      }, [Y, B, k]), z = (l) => {
-        const g = ue(l.start), D = ue(l.end);
+        return Y.length * O;
+      }, [Y, B, O]), z = (i) => {
+        const g = ue(i.start), D = ue(i.end);
         return {
           left: g,
           width: Math.max(D - g, 0)
         };
-      }, ye = (l) => {
-        const g = ue(l.start), D = ue(l.end);
+      }, ye = (i) => {
+        const g = ue(i.start), D = ue(i.end);
         return {
           left: g,
           width: Math.max(D - g, 0)
         };
-      }, Le = A.useCallback((l) => {
-        const g = z(l), D = S.findIndex((ee) => ee.id === l.id);
+      }, Le = A.useCallback((i) => {
+        const g = z(i), D = v.findIndex((ee) => ee.id === i.id);
         let f = r.rowHeight || 48;
         if (N.current) {
           const ee = getComputedStyle(N.current).getPropertyValue("--gantt-row-height");
@@ -1931,80 +1931,84 @@ const xn = ({
             !isNaN(ie) && ie > 0 && (f = ie);
           }
         }
-        const U = r.taskHeight || 28, q = (f - U) / 2;
+        const U = r.taskHeight || 28, G = (f - U) / 2;
         return {
           left: g.left,
           width: g.width,
-          top: D * f + q,
+          top: D * f + G,
           height: U
         };
-      }, [z, S, r.rowHeight, r.taskHeight]), Ie = A.useRef(null), Ye = Je((l) => {
+      }, [z, v, r.rowHeight, r.taskHeight]), Ie = A.useRef(null), Ye = Je((i) => {
         I.taskId && I.type && (Ie.current && cancelAnimationFrame(Ie.current), Ie.current = requestAnimationFrame(() => {
-          const g = de(l.clientX, l.clientY);
+          const g = de(i.clientX, i.clientY);
           g && w(
             (D) => D.map((f) => f.id === g.id ? g : f)
           );
         }));
       }, [I, de]), $ = Je(() => {
         if (I.taskId) {
-          const l = S.find((g) => g.id === I.taskId);
-          se(l || null), d();
+          const i = v.find((g) => g.id === I.taskId);
+          se(i || null), d();
         }
-      }, [I, S, se, d]), J = A.useCallback((l) => {
+      }, [I, v, se, d]), q = A.useCallback((i) => {
         const g = [];
         let D = "", f = "", U = 0;
-        return Y.forEach((q) => {
-          const ee = Sn(q.date, l), ie = ee.toISOString(), $e = l.unit === "year" ? "YYYY" : l.unit === "month" ? "MMM YYYY" : l.unit === "day" ? "MMM D" : "D", ze = Qt(ee, l, $e);
-          ie !== D ? (D && g.push({ key: D, label: f, width: U }), D = ie, f = ze, U = k) : U += k;
+        return Y.forEach((G) => {
+          const ee = Sn(G.date, i), ie = ee.toISOString(), $e = i.unit === "year" ? "YYYY" : i.unit === "month" ? "MMM YYYY" : i.unit === "day" ? "MMM D" : "D", ze = Qt(ee, i, $e);
+          ie !== D ? (D && g.push({ key: D, label: f, width: U }), D = ie, f = ze, U = O) : U += O;
         }), D && g.push({ key: D, label: f, width: U }), g;
-      }, [Y, k]), xe = A.useMemo(() => {
+      }, [Y, O]), xe = A.useMemo(() => {
         if (!Se) return [];
-        const l = [];
-        return s.slice(0, -1).forEach((D) => {
-          const f = J(D);
-          f.length > 0 && l.push(f);
-        }), l.push(
+        const i = [];
+        if (s.slice(0, -1).forEach((D) => {
+          const f = q(D);
+          f.length > 0 && i.push(f);
+        }), r.timelineView === "day" && i.length === 0) {
+          const D = q({ unit: "month", step: 1, format: "MMM YYYY" });
+          D.length > 0 && i.push(D);
+        }
+        return i.push(
           Y.map((D, f) => ({
             key: `secondary-${f}`,
             label: D.label,
-            width: k,
+            width: O,
             date: D.date
           }))
-        ), l;
-      }, [J, k, Se, s, Y]), Qe = A.useCallback(() => {
-        const l = [];
+        ), i;
+      }, [q, O, Se, s, Y]), Qe = A.useCallback(() => {
+        const i = [];
         let g = -1, D = -1, f = 0, U = "";
-        return Y.forEach((q) => {
-          const ee = q.date.getMonth(), ie = q.date.getFullYear(), $e = Oe(q.date, "MMM YYYY");
-          ee !== g || ie !== D ? (g !== -1 && l.push({ label: U, width: f }), g = ee, D = ie, f = k, U = $e) : f += k;
-        }), g !== -1 && l.push({ label: U, width: f }), l;
-      }, [Y, k]), ce = A.useCallback(() => {
-        const l = [];
-        let g = -1, D = 0, f = -1, U = -1, q = "";
+        return Y.forEach((G) => {
+          const ee = G.date.getMonth(), ie = G.date.getFullYear(), $e = ke(G.date, "MMM YYYY");
+          ee !== g || ie !== D ? (g !== -1 && i.push({ label: U, width: f }), g = ee, D = ie, f = O, U = $e) : f += O;
+        }), g !== -1 && i.push({ label: U, width: f }), i;
+      }, [Y, O]), ce = A.useCallback(() => {
+        const i = [];
+        let g = -1, D = 0, f = -1, U = -1, G = "";
         return Y.forEach((ee) => {
-          const $e = ee.date.getDate() <= 15 ? 0 : 1, ze = ee.date.getMonth(), ge = ee.date.getFullYear(), tt = Oe(ee.date, "MMM"), Ke = new Date(ge, ze + 1, 0).getDate(), st = $e === 0 ? `${tt} 1 - 15` : `${tt} 16 - ${Ke}`;
-          $e !== g || ze !== f || ge !== U ? (g !== -1 && l.push({ label: q, width: D }), g = $e, f = ze, U = ge, D = k, q = st) : D += k;
-        }), g !== -1 && l.push({ label: q, width: D }), l;
-      }, [Y, k]), me = A.useMemo(() => Qe(), [Qe]), Fe = A.useMemo(() => ce(), [ce]), pe = A.useMemo(() => Y.length * k, [Y.length, k]), et = A.useMemo(() => {
-        const l = /* @__PURE__ */ new Date();
-        return l.setHours(0, 0, 0, 0), l;
+          const $e = ee.date.getDate() <= 15 ? 0 : 1, ze = ee.date.getMonth(), ge = ee.date.getFullYear(), tt = ke(ee.date, "MMM"), Ke = new Date(ge, ze + 1, 0).getDate(), st = $e === 0 ? `${tt} 1 - 15` : `${tt} 16 - ${Ke}`;
+          $e !== g || ze !== f || ge !== U ? (g !== -1 && i.push({ label: G, width: D }), g = $e, f = ze, U = ge, D = O, G = st) : D += O;
+        }), g !== -1 && i.push({ label: G, width: D }), i;
+      }, [Y, O]), me = A.useMemo(() => Qe(), [Qe]), Fe = A.useMemo(() => ce(), [ce]), pe = A.useMemo(() => Y.length * O, [Y.length, O]), et = A.useMemo(() => {
+        const i = /* @__PURE__ */ new Date();
+        return i.setHours(0, 0, 0, 0), i;
       }, []), _e = A.useMemo(() => {
         if (!r.showTodayLine) return null;
-        const l = ue(et);
-        return l >= -k && l <= pe + k ? Math.max(0, Math.min(l, pe)) : null;
-      }, [r.showTodayLine, et, pe, k, ue]), Xe = A.useMemo(() => {
+        const i = ue(et);
+        return i >= -O && i <= pe + O ? Math.max(0, Math.min(i, pe)) : null;
+      }, [r.showTodayLine, et, pe, O, ue]), Xe = A.useMemo(() => {
         if (r.projectStartDate)
           return yt(r.projectStartDate);
-        if (S.length > 0) {
-          const l = S.map((g) => g.start.getTime());
-          return yt(new Date(Math.min(...l)));
+        if (v.length > 0) {
+          const i = v.map((g) => g.start.getTime());
+          return yt(new Date(Math.min(...i)));
         }
         return null;
-      }, [r.projectStartDate, S]), Ue = A.useMemo(() => {
+      }, [r.projectStartDate, v]), Ue = A.useMemo(() => {
         if (!r.showProjectStartLine || !Xe) return null;
-        const l = ue(Xe);
-        return l >= -k && l <= pe + k ? Math.max(0, Math.min(l, pe)) : null;
-      }, [r.showProjectStartLine, Xe, pe, k, ue]), ot = `calc(var(--gantt-scale-height, 24px) * ${V})`;
+        const i = ue(Xe);
+        return i >= -O && i <= pe + O ? Math.max(0, Math.min(i, pe)) : null;
+      }, [r.showProjectStartLine, Xe, pe, O, ue]), ot = `calc(var(--gantt-scale-height, 24px) * ${V})`;
       return /* @__PURE__ */ t.jsxs(
         "div",
         {
@@ -2067,15 +2071,15 @@ const xn = ({
                   children: r.projectStartLineLabel
                 }
               ),
-              r.showTimelineHeader !== !1 && (Se ? xe.map((l, g) => {
+              r.showTimelineHeader !== !1 && (Se ? xe.map((i, g) => {
                 const D = g === 0 ? "gantt-timeline-scale-month" : g === xe.length - 1 ? "gantt-timeline-scale-day" : "gantt-timeline-scale-range";
                 return /* @__PURE__ */ t.jsx(
                   "div",
                   {
                     className: `gantt-timeline-scale ${D}`,
                     style: { width: pe, display: g === 0 && r.showMonthHeading === !1 || g !== 0 && g !== xe.length - 1 && r.showRangeHeading === !1 ? "none" : "flex" },
-                    children: l.map((f, U) => {
-                      const q = g === xe.length - 1, ee = q && f.date ? r.weekends && Kt(f.date) : !1, ie = q && f.date ? r.holidays && Zt(f.date, r.holidays) : !1;
+                    children: i.map((f, U) => {
+                      const G = g === xe.length - 1, ee = G && f.date ? r.weekends && Kt(f.date) : !1, ie = G && f.date ? r.holidays && Zt(f.date, r.holidays) : !1;
                       return /* @__PURE__ */ t.jsx(
                         "div",
                         {
@@ -2084,7 +2088,7 @@ const xn = ({
                             width: f.width,
                             minWidth: f.width,
                             maxWidth: f.width,
-                            borderRight: U === l.length - 1 ? "none" : "var(--wx-gantt-border)"
+                            borderRight: U === i.length - 1 ? "none" : "var(--wx-gantt-border)"
                           },
                           children: f.label
                         },
@@ -2095,47 +2099,47 @@ const xn = ({
                   `dynamic-row-${g}`
                 );
               }) : /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                r.showMonthHeading !== !1 && /* @__PURE__ */ t.jsx("div", { className: "gantt-timeline-scale gantt-timeline-scale-month", style: { width: pe }, children: me.map((l, g) => /* @__PURE__ */ t.jsx(
+                r.showMonthHeading !== !1 && /* @__PURE__ */ t.jsx("div", { className: "gantt-timeline-scale gantt-timeline-scale-month", style: { width: pe }, children: me.map((i, g) => /* @__PURE__ */ t.jsx(
                   "div",
                   {
                     className: "gantt-timeline-cell",
                     style: {
-                      width: l.width,
-                      minWidth: l.width,
-                      maxWidth: l.width,
+                      width: i.width,
+                      minWidth: i.width,
+                      maxWidth: i.width,
                       borderRight: g === me.length - 1 ? "none" : "var(--wx-gantt-border)"
                     },
-                    children: l.label
+                    children: i.label
                   },
                   `top-${g}`
                 )) }),
-                r.showRangeHeading !== !1 && /* @__PURE__ */ t.jsx("div", { className: "gantt-timeline-scale gantt-timeline-scale-range", style: { width: pe }, children: Fe.map((l, g) => /* @__PURE__ */ t.jsx(
+                r.showRangeHeading !== !1 && /* @__PURE__ */ t.jsx("div", { className: "gantt-timeline-scale gantt-timeline-scale-range", style: { width: pe }, children: Fe.map((i, g) => /* @__PURE__ */ t.jsx(
                   "div",
                   {
                     className: "gantt-timeline-cell",
                     style: {
-                      width: l.width,
-                      minWidth: l.width,
-                      maxWidth: l.width,
+                      width: i.width,
+                      minWidth: i.width,
+                      maxWidth: i.width,
                       borderRight: g === Fe.length - 1 ? "none" : "var(--wx-gantt-border)"
                     },
-                    children: l.label
+                    children: i.label
                   },
                   `mid-${g}`
                 )) }),
-                /* @__PURE__ */ t.jsx("div", { className: "gantt-timeline-scale gantt-timeline-scale-day", style: { width: pe }, children: Y.map((l, g) => {
-                  const D = r.weekends && Kt(l.date), f = r.holidays && Zt(l.date, r.holidays);
+                /* @__PURE__ */ t.jsx("div", { className: "gantt-timeline-scale gantt-timeline-scale-day", style: { width: pe }, children: Y.map((i, g) => {
+                  const D = r.weekends && Kt(i.date), f = r.holidays && Zt(i.date, r.holidays);
                   return /* @__PURE__ */ t.jsx(
                     "div",
                     {
                       className: `gantt-timeline-cell ${D ? "weekend" : ""} ${f ? "holiday" : ""}`,
                       style: {
-                        width: k,
-                        minWidth: k,
-                        maxWidth: k,
+                        width: O,
+                        minWidth: O,
+                        maxWidth: O,
                         borderRight: g === Y.length - 1 ? "none" : "var(--wx-gantt-border)"
                       },
-                      children: l.label
+                      children: i.label
                     },
                     `day-${g}`
                   );
@@ -2145,7 +2149,7 @@ const xn = ({
             /* @__PURE__ */ t.jsxs("div", { className: "gantt-timeline-body", style: { width: pe, position: "relative" }, children: [
               _e !== null && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                 r.showTodayLineMarker !== !1 && (() => {
-                  const l = r.todayLineMarkerSize || 8, g = r.todayLineColor || "#ff4d4f", D = r.todayLineMarkerStyle || "triangle", f = r.todayLineOpacity !== void 0 ? r.todayLineOpacity : 1;
+                  const i = r.todayLineMarkerSize || 8, g = r.todayLineColor || "#ff4d4f", D = r.todayLineMarkerStyle || "triangle", f = r.todayLineOpacity !== void 0 ? r.todayLineOpacity : 1;
                   return D === "triangle" ? /* @__PURE__ */ t.jsx(
                     "div",
                     {
@@ -2157,9 +2161,9 @@ const xn = ({
                         transform: "translateX(-50%)",
                         width: 0,
                         height: 0,
-                        borderLeft: `${l}px solid transparent`,
-                        borderRight: `${l}px solid transparent`,
-                        borderBottom: `${l}px solid ${g}`,
+                        borderLeft: `${i}px solid transparent`,
+                        borderRight: `${i}px solid transparent`,
+                        borderBottom: `${i}px solid ${g}`,
                         zIndex: 7,
                         pointerEvents: "none",
                         opacity: f
@@ -2176,9 +2180,9 @@ const xn = ({
                         transform: "translateX(-50%)",
                         width: 0,
                         height: 0,
-                        borderLeft: `${l}px solid transparent`,
-                        borderRight: `${l}px solid transparent`,
-                        borderBottom: `${l * 0.7}px solid ${g}`,
+                        borderLeft: `${i}px solid transparent`,
+                        borderRight: `${i}px solid transparent`,
+                        borderBottom: `${i * 0.7}px solid ${g}`,
                         zIndex: 7,
                         pointerEvents: "none",
                         opacity: f
@@ -2191,10 +2195,10 @@ const xn = ({
                       style: {
                         position: "absolute",
                         left: `${_e}px`,
-                        top: `-${l / 2}px`,
+                        top: `-${i / 2}px`,
                         transform: "translateX(-50%)",
-                        width: `${l}px`,
-                        height: `${l}px`,
+                        width: `${i}px`,
+                        height: `${i}px`,
                         borderRadius: "50%",
                         backgroundColor: g,
                         zIndex: 7,
@@ -2227,7 +2231,7 @@ const xn = ({
               ] }),
               Ue !== null && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                 r.showProjectStartLineMarker !== !1 && (() => {
-                  const l = r.projectStartLineMarkerSize || 8, g = r.projectStartLineColor || "#40a9ff", D = r.projectStartLineMarkerStyle || "triangle", f = r.projectStartLineOpacity !== void 0 ? r.projectStartLineOpacity : 1;
+                  const i = r.projectStartLineMarkerSize || 8, g = r.projectStartLineColor || "#40a9ff", D = r.projectStartLineMarkerStyle || "triangle", f = r.projectStartLineOpacity !== void 0 ? r.projectStartLineOpacity : 1;
                   return D === "triangle" ? /* @__PURE__ */ t.jsx(
                     "div",
                     {
@@ -2239,9 +2243,9 @@ const xn = ({
                         transform: "translateX(-50%)",
                         width: 0,
                         height: 0,
-                        borderLeft: `${l}px solid transparent`,
-                        borderRight: `${l}px solid transparent`,
-                        borderBottom: `${l}px solid ${g}`,
+                        borderLeft: `${i}px solid transparent`,
+                        borderRight: `${i}px solid transparent`,
+                        borderBottom: `${i}px solid ${g}`,
                         zIndex: 7,
                         pointerEvents: "none",
                         opacity: f
@@ -2258,9 +2262,9 @@ const xn = ({
                         transform: "translateX(-50%)",
                         width: 0,
                         height: 0,
-                        borderLeft: `${l}px solid transparent`,
-                        borderRight: `${l}px solid transparent`,
-                        borderBottom: `${l * 0.7}px solid ${g}`,
+                        borderLeft: `${i}px solid transparent`,
+                        borderRight: `${i}px solid transparent`,
+                        borderBottom: `${i * 0.7}px solid ${g}`,
                         zIndex: 7,
                         pointerEvents: "none",
                         opacity: f
@@ -2273,10 +2277,10 @@ const xn = ({
                       style: {
                         position: "absolute",
                         left: `${Ue}px`,
-                        top: `-${l / 2}px`,
+                        top: `-${i / 2}px`,
                         transform: "translateX(-50%)",
-                        width: `${l}px`,
-                        height: `${l}px`,
+                        width: `${i}px`,
+                        height: `${i}px`,
                         borderRadius: "50%",
                         backgroundColor: g,
                         zIndex: 7,
@@ -2307,13 +2311,13 @@ const xn = ({
                   }
                 )
               ] }),
-              /* @__PURE__ */ t.jsx("div", { className: "gantt-timeline-grid", children: Y.map((l, g) => {
-                const D = r.weekends && Kt(l.date), f = r.holidays && Zt(l.date, r.holidays);
+              /* @__PURE__ */ t.jsx("div", { className: "gantt-timeline-grid", children: Y.map((i, g) => {
+                const D = r.weekends && Kt(i.date), f = r.holidays && Zt(i.date, r.holidays);
                 return /* @__PURE__ */ t.jsx(
                   "div",
                   {
                     className: `gantt-timeline-grid-column ${D ? "weekend" : ""} ${f ? "holiday" : ""}`,
-                    style: { width: k, minWidth: k }
+                    style: { width: O, minWidth: O }
                   },
                   g
                 );
@@ -2322,12 +2326,12 @@ const xn = ({
                 wn,
                 {
                   links: C,
-                  tasks: S,
+                  tasks: v,
                   getTaskPosition: Le
                 }
               ),
-              /* @__PURE__ */ t.jsx("div", { className: "gantt-timeline-tasks", style: { width: pe }, children: De ? Array.from(v?.values() || []).map((l) => {
-                const g = ye(l);
+              /* @__PURE__ */ t.jsx("div", { className: "gantt-timeline-tasks", style: { width: pe }, children: De ? Array.from(S?.values() || []).map((i) => {
+                const g = ye(i);
                 return /* @__PURE__ */ t.jsx(
                   "div",
                   {
@@ -2340,14 +2344,14 @@ const xn = ({
                           left: `${g.left}px`,
                           width: `${g.width}px`
                         },
-                        title: `Baseline: ${l.start.toLocaleDateString()} - ${l.end.toLocaleDateString()}`
+                        title: `Baseline: ${i.start.toLocaleDateString()} - ${i.end.toLocaleDateString()}`
                       }
                     )
                   },
-                  `baseline-only-${l.taskId}`
+                  `baseline-only-${i.taskId}`
                 );
-              }) : S.map((l) => {
-                const g = z(l), D = j ? v?.get(l.id) : void 0, f = D ? ye(D) : void 0;
+              }) : v.map((i) => {
+                const g = z(i), D = j ? S?.get(i.id) : void 0, f = D ? ye(D) : void 0;
                 return /* @__PURE__ */ t.jsxs(
                   "div",
                   {
@@ -2356,7 +2360,7 @@ const xn = ({
                       D && f && /* @__PURE__ */ t.jsx(
                         "div",
                         {
-                          className: `gantt-baseline-bar ${l.type === "milestone" ? "milestone" : ""}`,
+                          className: `gantt-baseline-bar ${i.type === "milestone" ? "milestone" : ""}`,
                           style: {
                             left: `${f.left}px`,
                             width: `${f.width}px`
@@ -2364,28 +2368,28 @@ const xn = ({
                           title: `Baseline: ${D.start.toLocaleDateString()} - ${D.end.toLocaleDateString()}`
                         }
                       ),
-                      !l.hideBar && /* @__PURE__ */ t.jsx(
+                      !i.hideBar && /* @__PURE__ */ t.jsx(
                         xn,
                         {
-                          task: l,
+                          task: i,
                           baseline: D,
-                          dependencyRuleDescriptions: R.get(l.id) || [],
+                          dependencyRuleDescriptions: R.get(i.id) || [],
                           tooltipConfig: m,
                           position: g,
-                          selected: c === l.id,
-                          dragging: I.taskId === l.id,
+                          selected: c === i.id,
+                          dragging: I.taskId === i.id,
                           dragDeltaX: I.dragDeltaX,
                           dragType: I.type,
-                          onClick: () => b(l.id),
-                          onDragStart: (U, q, ee) => {
-                            ne(l.id, U, q, ee), u(l.id, U, q);
+                          onClick: () => b(i.id),
+                          onDragStart: (U, G, ee) => {
+                            ne(i.id, U, G, ee), u(i.id, U, G);
                           },
                           readonly: r.readonly
                         }
                       )
                     ]
                   },
-                  l.id
+                  i.id
                 );
               }) })
             ] })
@@ -2399,14 +2403,14 @@ Lr.displayName = "Timeline";
 const Fr = wr((e, a) => /* @__PURE__ */ t.jsx("div", { className: "gantt-chart-wrapper", style: { flex: 1, minWidth: 0 }, children: /* @__PURE__ */ t.jsx(Lr, { ...e, ref: a }) }));
 Fr.displayName = "Chart";
 const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig: n = {} }) => {
-  const [s, r] = G({
+  const [s, r] = J({
     searchText: "",
     status: "all",
     priority: "all",
     owner: ""
   }), c = (d) => {
-    const p = { ...s, ...d };
-    r(p), e(p);
+    const h = { ...s, ...d };
+    r(h), e(h);
   }, b = () => {
     const d = {
       searchText: "",
@@ -2430,7 +2434,7 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
     ) }),
     /* @__PURE__ */ t.jsxs("div", { className: "gantt-filter-right", children: [
       /* @__PURE__ */ t.jsx(
-        ke,
+        Oe,
         {
           value: s.status,
           onChange: (d) => c({ status: d }),
@@ -2445,7 +2449,7 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
         }
       ),
       /* @__PURE__ */ t.jsx(
-        ke,
+        Oe,
         {
           value: s.priority,
           onChange: (d) => c({ priority: d }),
@@ -2460,7 +2464,7 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
         }
       ),
       /* @__PURE__ */ t.jsx(
-        ke,
+        Oe,
         {
           value: s.owner || void 0,
           onChange: (d) => c({ owner: d || "" }),
@@ -2497,21 +2501,21 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
   onFilterChange: b,
   owners: u,
   onAddTask: d,
-  uiConfig: p,
-  iconConfig: h = {},
-  styleConfig: v
+  uiConfig: h,
+  iconConfig: p = {},
+  styleConfig: S
 }) => {
-  const y = jt(v), m = p.showZoomButtons !== !1, E = p.showExportButtons !== !1, F = s.length > 1 && r, N = m && E;
+  const y = jt(S), m = h.showZoomButtons !== !1, E = h.showExportButtons !== !1, F = s.length > 1 && r, N = m && E;
   return /* @__PURE__ */ t.jsxs("div", { className: "gantt-toolbar-wrapper", children: [
     /* @__PURE__ */ t.jsxs("div", { className: "gantt-toolbar", children: [
-      /* @__PURE__ */ t.jsx("div", { className: "gantt-toolbar-left", children: /* @__PURE__ */ t.jsx(er, { size: 8, children: p.showAddTaskButton !== !1 && /* @__PURE__ */ t.jsx(
+      /* @__PURE__ */ t.jsx("div", { className: "gantt-toolbar-left", children: /* @__PURE__ */ t.jsx(er, { size: 8, children: h.showAddTaskButton !== !1 && /* @__PURE__ */ t.jsx(
         Pe,
         {
           type: "primary",
-          icon: ct(h.addTask, ar),
+          icon: ct(p.addTask, ar),
           onClick: () => d?.(),
           style: y.buttonPrimary,
-          children: p.addTaskButtonText || "New Stage"
+          children: h.addTaskButtonText || "New Stage"
         }
       ) }) }),
       /* @__PURE__ */ t.jsx("div", { className: "gantt-toolbar-right", children: /* @__PURE__ */ t.jsxs(er, { size: 4, children: [
@@ -2528,26 +2532,26 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
           (m || E) && /* @__PURE__ */ t.jsx(tr, { type: "vertical", style: { height: 24, margin: "0 4px" } })
         ] }),
         m && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          /* @__PURE__ */ t.jsx(nt, { title: p.zoomOutTooltip || "Zoom Out", children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsx(nt, { title: h.zoomOutTooltip || "Zoom Out", children: /* @__PURE__ */ t.jsx(
             Pe,
             {
-              icon: ct(h.zoomOut, Gr),
+              icon: ct(p.zoomOut, Gr),
               onClick: () => a(Math.max(0.5, e - 0.25)),
               style: y.buttonSecondary
             }
           ) }),
-          /* @__PURE__ */ t.jsx(nt, { title: p.zoomInTooltip || "Zoom In", children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsx(nt, { title: h.zoomInTooltip || "Zoom In", children: /* @__PURE__ */ t.jsx(
             Pe,
             {
-              icon: ct(h.zoomIn, Jr),
+              icon: ct(p.zoomIn, Jr),
               onClick: () => a(Math.min(2, e + 0.25)),
               style: y.buttonSecondary
             }
           ) }),
-          /* @__PURE__ */ t.jsx(nt, { title: p.resetZoomTooltip || "Reset Zoom", children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsx(nt, { title: h.resetZoomTooltip || "Reset Zoom", children: /* @__PURE__ */ t.jsx(
             Pe,
             {
-              icon: ct(h.resetZoom, jr),
+              icon: ct(p.resetZoom, jr),
               onClick: () => a(1),
               style: y.buttonSecondary
             }
@@ -2555,34 +2559,34 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
         ] }),
         N && /* @__PURE__ */ t.jsx(tr, { type: "vertical", style: { height: 24, margin: "0 4px" } }),
         E && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-          /* @__PURE__ */ t.jsx(nt, { title: p.exportCSVTooltip || "Export to CSV", children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsx(nt, { title: h.exportCSVTooltip || "Export to CSV", children: /* @__PURE__ */ t.jsx(
             Pe,
             {
-              icon: ct(h.exportCSV, Kr),
+              icon: ct(p.exportCSV, Kr),
               onClick: () => c("csv"),
               style: y.buttonSecondary
             }
           ) }),
-          /* @__PURE__ */ t.jsx(nt, { title: p.exportExcelTooltip || "Export to Excel", children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsx(nt, { title: h.exportExcelTooltip || "Export to Excel", children: /* @__PURE__ */ t.jsx(
             Pe,
             {
-              icon: ct(h.exportExcel, Zr),
+              icon: ct(p.exportExcel, Zr),
               onClick: () => c("excel"),
               style: y.buttonSecondary
             }
           ) }),
-          /* @__PURE__ */ t.jsx(nt, { title: p.exportJSONTooltip || "Export to JSON", children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsx(nt, { title: h.exportJSONTooltip || "Export to JSON", children: /* @__PURE__ */ t.jsx(
             Pe,
             {
-              icon: ct(h.exportJSON, Qr),
+              icon: ct(p.exportJSON, Qr),
               onClick: () => c("json"),
               style: y.buttonSecondary
             }
           ) }),
-          /* @__PURE__ */ t.jsx(nt, { title: p.exportPDFTooltip || "Export to PDF", children: /* @__PURE__ */ t.jsx(
+          /* @__PURE__ */ t.jsx(nt, { title: h.exportPDFTooltip || "Export to PDF", children: /* @__PURE__ */ t.jsx(
             Pe,
             {
-              icon: ct(h.exportPDF, en),
+              icon: ct(p.exportPDF, en),
               onClick: () => c("pdf"),
               style: y.buttonSecondary
             }
@@ -2590,29 +2594,29 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
         ] })
       ] }) })
     ] }),
-    p.showFilterSearch !== !1 && /* @__PURE__ */ t.jsx(
+    h.showFilterSearch !== !1 && /* @__PURE__ */ t.jsx(
       jn,
       {
         onFilterChange: b,
         owners: u,
-        uiConfig: p
+        uiConfig: h
       }
     )
   ] });
-}, { Option: St } = ke, { TextArea: Dn } = pt, Mn = ({ onCreateTask: e, onClose: a, uiConfig: n = {}, parentId: s, parentTaskName: r, styleConfig: c }) => {
-  const [b] = je.useForm(), u = jt(c), d = (p) => {
-    const h = p.start.toDate(), v = new Date(h);
-    v.setDate(v.getDate() + (p.duration || 1)), e({
-      text: p.text,
-      start: h,
-      end: v,
-      duration: p.duration || 1,
-      progress: p.progress || 0,
-      type: p.type,
-      color: typeof p.color == "string" ? p.color : p.color?.toHexString?.() || "#4A90E2",
-      owner: p.owner || "",
-      priority: p.priority || "medium",
-      details: p.details || "",
+}, { Option: St } = Oe, { TextArea: Dn } = pt, Mn = ({ onCreateTask: e, onClose: a, uiConfig: n = {}, parentId: s, parentTaskName: r, styleConfig: c }) => {
+  const [b] = je.useForm(), u = jt(c), d = (h) => {
+    const p = h.start.toDate(), S = new Date(p);
+    S.setDate(S.getDate() + (h.duration || 1)), e({
+      text: h.text,
+      start: p,
+      end: S,
+      duration: h.duration || 1,
+      progress: h.progress || 0,
+      type: h.type,
+      color: typeof h.color == "string" ? h.color : h.color?.toHexString?.() || "#4A90E2",
+      owner: h.owner || "",
+      priority: h.priority || "medium",
+      details: h.details || "",
       parent: s
       // Set parent for subtasks
     }, s), a();
@@ -2659,12 +2663,12 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
               }
             ),
             /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 16 }, children: [
-              /* @__PURE__ */ t.jsx(je.Item, { name: "type", label: n.typeLabel || "Type", style: { flex: 1 }, children: /* @__PURE__ */ t.jsxs(ke, { style: u.input, children: [
+              /* @__PURE__ */ t.jsx(je.Item, { name: "type", label: n.typeLabel || "Type", style: { flex: 1 }, children: /* @__PURE__ */ t.jsxs(Oe, { style: u.input, children: [
                 /* @__PURE__ */ t.jsx(St, { value: "task", children: n.taskTypeOptions?.task || "Stage" }),
                 /* @__PURE__ */ t.jsx(St, { value: "milestone", children: n.taskTypeOptions?.milestone || "Milestone" }),
                 /* @__PURE__ */ t.jsx(St, { value: "project", children: n.taskTypeOptions?.project || "Project" })
               ] }) }),
-              /* @__PURE__ */ t.jsx(je.Item, { name: "priority", label: n.priorityLabel || "Priority", style: { flex: 1 }, children: /* @__PURE__ */ t.jsxs(ke, { style: u.input, children: [
+              /* @__PURE__ */ t.jsx(je.Item, { name: "priority", label: n.priorityLabel || "Priority", style: { flex: 1 }, children: /* @__PURE__ */ t.jsxs(Oe, { style: u.input, children: [
                 /* @__PURE__ */ t.jsx(St, { value: "low", children: n.priorityOptions?.low || "Low" }),
                 /* @__PURE__ */ t.jsx(St, { value: "medium", children: n.priorityOptions?.medium || "Medium" }),
                 /* @__PURE__ */ t.jsx(St, { value: "high", children: n.priorityOptions?.high || "High" })
@@ -2685,23 +2689,23 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
       )
     }
   );
-}, { Option: vt } = ke, { TextArea: En } = pt, { confirm: Ln } = At, Fn = ({ task: e, onUpdate: a, onDelete: n, onClose: s, uiConfig: r = {}, styleConfig: c }) => {
-  const [b] = je.useForm(), u = jt(c), d = (h) => {
-    const v = h.start.toDate(), y = new Date(v);
-    y.setDate(y.getDate() + (h.duration || 1)), a({
+}, { Option: vt } = Oe, { TextArea: En } = pt, { confirm: Ln } = At, Fn = ({ task: e, onUpdate: a, onDelete: n, onClose: s, uiConfig: r = {}, styleConfig: c }) => {
+  const [b] = je.useForm(), u = jt(c), d = (p) => {
+    const S = p.start.toDate(), y = new Date(S);
+    y.setDate(y.getDate() + (p.duration || 1)), a({
       ...e,
-      text: h.text,
-      start: v,
+      text: p.text,
+      start: S,
       end: y,
-      duration: h.duration || 1,
-      progress: h.progress || 0,
-      type: h.type,
-      color: typeof h.color == "string" ? h.color : h.color?.toHexString?.() || "#4A90E2",
-      owner: h.owner || "",
-      priority: h.priority || "medium",
-      details: h.details || ""
+      duration: p.duration || 1,
+      progress: p.progress || 0,
+      type: p.type,
+      color: typeof p.color == "string" ? p.color : p.color?.toHexString?.() || "#4A90E2",
+      owner: p.owner || "",
+      priority: p.priority || "medium",
+      details: p.details || ""
     }), s();
-  }, p = () => {
+  }, h = () => {
     Ln({
       title: r.deleteConfirmTitle ? `${r.deleteConfirmTitle}: "${e.text}"?` : `Are you sure you want to delete "${e.text}"?`,
       icon: /* @__PURE__ */ t.jsx(Ee, { icon: tn, style: { color: "#faad14", marginRight: 8 } }),
@@ -2721,7 +2725,7 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
       open: !0,
       onCancel: s,
       footer: [
-        /* @__PURE__ */ t.jsx(Pe, { danger: !0, onClick: p, style: { float: "left", ...u.buttonDanger }, children: r.taskEditorDeleteText || "Delete" }, "delete"),
+        /* @__PURE__ */ t.jsx(Pe, { danger: !0, onClick: h, style: { float: "left", ...u.buttonDanger }, children: r.taskEditorDeleteText || "Delete" }, "delete"),
         /* @__PURE__ */ t.jsx(Pe, { onClick: s, style: u.buttonSecondary, children: r.taskEditorCancelText || "Cancel" }, "cancel"),
         /* @__PURE__ */ t.jsx(Pe, { type: "primary", onClick: () => b.submit(), style: u.buttonPrimary, children: r.taskEditorSaveText || "Save Changes" }, "submit")
       ],
@@ -2759,12 +2763,12 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
               }
             ),
             /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", gap: 16 }, children: [
-              /* @__PURE__ */ t.jsx(je.Item, { name: "type", label: r.typeLabel || "Type", style: { flex: 1 }, children: /* @__PURE__ */ t.jsxs(ke, { style: u.input, children: [
+              /* @__PURE__ */ t.jsx(je.Item, { name: "type", label: r.typeLabel || "Type", style: { flex: 1 }, children: /* @__PURE__ */ t.jsxs(Oe, { style: u.input, children: [
                 /* @__PURE__ */ t.jsx(vt, { value: "task", children: r.taskTypeOptions?.task || "Stage" }),
                 /* @__PURE__ */ t.jsx(vt, { value: "milestone", children: r.taskTypeOptions?.milestone || "Milestone" }),
                 /* @__PURE__ */ t.jsx(vt, { value: "project", children: r.taskTypeOptions?.project || "Project" })
               ] }) }),
-              /* @__PURE__ */ t.jsx(je.Item, { name: "priority", label: r.priorityLabel || "Priority", style: { flex: 1 }, children: /* @__PURE__ */ t.jsxs(ke, { style: u.input, children: [
+              /* @__PURE__ */ t.jsx(je.Item, { name: "priority", label: r.priorityLabel || "Priority", style: { flex: 1 }, children: /* @__PURE__ */ t.jsxs(Oe, { style: u.input, children: [
                 /* @__PURE__ */ t.jsx(vt, { value: "low", children: r.priorityOptions?.low || "Low" }),
                 /* @__PURE__ */ t.jsx(vt, { value: "medium", children: r.priorityOptions?.medium || "Medium" }),
                 /* @__PURE__ */ t.jsx(vt, { value: "high", children: r.priorityOptions?.high || "High" })
@@ -2785,7 +2789,7 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
       )
     }
   );
-}, { Title: Pt, Text: gt, Paragraph: Rn } = br, { Option: rt } = ke, Pn = ({
+}, { Title: Pt, Text: gt, Paragraph: Rn } = br, { Option: rt } = Oe, Pn = ({
   task: e,
   allTasks: a,
   links: n,
@@ -2795,18 +2799,18 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
   onClose: b,
   styleConfig: u
 }) => {
-  const d = jt(u), [p, h] = G(""), [v, y] = G("e2s"), [m, E] = G(0), [F, N] = G("day"), [M, S] = G(e.duration), [w, C] = G(""), Z = n.filter((R) => R.target === e.id), W = a.filter((R) => R.id !== e.id && R.id !== e.parent), re = () => {
-    if (p) {
+  const d = jt(u), [h, p] = J(""), [S, y] = J("e2s"), [m, E] = J(0), [F, N] = J("day"), [M, v] = J(e.duration), [w, C] = J(""), Z = n.filter((R) => R.target === e.id), W = a.filter((R) => R.id !== e.id && R.id !== e.parent), re = () => {
+    if (h) {
       const R = rr(m, F);
       if (M !== e.duration && c) {
-        const O = Te(new Date(e.start), M, "day");
+        const k = Te(new Date(e.start), M, "day");
         c({
           ...e,
           duration: M,
-          end: O
+          end: k
         });
       }
-      s(p, e.id, v, R), h(""), E(0), N("day");
+      s(h, e.id, S, R), p(""), E(0), N("day");
     }
   }, le = () => {
     if (!w.trim()) return;
@@ -2816,13 +2820,13 @@ const { Search: vn } = pt, jn = ({ onFilterChange: e, owners: a = [], uiConfig:
 Example: 3FS+10d`);
       return;
     }
-    const O = R.taskNumber - 1, B = a[O];
+    const k = R.taskNumber - 1, B = a[k];
     if (!B) {
       alert(`Task ${R.taskNumber} not found`);
       return;
     }
-    const Y = fn(R.type), k = rr(R.lag, R.lagUnit);
-    s(B.id, e.id, Y, k), C("");
+    const Y = fn(R.type), O = rr(R.lag, R.lagUnit);
+    s(B.id, e.id, Y, O), C("");
   }, j = (R) => {
     switch (R) {
       case "e2s":
@@ -2880,14 +2884,14 @@ Example: 3FS+10d`);
                 /* @__PURE__ */ t.jsxs("div", { children: [
                   /* @__PURE__ */ t.jsx(gt, { style: { display: "block", marginBottom: 8, fontSize: 13, color: d.font?.color }, children: "Predecessor" }),
                   /* @__PURE__ */ t.jsx(
-                    ke,
+                    Oe,
                     {
                       showSearch: !0,
                       placeholder: "Select a task",
                       optionFilterProp: "children",
                       style: { width: "100%", ...d.input },
-                      value: p,
-                      onChange: h,
+                      value: h,
+                      onChange: p,
                       children: W.map((R) => /* @__PURE__ */ t.jsxs(rt, { value: R.id, children: [
                         "[",
                         a.indexOf(R) + 1,
@@ -2900,10 +2904,10 @@ Example: 3FS+10d`);
                 /* @__PURE__ */ t.jsxs("div", { children: [
                   /* @__PURE__ */ t.jsx(gt, { style: { display: "block", marginBottom: 8, fontSize: 13, color: d.font?.color }, children: "Type" }),
                   /* @__PURE__ */ t.jsxs(
-                    ke,
+                    Oe,
                     {
                       style: { width: "100%", ...d.input },
-                      value: v,
+                      value: S,
                       onChange: y,
                       children: [
                         /* @__PURE__ */ t.jsx(rt, { value: "e2s", children: "Finish-to-Start (FS)" }),
@@ -2929,7 +2933,7 @@ Example: 3FS+10d`);
                   /* @__PURE__ */ t.jsxs("div", { style: { flex: 1 }, children: [
                     /* @__PURE__ */ t.jsx(gt, { style: { display: "block", marginBottom: 8, fontSize: 13, color: d.font?.color }, children: "Units" }),
                     /* @__PURE__ */ t.jsxs(
-                      ke,
+                      Oe,
                       {
                         style: { width: "100%", ...d.input },
                         value: F,
@@ -2952,7 +2956,7 @@ Example: 3FS+10d`);
                       style: { width: "100%", ...d.input },
                       min: 1,
                       value: M,
-                      onChange: (R) => S(R || 1)
+                      onChange: (R) => v(R || 1)
                     }
                   )
                 ] }),
@@ -2963,7 +2967,7 @@ Example: 3FS+10d`);
                     icon: /* @__PURE__ */ t.jsx(Ee, { icon: ar, style: { marginRight: 8 } }),
                     block: !0,
                     onClick: re,
-                    disabled: !p,
+                    disabled: !h,
                     style: {
                       height: 40,
                       marginTop: 8,
@@ -3027,7 +3031,7 @@ Example: 3FS+10d`);
               dataSource: Z,
               locale: { emptyText: /* @__PURE__ */ t.jsx(gt, { type: "secondary", style: { color: d.font?.color, opacity: 0.5 }, children: "No dependencies added yet." }) },
               renderItem: (R) => {
-                const O = a.find((B) => B.id === R.source);
+                const k = a.find((B) => B.id === R.source);
                 return /* @__PURE__ */ t.jsx(
                   Jt.Item,
                   {
@@ -3064,9 +3068,9 @@ Example: 3FS+10d`);
                           color: "#fff",
                           fontSize: 12,
                           fontWeight: "bold"
-                        }, children: O ? a.indexOf(O) + 1 : "?" }),
+                        }, children: k ? a.indexOf(k) + 1 : "?" }),
                         title: /* @__PURE__ */ t.jsxs("div", { style: { display: "flex", alignItems: "center", gap: 12 }, children: [
-                          /* @__PURE__ */ t.jsx("span", { style: { fontWeight: 600, color: d.font?.color }, children: O?.text || "Unknown Task" }),
+                          /* @__PURE__ */ t.jsx("span", { style: { fontWeight: 600, color: d.font?.color }, children: k?.text || "Unknown Task" }),
                           /* @__PURE__ */ t.jsx(Wr, { color: X(R.type), style: { margin: 0 }, children: j(R.type) })
                         ] }),
                         description: /* @__PURE__ */ t.jsx("div", { style: { display: "flex", alignItems: "center", gap: 16, marginTop: 4 }, children: /* @__PURE__ */ t.jsxs("span", { style: { fontSize: 12, color: d.font?.color, opacity: 0.7 }, children: [
@@ -3103,9 +3107,9 @@ Example: 3FS+10d`);
   onDependencies: b,
   onConvertToMilestone: u,
   onConvertToTask: d,
-  onConvertToProject: p,
-  onAutoSchedule: h,
-  onClose: v,
+  onConvertToProject: h,
+  onAutoSchedule: p,
+  onClose: S,
   styleConfig: y
 }) => {
   const m = jt(y);
@@ -3116,7 +3120,7 @@ Example: 3FS+10d`);
       label: "Edit",
       icon: /* @__PURE__ */ t.jsx(Ee, { icon: nn }),
       onClick: () => {
-        s(), v();
+        s(), S();
       }
     },
     {
@@ -3124,7 +3128,7 @@ Example: 3FS+10d`);
       label: "Copy",
       icon: /* @__PURE__ */ t.jsx(Ee, { icon: an }),
       onClick: () => {
-        c(), v();
+        c(), S();
       }
     },
     {
@@ -3132,7 +3136,7 @@ Example: 3FS+10d`);
       label: "Dependencies",
       icon: /* @__PURE__ */ t.jsx(Ee, { icon: Tr }),
       onClick: () => {
-        b(), v();
+        b(), S();
       }
     },
     {
@@ -3149,7 +3153,7 @@ Example: 3FS+10d`);
           icon: /* @__PURE__ */ t.jsx(Ee, { icon: on }),
           disabled: n.type === "milestone",
           onClick: () => {
-            u(), v();
+            u(), S();
           }
         },
         {
@@ -3158,7 +3162,7 @@ Example: 3FS+10d`);
           icon: /* @__PURE__ */ t.jsx(Ee, { icon: sn }),
           disabled: n.type === "task",
           onClick: () => {
-            d(), v();
+            d(), S();
           }
         },
         {
@@ -3167,7 +3171,7 @@ Example: 3FS+10d`);
           icon: /* @__PURE__ */ t.jsx(Ee, { icon: ln }),
           disabled: n.type === "project",
           onClick: () => {
-            p(), v();
+            h(), S();
           }
         }
       ]
@@ -3177,7 +3181,7 @@ Example: 3FS+10d`);
       label: "Auto Schedule",
       icon: /* @__PURE__ */ t.jsx(Ee, { icon: jr }),
       onClick: () => {
-        h?.(), v();
+        p?.(), S();
       }
     },
     {
@@ -3189,7 +3193,7 @@ Example: 3FS+10d`);
       icon: /* @__PURE__ */ t.jsx(Ee, { icon: Dr }),
       danger: !0,
       onClick: () => {
-        r(), v();
+        r(), S();
       }
     }
   ];
@@ -3220,52 +3224,52 @@ Example: 3FS+10d`);
       )
     }
   );
-}, On = (e, a = []) => {
-  const [n, s] = G([]), [r, c] = G(-1), [b, u] = G(e), [d, p] = G(a);
+}, kn = (e, a = []) => {
+  const [n, s] = J([]), [r, c] = J(-1), [b, u] = J(e), [d, h] = J(a);
   ut(() => {
     u(e);
   }, [e]), ut(() => {
-    p(a);
+    h(a);
   }, [a]);
-  const h = Je((S, w, C) => {
+  const p = Je((v, w, C) => {
     const Z = {
-      type: S,
+      type: v,
       before: w,
       after: C,
       timestamp: Date.now()
     }, W = n.slice(0, r + 1);
     W.push(Z), W.length > 50 ? W.shift() : c(r + 1), s(W);
-  }, [n, r]), v = Je(() => {
+  }, [n, r]), S = Je(() => {
     if (r < 0) return;
-    const S = n[r];
-    u(S.before.tasks), p(S.before.links), c(r - 1);
+    const v = n[r];
+    u(v.before.tasks), h(v.before.links), c(r - 1);
   }, [n, r]), y = Je(() => {
     if (r >= n.length - 1) return;
-    const S = n[r + 1];
-    u(S.after.tasks), p(S.after.links), c(r + 1);
-  }, [n, r]), m = r >= 0, E = r < n.length - 1, F = Je((S) => {
-    const w = { tasks: b, links: d }, C = b.map((W) => W.id === S.id ? S : W);
-    h("task_update", w, { tasks: C, links: d }), u(C);
-  }, [b, d, h]), N = Je((S) => {
-    const w = { tasks: b, links: d }, C = [...b, S];
-    h("task_create", w, { tasks: C, links: d }), u(C);
-  }, [b, d, h]), M = Je((S) => {
-    const w = { tasks: b, links: d }, C = b.filter((re) => re.id !== S), Z = d.filter((re) => re.source !== S && re.target !== S);
-    h("task_delete", w, { tasks: C, links: Z }), u(C), p(Z);
-  }, [b, d, h]);
+    const v = n[r + 1];
+    u(v.after.tasks), h(v.after.links), c(r + 1);
+  }, [n, r]), m = r >= 0, E = r < n.length - 1, F = Je((v) => {
+    const w = { tasks: b, links: d }, C = b.map((W) => W.id === v.id ? v : W);
+    p("task_update", w, { tasks: C, links: d }), u(C);
+  }, [b, d, p]), N = Je((v) => {
+    const w = { tasks: b, links: d }, C = [...b, v];
+    p("task_create", w, { tasks: C, links: d }), u(C);
+  }, [b, d, p]), M = Je((v) => {
+    const w = { tasks: b, links: d }, C = b.filter((re) => re.id !== v), Z = d.filter((re) => re.source !== v && re.target !== v);
+    p("task_delete", w, { tasks: C, links: Z }), u(C), h(Z);
+  }, [b, d, p]);
   return {
     tasks: b,
     links: d,
     setTasks: u,
-    setLinks: p,
-    undo: v,
+    setLinks: h,
+    undo: S,
     redo: y,
     canUndo: m,
     canRedo: E,
     updateTask: F,
     createTask: N,
     deleteTask: M,
-    saveState: h,
+    saveState: p,
     history: n
   };
 }, Rr = (e, a, n = { mode: "forward" }) => {
@@ -3274,22 +3278,22 @@ Example: 3FS+10d`);
     s.set(c.id, []), r.set(c.id, []);
   }), a.forEach((c) => {
     c.type === "e2s" && (s.get(c.target)?.push(c.source), r.get(c.source)?.push(c.target));
-  }), n.mode === "forward" ? kn(e, s, n) : $n(e, r, n);
-}, kn = (e, a, n) => {
+  }), n.mode === "forward" ? On(e, s, n) : $n(e, r, n);
+}, On = (e, a, n) => {
   const s = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Set(), c = n.projectStart || /* @__PURE__ */ new Date(), b = (u) => {
     if (r.has(u)) return;
     const d = e.find((E) => E.id === u);
     if (!d) return;
-    const p = a.get(u) || [];
-    p.forEach((E) => b(E));
-    let h = c;
-    p.forEach((E) => {
+    const h = a.get(u) || [];
+    h.forEach((E) => b(E));
+    let p = c;
+    h.forEach((E) => {
       const F = s.get(E);
-      F && F.end > h && (h = new Date(F.end));
+      F && F.end > p && (p = new Date(F.end));
     });
-    const v = new Date(h), y = Te(v, d.duration, "day"), m = {
+    const S = new Date(p), y = Te(S, d.duration, "day"), m = {
       ...d,
-      start: v,
+      start: S,
       end: y
     };
     s.set(u, m), r.add(u);
@@ -3302,17 +3306,17 @@ Example: 3FS+10d`);
     if (r.has(u)) return;
     const d = e.find((E) => E.id === u);
     if (!d) return;
-    const p = a.get(u) || [];
-    p.forEach((E) => b(E));
-    let h = c;
-    p.forEach((E) => {
+    const h = a.get(u) || [];
+    h.forEach((E) => b(E));
+    let p = c;
+    h.forEach((E) => {
       const F = s.get(E);
-      F && F.start < h && (h = new Date(F.start));
+      F && F.start < p && (p = new Date(F.start));
     });
-    const v = new Date(h), y = Te(v, -d.duration, "day"), m = {
+    const S = new Date(p), y = Te(S, -d.duration, "day"), m = {
       ...d,
       start: y,
-      end: v
+      end: S
     };
     s.set(u, m), r.add(u);
   };
@@ -3328,13 +3332,13 @@ Example: 3FS+10d`);
     for (let c = 1; c < r.length; c++) {
       const b = r[c], u = r[c - 1];
       if (b.start < u.end) {
-        const d = n.findIndex((p) => p.id === b.id);
+        const d = n.findIndex((h) => h.id === b.id);
         if (d >= 0) {
-          const p = new Date(u.end), h = Te(p, b.duration, "day");
+          const h = new Date(u.end), p = Te(h, b.duration, "day");
           n[d] = {
             ...b,
-            start: p,
-            end: h
+            start: h,
+            end: p
           };
         }
       }
@@ -3357,8 +3361,8 @@ Example: 3FS+10d`);
   const a = ["ID", "Task Name", "Start Date", "End Date", "Duration", "Progress", "Type", "Owner", "Priority"], n = e.map((r) => [
     r.id,
     r.text,
-    Oe(r.start, "YYYY-MM-DD"),
-    Oe(r.end, "YYYY-MM-DD"),
+    ke(r.start, "YYYY-MM-DD"),
+    ke(r.end, "YYYY-MM-DD"),
     r.duration.toString(),
     `${r.progress}%`,
     r.type || "task",
@@ -3374,8 +3378,8 @@ Example: 3FS+10d`);
   const a = ["ID", "Task Name", "Start Date", "End Date", "Duration", "Progress", "Type", "Owner", "Priority", "Details"], n = e.map((r) => [
     r.id,
     r.text,
-    Oe(r.start, "MM/DD/YYYY"),
-    Oe(r.end, "MM/DD/YYYY"),
+    ke(r.start, "MM/DD/YYYY"),
+    ke(r.end, "MM/DD/YYYY"),
     r.duration.toString(),
     r.progress.toString(),
     r.type || "task",
@@ -3389,7 +3393,7 @@ Example: 3FS+10d`);
   ].join(`
 `);
   It(s, "gantt-tasks.xls", "application/vnd.ms-excel");
-}, Or = (e, a) => {
+}, kr = (e, a) => {
   const n = {
     tasks: e,
     links: a,
@@ -3397,7 +3401,7 @@ Example: 3FS+10d`);
     version: "1.0"
   }, s = JSON.stringify(n, null, 2);
   It(s, "gantt-project.json", "application/json");
-}, kr = (e) => {
+}, Or = (e) => {
   const a = `
 GANTT CHART PROJECT
 Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
@@ -3405,8 +3409,8 @@ Generated: ${(/* @__PURE__ */ new Date()).toLocaleString()}
 Tasks:
 ${e.map((n, s) => `
 ${s + 1}. ${n.text}
-   Start: ${Oe(n.start, "MM/DD/YYYY")}
-   End: ${Oe(n.end, "MM/DD/YYYY")}
+   Start: ${ke(n.start, "MM/DD/YYYY")}
+   End: ${ke(n.end, "MM/DD/YYYY")}
    Duration: ${n.duration} days
    Progress: ${n.progress}%
    ${n.owner ? `Owner: ${n.owner}` : ""}
@@ -3449,8 +3453,8 @@ ${s + 1}. ${n.text}
   exportToCSV: Pr,
   exportToExcel: Nr,
   exportToImage: _n,
-  exportToJSON: Or,
-  exportToPDF: kr,
+  exportToJSON: kr,
+  exportToPDF: Or,
   importFromJSON: In
 }, Symbol.toStringTag, { value: "Module" })), zn = (e, a) => e.filter((n) => {
   if (a.searchText) {
@@ -3511,10 +3515,10 @@ ${s + 1}. ${n.text}
   if (s.length === 0) return;
   const r = a.getTime(), c = n.getTime();
   return s.map((b) => {
-    const u = Ve(b?.start, a), d = Ve(b?.end, n), p = Math.max(u.getTime(), r), h = Math.min(d.getTime(), c);
+    const u = Ve(b?.start, a), d = Ve(b?.end, n), h = Math.max(u.getTime(), r), p = Math.min(d.getTime(), c);
     return {
-      start: new Date(p),
-      end: new Date(h)
+      start: new Date(h),
+      end: new Date(p)
     };
   }).filter((b) => b.end.getTime() > b.start.getTime());
 }, Vn = (e, a, n) => {
@@ -3534,7 +3538,7 @@ ${s + 1}. ${n.text}
   ), s = Ve(
     e.end ?? e.endDate ?? e.end_date ?? e.plannedEndDate,
     n
-  ), r = s.getTime() < n.getTime() ? n : s, c = Ve(e.plannedStart ?? e.planned_start ?? e.planned_start_date, n), b = Ve(e.plannedEnd ?? e.planned_end ?? e.planned_end_date, r), u = b.getTime() < c.getTime() ? c : b, d = Ve(e.actualStart ?? e.actual_start ?? e.actual_start_date, n), p = Ve(e.actualEnd ?? e.actual_end ?? e.actual_end_date, r), h = p.getTime() < d.getTime() ? d : p, v = Math.max(Math.ceil((r.getTime() - n.getTime()) / $r), 0), y = Bn(e.dependencies ?? e.dependsOn ?? e.depends_on), m = Hn(
+  ), r = s.getTime() < n.getTime() ? n : s, c = Ve(e.plannedStart ?? e.planned_start ?? e.planned_start_date, n), b = Ve(e.plannedEnd ?? e.planned_end ?? e.planned_end_date, r), u = b.getTime() < c.getTime() ? c : b, d = Ve(e.actualStart ?? e.actual_start ?? e.actual_start_date, n), h = Ve(e.actualEnd ?? e.actual_end ?? e.actual_end_date, r), p = h.getTime() < d.getTime() ? d : h, S = Math.max(Math.ceil((r.getTime() - n.getTime()) / $r), 0), y = Bn(e.dependencies ?? e.dependsOn ?? e.depends_on), m = Hn(
     e.dependencyRule ?? e.dependency_rule ?? e.dependencyRuleDescription ?? e.dependency_rule_description
   ), E = Wn(
     Yr(
@@ -3558,8 +3562,8 @@ ${s + 1}. ${n.text}
     plannedStart: c,
     plannedEnd: u,
     actualStart: d,
-    actualEnd: h,
-    duration: nr(e.duration, v),
+    actualEnd: p,
+    duration: nr(e.duration, S),
     progress: Math.max(0, Math.min(100, nr(e.progress ?? e.progressPercentage ?? e.progress_percentage, 0))),
     type: e.type,
     parent: e.parent !== void 0 && e.parent !== null && String(e.parent).length > 0 ? String(e.parent) : void 0,
@@ -3756,16 +3760,16 @@ ${s + 1}. ${n.text}
   taskTooltipConfig: b = {},
   onHoldPeriods: u,
   on_hold_periods: d,
-  onHold: p,
-  on_hold: h,
-  onhold: v,
+  onHold: h,
+  on_hold: p,
+  onhold: S,
   onTaskUpdate: y,
   onTaskDragUpdate: m,
   onTaskCreate: E,
   onTaskDelete: F,
   onLinkCreate: N,
   onLinkDelete: M,
-  onTimelineViewChange: S,
+  onTimelineViewChange: v,
   baselines: w,
   showMonthHeading: C,
   showRangeHeading: Z,
@@ -3773,47 +3777,47 @@ ${s + 1}. ${n.text}
 }) => {
   const re = { ...Qn, ...s }, le = { ...Zn, ...b }, j = !!(n.timelineView || Array.isArray(n.timelineViews) && n.timelineViews.length > 0 || n.timelineViewScales), X = A.useMemo(() => {
     if (!j) return [];
-    const i = Array.isArray(n.timelineViews) && n.timelineViews.length > 0 ? n.timelineViews : xr;
-    return Array.from(new Set(i.filter((T) => xr.includes(T))));
+    const l = Array.isArray(n.timelineViews) && n.timelineViews.length > 0 ? n.timelineViews : xr;
+    return Array.from(new Set(l.filter((T) => xr.includes(T))));
   }, [n.timelineViews, j]), R = A.useMemo(
     () => ({
       ...yr,
       ...n.timelineViewScales
     }),
     [n.timelineViewScales]
-  ), O = A.useMemo(() => j && n.timelineView && X.includes(n.timelineView) ? n.timelineView : j && X.length > 0 ? X[0] : "day", [n.timelineView, j, X]), [B, Y] = G(O), k = j && X.includes(B) ? B : O, De = j ? R[k] || yr[k] : n.scales || Kn, Se = j && re.showTimelineViewSwitcher !== !1 && X.length > 1, V = Se ? X.map((i) => ({
-    value: i,
-    label: re.timelineViewLabels?.[i] || `${i.charAt(0).toUpperCase()}${i.slice(1)}s`
+  ), k = A.useMemo(() => j && n.timelineView && X.includes(n.timelineView) ? n.timelineView : j && X.length > 0 ? X[0] : "day", [n.timelineView, j, X]), [B, Y] = J(k), O = j && X.includes(B) ? B : k, De = j ? R[O] || yr[O] : n.scales || Kn, Se = j && re.showTimelineViewSwitcher !== !1 && X.length > 1, V = Se ? X.map((l) => ({
+    value: l,
+    label: re.timelineViewLabels?.[l] || `${l.charAt(0).toUpperCase()}${l.slice(1)}s`
   })) : [], I = A.useMemo(() => {
     if (n.showTimelineHeader === !1) return 0;
-    let i = j ? Math.max(De.length - 1, 0) : 2;
-    if ((C === !1 || n.showMonthHeading === !1) && (i = Math.max(0, i - 1)), Z === !1 || n.showRangeHeading === !1) {
+    let l = j ? Math.max(De.length - 1, 0) : 2;
+    if ((C === !1 || n.showMonthHeading === !1) && (l = Math.max(0, l - 1)), Z === !1 || n.showRangeHeading === !1) {
       const T = j ? Math.max(0, De.length - 2) : 1;
-      i = Math.max(0, i - T);
+      l = Math.max(0, l - T);
     }
-    return i + 1;
+    return l + 1;
   }, [n.showTimelineHeader, n.showMonthHeading, C, n.showRangeHeading, Z, j, De.length]), ne = A.useMemo(() => {
-    const i = {};
-    return r.primary && (i["--wx-gantt-primary"] = r.primary), r.primarySelected && (i["--wx-gantt-primary-selected"] = r.primarySelected), r.success && (i["--wx-gantt-success"] = r.success), r.warning && (i["--wx-gantt-warning"] = r.warning), r.danger && (i["--wx-gantt-danger"] = r.danger), r.background && (i["--wx-gantt-background"] = r.background), r.backgroundAlt && (i["--wx-gantt-background-alt"] = r.backgroundAlt), r.backgroundHover && (i["--wx-gantt-background-hover"] = r.backgroundHover), r.selectColor && (i["--wx-gantt-select-color"] = r.selectColor), r.taskColor && (i["--wx-gantt-task-color"] = r.taskColor), r.taskFillColor && (i["--wx-gantt-task-fill-color"] = r.taskFillColor), r.projectColor && (i["--wx-gantt-project-color"] = r.projectColor), r.milestoneColor && (i["--wx-gantt-milestone-color"] = r.milestoneColor), r.fontColor && (i["--wx-gantt-font-color"] = r.fontColor), r.fontColorAlt && (i["--wx-gantt-font-color-alt"] = r.fontColorAlt), r.iconColor && (i["--wx-gantt-icon-color"] = r.iconColor), r.borderColor && (i["--wx-gantt-border-color"] = r.borderColor), r.fontFamily && (i["--wx-gantt-font-family"] = r.fontFamily), r.fontMono && (i["--wx-gantt-font-mono"] = r.fontMono), r.fontSize && (i["--wx-gantt-font-size"] = r.fontSize), r.fontWeight && (i["--wx-gantt-font-weight"] = String(r.fontWeight)), r.lineHeight && (i["--wx-gantt-line-height"] = String(r.lineHeight)), r.spacingXS && (i["--gantt-spacing-xs"] = r.spacingXS), r.spacingSM && (i["--gantt-spacing-sm"] = r.spacingSM), r.spacingMD && (i["--gantt-spacing-md"] = r.spacingMD), r.spacingLG && (i["--gantt-spacing-lg"] = r.spacingLG), r.customCSSVariables && Object.entries(r.customCSSVariables).forEach(([T, P]) => {
-      i[T.startsWith("--") ? T : `--${T}`] = P;
-    }), i["--gantt-header-rows"] = String(I), i;
+    const l = {};
+    return r.primary && (l["--wx-gantt-primary"] = r.primary), r.primarySelected && (l["--wx-gantt-primary-selected"] = r.primarySelected), r.success && (l["--wx-gantt-success"] = r.success), r.warning && (l["--wx-gantt-warning"] = r.warning), r.danger && (l["--wx-gantt-danger"] = r.danger), r.background && (l["--wx-gantt-background"] = r.background), r.backgroundAlt && (l["--wx-gantt-background-alt"] = r.backgroundAlt), r.backgroundHover && (l["--wx-gantt-background-hover"] = r.backgroundHover), r.selectColor && (l["--wx-gantt-select-color"] = r.selectColor), r.taskColor && (l["--wx-gantt-task-color"] = r.taskColor), r.taskFillColor && (l["--wx-gantt-task-fill-color"] = r.taskFillColor), r.projectColor && (l["--wx-gantt-project-color"] = r.projectColor), r.milestoneColor && (l["--wx-gantt-milestone-color"] = r.milestoneColor), r.fontColor && (l["--wx-gantt-font-color"] = r.fontColor), r.fontColorAlt && (l["--wx-gantt-font-color-alt"] = r.fontColorAlt), r.iconColor && (l["--wx-gantt-icon-color"] = r.iconColor), r.borderColor && (l["--wx-gantt-border-color"] = r.borderColor), r.fontFamily && (l["--wx-gantt-font-family"] = r.fontFamily), r.fontMono && (l["--wx-gantt-font-mono"] = r.fontMono), r.fontSize && (l["--wx-gantt-font-size"] = r.fontSize), r.fontWeight && (l["--wx-gantt-font-weight"] = String(r.fontWeight)), r.lineHeight && (l["--wx-gantt-line-height"] = String(r.lineHeight)), r.spacingXS && (l["--gantt-spacing-xs"] = r.spacingXS), r.spacingSM && (l["--gantt-spacing-sm"] = r.spacingSM), r.spacingMD && (l["--gantt-spacing-md"] = r.spacingMD), r.spacingLG && (l["--gantt-spacing-lg"] = r.spacingLG), r.customCSSVariables && Object.entries(r.customCSSVariables).forEach(([T, P]) => {
+      l[T.startsWith("--") ? T : `--${T}`] = P;
+    }), l["--gantt-header-rows"] = String(I), l;
   }, [r, I]), de = A.useMemo(() => {
-    const i = Yr(
+    const l = Yr(
       u,
       d,
-      p,
       h,
-      v
+      p,
+      S
     );
-    if (i.length === 0) return [];
+    if (l.length === 0) return [];
     const T = /* @__PURE__ */ new Date();
-    return i.map((P) => ({
+    return l.map((P) => ({
       start: Ve(P.start, T),
       end: Ve(P.end, T)
     })).filter((P) => P.end.getTime() > P.start.getTime());
-  }, [u, d, p, h, v]), se = A.useMemo(() => {
-    const i = Un(e);
-    return Gn(i, de);
+  }, [u, d, h, p, S]), se = A.useMemo(() => {
+    const l = Un(e);
+    return Gn(l, de);
   }, [e, de]), ue = Array.isArray(a) ? a : [], {
     tasks: z,
     links: ye,
@@ -3821,22 +3825,22 @@ ${s + 1}. ${n.text}
     setLinks: Ie,
     undo: Ye,
     redo: $,
-    updateTask: J,
+    updateTask: q,
     createTask: xe,
     deleteTask: Qe,
     saveState: ce
-  } = On(se, ue), [me, Fe] = G(z), [pe, et] = G(null), [_e, Xe] = G(null), [Ue, ot] = G(!1), [l, g] = G(void 0), [D, f] = G(void 0), [U, q] = G(!1), [ee, ie] = G(null), [$e, ze] = G(null), [ge, tt] = G(null), [Ke, st] = G(null), [Ce, ht] = G(null), [xt, Ot] = G(1), [qe, it] = G(() => w && w.size > 0 ? w : se.length > 0 ? Yn(se) : /* @__PURE__ */ new Map());
+  } = kn(se, ue), [me, Fe] = J(z), [pe, et] = J(null), [_e, Xe] = J(null), [Ue, ot] = J(!1), [i, g] = J(void 0), [D, f] = J(void 0), [U, G] = J(!1), [ee, ie] = J(null), [$e, ze] = J(null), [ge, tt] = J(null), [Ke, st] = J(null), [Ce, ht] = J(null), [xt, kt] = J(1), [qe, it] = J(() => w && w.size > 0 ? w : se.length > 0 ? Yn(se) : /* @__PURE__ */ new Map());
   ut(() => {
     w && w.size > 0 && it(w);
   }, [w]), ut(() => {
-    j && Y(O);
-  }, [j, O]);
-  const [wt] = G(n.theme || "light"), [Tt, zt] = G({
+    j && Y(k);
+  }, [j, k]);
+  const [wt] = J(n.theme || "light"), [Tt, zt] = J({
     searchText: "",
     status: "all",
     priority: "all",
     owner: ""
-  }), Dt = ft(null), Mt = ft(null), kt = ft(null), Et = ft(null), lt = ft(null), $t = ft(null), Ae = {
+  }), Dt = ft(null), Mt = ft(null), Ot = ft(null), Et = ft(null), lt = ft(null), $t = ft(null), Ae = {
     ...{
       columns: n.columns || Jn(s),
       readonly: !1,
@@ -3898,7 +3902,7 @@ ${s + 1}. ${n.text}
     },
     ...n,
     scales: De,
-    timelineView: j ? k : n.timelineView,
+    timelineView: j ? O : n.timelineView,
     timelineViews: j ? X : n.timelineViews,
     timelineViewScales: j ? R : n.timelineViewScales,
     // IMPORTANT: Re-apply baselines after spread so undefined from config doesn't override the default.
@@ -3909,7 +3913,7 @@ ${s + 1}. ${n.text}
     relativeDayNumbering: W !== void 0 ? W : n.relativeDayNumbering
   };
   ut(() => {
-    const i = zn(z, Tt);
+    const l = zn(z, Tt);
     Fe(((P) => {
       const H = [], ae = (fe) => {
         if (!fe) return !1;
@@ -3919,71 +3923,71 @@ ${s + 1}. ${n.text}
       return P.forEach((fe) => {
         ae(fe.parent) || H.push(fe);
       }), H;
-    })(i));
+    })(l));
   }, [z, Tt]);
   const Ht = A.useMemo(() => {
     if (!z || !Array.isArray(z)) return [];
     try {
-      return Array.from(new Set(z.map((i) => i?.owner).filter(Boolean)));
-    } catch (i) {
-      return console.warn("Error extracting owners:", i), [];
+      return Array.from(new Set(z.map((l) => l?.owner).filter(Boolean)));
+    } catch (l) {
+      return console.warn("Error extracting owners:", l), [];
     }
   }, [z]), Wt = (() => {
-    const i = De[De.length - 1] || De[0], T = me.length > 0 ? me : z;
+    const l = De[De.length - 1] || De[0], T = me.length > 0 ? me : z;
     if (T.length === 0) {
       const ve = /* @__PURE__ */ new Date();
       return {
-        start: _t(Te(ve, -30, "day"), i, "start"),
-        end: _t(Te(ve, 60, "day"), i, "end")
+        start: _t(Te(ve, -30, "day"), l, "start"),
+        end: _t(Te(ve, 60, "day"), l, "end")
       };
     }
     const P = T.map((ve) => ve.start.getTime()), H = T.map((ve) => ve.end.getTime()), ae = new Date(Math.min(...P)), fe = new Date(Math.max(...H));
     return {
-      start: _t(Te(ae, -7, "day"), i, "start"),
-      end: _t(fe, i, "end")
+      start: _t(Te(ae, -7, "day"), l, "start"),
+      end: _t(fe, l, "end")
     };
-  })(), Vt = (i) => {
-    !X.includes(i) || i === k || (Y(i), S?.(i));
-  }, o = (i) => {
-    et(i);
-  }, x = (i, T) => {
+  })(), Vt = (l) => {
+    !X.includes(l) || l === O || (Y(l), v?.(l));
+  }, o = (l) => {
+    et(l);
+  }, x = (l, T) => {
     if (Ae.readonly) return;
-    i.preventDefault();
+    l.preventDefault();
     const P = z.find((H) => H.id === T);
-    P && ht({ x: i.clientX, y: i.clientY, task: P });
+    P && ht({ x: l.clientX, y: l.clientY, task: P });
   }, L = () => {
     if (!Ce?.task) return;
-    const i = Ce.task, T = {
-      ...i,
+    const l = Ce.task, T = {
+      ...l,
       id: `task-${Date.now()}`,
-      text: `${i.text} (Copy)`,
-      start: Te(i.start, 7, "day"),
-      end: Te(i.end, 7, "day")
+      text: `${l.text} (Copy)`,
+      start: Te(l.start, 7, "day"),
+      end: Te(l.end, 7, "day")
     };
     xe(T), E && E(T);
-  }, _ = (i) => {
+  }, _ = (l) => {
     if (!Ce?.task) return;
-    const T = { ...Ce.task, type: i };
-    J(T), y && y(T);
-  }, te = A.useCallback((i, T) => {
+    const T = { ...Ce.task, type: l };
+    q(T), y && y(T);
+  }, te = A.useCallback((l, T) => {
     let P = [];
-    return T.filter((ae) => ae.parent === i).forEach((ae) => {
+    return T.filter((ae) => ae.parent === l).forEach((ae) => {
       P.push(ae.id), P = [...P, ...te(ae.id, T)];
     }), P;
-  }, []), oe = (i, T) => (i ?? null) === (T ?? null), Q = (i, T, P, H) => {
+  }, []), oe = (l, T) => (l ?? null) === (T ?? null), Q = (l, T, P, H) => {
     if (!Ae.readonly)
       if (H === "reorder") {
-        const ae = me.findIndex((ve) => ve.id === i), fe = te(i, z);
-        tt({ id: i, initialIndex: ae, currentX: T, currentY: P, descendantIds: fe }), document.body.classList.add("gantt-dragging");
+        const ae = me.findIndex((ve) => ve.id === l), fe = te(l, z);
+        tt({ id: l, initialIndex: ae, currentX: T, currentY: P, descendantIds: fe }), document.body.classList.add("gantt-dragging");
       } else
-        ze(i);
+        ze(l);
   }, K = () => {
     if (ge && Ke) {
-      const i = z.find((P) => P.id === ge.id), T = z.find((P) => P.id === Ke.taskId);
-      if (i && T && i.id !== T.id) {
-        const P = [i.id, ...ge.descendantIds];
+      const l = z.find((P) => P.id === ge.id), T = z.find((P) => P.id === Ke.taskId);
+      if (l && T && l.id !== T.id) {
+        const P = [l.id, ...ge.descendantIds];
         if (!P.includes(T.id)) {
-          const H = [...z], ae = (Ke.position === "inside" ? T.id : T.parent) ?? void 0, fe = H.findIndex((he) => he.id === i.id);
+          const H = [...z], ae = (Ke.position === "inside" ? T.id : T.parent) ?? void 0, fe = H.findIndex((he) => he.id === l.id);
           fe !== -1 && (H[fe] = { ...H[fe], parent: ae });
           const ve = H.filter((he) => P.includes(he.id)), Me = H.filter((he) => !P.includes(he.id));
           let He = Me.findIndex((he) => he.id === T.id);
@@ -3997,11 +4001,11 @@ ${s + 1}. ${n.text}
           He < 0 && (He = Me.length);
           const Lt = { tasks: [...z], links: [...ye] };
           Me.splice(He, 0, ...ve), Le(Me), ce("task_update", Lt, { tasks: Me, links: ye });
-          const mt = z.filter((he) => oe(he.parent, i.parent)).findIndex((he) => he.id === i.id) + 1, sr = Me.filter((he) => oe(he.parent, ae)).findIndex((he) => he.id === i.id) + 1, ir = {
+          const mt = z.filter((he) => oe(he.parent, l.parent)).findIndex((he) => he.id === l.id) + 1, sr = Me.filter((he) => oe(he.parent, ae)).findIndex((he) => he.id === l.id) + 1, ir = {
             currentSequenceId: mt,
             targetSequenceId: sr,
             targetStageId: ae ?? null
-          }, lr = Me.find((he) => he.id === i.id);
+          }, lr = Me.find((he) => he.id === l.id);
           if (lr) {
             const he = {
               ...lr,
@@ -4010,7 +4014,7 @@ ${s + 1}. ${n.text}
             };
             y && y(he, ir), m && m({
               task: he,
-              previousTask: i,
+              previousTask: l,
               dragType: "reorder",
               reorderMeta: ir
             });
@@ -4019,9 +4023,9 @@ ${s + 1}. ${n.text}
       }
     }
     ze(null), tt(null), st(null), document.body.classList.remove("gantt-dragging");
-  }, Re = ft(null), we = A.useCallback((i) => {
+  }, Re = ft(null), we = A.useCallback((l) => {
     if (ge) {
-      const { clientX: T, clientY: P } = i;
+      const { clientX: T, clientY: P } = l;
       Re.current && cancelAnimationFrame(Re.current), Re.current = requestAnimationFrame(() => {
         const H = Ae.rowHeight || 48, ae = Mt.current?.querySelector(".gantt-grid-body");
         if (!ae || me.length === 0) {
@@ -4046,9 +4050,9 @@ ${s + 1}. ${n.text}
     }
   }, [ge, me, Ae.rowHeight]), be = () => {
     ge && K();
-  }, Be = (i, T) => {
+  }, Be = (l, T) => {
     const P = {
-      ...i,
+      ...l,
       id: `task-${Date.now()}`,
       parent: T
       // Set parent if provided (for subtasks)
@@ -4065,27 +4069,27 @@ ${s + 1}. ${n.text}
       const fe = new Map(ae);
       return fe.set(P.id, H), fe;
     }), E && E(P);
-  }, Ge = (i) => {
-    J(i), y && y(i);
-  }, Ze = (i) => {
-    Qe(i), it((T) => {
+  }, Ge = (l) => {
+    q(l), y && y(l);
+  }, Ze = (l) => {
+    Qe(l), it((T) => {
       const P = new Map(T);
-      return P.delete(i), P;
-    }), F && F(i);
-  }, Ne = (i, T, P, H) => {
-    const ae = { id: `link-${Date.now()}`, source: i, target: T, type: P, lag: H };
+      return P.delete(l), P;
+    }), F && F(l);
+  }, Ne = (l, T, P, H) => {
+    const ae = { id: `link-${Date.now()}`, source: l, target: T, type: P, lag: H };
     Ie([...ye, ae]), N && N(ae);
-  }, bt = (i) => {
-    const T = ye.filter((P) => P.id !== i);
-    Ie(T), M && M(i);
+  }, bt = (l) => {
+    const T = ye.filter((P) => P.id !== l);
+    Ie(T), M && M(l);
   };
   ut(() => {
     if (w && w.size > 0)
       return;
-    const i = new Map(qe);
+    const l = new Map(qe);
     let T = !1;
     z.forEach((H) => {
-      qe.has(H.id) || (i.set(H.id, {
+      qe.has(H.id) || (l.set(H.id, {
         taskId: H.id,
         start: new Date(H.plannedStart ?? H.start),
         // Use planned dates if available
@@ -4095,27 +4099,27 @@ ${s + 1}. ${n.text}
     });
     const P = new Set(z.map((H) => H.id));
     qe.forEach((H, ae) => {
-      P.has(ae) || (i.delete(ae), T = !0);
-    }), T && it(i);
+      P.has(ae) || (l.delete(ae), T = !0);
+    }), T && it(l);
   }, [z, w]), ut(() => {
-    const i = (T) => {
+    const l = (T) => {
       (T.ctrlKey || T.metaKey) && (T.key === "z" && !T.shiftKey ? (T.preventDefault(), Ye()) : (T.key === "y" || T.key === "z" && T.shiftKey) && (T.preventDefault(), $()));
     };
-    return window.addEventListener("keydown", i), () => window.removeEventListener("keydown", i);
+    return window.addEventListener("keydown", l), () => window.removeEventListener("keydown", l);
   }, [Ye, $]), ut(() => {
-    const i = Mt.current?.querySelector(".gantt-grid-body"), T = Dt.current?.querySelector(".gantt-timeline-body");
-    if (!i || !T) return;
+    const l = Mt.current?.querySelector(".gantt-grid-body"), T = Dt.current?.querySelector(".gantt-timeline-body");
+    if (!l || !T) return;
     const P = () => {
-      lt.current !== "timeline" && (lt.current = "grid", T.scrollTop = i.scrollTop, requestAnimationFrame(() => {
+      lt.current !== "timeline" && (lt.current = "grid", T.scrollTop = l.scrollTop, requestAnimationFrame(() => {
         lt.current = null;
       }));
     }, H = () => {
-      lt.current !== "grid" && (lt.current = "timeline", i.scrollTop = T.scrollTop, requestAnimationFrame(() => {
+      lt.current !== "grid" && (lt.current = "timeline", l.scrollTop = T.scrollTop, requestAnimationFrame(() => {
         lt.current = null;
       }));
     };
-    return i.addEventListener("scroll", P, { passive: !0 }), T.addEventListener("scroll", H, { passive: !0 }), () => {
-      i.removeEventListener("scroll", P), T.removeEventListener("scroll", H), $t.current && clearTimeout($t.current);
+    return l.addEventListener("scroll", P, { passive: !0 }), T.addEventListener("scroll", H, { passive: !0 }), () => {
+      l.removeEventListener("scroll", P), T.removeEventListener("scroll", H), $t.current && clearTimeout($t.current);
     };
   }, [me]);
   const Xt = {
@@ -4143,19 +4147,19 @@ ${s + 1}. ${n.text}
                 Tn,
                 {
                   zoomLevel: xt,
-                  setZoomLevel: Ot,
-                  timelineView: Se ? k : void 0,
+                  setZoomLevel: kt,
+                  timelineView: Se ? O : void 0,
                   timelineViewOptions: V,
                   onTimelineViewChange: Se ? Vt : void 0,
-                  onExport: (i) => {
-                    i === "csv" && Pr(z), i === "excel" && Nr(z), i === "json" && Or(z, ye), i === "pdf" && kr(z);
+                  onExport: (l) => {
+                    l === "csv" && Pr(z), l === "excel" && Nr(z), l === "json" && kr(z, ye), l === "pdf" && Or(z);
                   },
-                  onFilterChange: (i) => zt(i),
+                  onFilterChange: (l) => zt(l),
                   owners: Ht || [],
-                  onAddTask: (i) => {
-                    if (i) {
-                      const T = z.find((P) => P.id === i);
-                      g(i), f(T?.text);
+                  onAddTask: (l) => {
+                    if (l) {
+                      const T = z.find((P) => P.id === l);
+                      g(l), f(T?.text);
                     } else
                       g(void 0), f(void 0);
                     ot(!0);
@@ -4165,7 +4169,7 @@ ${s + 1}. ${n.text}
                   styleConfig: r
                 }
               ),
-              /* @__PURE__ */ t.jsxs("div", { className: "gantt-layout", ref: kt, onMouseMove: we, onMouseUp: be, onMouseLeave: be, children: [
+              /* @__PURE__ */ t.jsxs("div", { className: "gantt-layout", ref: Ot, onMouseMove: we, onMouseUp: be, onMouseLeave: be, children: [
                 /* @__PURE__ */ t.jsx(
                   Er,
                   {
@@ -4177,19 +4181,19 @@ ${s + 1}. ${n.text}
                     onTaskContextMenu: x,
                     onTaskUpdate: Ge,
                     onTaskDragStart: Q,
-                    onAddTask: (i) => {
-                      if (i) {
-                        const T = z.find((P) => P.id === i);
-                        g(i), f(T?.text);
+                    onAddTask: (l) => {
+                      if (l) {
+                        const T = z.find((P) => P.id === l);
+                        g(l), f(T?.text);
                       } else
                         g(void 0), f(void 0);
                       ot(!0);
                     },
                     onAddDependency: Ne,
                     onRemoveDependency: bt,
-                    onDependencyClick: (i) => {
-                      const T = z.find((P) => P.id === i);
-                      T && (ie(T), q(!0));
+                    onDependencyClick: (l) => {
+                      const T = z.find((P) => P.id === l);
+                      T && (ie(T), G(!0));
                     },
                     links: ye,
                     allTasks: z,
@@ -4217,8 +4221,8 @@ ${s + 1}. ${n.text}
                     },
                     onTaskDragEnd: () => {
                     },
-                    onTaskUpdate: (i, T, P) => {
-                      const H = z.find((ve) => ve.id === i);
+                    onTaskUpdate: (l, T, P) => {
+                      const H = z.find((ve) => ve.id === l);
                       if (!H) return;
                       const ae = { ...H }, fe = { ...H, ...T };
                       Ge(fe), P && m && m({
@@ -4242,7 +4246,7 @@ ${s + 1}. ${n.text}
                     ot(!1), g(void 0), f(void 0);
                   },
                   uiConfig: re,
-                  parentId: l,
+                  parentId: i,
                   parentTaskName: D,
                   styleConfig: r
                 }
@@ -4258,14 +4262,14 @@ ${s + 1}. ${n.text}
                   onRemoveDependency: bt,
                   onTaskUpdate: Ge,
                   onClose: () => {
-                    q(!1), ie(null);
+                    G(!1), ie(null);
                   },
                   styleConfig: r
                 }
               ),
               Ce && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
-                /* @__PURE__ */ t.jsx("div", { className: "gantt-context-menu-overlay", onClick: () => ht(null), onContextMenu: (i) => {
-                  i.preventDefault(), ht(null);
+                /* @__PURE__ */ t.jsx("div", { className: "gantt-context-menu-overlay", onClick: () => ht(null), onContextMenu: (l) => {
+                  l.preventDefault(), ht(null);
                 } }),
                 /* @__PURE__ */ t.jsx(
                   Nn,
@@ -4281,15 +4285,15 @@ ${s + 1}. ${n.text}
                     },
                     onCopy: L,
                     onDependencies: () => {
-                      Ce.task && (ie(Ce.task), q(!0));
+                      Ce.task && (ie(Ce.task), G(!0));
                     },
                     onConvertToMilestone: () => _("milestone"),
                     onConvertToTask: () => _("task"),
                     onConvertToProject: () => _("project"),
                     onClose: () => ht(null),
                     onAutoSchedule: () => {
-                      const i = Rr(z, ye, { mode: "forward" });
-                      Le(i), ht(null);
+                      const l = Rr(z, ye, { mode: "forward" });
+                      Le(l), ht(null);
                     },
                     iconConfig: c,
                     styleConfig: r
@@ -4297,8 +4301,8 @@ ${s + 1}. ${n.text}
                 )
               ] }),
               ge && (() => {
-                const i = z.find((He) => He.id === ge.id);
-                if (!i) return null;
+                const l = z.find((He) => He.id === ge.id);
+                if (!l) return null;
                 const T = Number.isFinite(ge.currentX) ? ge.currentX : 0, P = Number.isFinite(ge.currentY) ? ge.currentY : 0, H = Ae.rowHeight || 48, fe = Et.current?.getBoundingClientRect(), ve = fe ? T - fe.left + 12 : T + 12, Me = fe ? P - fe.top + 12 : P + 12;
                 return /* @__PURE__ */ t.jsxs(
                   "div",
@@ -4314,7 +4318,7 @@ ${s + 1}. ${n.text}
                       maxWidth: "420px"
                     },
                     children: [
-                      /* @__PURE__ */ t.jsx("span", { className: "gantt-drag-preview-name", title: i.text, children: i.text }),
+                      /* @__PURE__ */ t.jsx("span", { className: "gantt-drag-preview-name", title: l.text, children: l.text }),
                       ge.descendantIds.length > 0 && /* @__PURE__ */ t.jsxs("span", { className: "gantt-drag-preview-count", children: [
                         "+",
                         ge.descendantIds.length
@@ -4346,38 +4350,38 @@ ${s + 1}. ${n.text}
       b.set(m, 0), u.set(m, F.duration);
     else {
       let M = 0;
-      N.forEach((S) => {
-        d(S, E);
-        const w = u.get(S) || 0;
+      N.forEach((v) => {
+        d(v, E);
+        const w = u.get(v) || 0;
         M = Math.max(M, w);
       }), b.set(m, M), u.set(m, M + F.duration);
     }
   };
   e.forEach((m) => d(m.id));
-  const p = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Map(), v = Math.max(...Array.from(u.values())), y = (m, E = /* @__PURE__ */ new Set()) => {
+  const h = /* @__PURE__ */ new Map(), p = /* @__PURE__ */ new Map(), S = Math.max(...Array.from(u.values())), y = (m, E = /* @__PURE__ */ new Set()) => {
     if (E.has(m)) return;
     E.add(m);
     const F = e.find((M) => M.id === m);
     if (!F) return;
     const N = r.get(m) || [];
     if (N.length === 0)
-      h.set(m, v), p.set(m, v - F.duration);
+      p.set(m, S), h.set(m, S - F.duration);
     else {
       let M = 1 / 0;
-      N.forEach((S) => {
-        y(S, E);
-        const w = p.get(S) || 0;
+      N.forEach((v) => {
+        y(v, E);
+        const w = h.get(v) || 0;
         M = Math.min(M, w);
-      }), h.set(m, M), p.set(m, M - F.duration);
+      }), p.set(m, M), h.set(m, M - F.duration);
     }
   };
   return e.forEach((m) => y(m.id)), e.forEach((m) => {
-    const E = b.get(m.id) || 0, N = (p.get(m.id) || 0) - E;
+    const E = b.get(m.id) || 0, N = (h.get(m.id) || 0) - E;
     s.set(m.id, N), Math.abs(N) < 0.01 && n.add(m.id);
   }), {
     criticalTasks: n,
     taskFloats: s,
-    projectDuration: v
+    projectDuration: S
   };
 }, ta = (e, a) => a.criticalTasks.has(e), ra = (e, a) => a.taskFloats.get(e) || 0, ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -4403,12 +4407,12 @@ export {
   zn as applyFilters,
   da as calculateDuration,
   Yn as createBaseline,
-  Oe as formatDate,
+  ke as formatDate,
   Nt as getDaysBetween,
   la as getEndOfDay,
   pn as getHoursBetween,
   yt as getStartOfDay,
   Zt as isHoliday,
   Kt as isWeekend,
-  On as useUndoRedo
+  kn as useUndoRedo
 };