zegantt 0.2.3 → 0.2.4

package/dist/zegantt.js

@@ -1,17 +1,17 @@
 import { jsx as t, jsxs as o, Fragment as de } from "react/jsx-runtime";
 import { createContext as et, useContext as tt, useRef as pe, useCallback as J, useEffect as ge, useMemo as ae, useState as P } from "react";
 import { Flag as Se, Clock as ke, MessageCircle as nt, Plus as ot, ChevronDown as Be, ChevronRight as Pe, Paperclip as Fe, AlertTriangle as rt, Eye as it, Edit2 as at, Trash2 as st, Loader2 as _e, Upload as dt, X as lt, Link2 as ct } from "lucide-react";
-const Ge = et(void 0);
+const He = et(void 0);
 function pt({ children: n, value: c }) {
-  return /* @__PURE__ */ t(Ge.Provider, { value: c, children: n });
+  return /* @__PURE__ */ t(He.Provider, { value: c, children: n });
 }
 function Ie() {
-  const n = tt(Ge);
+  const n = tt(He);
   if (!n)
     throw new Error("useGanttContext must be used within a GanttProvider");
   return n;
 }
-const V = {
+const G = {
   white: "#FFFFFF",
   dark_gray: "#4F4F4F",
   gray: "#7B7B7B",
@@ -24,45 +24,45 @@ const V = {
   red: "#FF0000"
 }, e = {
   pageBg: "#F8FAFB",
-  surface: V.white,
+  surface: G.white,
   // #FFFFFF
   surfaceAlt: "#F7FAF8",
   // subtle alternating row
   headerBg: "#F2F5F3",
   // soft green-tinted header
-  textTitle: V.dark_green,
+  textTitle: G.dark_green,
   // #1A3C30
-  textPrimary: V.dark_gray,
+  textPrimary: G.dark_gray,
   // #4F4F4F
-  textSecondary: V.gray,
+  textSecondary: G.gray,
   // #7B7B7B
-  textMuted: V.light_gray,
+  textMuted: G.light_gray,
   // #D9D9D9
-  group: V.dark_green,
+  group: G.dark_green,
   // #1A3C30
-  groupLight: V.water_green,
+  groupLight: G.water_green,
   // #A0D8A8 (bar border)
-  milestone: V.dark_green,
+  milestone: G.dark_green,
   // #1A3C30
-  milestoneRing: V.light_green,
+  milestoneRing: G.light_green,
   // #A0D8A8
-  event: V.orange,
+  event: G.orange,
   // yellow translucent
-  note: V.yellow,
+  note: G.yellow,
   // #FFBB1C
-  border: V.light_gray,
+  border: G.light_gray,
   // #D9D9D9
   borderLight: "#ECECEC",
   weekendBg: "#F4F6F5",
-  today: V.red,
+  today: G.red,
   // #FF0000
   todayBg: "#FF000008",
   // today column tint
-  arrow: V.gray,
+  arrow: G.gray,
   // #7B7B7B
-  arrowHover: V.dark_green
+  arrowHover: G.dark_green
   // #1A3C30
-}, _ = 50, we = 32, gt = we * 2, ht = 460, te = 26, fe = 28, Le = 120, ut = 40, ft = 3.5, oe = [
+}, _ = 50, we = 32, gt = we * 2, ht = 460, ne = 26, fe = 28, Le = 120, ut = 40, ft = 3.5, oe = [
   { bar: "#D1D8A0", barBorder: "#A0D8A8", progress: "#1A3C30" },
   // sistema (light_yellow)
   { bar: "#A0D8C8", barBorder: "#6BBFA8", progress: "#14534A" },
@@ -96,12 +96,12 @@ function yt() {
     viewMode: p,
     setViewMode: T,
     visibleTypes: h,
-    setVisibleTypes: x,
-    newActionOpen: w,
+    setVisibleTypes: w,
+    newActionOpen: x,
     setNewActionOpen: C,
-    newActionRef: D
-  } = Ie(), { projectName: u, onAddNewStage: $, onAddMilestone: b, onAddEvent: F, onAddNote: S } = n, B = (r) => {
-    x((i) => {
+    newActionRef: M
+  } = Ie(), { projectName: f, onAddNewStage: E, onAddMilestone: b, onAddEvent: F, onAddNote: S } = n, B = (r) => {
+    w((i) => {
       const I = new Set(i);
       return I.has(r) ? I.delete(r) : I.add(r), I;
     });
@@ -123,7 +123,7 @@ function yt() {
             /* @__PURE__ */ t("h3", { style: { margin: 0, fontSize: 14, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.1em", color: e.textTitle }, children: c("planning.gantt", "Project Planning") }),
             /* @__PURE__ */ t("div", { style: { height: 2.5, width: 64, marginTop: 6, borderRadius: 9999, background: `linear-gradient(90deg, ${e.group}, ${e.milestoneRing})` } })
           ] }),
-          u && /* @__PURE__ */ t(
+          f && /* @__PURE__ */ t(
             "span",
             {
               style: {
@@ -135,7 +135,7 @@ function yt() {
                 background: e.surface,
                 border: `1px solid ${e.border}`
               },
-              children: u
+              children: f
             }
           )
         ] }),
@@ -190,7 +190,7 @@ function yt() {
               r.type
             );
           }) }),
-          $ && /* @__PURE__ */ o("div", { ref: D, style: { position: "relative" }, children: [
+          E && /* @__PURE__ */ o("div", { ref: M, style: { position: "relative" }, children: [
             /* @__PURE__ */ o(
               "button",
               {
@@ -212,11 +212,11 @@ function yt() {
                 children: [
                   /* @__PURE__ */ t(ot, { size: 16 }),
                   /* @__PURE__ */ t("span", { children: c("charts.gantt.newAction", "New Action") }),
-                  /* @__PURE__ */ t(Be, { size: 14, style: { opacity: 0.7, transform: w ? "rotate(180deg)" : "none", transition: "transform 0.18s" } })
+                  /* @__PURE__ */ t(Be, { size: 14, style: { opacity: 0.7, transform: x ? "rotate(180deg)" : "none", transition: "transform 0.18s" } })
                 ]
               }
             ),
-            w && /* @__PURE__ */ t(
+            x && /* @__PURE__ */ t(
               "div",
               {
                 style: {
@@ -238,7 +238,7 @@ function yt() {
                     label: c("gantt.newAction.step", "Step"),
                     icon: /* @__PURE__ */ t("div", { style: { width: 14, height: 14, borderRadius: 3, background: oe[0].bar, border: `1.5px solid ${oe[0].barBorder}`, flexShrink: 0 } }),
                     action: () => {
-                      $(), C(!1);
+                      E(), C(!1);
                     }
                   },
                   {
@@ -303,7 +303,7 @@ function yt() {
     }
   );
 }
-const Ve = 864e5, Q = (n, c) => new Date(n.getTime() + c * Ve), ye = (n, c) => Math.round((c.getTime() - n.getTime()) / Ve), Ye = (n) => new Date(n.getFullYear(), n.getMonth(), 1), ze = (n) => new Date(n.getFullYear(), n.getMonth() + 1, 0), ne = (n) => `${String(n.getDate()).padStart(2, "0")}/${String(n.getMonth() + 1).padStart(2, "0")}/${n.getFullYear()}`, Xe = (n, c = "en") => new Intl.DateTimeFormat(c, { month: "long" }).format(n).toUpperCase();
+const Ge = 864e5, Z = (n, c) => new Date(n.getTime() + c * Ge), ye = (n, c) => Math.round((c.getTime() - n.getTime()) / Ge), Ye = (n) => new Date(n.getFullYear(), n.getMonth(), 1), We = (n) => new Date(n.getFullYear(), n.getMonth() + 1, 0), Q = (n) => `${String(n.getDate()).padStart(2, "0")}/${String(n.getMonth() + 1).padStart(2, "0")}/${n.getFullYear()}`, Oe = (n, c = "en") => new Intl.DateTimeFormat(c, { month: "long" }).format(n).toUpperCase();
 function xt() {
   const {
     props: n,
@@ -311,12 +311,12 @@ function xt() {
     displayRows: p,
     leftBodyRef: T,
     handleLeftScroll: h,
-    toggleProject: x,
-    toggleGroup: w,
+    toggleProject: w,
+    toggleGroup: x,
     hoveredTaskId: C,
-    setHoveredTaskId: D,
-    selectedTaskId: u,
-    setSelectedTaskId: $,
+    setHoveredTaskId: M,
+    selectedTaskId: f,
+    setSelectedTaskId: E,
     delayedIds: b,
     criticalIds: F,
     relatedIds: S
@@ -369,7 +369,7 @@ function xt() {
                   borderBottom: `1.5px solid ${e.group}44`,
                   background: `${e.group}0E`
                 },
-                onClick: () => x(r.projectId),
+                onClick: () => w(r.projectId),
                 children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, minWidth: 0 }, children: [
                   r.collapsed ? /* @__PURE__ */ t(Pe, { size: 15, style: { color: e.group, flexShrink: 0 } }) : /* @__PURE__ */ t(Be, { size: 15, style: { color: e.group, flexShrink: 0 } }),
                   /* @__PURE__ */ t("span", { style: {
@@ -401,7 +401,7 @@ function xt() {
                   borderBottom: `1px solid ${e.border}`,
                   background: e.headerBg
                 },
-                onClick: () => w(A),
+                onClick: () => x(A),
                 children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, minWidth: 0 }, children: [
                   r.collapsed ? /* @__PURE__ */ t(Pe, { size: 14, style: { color: e.textSecondary, flexShrink: 0 } }) : /* @__PURE__ */ t(Be, { size: 14, style: { color: e.textSecondary, flexShrink: 0 } }),
                   /* @__PURE__ */ t("span", { style: { fontSize: 11, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.05em", color: e.textTitle }, children: c(`gantt.group.${r.groupType}`, r.label) }),
@@ -411,7 +411,7 @@ function xt() {
               `g-${A}`
             );
           }
-          const i = r.task, I = u === i.id, l = C === i.id, E = i.originalType !== "step", f = b.has(i.id), M = F.has(i.id), s = u !== null && i.id !== u && !S.has(i.id), y = u !== null && S.has(i.id), N = f ? "#FFF5F5" : I ? e.groupLight : y ? `${e.groupLight}99` : l ? e.pageBg : e.surface;
+          const i = r.task, I = f === i.id, l = C === i.id, $ = i.originalType !== "step", u = b.has(i.id), D = F.has(i.id), s = f !== null && i.id !== f && !S.has(i.id), y = f !== null && S.has(i.id), N = u ? "#FFF5F5" : I ? e.groupLight : y ? `${e.groupLight}99` : l ? e.pageBg : e.surface;
           return /* @__PURE__ */ o(
             "div",
             {
@@ -424,13 +424,13 @@ function xt() {
                 height: _,
                 borderBottom: `1px solid ${e.borderLight}`,
                 background: N,
-                borderLeft: I ? `3px solid ${e.group}` : y ? `3px solid ${e.group}66` : M ? `3px solid ${e.today}` : void 0,
+                borderLeft: I ? `3px solid ${e.group}` : y ? `3px solid ${e.group}66` : D ? `3px solid ${e.today}` : void 0,
                 opacity: s ? 0.3 : 1
               },
-              onClick: () => $((A) => A === i.id ? null : i.id),
+              onClick: () => E((A) => A === i.id ? null : i.id),
               onDoubleClick: () => n.onTaskClick?.(B(i)),
-              onMouseEnter: () => D(i.id),
-              onMouseLeave: () => D(null),
+              onMouseEnter: () => M(i.id),
+              onMouseLeave: () => M(null),
               children: [
                 /* @__PURE__ */ o("div", { style: { flex: 1, display: "flex", alignItems: "center", gap: 8, minWidth: 0, paddingRight: 8 }, children: [
                   i.originalType === "step" && /* @__PURE__ */ t("div", { style: { flexShrink: 0, borderRadius: 4, width: 14, height: 14, background: oe[i.colorIdx ?? 0].bar, border: `1.5px solid ${oe[i.colorIdx ?? 0].barBorder}` } }),
@@ -445,7 +445,7 @@ function xt() {
                           fontSize: 13,
                           fontWeight: 500,
                           lineHeight: 1.25,
-                          color: I ? e.group : f ? e.today : e.textPrimary,
+                          color: I ? e.group : u ? e.today : e.textPrimary,
                           overflow: "hidden",
                           textOverflow: "ellipsis",
                           whiteSpace: "nowrap"
@@ -477,10 +477,10 @@ function xt() {
                     /* @__PURE__ */ t(Fe, { size: 9 }),
                     i.filesCount
                   ] }),
-                  f && /* @__PURE__ */ t(rt, { size: 12, style: { flexShrink: 0, color: e.today } })
+                  u && /* @__PURE__ */ t(rt, { size: 12, style: { flexShrink: 0, color: e.today } })
                 ] }),
-                /* @__PURE__ */ t("div", { style: { width: 80, fontSize: 11, fontWeight: 500, textAlign: "center", fontVariantNumeric: "tabular-nums", color: f ? e.today : e.textMuted }, children: ne(i.start) }),
-                /* @__PURE__ */ t("div", { style: { width: 80, fontSize: 11, fontWeight: 500, textAlign: "center", fontVariantNumeric: "tabular-nums", color: f ? e.today : e.textMuted }, children: E ? "—" : ne(i.end) })
+                /* @__PURE__ */ t("div", { style: { width: 80, fontSize: 11, fontWeight: 500, textAlign: "center", fontVariantNumeric: "tabular-nums", color: u ? e.today : e.textMuted }, children: Q(i.start) }),
+                /* @__PURE__ */ t("div", { style: { width: 80, fontSize: 11, fontWeight: 500, textAlign: "center", fontVariantNumeric: "tabular-nums", color: u ? e.today : e.textMuted }, children: $ ? "—" : Q(i.end) })
               ]
             },
             i.id
@@ -493,57 +493,57 @@ function xt() {
 function bt(n, c, p = "en") {
   const T = c === "day" ? ut : ft, h = (r, i) => {
     const I = [], l = (/* @__PURE__ */ new Date()).toDateString();
-    let E = -1;
-    for (let f = 0; f < i; f++) {
-      const M = Q(r, f), s = M.toDateString() === l;
-      s && (E = f), I.push({
-        date: M,
+    let $ = -1;
+    for (let u = 0; u < i; u++) {
+      const D = Z(r, u), s = D.toDateString() === l;
+      s && ($ = u), I.push({
+        date: D,
         isToday: s,
-        isWeekend: M.getDay() === 0 || M.getDay() === 6
+        isWeekend: D.getDay() === 0 || D.getDay() === 6
       });
     }
-    return { daysArr: I, todayIndex: E };
+    return { daysArr: I, todayIndex: $ };
   };
   if (n.length === 0) {
-    const r = /* @__PURE__ */ new Date(), i = Ye(r), I = ze(r), l = ye(i, I) + 1, { daysArr: E, todayIndex: f } = h(i, l);
+    const r = /* @__PURE__ */ new Date(), i = Ye(r), I = We(r), l = ye(i, I) + 1, { daysArr: $, todayIndex: u } = h(i, l);
     return {
       start: i,
       end: I,
       totalDays: l,
       dayWidth: T,
       totalWidth: l * T,
-      months: [{ date: i, label: `${Xe(i, p)} ${i.getFullYear()}`, startDay: 0, days: l, width: l * T }],
+      months: [{ date: i, label: `${Oe(i, p)} ${i.getFullYear()}`, startDay: 0, days: l, width: l * T }],
       years: [{ label: i.getFullYear().toString(), width: l * T }],
-      days: E,
-      todayIndex: f
+      days: $,
+      todayIndex: u
     };
   }
-  let x = new Date(n[0].start), w = new Date(n[0].end);
+  let w = new Date(n[0].start), x = new Date(n[0].end);
   n.forEach((r) => {
-    r.start < x && (x = new Date(r.start)), r.end > w && (w = new Date(r.end));
+    r.start < w && (w = new Date(r.start)), r.end > x && (x = new Date(r.end));
   });
-  const C = Ye(Q(x, -14)), D = ze(Q(w, 14)), u = ye(C, D) + 1, $ = [];
+  const C = Ye(Z(w, -14)), M = We(Z(x, 14)), f = ye(C, M) + 1, E = [];
   let b = new Date(C);
-  for (; b <= D; ) {
-    const r = ze(b), i = r > D ? D : r, I = ye(C, b), l = ye(b, i) + 1;
-    $.push({
+  for (; b <= M; ) {
+    const r = We(b), i = r > M ? M : r, I = ye(C, b), l = ye(b, i) + 1;
+    E.push({
       date: new Date(b),
-      label: `${Xe(b, p)} ${b.getFullYear()}`,
+      label: `${Oe(b, p)} ${b.getFullYear()}`,
       startDay: I,
       days: l,
       width: l * T
     }), b = new Date(b.getFullYear(), b.getMonth() + 1, 1);
   }
-  const { daysArr: F, todayIndex: S } = h(C, u), B = [];
+  const { daysArr: F, todayIndex: S } = h(C, f), B = [];
   if (c === "month") {
     let r = "", i = 0;
-    for (const I of $) {
+    for (const I of E) {
       const l = I.date.getFullYear().toString();
       l !== r ? (r && B.push({ label: r, width: i * T }), r = l, i = I.days) : i += I.days;
     }
     r && B.push({ label: r, width: i * T });
   }
-  return { start: C, end: D, totalDays: u, dayWidth: T, totalWidth: u * T, months: $, years: B, days: F, todayIndex: S };
+  return { start: C, end: M, totalDays: f, dayWidth: T, totalWidth: f * T, months: E, years: B, days: F, todayIndex: S };
 }
 function se(n, c) {
   return ye(c.start, n) * c.dayWidth;
@@ -554,12 +554,12 @@ function mt({
   y: p,
   w: T,
   progW: h,
-  isHov: x,
-  isDrag: w,
+  isHov: w,
+  isDrag: x,
   isResize: C,
-  isCritical: D,
-  isDelayed: u,
-  isConnectTarget: $,
+  isCritical: M,
+  isDelayed: f,
+  isConnectTarget: E,
   showDots: b,
   isBarDimmed: F,
   isBarHighlighted: S,
@@ -569,12 +569,12 @@ function mt({
 }) {
   const { timeline: I, viewMode: l } = Ie();
   if (n.originalType === "step") {
-    const E = oe[n.colorIdx ?? 0], f = p + (_ - te) / 2, M = !!(n.previsionStart && n.previsionEnd), s = M ? se(n.previsionStart, I) : 0, y = M ? Math.max(se(n.previsionEnd, I) - s, l === "month" ? I.dayWidth : 6) : 0, N = f + te + 3;
+    const $ = oe[n.colorIdx ?? 0], u = p + (_ - ne) / 2, D = !!(n.previsionStart && n.previsionEnd), s = D ? se(n.previsionStart, I) : 0, y = D ? Math.max(se(n.previsionEnd, I) - s, l === "month" ? I.dayWidth : 6) : 0, N = u + ne + 3;
     return /* @__PURE__ */ o(de, { children: [
-      M && /* @__PURE__ */ t(
+      D && /* @__PURE__ */ t(
         "div",
         {
-          title: `Previsto: ${ne(n.previsionStart)} → ${ne(n.previsionEnd)}`,
+          title: `Previsto: ${Q(n.previsionStart)} → ${Q(n.previsionEnd)}`,
           style: {
             position: "absolute",
             left: s,
@@ -582,9 +582,9 @@ function mt({
             width: y,
             height: 5,
             borderRadius: 3,
-            background: `${E.progress}33`,
-            border: `1.5px solid ${E.progress}66`,
-            boxShadow: `inset 0 0 0 1px ${E.progress}22`,
+            background: `${$.progress}33`,
+            border: `1.5px solid ${$.progress}66`,
+            boxShadow: `inset 0 0 0 1px ${$.progress}22`,
             pointerEvents: "none",
             zIndex: 5
           }
@@ -598,31 +598,31 @@ function mt({
           style: {
             position: "absolute",
             left: c,
-            top: f,
+            top: u,
             width: T,
-            height: te,
-            borderRadius: te / 2,
-            background: u ? "linear-gradient(135deg, #fdd, #fee)" : E.bar,
-            border: D ? `2px solid ${e.today}` : u ? `1.5px solid ${e.today}88` : `1.5px solid ${E.barBorder}`,
-            cursor: w || C ? "grabbing" : "grab",
-            zIndex: x || $ ? 20 : 10,
-            boxShadow: $ ? `0 0 0 2px ${e.group}, 0 4px 16px ${e.group}33` : D ? `0 0 0 1px ${e.today}44, 0 3px 12px ${e.today}22` : S && !x ? `0 0 0 2px ${e.group}99, 0 3px 14px ${e.group}33` : x ? `0 3px 12px ${E.progress}22` : "none",
-            transform: x ? "scaleY(1.06)" : "scaleY(1)",
+            height: ne,
+            borderRadius: ne / 2,
+            background: f ? "linear-gradient(135deg, #fdd, #fee)" : $.bar,
+            border: M ? `2px solid ${e.today}` : f ? `1.5px solid ${e.today}88` : `1.5px solid ${$.barBorder}`,
+            cursor: x || C ? "grabbing" : "grab",
+            zIndex: w || E ? 20 : 10,
+            boxShadow: E ? `0 0 0 2px ${e.group}, 0 4px 16px ${e.group}33` : M ? `0 0 0 1px ${e.today}44, 0 3px 12px ${e.today}22` : S && !w ? `0 0 0 2px ${e.group}99, 0 3px 14px ${e.group}33` : w ? `0 3px 12px ${$.progress}22` : "none",
+            transform: w ? "scaleY(1.06)" : "scaleY(1)",
             opacity: F ? 0.15 : 1,
-            transition: w || C ? "none" : "box-shadow 0.2s, transform 0.15s, opacity 0.18s",
+            transition: x || C ? "none" : "box-shadow 0.2s, transform 0.15s, opacity 0.18s",
             overflow: "visible"
           },
           children: [
-            /* @__PURE__ */ o("div", { style: { position: "absolute", left: 0, top: 0, width: T, height: "100%", borderRadius: te / 2, overflow: "hidden", pointerEvents: "none" }, children: [
+            /* @__PURE__ */ o("div", { style: { position: "absolute", left: 0, top: 0, width: T, height: "100%", borderRadius: ne / 2, overflow: "hidden", pointerEvents: "none" }, children: [
               /* @__PURE__ */ t("div", { style: {
                 position: "absolute",
                 left: 0,
                 top: 0,
                 width: h,
                 height: "100%",
-                background: u ? `linear-gradient(90deg, ${e.today}cc, ${e.today}88)` : `linear-gradient(90deg, ${E.progress}, ${E.progress}cc)`,
-                borderRadius: `${te / 2}px 0 0 ${te / 2}px`,
-                transition: w || C ? "none" : "width 0.3s"
+                background: f ? `linear-gradient(90deg, ${e.today}cc, ${e.today}88)` : `linear-gradient(90deg, ${$.progress}, ${$.progress}cc)`,
+                borderRadius: `${ne / 2}px 0 0 ${ne / 2}px`,
+                transition: x || C ? "none" : "width 0.3s"
               } }),
               T > 50 && /* @__PURE__ */ o("span", { style: {
                 position: "absolute",
@@ -633,7 +633,7 @@ function mt({
                 fontSize: 10,
                 fontWeight: 700,
                 letterSpacing: "0.05em",
-                color: n.progress > 50 ? "#fff" : u ? e.today : E.progress,
+                color: n.progress > 50 ? "#fff" : f ? e.today : $.progress,
                 zIndex: 1,
                 pointerEvents: "none"
               }, children: [
@@ -641,8 +641,8 @@ function mt({
                 "%"
               ] })
             ] }),
-            /* @__PURE__ */ t("div", { onMouseDown: (A) => r(A, n, "left"), style: { position: "absolute", left: 0, top: 0, width: 8, height: "100%", cursor: "col-resize", zIndex: 2, borderRadius: `${te / 2}px 0 0 ${te / 2}px` } }),
-            /* @__PURE__ */ t("div", { onMouseDown: (A) => r(A, n, "right"), style: { position: "absolute", right: 0, top: 0, width: 8, height: "100%", cursor: "col-resize", zIndex: 2, borderRadius: `0 ${te / 2}px ${te / 2}px 0` } }),
+            /* @__PURE__ */ t("div", { onMouseDown: (A) => r(A, n, "left"), style: { position: "absolute", left: 0, top: 0, width: 8, height: "100%", cursor: "col-resize", zIndex: 2, borderRadius: `${ne / 2}px 0 0 ${ne / 2}px` } }),
+            /* @__PURE__ */ t("div", { onMouseDown: (A) => r(A, n, "right"), style: { position: "absolute", right: 0, top: 0, width: 8, height: "100%", cursor: "col-resize", zIndex: 2, borderRadius: `0 ${ne / 2}px ${ne / 2}px 0` } }),
             b && /* @__PURE__ */ o(de, { children: [
               /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (A) => i(A, n, "left"), style: { position: "absolute", left: -7, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } }),
               /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (A) => i(A, n, "right"), style: { position: "absolute", right: -7, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } })
@@ -653,7 +653,7 @@ function mt({
     ] });
   }
   if (n.originalType === "milestone") {
-    const E = p + (_ - fe) / 2;
+    const $ = p + (_ - fe) / 2;
     return /* @__PURE__ */ o(
       "div",
       {
@@ -662,40 +662,40 @@ function mt({
         style: {
           position: "absolute",
           left: c - 6,
-          top: E,
+          top: $,
           height: fe,
           minWidth: Le,
           borderRadius: fe / 2,
-          background: D ? "linear-gradient(135deg, #fee, #fff5f5)" : "linear-gradient(135deg, #e8f5ee, #f0f8f4)",
-          border: $ ? `2px solid ${e.group}` : D ? `2px solid ${e.today}` : `1.5px solid ${e.milestoneRing}`,
+          background: M ? "linear-gradient(135deg, #fee, #fff5f5)" : "linear-gradient(135deg, #e8f5ee, #f0f8f4)",
+          border: E ? `2px solid ${e.group}` : M ? `2px solid ${e.today}` : `1.5px solid ${e.milestoneRing}`,
           display: "flex",
           alignItems: "center",
           gap: 6,
           paddingLeft: 4,
           paddingRight: 12,
-          cursor: w ? "grabbing" : "grab",
-          zIndex: x || $ ? 20 : 10,
-          boxShadow: $ ? `0 0 0 2px ${e.group}, 0 4px 16px ${e.group}33` : D ? `0 0 0 1px ${e.today}44, 0 3px 12px ${e.today}22` : S && !x ? `0 0 0 2px ${e.group}99, 0 3px 14px ${e.group}33` : x ? `0 3px 12px ${e.milestone}22` : "0 1px 3px rgba(0,0,0,0.06)",
+          cursor: x ? "grabbing" : "grab",
+          zIndex: w || E ? 20 : 10,
+          boxShadow: E ? `0 0 0 2px ${e.group}, 0 4px 16px ${e.group}33` : M ? `0 0 0 1px ${e.today}44, 0 3px 12px ${e.today}22` : S && !w ? `0 0 0 2px ${e.group}99, 0 3px 14px ${e.group}33` : w ? `0 3px 12px ${e.milestone}22` : "0 1px 3px rgba(0,0,0,0.06)",
           opacity: F ? 0.15 : 1,
           transition: "box-shadow 0.2s, transform 0.15s, opacity 0.18s",
-          transform: x ? "translateY(-1px)" : "none",
+          transform: w ? "translateY(-1px)" : "none",
           whiteSpace: "nowrap",
           overflow: "visible"
         },
         children: [
-          /* @__PURE__ */ t("div", { style: { width: 20, height: 20, borderRadius: "50%", background: D ? e.today : e.milestone, display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ t(Se, { size: 11, color: "#fff", strokeWidth: 2.5 }) }),
-          /* @__PURE__ */ t("span", { style: { fontSize: 11, fontWeight: 600, color: D ? e.today : e.milestone, overflow: "hidden", textOverflow: "ellipsis", maxWidth: 130 }, children: n.name }),
+          /* @__PURE__ */ t("div", { style: { width: 20, height: 20, borderRadius: "50%", background: M ? e.today : e.milestone, display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ t(Se, { size: 11, color: "#fff", strokeWidth: 2.5 }) }),
+          /* @__PURE__ */ t("span", { style: { fontSize: 11, fontWeight: 600, color: M ? e.today : e.milestone, overflow: "hidden", textOverflow: "ellipsis", maxWidth: 130 }, children: n.name }),
           n.progress >= 100 && /* @__PURE__ */ t("span", { style: { fontSize: 9, fontWeight: 700, color: "#fff", background: e.milestoneRing, borderRadius: 6, padding: "1px 5px" }, children: "✓" }),
           b && /* @__PURE__ */ o(de, { children: [
-            /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (f) => i(f, n, "left"), style: { position: "absolute", left: -7, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } }),
-            /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (f) => i(f, n, "right"), style: { position: "absolute", right: -7, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } })
+            /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (u) => i(u, n, "left"), style: { position: "absolute", left: -7, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } }),
+            /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (u) => i(u, n, "right"), style: { position: "absolute", right: -7, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } })
           ] })
         ]
       }
     );
   }
   if (n.originalType === "event") {
-    const E = p + (_ - fe) / 2;
+    const $ = p + (_ - fe) / 2;
     return /* @__PURE__ */ o(
       "div",
       {
@@ -704,40 +704,40 @@ function mt({
         style: {
           position: "absolute",
           left: c - 6,
-          top: E,
+          top: $,
           height: fe,
           minWidth: Le,
           borderRadius: fe / 2,
-          background: D ? "linear-gradient(135deg, #fee, #fff5f5)" : "linear-gradient(135deg, #fff7ed, #ffedd5)",
-          border: $ ? `2px solid ${e.group}` : D ? `2px solid ${e.today}` : `1.5px solid ${e.event}`,
+          background: M ? "linear-gradient(135deg, #fee, #fff5f5)" : "linear-gradient(135deg, #fff7ed, #ffedd5)",
+          border: E ? `2px solid ${e.group}` : M ? `2px solid ${e.today}` : `1.5px solid ${e.event}`,
           display: "flex",
           alignItems: "center",
           gap: 6,
           paddingLeft: 4,
           paddingRight: 12,
-          cursor: w ? "grabbing" : "grab",
-          zIndex: x || $ ? 20 : 10,
-          boxShadow: $ ? `0 0 0 2px ${e.group}, 0 4px 16px ${e.group}33` : D ? `0 0 0 1px ${e.today}44, 0 3px 12px ${e.today}22` : S && !x ? `0 0 0 2px ${e.group}99, 0 3px 14px ${e.group}33` : x ? `0 3px 12px ${e.event}33` : "0 1px 3px rgba(0,0,0,0.06)",
+          cursor: x ? "grabbing" : "grab",
+          zIndex: w || E ? 20 : 10,
+          boxShadow: E ? `0 0 0 2px ${e.group}, 0 4px 16px ${e.group}33` : M ? `0 0 0 1px ${e.today}44, 0 3px 12px ${e.today}22` : S && !w ? `0 0 0 2px ${e.group}99, 0 3px 14px ${e.group}33` : w ? `0 3px 12px ${e.event}33` : "0 1px 3px rgba(0,0,0,0.06)",
           opacity: F ? 0.15 : 1,
           transition: "box-shadow 0.2s, transform 0.15s, opacity 0.18s",
-          transform: x ? "translateY(-1px)" : "none",
+          transform: w ? "translateY(-1px)" : "none",
           whiteSpace: "nowrap",
           overflow: "visible"
         },
         children: [
-          /* @__PURE__ */ t("div", { style: { width: 20, height: 20, borderRadius: "50%", background: D ? e.today : e.event, display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ t(ke, { size: 11, color: "#fff", strokeWidth: 2.5 }) }),
-          /* @__PURE__ */ t("span", { style: { fontSize: 11, fontWeight: 600, color: D ? e.today : e.event, overflow: "hidden", textOverflow: "ellipsis", maxWidth: 130 }, children: n.name }),
+          /* @__PURE__ */ t("div", { style: { width: 20, height: 20, borderRadius: "50%", background: M ? e.today : e.event, display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ t(ke, { size: 11, color: "#fff", strokeWidth: 2.5 }) }),
+          /* @__PURE__ */ t("span", { style: { fontSize: 11, fontWeight: 600, color: M ? e.today : e.event, overflow: "hidden", textOverflow: "ellipsis", maxWidth: 130 }, children: n.name }),
           n.progress >= 100 && /* @__PURE__ */ t("span", { style: { fontSize: 9, fontWeight: 700, color: "#fff", background: e.event, borderRadius: 6, padding: "1px 5px" }, children: "✓" }),
           b && /* @__PURE__ */ o(de, { children: [
-            /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (f) => i(f, n, "left"), style: { position: "absolute", left: -7, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } }),
-            /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (f) => i(f, n, "right"), style: { position: "absolute", right: -7, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } })
+            /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (u) => i(u, n, "left"), style: { position: "absolute", left: -7, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } }),
+            /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (u) => i(u, n, "right"), style: { position: "absolute", right: -7, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } })
           ] })
         ]
       }
     );
   }
   if (n.originalType === "note") {
-    const M = p + (_ - 44) / 2, s = n.noteColor || e.note;
+    const u = p + 4, D = n.noteColor || "#FEF08A", s = n.filesCount || 0;
     return /* @__PURE__ */ o(
       "div",
       {
@@ -745,53 +745,73 @@ function mt({
         ...B,
         style: {
           position: "absolute",
-          left: c - 36 / 2,
-          top: M,
-          width: 36,
-          height: 44,
-          background: s,
-          borderRadius: 2,
-          cursor: w ? "grabbing" : "grab",
-          zIndex: x || $ ? 20 : 10,
-          boxShadow: $ ? `0 0 0 2px ${e.group}, 0 4px 16px ${e.group}33` : S && !x ? `0 0 0 2px ${e.group}99, 0 3px 14px ${e.group}33` : x ? "3px 4px 12px rgba(0,0,0,0.2)" : "1px 2px 5px rgba(0,0,0,0.15)",
+          left: c,
+          top: u,
+          width: 148,
+          minHeight: 72,
+          background: D,
+          borderRadius: 3,
+          cursor: x ? "grabbing" : "grab",
+          zIndex: w || E ? 20 : 10,
+          boxShadow: E ? `0 0 0 2px ${e.group}, 4px 6px 16px rgba(0,0,0,0.22)` : S && !w ? `0 0 0 2px ${e.group}99, 3px 4px 14px rgba(0,0,0,0.18)` : w ? "4px 6px 18px rgba(0,0,0,0.22)" : "2px 3px 8px rgba(0,0,0,0.13)",
           opacity: F ? 0.2 : 1,
-          transition: "box-shadow 0.2s, transform 0.15s, opacity 0.18s",
-          transform: x ? "rotate(-2deg) scale(1.05)" : "none",
-          overflow: "visible",
+          transition: x ? "none" : "box-shadow 0.2s, transform 0.15s, opacity 0.18s",
+          transform: w ? "rotate(-1.5deg) scale(1.03) translateY(-2px)" : "rotate(0deg)",
+          border: "1px solid rgba(0,0,0,0.06)",
+          padding: "12px 10px 10px",
           display: "flex",
           flexDirection: "column",
-          border: "1px solid rgba(0,0,0,0.04)"
+          gap: 2,
+          userSelect: "none"
         },
         children: [
-          /* @__PURE__ */ t("div", { style: { position: "absolute", top: -5, left: "50%", transform: "translateX(-50%)", width: 18, height: 6, background: "rgba(255,255,255,0.6)", borderRadius: 1, boxShadow: "0 1px 2px rgba(0,0,0,0.05)" } }),
-          /* @__PURE__ */ o("div", { style: { padding: "6px 4px 2px", flex: 1, overflow: "hidden" }, children: [
-            /* @__PURE__ */ t("div", { style: { width: "80%", height: 2, background: "rgba(0,0,0,0.1)", borderRadius: 1, marginBottom: 3 } }),
-            /* @__PURE__ */ t("div", { style: { width: "60%", height: 2, background: "rgba(0,0,0,0.1)", borderRadius: 1, marginBottom: 3 } }),
-            /* @__PURE__ */ t("div", { style: { width: "90%", height: 2, background: "rgba(0,0,0,0.1)", borderRadius: 1 } })
-          ] }),
-          (n.filesCount || 0) > 0 && /* @__PURE__ */ t("div", { style: { position: "absolute", bottom: -5, right: -5, background: e.headerBg, color: e.textSecondary, borderRadius: "50%", border: `1px solid ${e.borderLight}`, width: 16, height: 16, display: "flex", alignItems: "center", justifyContent: "center", boxShadow: "0 1px 3px rgba(0,0,0,0.1)", zIndex: 2 }, children: /* @__PURE__ */ t(Fe, { size: 8 }) }),
           /* @__PURE__ */ t("div", { style: {
             position: "absolute",
-            top: "100%",
+            top: -6,
             left: "50%",
             transform: "translateX(-50%)",
-            marginTop: 6,
-            background: "rgba(255,255,255,0.95)",
-            padding: "3px 8px",
-            borderRadius: 4,
-            border: `1px solid ${e.borderLight}`,
-            fontSize: 10,
-            fontWeight: 500,
-            color: e.textPrimary,
-            whiteSpace: "nowrap",
-            pointerEvents: "none",
-            opacity: x ? 1 : 0,
-            transition: "opacity 0.15s",
-            boxShadow: "0 2px 8px rgba(0,0,0,0.08)"
+            width: 40,
+            height: 11,
+            background: "rgba(255,255,255,0.55)",
+            borderRadius: 2,
+            boxShadow: "0 1px 3px rgba(0,0,0,0.08)"
+          } }),
+          /* @__PURE__ */ t("span", { style: {
+            fontSize: 13,
+            fontWeight: 700,
+            color: "#1a1a1a",
+            lineHeight: "1.3",
+            wordBreak: "break-word",
+            display: "-webkit-box",
+            WebkitLineClamp: 2,
+            WebkitBoxOrient: "vertical",
+            overflow: "hidden"
           }, children: n.name }),
+          n.projectTitle && /* @__PURE__ */ t("span", { style: {
+            fontSize: 10,
+            fontWeight: 400,
+            color: "rgba(0,0,0,0.55)",
+            overflow: "hidden",
+            textOverflow: "ellipsis",
+            whiteSpace: "nowrap"
+          }, children: n.projectTitle }),
+          /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", justifyContent: "space-between", marginTop: 2 }, children: [
+            /* @__PURE__ */ t("span", { style: { fontSize: 9, fontWeight: 500, color: "rgba(0,0,0,0.45)" }, children: Q(n.start) }),
+            s > 0 && /* @__PURE__ */ o("span", { style: {
+              display: "flex",
+              alignItems: "center",
+              gap: 2,
+              fontSize: 9,
+              color: "rgba(0,0,0,0.45)"
+            }, children: [
+              /* @__PURE__ */ t(Fe, { size: 8 }),
+              " ",
+              s
+            ] })
+          ] }),
           b && /* @__PURE__ */ o(de, { children: [
-            /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (y) => i(y, n, "left"), style: { position: "absolute", left: -10, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } }),
-            /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (y) => i(y, n, "right"), style: { position: "absolute", right: -10, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } })
+            /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (y) => i(y, n, "left"), style: { position: "absolute", left: -7, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } }),
+            /* @__PURE__ */ t("div", { "data-task-id": n.id, onMouseDown: (y) => i(y, n, "right"), style: { position: "absolute", right: -7, top: "50%", transform: "translateY(-50%)", width: 14, height: 14, borderRadius: "50%", background: e.group, border: "2.5px solid #fff", boxShadow: "0 1px 4px rgba(0,0,0,0.25)", cursor: "crosshair", zIndex: 30 } })
           ] })
         ]
       }
@@ -806,16 +826,16 @@ function vt() {
     selectedTaskId: p,
     relatedIds: T
   } = Ie();
-  return /* @__PURE__ */ t(de, { children: n.map((h, x) => {
-    const w = c === h.predId || c === h.succId, C = !p || h.predId === p || h.succId === p || T.has(h.predId) || T.has(h.succId), D = p !== null && C, u = w ? e.arrowHover : D ? e.group : e.arrow;
-    return /* @__PURE__ */ o("g", { style: { opacity: C ? D ? 1 : void 0 : 0.08, transition: "opacity 0.18s" }, children: [
+  return /* @__PURE__ */ t(de, { children: n.map((h, w) => {
+    const x = c === h.predId || c === h.succId, C = !p || h.predId === p || h.succId === p || T.has(h.predId) || T.has(h.succId), M = p !== null && C, f = x ? e.arrowHover : M ? e.group : e.arrow;
+    return /* @__PURE__ */ o("g", { style: { opacity: C ? M ? 1 : void 0 : 0.08, transition: "opacity 0.18s" }, children: [
       /* @__PURE__ */ t(
         "path",
         {
           d: h.path,
           fill: "none",
-          stroke: u,
-          strokeWidth: D ? 2.5 : w ? 2 : 1.5,
+          stroke: f,
+          strokeWidth: M ? 2.5 : x ? 2 : 1.5,
           style: { transition: "stroke 0.2s, stroke-width 0.2s" }
         }
       ),
@@ -823,14 +843,14 @@ function vt() {
         "polygon",
         {
           points: `${h.headX},${h.headY} ${h.headX - 6},${h.headY - 4} ${h.headX - 6},${h.headY + 4}`,
-          fill: u,
+          fill: f,
           style: { transition: "fill 0.2s" }
         }
       )
-    ] }, x);
+    ] }, w);
   }) });
 }
-const We = (n) => ({
+const ze = (n) => ({
   id: n.id,
   name: n.name,
   start: n.start,
@@ -858,12 +878,12 @@ function wt() {
     timeline: p,
     displayRows: T,
     dragState: h,
-    resizeState: x,
-    connectState: w,
+    resizeState: w,
+    connectState: x,
     pendingConnection: C,
-    setPendingConnection: D,
-    depModalType: u,
-    setDepModalType: $,
+    setPendingConnection: M,
+    depModalType: f,
+    setDepModalType: E,
     depModalLag: b,
     setDepModalLag: F,
     depCreating: S,
@@ -872,41 +892,41 @@ function wt() {
     chartMenu: i,
     setChartMenu: I,
     rightBodyRef: l,
-    timeHeaderRef: E,
-    handleChartMouseDown: f,
-    handleChartWheel: M,
+    timeHeaderRef: $,
+    handleChartMouseDown: u,
+    handleChartWheel: D,
     openChartMenu: s,
     hoveredTaskId: y,
     setHoveredTaskId: N,
     selectedTaskId: A,
-    setSelectedTaskId: Z,
+    setSelectedTaskId: ee,
     tooltip: k,
     setTooltip: g,
     popupState: Y,
-    setPopupState: H,
+    setPopupState: V,
     criticalIds: q,
-    delayedIds: G,
+    delayedIds: H,
     relatedIds: ie,
     handleBarMouseDown: xe,
     handleResizeMouseDown: Te,
     handleConnectDotMouseDown: be,
-    handleCreateDependency: De
+    handleCreateDependency: Me
   } = Ie(), {
     translations: le,
     onViewStage: me,
-    onEditStage: Me,
+    onEditStage: De,
     onDeleteStage: j,
-    onDeleteDependency: O,
+    onDeleteDependency: X,
     onAddNewStage: Re,
     onAddMilestone: Ce,
-    onAddEvent: $e,
-    onAddNote: Ee
-  } = n, R = (m, a) => le ? typeof le == "function" ? le(m, a) : le[m] || a : a, he = (m, a) => Math.round((a.getTime() - m.getTime()) / 864e5) + 1, re = Math.max(T.length * _, 400), ue = () => H({ isOpen: !1, position: { x: 0, y: 0 }, task: null });
+    onAddEvent: Ee,
+    onAddNote: $e
+  } = n, R = (m, a) => le ? typeof le == "function" ? le(m, a) : le[m] || a : a, he = (m, a) => Math.round((a.getTime() - m.getTime()) / 864e5) + 1, re = Math.max(T.length * _, 400) + 80, ue = () => V({ isOpen: !1, position: { x: 0, y: 0 }, task: null });
   return /* @__PURE__ */ o("div", { style: { flex: 1, width: "100%", background: "#FAFAFA", display: "flex", flexDirection: "column", position: "relative", overflow: "hidden", borderLeft: `1px solid ${e.borderLight}` }, children: [
     /* @__PURE__ */ t(
       "div",
       {
-        ref: E,
+        ref: $,
         style: {
           height: we * 2,
           background: e.headerBg,
@@ -916,7 +936,7 @@ function wt() {
           flexShrink: 0,
           boxShadow: "0 1px 3px rgba(0,0,0,0.02)"
         },
-        onWheel: M,
+        onWheel: D,
         children: /* @__PURE__ */ o("div", { style: { width: p.totalWidth, height: "100%", position: "relative" }, children: [
           /* @__PURE__ */ o("div", { style: { position: "absolute", top: 0, left: 0, right: 0, height: we, display: "flex" }, children: [
             c === "day" && p.months.map((m, a) => /* @__PURE__ */ t("div", { style: { width: m.width, position: "relative", height: "100%", borderRight: `1px solid ${e.borderLight}`, paddingLeft: 12, display: "flex", alignItems: "flex-end", paddingBottom: 6 }, children: /* @__PURE__ */ t("span", { style: { fontSize: 13, fontWeight: 700, color: e.textTitle, letterSpacing: "0.02em" }, children: m.label }) }, a)),
@@ -938,8 +958,8 @@ function wt() {
         ref: l,
         className: "zg-no-scrollbar",
         style: { flex: 1, overflow: "auto", background: "#fff", position: "relative" },
-        onMouseDown: f,
-        onWheel: M,
+        onMouseDown: u,
+        onWheel: D,
         onContextMenu: s,
         children: /* @__PURE__ */ o("div", { style: { width: p.totalWidth, height: re, position: "relative" }, children: [
           /* @__PURE__ */ o("svg", { width: p.totalWidth, height: re, style: { position: "absolute", top: 0, left: 0, pointerEvents: "none" }, children: [
@@ -969,10 +989,10 @@ function wt() {
           /* @__PURE__ */ o("div", { style: { position: "absolute", inset: 0 }, children: [
             T.map((m, a) => {
               if (m.kind !== "task") return null;
-              const d = m.task, v = h?.task.id === d.id, W = x?.task.id === d.id, L = v || W && x.edge === "left" ? Q(d.start, v ? h.offsetDays : x.offsetDays) : d.start, z = v || W && x.edge === "right" ? Q(d.end, v ? h.offsetDays : x.offsetDays) : d.end, X = d.originalType !== "step";
-              let ce = se(L, p), U = 0, ee = 0;
-              X || (U = Math.max(se(z, p) - ce, p.dayWidth), ee = U * (d.progress / 100));
-              const je = y === d.id, Ae = A === d.id, He = G.has(d.id), Ue = q.has(d.id), qe = !!A && !Ae && !ie.has(d.id), Ke = Ae || !!A && ie.has(d.id), Je = w?.hoverTargetId === d.id, Qe = je || Ae, Ze = a * _;
+              const d = m.task, v = h?.task.id === d.id, z = w?.task.id === d.id, L = v || z && w.edge === "left" ? Z(d.start, v ? h.offsetDays : w.offsetDays) : d.start, W = v || z && w.edge === "right" ? Z(d.end, v ? h.offsetDays : w.offsetDays) : d.end, O = d.originalType !== "step";
+              let ce = se(L, p), U = 0, te = 0;
+              O || (U = Math.max(se(W, p) - ce, p.dayWidth), te = U * (d.progress / 100));
+              const je = y === d.id, Ae = A === d.id, Ve = H.has(d.id), Ue = q.has(d.id), qe = !!A && !Ae && !ie.has(d.id), Ke = Ae || !!A && ie.has(d.id), Je = x?.hoverTargetId === d.id, Qe = je || Ae, Ze = a * _;
               return /* @__PURE__ */ t(
                 mt,
                 {
@@ -980,28 +1000,28 @@ function wt() {
                   x: ce,
                   y: Ze,
                   w: U,
-                  progW: ee,
+                  progW: te,
                   isHov: je,
                   isDrag: v,
-                  isResize: W,
+                  isResize: z,
                   isCritical: Ue,
-                  isDelayed: He,
+                  isDelayed: Ve,
                   isConnectTarget: Je,
                   showDots: Qe,
                   isBarDimmed: qe,
                   isBarHighlighted: Ke,
                   commonEvents: {
                     onMouseEnter: (K) => {
-                      N(d.id), !h && !x && g({ task: d, x: K.clientX, y: K.clientY });
+                      N(d.id), !h && !w && g({ task: d, x: K.clientX, y: K.clientY });
                     },
                     onMouseMove: (K) => {
-                      y === d.id && !h && !x && g({ task: d, x: K.clientX, y: K.clientY });
+                      y === d.id && !h && !w && g({ task: d, x: K.clientX, y: K.clientY });
                     },
                     onMouseLeave: () => {
                       N(null), g(null);
                     },
                     onClick: (K) => {
-                      K.stopPropagation(), Z(d.id), K.detail === 2 && me?.(We(d)), H(!Y.isOpen || Y.task?.id !== d.id ? {
+                      K.stopPropagation(), ee(d.id), K.detail === 2 && me?.(ze(d)), V(!Y.isOpen || Y.task?.id !== d.id ? {
                         isOpen: !0,
                         position: { x: K.clientX, y: K.clientY },
                         task: d
@@ -1044,14 +1064,14 @@ function wt() {
                           R("gantt.tooltip.start", "Start"),
                           ":"
                         ] }),
-                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(k.task.previsionStart) })
+                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: Q(k.task.previsionStart) })
                       ] }),
                       /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "space-between", gap: 16 }, children: [
                         /* @__PURE__ */ o("span", { children: [
                           R("gantt.tooltip.end", "End"),
                           ":"
                         ] }),
-                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(k.task.previsionEnd) })
+                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: Q(k.task.previsionEnd) })
                       ] }),
                       /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "space-between", gap: 16 }, children: [
                         /* @__PURE__ */ o("span", { children: [
@@ -1074,14 +1094,14 @@ function wt() {
                           R("gantt.tooltip.start", "Start"),
                           ":"
                         ] }),
-                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(k.task.start) })
+                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: Q(k.task.start) })
                       ] }),
                       /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "space-between", gap: 16 }, children: [
                         /* @__PURE__ */ o("span", { children: [
                           R("gantt.tooltip.end", "End"),
                           ":"
                         ] }),
-                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(k.task.end) })
+                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: Q(k.task.end) })
                       ] }),
                       /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "space-between", gap: 16 }, children: [
                         /* @__PURE__ */ o("span", { children: [
@@ -1114,7 +1134,7 @@ function wt() {
                         R("gantt.tooltip.date", "Date"),
                         ":"
                       ] }),
-                      /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(k.task.start) })
+                      /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: Q(k.task.start) })
                     ] }),
                     (k.task.filesCount || 0) > 0 && /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "space-between", gap: 16 }, children: [
                       /* @__PURE__ */ o("span", { children: [
@@ -1131,7 +1151,7 @@ function wt() {
                       R("charts.gantt.start", "Start"),
                       ":"
                     ] }),
-                    /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(k.task.start) })
+                    /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: Q(k.task.start) })
                   ] }) })
                 ]
               }
@@ -1141,25 +1161,25 @@ function wt() {
       }
     ),
     Y.task && Y.isOpen && (() => {
-      const m = Y.task, a = (n.dependencies || []).filter((z) => z.predecessorId === m.id || z.successorId === m.id), d = { FS: R("gantt.depType.fs", "Finish to Start"), SS: R("gantt.depType.ss", "Start to Start"), FF: R("gantt.depType.ff", "Finish to Finish"), SF: R("gantt.depType.sf", "Start to Finish") }, v = a.length > 0 ? 300 : 220, W = Math.min(Y.position.x, window.innerWidth - v - 16), L = Y.position.y + 8;
+      const m = Y.task, a = (n.dependencies || []).filter((W) => W.predecessorId === m.id || W.successorId === m.id), d = { FS: R("gantt.depType.fs", "Finish to Start"), SS: R("gantt.depType.ss", "Start to Start"), FF: R("gantt.depType.ff", "Finish to Finish"), SF: R("gantt.depType.sf", "Start to Finish") }, v = a.length > 0 ? 300 : 220, z = Math.min(Y.position.x, window.innerWidth - v - 16), L = Y.position.y + 8;
       return /* @__PURE__ */ o(
         "div",
         {
           "data-popup": "gantt-action",
-          style: { position: "fixed", left: W, top: L, zIndex: 9999, background: "#fff", borderRadius: 4, boxShadow: "0 12px 40px rgba(0,0,0,0.14), 0 3px 10px rgba(0,0,0,0.07)", border: `1.5px solid ${e.borderLight}`, width: v, overflow: "hidden" },
-          onMouseDown: (z) => z.stopPropagation(),
+          style: { position: "fixed", left: z, top: L, zIndex: 9999, background: "#fff", borderRadius: 4, boxShadow: "0 12px 40px rgba(0,0,0,0.14), 0 3px 10px rgba(0,0,0,0.07)", border: `1.5px solid ${e.borderLight}`, width: v, overflow: "hidden" },
+          onMouseDown: (W) => W.stopPropagation(),
           children: [
             /* @__PURE__ */ t("div", { style: { padding: "12px 14px 10px", borderBottom: `1px solid ${e.borderLight}` }, children: /* @__PURE__ */ t("p", { style: { fontSize: 13, fontWeight: 700, color: e.group, margin: 0, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: m.name, children: m.name }) }),
             /* @__PURE__ */ o("div", { style: { display: "flex", flexDirection: "column", gap: 2, padding: "8px 6px" }, children: [
               /* @__PURE__ */ o("button", { onClick: () => {
-                me?.(We(m)), ue();
+                me?.(ze(m)), ue();
               }, className: "zg-popup-btn", children: [
                 /* @__PURE__ */ t(it, { size: 15 }),
                 " ",
                 /* @__PURE__ */ t("span", { children: R("gantt.popup.viewDetails", "View details") })
               ] }),
               /* @__PURE__ */ o("button", { onClick: () => {
-                Me?.(We(m)), ue();
+                De?.(ze(m)), ue();
               }, className: "zg-popup-btn", children: [
                 /* @__PURE__ */ t(at, { size: 15 }),
                 " ",
@@ -1180,26 +1200,26 @@ function wt() {
                 a.length,
                 ")"
               ] }),
-              /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 5 }, children: a.map((z) => {
-                const X = z.predecessorId === m.id, ce = X ? z.successorName : z.predecessorName, U = B === z.id;
+              /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 5 }, children: a.map((W) => {
+                const O = W.predecessorId === m.id, ce = O ? W.successorName : W.predecessorName, U = B === W.id;
                 return /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 8, padding: "6px 8px", borderRadius: 8, background: "#f8fafb", border: `1px solid ${e.borderLight}` }, children: [
                   /* @__PURE__ */ o("div", { style: { flex: 1, minWidth: 0 }, children: [
                     /* @__PURE__ */ o("div", { style: { fontSize: 10, fontWeight: 700, color: e.group, marginBottom: 2 }, children: [
-                      /* @__PURE__ */ t("span", { style: { background: `${e.group}15`, borderRadius: 4, padding: "1px 5px" }, children: z.type }),
+                      /* @__PURE__ */ t("span", { style: { background: `${e.group}15`, borderRadius: 4, padding: "1px 5px" }, children: W.type }),
                       " ",
-                      /* @__PURE__ */ t("span", { style: { color: e.textSecondary, fontWeight: 500 }, children: X ? "→ " : "← " }),
-                      /* @__PURE__ */ t("span", { style: { color: e.textMuted, fontWeight: 400, fontSize: 9 }, children: d[z.type] ?? z.type })
+                      /* @__PURE__ */ t("span", { style: { color: e.textSecondary, fontWeight: 500 }, children: O ? "→ " : "← " }),
+                      /* @__PURE__ */ t("span", { style: { color: e.textMuted, fontWeight: 400, fontSize: 9 }, children: d[W.type] ?? W.type })
                     ] }),
                     /* @__PURE__ */ t("div", { style: { fontSize: 11, color: e.textPrimary, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, title: ce, children: ce })
                   ] }),
-                  O && /* @__PURE__ */ t(
+                  X && /* @__PURE__ */ t(
                     "button",
                     {
                       disabled: !!U,
                       onClick: async () => {
-                        r(z.id);
+                        r(W.id);
                         try {
-                          await O(z.id);
+                          await X(W.id);
                         } finally {
                           r(null);
                         }
@@ -1208,7 +1228,7 @@ function wt() {
                       children: U ? "⟳" : "🗑"
                     }
                   )
-                ] }, z.id);
+                ] }, W.id);
               }) })
             ] })
           ]
@@ -1236,7 +1256,7 @@ function wt() {
           /* @__PURE__ */ t("div", { style: { padding: "9px 13px 8px", borderBottom: `1px solid ${e.borderLight}`, background: e.headerBg }, children: /* @__PURE__ */ o("p", { style: { margin: 0, fontSize: 10, fontWeight: 700, color: e.textSecondary, textTransform: "uppercase", letterSpacing: "0.08em" }, children: [
             R("gantt.chart.addOn", "Add on"),
             " ",
-            ne(i.date)
+            Q(i.date)
           ] }) }),
           /* @__PURE__ */ t("div", { style: { padding: "5px 5px" }, children: [
             { label: R("gantt.newAction.step", "Step"), icon: ve("step", 0), action: () => {
@@ -1246,10 +1266,10 @@ function wt() {
               Ce?.(i.date, i.projectId), I(null);
             } },
             { label: R("gantt.newAction.event", "Event"), icon: ve("event"), action: () => {
-              $e?.(i.date, i.projectId), I(null);
+              Ee?.(i.date, i.projectId), I(null);
             } },
             { label: R("gantt.newAction.note", "Note"), icon: ve("note"), action: () => {
-              Ee?.(i.date, i.projectId), I(null);
+              $e?.(i.date, i.projectId), I(null);
             } }
           ].map((m) => /* @__PURE__ */ o(
             "button",
@@ -1268,11 +1288,11 @@ function wt() {
         ]
       }
     ),
-    w && /* @__PURE__ */ o("svg", { style: { position: "fixed", inset: 0, width: "100vw", height: "100vh", pointerEvents: "none", zIndex: 99999 }, children: [
+    x && /* @__PURE__ */ o("svg", { style: { position: "fixed", inset: 0, width: "100vw", height: "100vh", pointerEvents: "none", zIndex: 99999 }, children: [
       /* @__PURE__ */ t("defs", { children: /* @__PURE__ */ t("marker", { id: "connect-arrow", markerWidth: "8", markerHeight: "8", refX: "6", refY: "3", orient: "auto", children: /* @__PURE__ */ t("path", { d: "M0,0 L0,6 L6,3 z", fill: e.group }) }) }),
-      /* @__PURE__ */ t("line", { x1: w.fromScreenX, y1: w.fromScreenY, x2: w.currentScreenX, y2: w.currentScreenY, stroke: e.group, strokeWidth: 2.5, strokeDasharray: "8 5", markerEnd: "url(#connect-arrow)", opacity: 0.85, style: { animation: "zg-dash 0.5s linear infinite" } })
+      /* @__PURE__ */ t("line", { x1: x.fromScreenX, y1: x.fromScreenY, x2: x.currentScreenX, y2: x.currentScreenY, stroke: e.group, strokeWidth: 2.5, strokeDasharray: "8 5", markerEnd: "url(#connect-arrow)", opacity: 0.85, style: { animation: "zg-dash 0.5s linear infinite" } })
     ] }),
-    C && /* @__PURE__ */ t("div", { style: { position: "fixed", inset: 0, background: "rgba(0,0,0,0.35)", backdropFilter: "blur(4px)", display: "flex", alignItems: "center", justifyContent: "center", zIndex: 99998 }, onClick: () => D(null), children: /* @__PURE__ */ o("div", { style: { background: "#fff", borderRadius: 20, padding: "32px 36px", width: 420, boxShadow: "0 24px 80px rgba(0,0,0,0.18), 0 6px 24px rgba(0,0,0,0.08)" }, onClick: (m) => m.stopPropagation(), children: [
+    C && /* @__PURE__ */ t("div", { style: { position: "fixed", inset: 0, background: "rgba(0,0,0,0.35)", backdropFilter: "blur(4px)", display: "flex", alignItems: "center", justifyContent: "center", zIndex: 99998 }, onClick: () => M(null), children: /* @__PURE__ */ o("div", { style: { background: "#fff", borderRadius: 20, padding: "32px 36px", width: 420, boxShadow: "0 24px 80px rgba(0,0,0,0.18), 0 6px 24px rgba(0,0,0,0.08)" }, onClick: (m) => m.stopPropagation(), children: [
       /* @__PURE__ */ o("div", { style: { marginBottom: 20 }, children: [
         /* @__PURE__ */ t("h3", { style: { fontSize: 18, fontWeight: 700, color: e.textTitle, marginBottom: 4 }, children: R("gantt.depModal.title", "Relation Type") }),
         /* @__PURE__ */ t("p", { style: { fontSize: 13, color: e.textSecondary }, children: R("gantt.depModal.subtitle", "Choose how the two tasks relate") })
@@ -1282,8 +1302,8 @@ function wt() {
         { type: "SS", label: R("gantt.depModal.ss", "Start to Start"), desc: R("gantt.depModal.ssDesc", "A and B start together") },
         { type: "FF", label: R("gantt.depModal.ff", "Finish to Finish"), desc: R("gantt.depModal.ffDesc", "A and B finish together") },
         { type: "SF", label: R("gantt.depModal.sf", "Start to Finish"), desc: R("gantt.depModal.sfDesc", "B finishes when A starts") }
-      ].map((m) => /* @__PURE__ */ o("button", { onClick: () => $(m.type), style: { border: u === m.type ? `2px solid ${e.group}` : `1.5px solid ${e.borderLight}`, borderRadius: 12, padding: "12px 14px", textAlign: "left", cursor: "pointer", background: u === m.type ? `${e.group}0d` : "#fafafa" }, children: [
-        /* @__PURE__ */ t("div", { style: { fontSize: 11, fontFamily: "monospace", fontWeight: 700, color: e.group, marginBottom: 4, background: u === m.type ? `${e.group}20` : `${e.group}0d`, borderRadius: 6, padding: "2px 6px", display: "inline-block" }, children: m.type }),
+      ].map((m) => /* @__PURE__ */ o("button", { onClick: () => E(m.type), style: { border: f === m.type ? `2px solid ${e.group}` : `1.5px solid ${e.borderLight}`, borderRadius: 12, padding: "12px 14px", textAlign: "left", cursor: "pointer", background: f === m.type ? `${e.group}0d` : "#fafafa" }, children: [
+        /* @__PURE__ */ t("div", { style: { fontSize: 11, fontFamily: "monospace", fontWeight: 700, color: e.group, marginBottom: 4, background: f === m.type ? `${e.group}20` : `${e.group}0d`, borderRadius: 6, padding: "2px 6px", display: "inline-block" }, children: m.type }),
         /* @__PURE__ */ t("div", { style: { fontSize: 13, fontWeight: 600, color: e.textTitle, marginBottom: 2 }, children: m.label }),
         /* @__PURE__ */ t("div", { style: { fontSize: 11, color: e.textSecondary }, children: m.desc })
       ] }, m.type)) }),
@@ -1292,58 +1312,58 @@ function wt() {
         /* @__PURE__ */ t("input", { type: "number", value: b, onChange: (m) => F(parseInt(m.target.value) || 0), style: { width: "100%", padding: "10px 12px", border: `1.5px solid ${e.borderLight}`, borderRadius: 8, fontSize: 14 } })
       ] }),
       /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "flex-end", gap: 12 }, children: [
-        /* @__PURE__ */ t("button", { onClick: () => D(null), style: { padding: "10px 16px", borderRadius: 8, border: `1px solid ${e.borderLight}`, background: "#fff", cursor: "pointer", fontWeight: 600 }, children: R("gantt.depModal.cancel", "Cancel") }),
-        /* @__PURE__ */ t("button", { onClick: De, disabled: S, style: { padding: "10px 16px", borderRadius: 8, border: "none", background: e.group, color: "#fff", cursor: S ? "wait" : "pointer", fontWeight: 600 }, children: S ? R("gantt.depModal.saving", "Saving...") : R("gantt.depModal.create", "Create Dependency") })
+        /* @__PURE__ */ t("button", { onClick: () => M(null), style: { padding: "10px 16px", borderRadius: 8, border: `1px solid ${e.borderLight}`, background: "#fff", cursor: "pointer", fontWeight: 600 }, children: R("gantt.depModal.cancel", "Cancel") }),
+        /* @__PURE__ */ t("button", { onClick: Me, disabled: S, style: { padding: "10px 16px", borderRadius: 8, border: "none", background: e.group, color: "#fff", cursor: S ? "wait" : "pointer", fontWeight: 600 }, children: S ? R("gantt.depModal.saving", "Saving...") : R("gantt.depModal.create", "Create Dependency") })
       ] })
     ] }) })
   ] });
 }
 function St(n) {
-  const c = pe(null), p = pe(null), T = pe(null), h = pe(!1), x = J(() => {
+  const c = pe(null), p = pe(null), T = pe(null), h = pe(!1), w = J(() => {
     if (h.current) return;
     h.current = !0;
-    const u = p.current;
-    u && c.current && (c.current.scrollTop = u.scrollTop), u && T.current && (T.current.scrollLeft = u.scrollLeft), h.current = !1;
-  }, []), w = J(() => {
+    const f = p.current;
+    f && c.current && (c.current.scrollTop = f.scrollTop), f && T.current && (T.current.scrollLeft = f.scrollLeft), h.current = !1;
+  }, []), x = J(() => {
     h.current || (h.current = !0, c.current && p.current && (p.current.scrollTop = c.current.scrollTop), h.current = !1);
   }, []), C = pe(!1);
   ge(() => {
     if (C.current || !n.totalWidth) return;
-    const u = p.current;
-    if (!u) return;
-    const $ = se(/* @__PURE__ */ new Date(), n);
-    if ($ >= 0 && $ <= n.totalWidth) {
-      const b = $ - u.clientWidth / 2;
-      u.scrollLeft = Math.max(0, b), T.current && (T.current.scrollLeft = u.scrollLeft), C.current = !0;
+    const f = p.current;
+    if (!f) return;
+    const E = se(/* @__PURE__ */ new Date(), n);
+    if (E >= 0 && E <= n.totalWidth) {
+      const b = E - f.clientWidth / 2;
+      f.scrollLeft = Math.max(0, b), T.current && (T.current.scrollLeft = f.scrollLeft), C.current = !0;
     }
   }, [n]);
-  const D = J((u) => {
-    const $ = p.current;
-    if ($)
-      if (u.preventDefault(), u.shiftKey || Math.abs(u.deltaX) > Math.abs(u.deltaY)) {
-        const b = u.shiftKey ? u.deltaY : u.deltaX;
-        $.scrollLeft += b, T.current && (T.current.scrollLeft = $.scrollLeft);
+  const M = J((f) => {
+    const E = p.current;
+    if (E)
+      if (f.preventDefault(), f.shiftKey || Math.abs(f.deltaX) > Math.abs(f.deltaY)) {
+        const b = f.shiftKey ? f.deltaY : f.deltaX;
+        E.scrollLeft += b, T.current && (T.current.scrollLeft = E.scrollLeft);
       } else
-        $.scrollTop += u.deltaY, c.current && (c.current.scrollTop = $.scrollTop);
+        E.scrollTop += f.deltaY, c.current && (c.current.scrollTop = E.scrollTop);
   }, []);
   return {
     leftBodyRef: c,
     rightBodyRef: p,
     timeHeaderRef: T,
-    handleRightScroll: x,
-    handleLeftScroll: w,
-    handleChartWheel: D
+    handleRightScroll: w,
+    handleLeftScroll: x,
+    handleChartWheel: M
   };
 }
 function kt(n, c, p, T) {
   const h = /* @__PURE__ */ new Map();
-  return n.forEach((x) => h.set(x.id, x)), c.map((x) => {
-    const w = h.get(x.predecessorId), C = h.get(x.successorId);
-    if (!w || !C) return null;
-    const D = T.get(w.id), u = T.get(C.id);
-    if (D == null || u == null) return null;
-    const $ = w.originalType !== "step", b = C.originalType !== "step", F = $ ? se(w.start, p) + Le : se(w.end, p), S = D * _ + _ / 2, B = b ? se(C.start, p) - 10 : se(C.start, p), r = u * _ + _ / 2, i = 14, I = Math.max(F + i, B - i), l = S === r ? `M${F},${S} L${B - 6},${r}` : `M${F},${S} L${I},${S} L${I},${r} L${B - 6},${r}`;
-    return { predId: w.id, succId: C.id, path: l, headX: B - 6, headY: r };
+  return n.forEach((w) => h.set(w.id, w)), c.map((w) => {
+    const x = h.get(w.predecessorId), C = h.get(w.successorId);
+    if (!x || !C) return null;
+    const M = T.get(x.id), f = T.get(C.id);
+    if (M == null || f == null) return null;
+    const E = x.originalType !== "step", b = C.originalType !== "step", F = E ? se(x.start, p) + Le : se(x.end, p), S = M * _ + _ / 2, B = b ? se(C.start, p) - 10 : se(C.start, p), r = f * _ + _ / 2, i = 14, I = Math.max(F + i, B - i), l = S === r ? `M${F},${S} L${B - 6},${r}` : `M${F},${S} L${I},${S} L${I},${r} L${B - 6},${r}`;
+    return { predId: x.id, succId: C.id, path: l, headX: B - 6, headY: r };
   }).filter(Boolean);
 }
 function It(n, c) {
@@ -1352,43 +1372,43 @@ function It(n, c) {
   n.forEach((l) => p.set(l.id, l));
   const T = new Set(n.map((l) => l.id)), h = c.filter((l) => T.has(l.predecessorId) && T.has(l.successorId));
   if (h.length === 0) return /* @__PURE__ */ new Set();
-  const x = /* @__PURE__ */ new Map(), w = /* @__PURE__ */ new Map();
+  const w = /* @__PURE__ */ new Map(), x = /* @__PURE__ */ new Map();
   h.forEach((l) => {
-    x.has(l.predecessorId) || x.set(l.predecessorId, []), x.get(l.predecessorId).push(l.successorId), w.has(l.successorId) || w.set(l.successorId, []), w.get(l.successorId).push(l.predecessorId);
+    w.has(l.predecessorId) || w.set(l.predecessorId, []), w.get(l.predecessorId).push(l.successorId), x.has(l.successorId) || x.set(l.successorId, []), x.get(l.successorId).push(l.predecessorId);
   });
-  const C = (l) => Math.max(1, ye(l.start, l.end)), D = /* @__PURE__ */ new Set(), u = [];
-  function $(l) {
-    D.has(l) || (D.add(l), (x.get(l) || []).forEach($), u.unshift(l));
+  const C = (l) => Math.max(1, ye(l.start, l.end)), M = /* @__PURE__ */ new Set(), f = [];
+  function E(l) {
+    M.has(l) || (M.add(l), (w.get(l) || []).forEach(E), f.unshift(l));
   }
-  n.forEach((l) => $(l.id));
+  n.forEach((l) => E(l.id));
   const b = /* @__PURE__ */ new Map(), F = /* @__PURE__ */ new Map();
-  for (const l of u) {
-    const E = p.get(l), f = w.get(l) || [];
-    let M = 0;
-    for (const y of f) M = Math.max(M, F.get(y) || 0);
-    const s = f.length > 0 ? M : 0;
-    b.set(l, s), F.set(l, s + C(E));
+  for (const l of f) {
+    const $ = p.get(l), u = x.get(l) || [];
+    let D = 0;
+    for (const y of u) D = Math.max(D, F.get(y) || 0);
+    const s = u.length > 0 ? D : 0;
+    b.set(l, s), F.set(l, s + C($));
   }
   let S = 0;
   F.forEach((l) => {
     l > S && (S = l);
   });
   const B = /* @__PURE__ */ new Map(), r = /* @__PURE__ */ new Map();
-  for (let l = u.length - 1; l >= 0; l--) {
-    const E = u[l], f = p.get(E), M = x.get(E) || [];
+  for (let l = f.length - 1; l >= 0; l--) {
+    const $ = f[l], u = p.get($), D = w.get($) || [];
     let s = S;
-    for (const y of M) s = Math.min(s, B.get(y) ?? S);
-    r.set(E, M.length > 0 ? s : S), B.set(E, (r.get(E) || 0) - C(f));
+    for (const y of D) s = Math.min(s, B.get(y) ?? S);
+    r.set($, D.length > 0 ? s : S), B.set($, (r.get($) || 0) - C(u));
   }
   const i = /* @__PURE__ */ new Set();
   h.forEach((l) => {
     i.add(l.predecessorId), i.add(l.successorId);
   });
   const I = /* @__PURE__ */ new Set();
-  for (const l of u) {
+  for (const l of f) {
     if (!i.has(l)) continue;
-    const E = (B.get(l) || 0) - (b.get(l) || 0);
-    Math.abs(E) < 0.5 && I.add(l);
+    const $ = (B.get(l) || 0) - (b.get(l) || 0);
+    Math.abs($) < 0.5 && I.add(l);
   }
   return I;
 }
@@ -1398,50 +1418,50 @@ function Tt({
   events: p,
   notes: T,
   dependencies: h,
-  viewMode: x,
-  locale: w,
+  viewMode: w,
+  locale: x,
   groupByProject: C,
-  visibleTypes: D,
-  collapsedGroups: u,
-  collapsedProjects: $,
+  visibleTypes: M,
+  collapsedGroups: f,
+  collapsedProjects: E,
   selectedTaskId: b
 }) {
   const F = ae(() => {
-    const f = [];
-    let M = 0;
+    const u = [];
+    let D = 0;
     return n.forEach((s) => {
       const y = !!(s.startDate && s.finishDate), N = s.startDate || s.previsionStartDate, A = s.finishDate || s.previsionFinishDate;
       if (!N || !A) return;
-      const Z = new Date(N), k = new Date(A);
-      if (isNaN(Z.getTime()) || isNaN(k.getTime())) return;
-      k <= Z && k.setDate(k.getDate() + 1);
+      const ee = new Date(N), k = new Date(A);
+      if (isNaN(ee.getTime()) || isNaN(k.getTime())) return;
+      k <= ee && k.setDate(k.getDate() + 1);
       let g, Y;
       if (s.previsionStartDate && s.previsionFinishDate) {
-        const G = new Date(s.previsionStartDate), ie = new Date(s.previsionFinishDate);
-        !isNaN(G.getTime()) && !isNaN(ie.getTime()) && (g = G, Y = ie <= G ? Q(G, 1) : ie);
+        const H = new Date(s.previsionStartDate), ie = new Date(s.previsionFinishDate);
+        !isNaN(H.getTime()) && !isNaN(ie.getTime()) && (g = H, Y = ie <= H ? Z(H, 1) : ie);
       }
-      const H = h?.filter((G) => G.successorId === s.id).map((G) => G.predecessorId) || [], q = s.conclusionPercent != null ? Number(s.conclusionPercent) : 0;
-      f.push({
+      const V = h?.filter((H) => H.successorId === s.id).map((H) => H.predecessorId) || [], q = s.conclusionPercent != null ? Number(s.conclusionPercent) : 0;
+      u.push({
         id: s.id,
         name: s.name,
-        start: Z,
+        start: ee,
         end: k,
         progress: q > 1 ? Math.min(q, 100) : q * 100,
         originalType: "step",
-        deps: H,
-        colorIdx: M % oe.length,
+        deps: V,
+        colorIdx: D % oe.length,
         previsionStart: g,
         previsionEnd: Y,
         hasActualDates: y,
         projectId: s.projectId || void 0,
         projectTitle: s.projectTitle || void 0
-      }), M++;
+      }), D++;
     }), c?.forEach((s) => {
       if (!s.date) return;
       const y = new Date(s.date);
       if (isNaN(y.getTime())) return;
       const N = h?.filter((A) => A.successorId === s.id).map((A) => A.predecessorId) || [];
-      f.push({
+      u.push({
         id: s.id,
         name: s.name,
         start: y,
@@ -1457,7 +1477,7 @@ function Tt({
       const y = new Date(s.date);
       if (isNaN(y.getTime())) return;
       const N = h?.filter((A) => A.successorId === s.id).map((A) => A.predecessorId) || [];
-      f.push({
+      u.push({
         id: s.id,
         name: s.title,
         start: y,
@@ -1471,7 +1491,7 @@ function Tt({
     }), T?.forEach((s) => {
       if (!s.date) return;
       const y = new Date(s.date);
-      isNaN(y.getTime()) || f.push({
+      isNaN(y.getTime()) || u.push({
         id: s.id,
         name: s.title || "Note",
         start: y,
@@ -1486,58 +1506,58 @@ function Tt({
         projectId: s.projectId || void 0,
         projectTitle: s.projectTitle || void 0
       });
-    }), f;
-  }, [n, c, p, T, h]), S = ae(() => bt(F, x, w), [F, x, w]), B = ae(() => {
-    const f = [], M = ["step", "milestone", "event", "note"];
+    }), u;
+  }, [n, c, p, T, h]), S = ae(() => bt(F, w, x), [F, w, x]), B = ae(() => {
+    const u = [], D = ["step", "milestone", "event", "note"];
     if (C) {
       const s = /* @__PURE__ */ new Map();
       F.forEach((y) => {
         y.projectId && !s.has(y.projectId) && s.set(y.projectId, y.projectTitle || y.projectId);
       });
       for (const [y, N] of Array.from(s.entries())) {
-        const A = $.has(y);
-        if (f.push({ kind: "projectHeader", projectId: y, projectTitle: N, collapsed: A }), !A) {
-          const Z = F.filter((k) => k.projectId === y);
-          for (const k of M) {
-            if (!D.has(k)) continue;
-            const g = Z.filter((q) => q.originalType === k);
+        const A = E.has(y);
+        if (u.push({ kind: "projectHeader", projectId: y, projectTitle: N, collapsed: A }), !A) {
+          const ee = F.filter((k) => k.projectId === y);
+          for (const k of D) {
+            if (!M.has(k)) continue;
+            const g = ee.filter((q) => q.originalType === k);
             if (g.length === 0) continue;
-            const Y = `${y}-${k}`, H = u.has(Y);
-            f.push({ kind: "group", groupType: k, label: Ne[k], count: g.length, collapsed: H, projectId: y }), H || g.forEach((q) => f.push({ kind: "task", task: q }));
+            const Y = `${y}-${k}`, V = f.has(Y);
+            u.push({ kind: "group", groupType: k, label: Ne[k], count: g.length, collapsed: V, projectId: y }), V || g.forEach((q) => u.push({ kind: "task", task: q }));
           }
         }
       }
     } else
-      for (const s of M) {
-        if (!D.has(s)) continue;
+      for (const s of D) {
+        if (!M.has(s)) continue;
         const y = F.filter((A) => A.originalType === s);
         if (y.length === 0) continue;
-        const N = u.has(s);
-        f.push({ kind: "group", groupType: s, label: Ne[s], count: y.length, collapsed: N }), N || y.forEach((A) => f.push({ kind: "task", task: A }));
+        const N = f.has(s);
+        u.push({ kind: "group", groupType: s, label: Ne[s], count: y.length, collapsed: N }), N || y.forEach((A) => u.push({ kind: "task", task: A }));
       }
-    return f;
-  }, [F, D, u, $, C]), r = ae(() => {
-    const f = /* @__PURE__ */ new Map();
-    return B.forEach((M, s) => {
-      M.kind === "task" && f.set(M.task.id, s);
-    }), f;
+    return u;
+  }, [F, M, f, E, C]), r = ae(() => {
+    const u = /* @__PURE__ */ new Map();
+    return B.forEach((D, s) => {
+      D.kind === "task" && u.set(D.task.id, s);
+    }), u;
   }, [B]), i = ae(
     () => kt(F, h || [], S, r),
     [F, h, S, r]
   ), I = ae(() => It(F, h || []), [F, h]), l = ae(() => {
-    const f = /* @__PURE__ */ new Set(), M = /* @__PURE__ */ new Date();
+    const u = /* @__PURE__ */ new Set(), D = /* @__PURE__ */ new Date();
     return F.forEach((s) => {
-      s.originalType === "step" && s.end < M && s.progress < 100 && f.add(s.id);
-    }), f;
-  }, [F]), E = ae(() => {
+      s.originalType === "step" && s.end < D && s.progress < 100 && u.add(s.id);
+    }), u;
+  }, [F]), $ = ae(() => {
     if (!b || !h?.length) return /* @__PURE__ */ new Set();
-    const f = /* @__PURE__ */ new Set(), M = [b];
-    for (; M.length; ) {
-      const s = M.shift();
+    const u = /* @__PURE__ */ new Set(), D = [b];
+    for (; D.length; ) {
+      const s = D.shift();
       for (const y of h)
-        y.predecessorId === s && !f.has(y.successorId) && (f.add(y.successorId), M.push(y.successorId)), y.successorId === s && !f.has(y.predecessorId) && (f.add(y.predecessorId), M.push(y.predecessorId));
+        y.predecessorId === s && !u.has(y.successorId) && (u.add(y.successorId), D.push(y.successorId)), y.successorId === s && !u.has(y.predecessorId) && (u.add(y.predecessorId), D.push(y.predecessorId));
     }
-    return f;
+    return u;
   }, [b, h]);
   return {
     tasks: F,
@@ -1547,15 +1567,15 @@ function Tt({
     arrows: i,
     criticalIds: I,
     delayedIds: l,
-    relatedIds: E
+    relatedIds: $
   };
 }
-function Et(n) {
-  const [c, p] = P("day"), [T, h] = P(null), [x, w] = P(null), [C, D] = P(null), [u, $] = P({
+function $t(n) {
+  const [c, p] = P("day"), [T, h] = P(null), [w, x] = P(null), [C, M] = P(null), [f, E] = P({
     isOpen: !1,
     position: { x: 0, y: 0 },
     task: null
-  }), [b, F] = P(null), [S, B] = P(null), [r, i] = P(null), [I, l] = P(null), [E, f] = P("FS"), [M, s] = P(0), [y, N] = P(!1), [A, Z] = P(null), [k, g] = P(null), [Y, H] = P(!1), q = pe(null), [G, ie] = P(/* @__PURE__ */ new Set(["step", "milestone", "event", "note"])), [xe, Te] = P(/* @__PURE__ */ new Set()), [be, De] = P(/* @__PURE__ */ new Set()), le = J((a) => {
+  }), [b, F] = P(null), [S, B] = P(null), [r, i] = P(null), [I, l] = P(null), [$, u] = P("FS"), [D, s] = P(0), [y, N] = P(!1), [A, ee] = P(null), [k, g] = P(null), [Y, V] = P(!1), q = pe(null), [H, ie] = P(/* @__PURE__ */ new Set(["step", "milestone", "event", "note"])), [xe, Te] = P(/* @__PURE__ */ new Set()), [be, Me] = P(/* @__PURE__ */ new Set()), le = J((a) => {
     ie((d) => {
       const v = new Set(d);
       return v.has(a) ? v.delete(a) : v.add(a), v;
@@ -1565,8 +1585,8 @@ function Et(n) {
       const v = new Set(d);
       return v.has(a) ? v.delete(a) : v.add(a), v;
     });
-  }, []), Me = J((a) => {
-    De((d) => {
+  }, []), De = J((a) => {
+    Me((d) => {
       const v = new Set(d);
       return v.has(a) ? v.delete(a) : v.add(a), v;
     });
@@ -1578,40 +1598,40 @@ function Et(n) {
     dependencies: n.dependencies,
     viewMode: c,
     locale: n.locale,
-    visibleTypes: G,
+    visibleTypes: H,
     collapsedGroups: xe,
     collapsedProjects: be,
     groupByProject: n.groupByProject,
-    selectedTaskId: x || null
-  }), O = St(j.timeline), Re = J((a, d) => {
+    selectedTaskId: w || null
+  }), X = St(j.timeline), Re = J((a, d) => {
     a.preventDefault(), a.stopPropagation(), F({ task: d, startMouseX: a.clientX, originalStart: new Date(d.start), originalEnd: new Date(d.end), offsetDays: 0 });
   }, []), Ce = J((a, d, v) => {
     a.preventDefault(), a.stopPropagation(), B({ task: d, edge: v, startMouseX: a.clientX, originalStart: new Date(d.start), originalEnd: new Date(d.end), offsetDays: 0 });
-  }, []), $e = J((a, d, v) => {
+  }, []), Ee = J((a, d, v) => {
     a.preventDefault(), a.stopPropagation(), i({ fromTaskId: d.id, fromEdge: v, fromScreenX: a.clientX, fromScreenY: a.clientY, currentScreenX: a.clientX, currentScreenY: a.clientY, hoverTargetId: null });
-  }, []), Ee = J(async () => {
+  }, []), $e = J(async () => {
     if (!I || !n.onCreateDependency) return;
-    const a = new Map(j.tasks.map((X) => [X.id, X])), d = a.get(I.fromTaskId), v = a.get(I.toTaskId);
+    const a = new Map(j.tasks.map((O) => [O.id, O])), d = a.get(I.fromTaskId), v = a.get(I.toTaskId);
     if (!d || !v) return;
-    const W = (X) => X.originalType === "step" ? "STEP" : "MILESTONE", L = I.fromEdge === "right" ? d : v, z = I.fromEdge === "right" ? v : d;
+    const z = (O) => O.originalType === "step" ? "STEP" : "MILESTONE", L = I.fromEdge === "right" ? d : v, W = I.fromEdge === "right" ? v : d;
     N(!0);
     try {
-      await n.onCreateDependency({ predecessorId: L.id, predecessorType: W(L), successorId: z.id, successorType: W(z), type: E, lag: M }), l(null);
+      await n.onCreateDependency({ predecessorId: L.id, predecessorType: z(L), successorId: W.id, successorType: z(W), type: $, lag: D }), l(null);
     } finally {
       N(!1);
     }
-  }, [I, j.tasks, n.onCreateDependency, E, M]);
+  }, [I, j.tasks, n.onCreateDependency, $, D]);
   ge(() => {
     if (!b) return;
     const a = (v) => {
-      const W = v.clientX - b.startMouseX, L = Math.round(W / j.timeline.dayWidth);
-      L !== b.offsetDays && F((z) => z ? { ...z, offsetDays: L } : null);
+      const z = v.clientX - b.startMouseX, L = Math.round(z / j.timeline.dayWidth);
+      L !== b.offsetDays && F((W) => W ? { ...W, offsetDays: L } : null);
     }, d = () => {
       b.offsetDays !== 0 && n.onTaskChange && n.onTaskChange({
         id: b.task.id,
         name: b.task.name,
-        start: Q(b.originalStart, b.offsetDays),
-        end: Q(b.originalEnd, b.offsetDays),
+        start: Z(b.originalStart, b.offsetDays),
+        end: Z(b.originalEnd, b.offsetDays),
         type: b.task.originalType === "step" ? "task" : "milestone",
         progress: b.task.progress
       }), F(null);
@@ -1622,12 +1642,12 @@ function Et(n) {
   }, [b, j.timeline.dayWidth, n.onTaskChange]), ge(() => {
     if (!S) return;
     const a = (v) => {
-      const W = v.clientX - S.startMouseX, L = Math.round(W / j.timeline.dayWidth);
-      L !== S.offsetDays && B((z) => z ? { ...z, offsetDays: L } : null);
+      const z = v.clientX - S.startMouseX, L = Math.round(z / j.timeline.dayWidth);
+      L !== S.offsetDays && B((W) => W ? { ...W, offsetDays: L } : null);
     }, d = () => {
       if (S.offsetDays !== 0 && n.onTaskChange) {
-        const v = S.edge === "left" ? Q(S.originalStart, S.offsetDays) : S.originalStart, W = S.edge === "right" ? Q(S.originalEnd, S.offsetDays) : S.originalEnd;
-        W > v && n.onTaskChange({ id: S.task.id, name: S.task.name, start: v, end: W, type: "task", progress: S.task.progress });
+        const v = S.edge === "left" ? Z(S.originalStart, S.offsetDays) : S.originalStart, z = S.edge === "right" ? Z(S.originalEnd, S.offsetDays) : S.originalEnd;
+        z > v && n.onTaskChange({ id: S.task.id, name: S.task.name, start: v, end: z, type: "task", progress: S.task.progress });
       }
       B(null);
     };
@@ -1637,25 +1657,25 @@ function Et(n) {
   }, [S, j.timeline.dayWidth, n.onTaskChange]), ge(() => {
     if (!r) return;
     const a = (v) => {
-      let W = null;
+      let z = null;
       for (const L of document.elementsFromPoint(v.clientX, v.clientY)) {
-        const z = L.dataset?.taskId;
-        if (z && z !== r.fromTaskId) {
-          W = z;
+        const W = L.dataset?.taskId;
+        if (W && W !== r.fromTaskId) {
+          z = W;
           break;
         }
       }
-      i((L) => L ? { ...L, currentScreenX: v.clientX, currentScreenY: v.clientY, hoverTargetId: W } : null);
+      i((L) => L ? { ...L, currentScreenX: v.clientX, currentScreenY: v.clientY, hoverTargetId: z } : null);
     }, d = (v) => {
-      let W = null;
+      let z = null;
       for (const L of document.elementsFromPoint(v.clientX, v.clientY)) {
-        const z = L.dataset?.taskId;
-        if (z && z !== r.fromTaskId) {
-          W = z;
+        const W = L.dataset?.taskId;
+        if (W && W !== r.fromTaskId) {
+          z = W;
           break;
         }
       }
-      W && n.onCreateDependency && (l({ fromTaskId: r.fromTaskId, fromEdge: r.fromEdge, toTaskId: W }), f("FS"), s(0)), i(null);
+      z && n.onCreateDependency && (l({ fromTaskId: r.fromTaskId, fromEdge: r.fromEdge, toTaskId: z }), u("FS"), s(0)), i(null);
     };
     return document.addEventListener("mousemove", a), document.addEventListener("mouseup", d), () => {
       document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", d);
@@ -1663,46 +1683,46 @@ function Et(n) {
   }, [r?.fromTaskId, r?.fromEdge, n.onCreateDependency]);
   const [R, he] = P(null), re = J((a) => {
     if (S || b || a.button === 2) return;
-    const d = O.rightBodyRef.current;
+    const d = X.rightBodyRef.current;
     d && (a.preventDefault(), he({ startX: a.clientX, startY: a.clientY, scrollLeft: d.scrollLeft, scrollTop: d.scrollTop }));
-  }, [S, b, O.rightBodyRef]);
+  }, [S, b, X.rightBodyRef]);
   ge(() => {
     if (!R) return;
     const a = (v) => {
-      const W = O.rightBodyRef.current;
-      W && (W.scrollLeft = R.scrollLeft - (v.clientX - R.startX), W.scrollTop = R.scrollTop - (v.clientY - R.startY), O.leftBodyRef.current && (O.leftBodyRef.current.scrollTop = W.scrollTop), O.timeHeaderRef.current && (O.timeHeaderRef.current.scrollLeft = W.scrollLeft));
+      const z = X.rightBodyRef.current;
+      z && (z.scrollLeft = R.scrollLeft - (v.clientX - R.startX), z.scrollTop = R.scrollTop - (v.clientY - R.startY), X.leftBodyRef.current && (X.leftBodyRef.current.scrollTop = z.scrollTop), X.timeHeaderRef.current && (X.timeHeaderRef.current.scrollLeft = z.scrollLeft));
     }, d = () => he(null);
     return document.addEventListener("mousemove", a), document.addEventListener("mouseup", d), () => {
       document.removeEventListener("mousemove", a), document.removeEventListener("mouseup", d);
     };
-  }, [R, O.rightBodyRef, O.leftBodyRef, O.timeHeaderRef]);
+  }, [R, X.rightBodyRef, X.leftBodyRef, X.timeHeaderRef]);
   const ue = J((a) => {
     a.preventDefault(), a.stopPropagation();
-    const d = (W) => {
-      const L = O.rightBodyRef.current;
+    const d = (z) => {
+      const L = X.rightBodyRef.current;
       if (!L) return /* @__PURE__ */ new Date();
-      const z = L.getBoundingClientRect(), X = W - z.left + L.scrollLeft;
-      return Q(j.timeline.start, Math.max(0, Math.floor(X / j.timeline.dayWidth)));
-    }, v = (W) => {
+      const W = L.getBoundingClientRect(), O = z - W.left + L.scrollLeft;
+      return Z(j.timeline.start, Math.max(0, Math.floor(O / j.timeline.dayWidth)));
+    }, v = (z) => {
       if (!n.groupByProject) return;
-      const L = O.leftBodyRef.current;
+      const L = X.leftBodyRef.current;
       if (!L) return;
-      const z = L.getBoundingClientRect(), X = W - z.top + L.scrollTop, ce = Math.max(0, Math.floor(X / 50));
+      const W = L.getBoundingClientRect(), O = z - W.top + L.scrollTop, ce = Math.max(0, Math.floor(O / 50));
       for (let U = Math.min(ce, j.displayRows.length - 1); U >= 0; U--) {
-        const ee = j.displayRows[U];
-        if (ee.kind === "projectHeader") return ee.projectId;
-        if (ee.kind === "task" && ee.task.projectId) return ee.task.projectId;
-        if (ee.kind === "group" && ee.projectId) return ee.projectId;
+        const te = j.displayRows[U];
+        if (te.kind === "projectHeader") return te.projectId;
+        if (te.kind === "task" && te.task.projectId) return te.task.projectId;
+        if (te.kind === "group" && te.projectId) return te.projectId;
       }
     };
     g({ x: a.clientX, y: a.clientY, date: d(a.clientX), projectId: v(a.clientY) }), he(null);
-  }, [j.timeline, j.displayRows, n.groupByProject, O.rightBodyRef, O.leftBodyRef]);
+  }, [j.timeline, j.displayRows, n.groupByProject, X.rightBodyRef, X.leftBodyRef]);
   ge(() => {
     if (!k) return;
-    const a = (W) => {
-      W.key === "Escape" && g(null);
-    }, d = (W) => {
-      W.target.closest('[data-menu="chart-create"]') || g(null);
+    const a = (z) => {
+      z.key === "Escape" && g(null);
+    }, d = (z) => {
+      z.target.closest('[data-menu="chart-create"]') || g(null);
     }, v = () => g(null);
     return document.addEventListener("keydown", a), document.addEventListener("click", d), window.addEventListener("scroll", v, !0), () => {
       document.removeEventListener("keydown", a), document.removeEventListener("click", d), window.removeEventListener("scroll", v, !0);
@@ -1715,41 +1735,41 @@ function Et(n) {
     setViewMode: p,
     hoveredTaskId: T,
     setHoveredTaskId: h,
-    selectedTaskId: x,
-    setSelectedTaskId: w,
+    selectedTaskId: w,
+    setSelectedTaskId: x,
     tooltip: C,
-    setTooltip: D,
-    popupState: u,
-    setPopupState: $,
+    setTooltip: M,
+    popupState: f,
+    setPopupState: E,
     dragState: b,
     setDragState: F,
     resizeState: S,
     setResizeState: B,
     connectState: r,
     setConnectState: i,
-    visibleTypes: G,
+    visibleTypes: H,
     setVisibleTypes: ie,
     toggleVisibility: le,
     collapsedGroups: xe,
     setCollapsedGroups: Te,
     toggleGroup: me,
     collapsedProjects: be,
-    setCollapsedProjects: De,
-    toggleProject: Me,
+    setCollapsedProjects: Me,
+    toggleProject: De,
     pendingConnection: I,
     setPendingConnection: l,
-    depModalType: E,
-    setDepModalType: f,
-    depModalLag: M,
+    depModalType: $,
+    setDepModalType: u,
+    depModalLag: D,
     setDepModalLag: s,
     depCreating: y,
     setDepCreating: N,
     deletingDepId: A,
-    setDeletingDepId: Z,
+    setDeletingDepId: ee,
     chartMenu: k,
     setChartMenu: g,
     newActionOpen: Y,
-    setNewActionOpen: H,
+    setNewActionOpen: V,
     tasks: j.tasks,
     timeline: j.timeline,
     displayRows: j.displayRows,
@@ -1758,63 +1778,63 @@ function Et(n) {
     criticalIds: j.criticalIds,
     delayedIds: j.delayedIds,
     relatedIds: j.relatedIds,
-    ...O,
+    ...X,
     newActionRef: q,
     screenXToDate: (a) => {
-      const d = O.rightBodyRef.current;
+      const d = X.rightBodyRef.current;
       if (!d) return /* @__PURE__ */ new Date();
-      const v = d.getBoundingClientRect(), W = a - v.left + d.scrollLeft;
-      return Q(j.timeline.start, Math.max(0, Math.floor(W / j.timeline.dayWidth)));
+      const v = d.getBoundingClientRect(), z = a - v.left + d.scrollLeft;
+      return Z(j.timeline.start, Math.max(0, Math.floor(z / j.timeline.dayWidth)));
     },
     screenYToProjectId: (a) => {
       if (!n.groupByProject) return;
-      const d = O.leftBodyRef.current;
+      const d = X.leftBodyRef.current;
       if (!d) return;
-      const v = d.getBoundingClientRect(), W = a - v.top + d.scrollTop, L = Math.max(0, Math.floor(W / 50));
-      for (let z = Math.min(L, j.displayRows.length - 1); z >= 0; z--) {
-        const X = j.displayRows[z];
-        if (X.kind === "projectHeader") return X.projectId;
-        if (X.kind === "task" && X.task.projectId) return X.task.projectId;
-        if (X.kind === "group" && X.projectId) return X.projectId;
+      const v = d.getBoundingClientRect(), z = a - v.top + d.scrollTop, L = Math.max(0, Math.floor(z / 50));
+      for (let W = Math.min(L, j.displayRows.length - 1); W >= 0; W--) {
+        const O = j.displayRows[W];
+        if (O.kind === "projectHeader") return O.projectId;
+        if (O.kind === "task" && O.task.projectId) return O.task.projectId;
+        if (O.kind === "group" && O.projectId) return O.projectId;
       }
     },
     handleChartMouseDown: re,
     openChartMenu: ue,
     handleBarMouseDown: Re,
     handleResizeMouseDown: Ce,
-    handleConnectDotMouseDown: $e,
-    handleCreateDependency: Ee
+    handleConnectDotMouseDown: Ee,
+    handleCreateDependency: $e
   }), [
     n,
     c,
     T,
-    x,
+    w,
     C,
-    u,
+    f,
     b,
     S,
     r,
-    G,
+    H,
     xe,
     be,
     I,
-    E,
-    M,
+    $,
+    D,
     y,
     A,
     k,
     Y,
     j,
-    O,
+    X,
     le,
     me,
-    Me,
+    De,
     re,
     ue,
     Re,
     Ce,
-    $e,
-    Ee
+    Ee,
+    $e
   ]);
   return n.loading ? /* @__PURE__ */ t("div", { style: { padding: 48, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", color: e.textSecondary }, children: /* @__PURE__ */ t(_e, { size: 32, style: { animation: "zg-spin 1.5s linear infinite", color: e.group } }) }) : /* @__PURE__ */ t(pt, { value: m, children: /* @__PURE__ */ o(
     "div",
@@ -1843,7 +1863,7 @@ function Et(n) {
     }
   ) });
 }
-const Dt = [
+const Mt = [
   { label: "Yellow", value: "#FEF08A" },
   { label: "Green", value: "#BBF7D0" },
   { label: "Blue", value: "#BFDBFE" },
@@ -1851,7 +1871,7 @@ const Dt = [
   { label: "Purple", value: "#E9D5FF" },
   { label: "Orange", value: "#FED7AA" },
   { label: "White", value: "#FFFFFF" }
-], Oe = {
+], Xe = {
   FS: "Finish → Start (FS)",
   SS: "Start → Start (SS)",
   FF: "Finish → Finish (FF)",
@@ -1863,34 +1883,34 @@ function Ft({
   availableMilestones: p = [],
   initialDate: T,
   translations: h,
-  onSaveNote: x
+  onSaveNote: w
 }) {
-  const w = (g, Y) => h ? typeof h == "function" ? h(g, Y) : h[g] || Y : Y, [C, D] = P(""), [u, $] = P(""), [b, F] = P("#FEF08A"), [S, B] = P(""), [r, i] = P(""), [I, l] = P("FS"), [E, f] = P(!1), [M, s] = P([]), [y, N] = P(""), A = pe(null);
+  const x = (g, Y) => h ? typeof h == "function" ? h(g, Y) : h[g] || Y : Y, [C, M] = P(""), [f, E] = P(""), [b, F] = P("#FEF08A"), [S, B] = P(""), [r, i] = P(""), [I, l] = P("FS"), [$, u] = P(!1), [D, s] = P([]), [y, N] = P(""), A = pe(null);
   ge(() => {
-    n && (D(""), $(""), F("#FEF08A"), B(T ?? (/* @__PURE__ */ new Date()).toISOString().split("T")[0]), i(""), l("FS"), s([]), N(""));
+    n && (M(""), E(""), F("#FEF08A"), B(T ?? (/* @__PURE__ */ new Date()).toISOString().split("T")[0]), i(""), l("FS"), s([]), N(""));
   }, [n, T]);
-  const Z = [
+  const ee = [
     ...p.map((g) => ({ id: g.id, name: g.name, type: "MILESTONE" }))
   ], k = async () => {
-    if (!C.trim() && !u.trim()) {
-      N(w("noteModal.errorEmpty", "Please provide a title or content for the note."));
+    if (!C.trim() && !f.trim()) {
+      N(x("noteModal.errorEmpty", "Please provide a title or content for the note."));
       return;
     }
     N("");
     try {
-      f(!0), await x({
-        title: C || w("noteModal.untitled", "Untitled"),
-        description: u,
+      u(!0), await w({
+        title: C || x("noteModal.untitled", "Untitled"),
+        description: f,
         color: b,
         date: S ? `${S}T00:00:00` : (/* @__PURE__ */ new Date()).toISOString(),
         predecessorId: r,
         dependencyType: I,
-        files: M
+        files: D
       }), c();
     } catch (g) {
-      console.error(g), N(w("noteModal.errorSave", "Error creating note."));
+      console.error(g), N(x("noteModal.errorSave", "Error creating note."));
     } finally {
-      f(!1);
+      u(!1);
     }
   };
   return n ? /* @__PURE__ */ t("div", { style: { position: "fixed", inset: 0, background: "rgba(0,0,0,0.2)", backdropFilter: "blur(2px)", display: "flex", alignItems: "center", justifyContent: "center", zIndex: 9999, padding: 16 }, onClick: c, children: /* @__PURE__ */ o("div", { onClick: (g) => g.stopPropagation(), style: {
@@ -1925,8 +1945,8 @@ function Ft({
         {
           type: "text",
           value: C,
-          onChange: (g) => D(g.target.value),
-          placeholder: w("noteModal.titlePlaceholder", "Note title..."),
+          onChange: (g) => M(g.target.value),
+          placeholder: x("noteModal.titlePlaceholder", "Note title..."),
           style: {
             width: "100%",
             background: "transparent",
@@ -1947,10 +1967,10 @@ function Ft({
       /* @__PURE__ */ t(
         "textarea",
         {
-          value: u,
-          onChange: (g) => $(g.target.value),
+          value: f,
+          onChange: (g) => E(g.target.value),
           rows: 6,
-          placeholder: w("noteModal.contentPlaceholder", "Write your note here..."),
+          placeholder: x("noteModal.contentPlaceholder", "Write your note here..."),
           style: {
             width: "100%",
             background: "transparent",
@@ -1977,7 +1997,7 @@ function Ft({
             multiple: !0,
             onChange: (g) => {
               const Y = g.target.files ? Array.from(g.target.files) : [];
-              Y.length > 0 && s((H) => [...H, ...Y]), A.current && (A.current.value = "");
+              Y.length > 0 && s((V) => [...V, ...Y]), A.current && (A.current.value = "");
             },
             style: { display: "none" }
           }
@@ -2007,11 +2027,11 @@ function Ft({
             onMouseLeave: (g) => g.currentTarget.style.background = "rgba(0,0,0,0.05)",
             children: [
               /* @__PURE__ */ t(dt, { size: 13 }),
-              w("noteModal.attachFiles", "Attach files")
+              x("noteModal.attachFiles", "Attach files")
             ]
           }
         ),
-        M.length > 0 && /* @__PURE__ */ t("div", { style: { marginTop: 8, display: "flex", flexDirection: "column", gap: 4 }, children: M.map((g, Y) => /* @__PURE__ */ o("div", { style: {
+        D.length > 0 && /* @__PURE__ */ t("div", { style: { marginTop: 8, display: "flex", flexDirection: "column", gap: 4 }, children: D.map((g, Y) => /* @__PURE__ */ o("div", { style: {
           display: "flex",
           alignItems: "center",
           gap: 6,
@@ -2031,9 +2051,9 @@ function Ft({
             "button",
             {
               type: "button",
-              onClick: () => s((H) => H.filter((q, G) => G !== Y)),
+              onClick: () => s((V) => V.filter((q, H) => H !== Y)),
               style: { background: "none", border: "none", cursor: "pointer", padding: 2, display: "flex", color: "#ef4444" },
-              title: w("noteModal.removeFile", "Remove"),
+              title: x("noteModal.removeFile", "Remove"),
               children: /* @__PURE__ */ t(lt, { size: 12 })
             }
           )
@@ -2060,7 +2080,7 @@ function Ft({
             }
           }
         ),
-        /* @__PURE__ */ t("div", { style: { display: "flex", gap: 6, alignItems: "center", flexWrap: "wrap", justifyContent: "flex-end" }, children: Dt.map((g) => /* @__PURE__ */ t(
+        /* @__PURE__ */ t("div", { style: { display: "flex", gap: 6, alignItems: "center", flexWrap: "wrap", justifyContent: "flex-end" }, children: Mt.map((g) => /* @__PURE__ */ t(
           "button",
           {
             type: "button",
@@ -2082,10 +2102,10 @@ function Ft({
           g.value
         )) })
       ] }),
-      Z.length > 0 && /* @__PURE__ */ o("div", { style: { marginTop: 12, paddingTop: 12, borderTop: "1px solid rgba(0,0,0,0.08)" }, children: [
+      ee.length > 0 && /* @__PURE__ */ o("div", { style: { marginTop: 12, paddingTop: 12, borderTop: "1px solid rgba(0,0,0,0.08)" }, children: [
         /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 8 }, children: [
           /* @__PURE__ */ t(ct, { size: 14, style: { color: "rgba(58,58,58,0.5)" } }),
-          /* @__PURE__ */ t("span", { style: { fontSize: 11, color: "rgba(58,58,58,0.5)", fontWeight: 600 }, children: w("noteModal.dependency", "Dependency") })
+          /* @__PURE__ */ t("span", { style: { fontSize: 11, color: "rgba(58,58,58,0.5)", fontWeight: 600 }, children: x("noteModal.dependency", "Dependency") })
         ] }),
         /* @__PURE__ */ o(
           "select",
@@ -2105,8 +2125,8 @@ function Ft({
               cursor: "pointer"
             },
             children: [
-              /* @__PURE__ */ t("option", { value: "", children: w("noteModal.none", "None") }),
-              p.length > 0 && /* @__PURE__ */ t("optgroup", { label: w("noteModal.milestones", "Milestones"), children: p.map((g) => /* @__PURE__ */ t("option", { value: g.id, children: g.name }, g.id)) })
+              /* @__PURE__ */ t("option", { value: "", children: x("noteModal.none", "None") }),
+              p.length > 0 && /* @__PURE__ */ t("optgroup", { label: x("noteModal.milestones", "Milestones"), children: p.map((g) => /* @__PURE__ */ t("option", { value: g.id, children: g.name }, g.id)) })
             ]
           }
         ),
@@ -2128,7 +2148,7 @@ function Ft({
               cursor: "pointer",
               marginTop: 6
             },
-            children: Object.keys(Oe).map((g) => /* @__PURE__ */ t("option", { value: g, children: Oe[g] }, g))
+            children: Object.keys(Xe).map((g) => /* @__PURE__ */ t("option", { value: g, children: Xe[g] }, g))
           }
         )
       ] }),
@@ -2138,18 +2158,18 @@ function Ft({
           {
             onClick: c,
             style: { padding: "8px 16px", fontSize: 13, color: "#3a3a3a", background: "rgba(255,255,255,0.5)", border: "1px solid rgba(0,0,0,0.1)", borderRadius: 8, cursor: "pointer" },
-            children: w("noteModal.cancel", "Cancel")
+            children: x("noteModal.cancel", "Cancel")
           }
         ),
         /* @__PURE__ */ o(
           "button",
           {
             onClick: k,
-            disabled: E,
-            style: { padding: "8px 20px", fontSize: 13, color: "#fff", background: "#1A3C30", border: "none", borderRadius: 8, cursor: "pointer", display: "flex", alignItems: "center", gap: 6, opacity: E ? 0.5 : 1 },
+            disabled: $,
+            style: { padding: "8px 20px", fontSize: 13, color: "#fff", background: "#1A3C30", border: "none", borderRadius: 8, cursor: "pointer", display: "flex", alignItems: "center", gap: 6, opacity: $ ? 0.5 : 1 },
             children: [
-              E && /* @__PURE__ */ t(_e, { size: 16, style: { animation: "zg-spin 1s linear infinite" } }),
-              w("noteModal.create", "Create Note")
+              $ && /* @__PURE__ */ t(_e, { size: 16, style: { animation: "zg-spin 1s linear infinite" } }),
+              x("noteModal.create", "Create Note")
             ]
           }
         )
@@ -2232,6 +2252,6 @@ const At = {
 };
 export {
   Ft as NoteModal,
-  Et as ProjectGantt,
+  $t as ProjectGantt,
   At as ptBR
 };