zegantt 0.2.2 → 0.2.3

package/dist/zegantt.js

@@ -1,12 +1,12 @@
 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 we, Clock as Se, MessageCircle as nt, Plus as ot, ChevronDown as Be, ChevronRight as je, Paperclip as Ee, AlertTriangle as rt, Eye as it, Edit2 as at, Trash2 as st, Loader2 as Oe, Upload as dt, X as lt, Link2 as ct } from "lucide-react";
-const _e = et(void 0);
+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);
 function pt({ children: n, value: c }) {
-  return /* @__PURE__ */ t(_e.Provider, { value: c, children: n });
+  return /* @__PURE__ */ t(Ge.Provider, { value: c, children: n });
 }
-function ke() {
-  const n = tt(_e);
+function Ie() {
+  const n = tt(Ge);
   if (!n)
     throw new Error("useGanttContext must be used within a GanttProvider");
   return n;
@@ -62,7 +62,7 @@ const V = {
   // #7B7B7B
   arrowHover: V.dark_green
   // #1A3C30
-}, _ = 50, ve = 32, gt = ve * 2, ht = 460, te = 26, Ae = 28, Ge = 120, ut = 40, ft = 3.5, oe = [
+}, _ = 50, we = 32, gt = we * 2, ht = 460, te = 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" },
@@ -83,7 +83,7 @@ const V = {
   // violet
   { bar: "#A0D8B0", barBorder: "#70C888", progress: "#1A5030" }
   // mint
-], Pe = {
+], Ne = {
   step: "Steps",
   milestone: "Milestones",
   event: "Events",
@@ -94,16 +94,16 @@ function yt() {
     props: n,
     t: c,
     viewMode: p,
-    setViewMode: D,
+    setViewMode: T,
     visibleTypes: h,
     setVisibleTypes: x,
     newActionOpen: w,
     setNewActionOpen: C,
-    newActionRef: M
-  } = ke(), { projectName: u, onAddNewStage: $, onAddMilestone: b, onAddEvent: F, onAddNote: S } = n, B = (r) => {
+    newActionRef: D
+  } = Ie(), { projectName: u, onAddNewStage: $, onAddMilestone: b, onAddEvent: F, onAddNote: S } = n, B = (r) => {
     x((i) => {
-      const T = new Set(i);
-      return T.has(r) ? T.delete(r) : T.add(r), T;
+      const I = new Set(i);
+      return I.has(r) ? I.delete(r) : I.add(r), I;
     });
   };
   return /* @__PURE__ */ o(
@@ -143,7 +143,7 @@ function yt() {
           /* @__PURE__ */ t("div", { style: { display: "flex", padding: 4, borderRadius: 8, background: "rgba(122,122,122,0.07)", border: `1px solid ${e.borderLight}` }, children: ["day", "month"].map((r) => /* @__PURE__ */ t(
             "button",
             {
-              onClick: () => D(r),
+              onClick: () => T(r),
               style: {
                 padding: "6px 20px",
                 fontSize: 12,
@@ -160,8 +160,8 @@ function yt() {
           )) }),
           /* @__PURE__ */ t("div", { style: { display: "flex", padding: 4, borderRadius: 8, gap: 2, background: "rgba(122,122,122,0.07)", border: `1px solid ${e.borderLight}` }, children: [
             { type: "step", label: c("gantt.filter.steps", "Steps"), icon: /* @__PURE__ */ t("div", { style: { width: 10, height: 10, borderRadius: 2, background: oe[0].bar, border: `1px solid ${oe[0].barBorder}` } }) },
-            { type: "milestone", label: c("gantt.filter.milestones", "Milestones"), icon: /* @__PURE__ */ t(we, { size: 11, style: { color: e.milestone } }) },
-            { type: "event", label: c("gantt.filter.events", "Events"), icon: /* @__PURE__ */ t(Se, { size: 11, style: { color: e.event } }) },
+            { type: "milestone", label: c("gantt.filter.milestones", "Milestones"), icon: /* @__PURE__ */ t(Se, { size: 11, style: { color: e.milestone } }) },
+            { type: "event", label: c("gantt.filter.events", "Events"), icon: /* @__PURE__ */ t(ke, { size: 11, style: { color: e.event } }) },
             { type: "note", label: c("gantt.filter.notes", "Notes"), icon: /* @__PURE__ */ t(nt, { size: 11, style: { color: e.note } }) }
           ].map((r) => {
             const i = h.has(r.type);
@@ -190,7 +190,7 @@ function yt() {
               r.type
             );
           }) }),
-          $ && /* @__PURE__ */ o("div", { ref: M, style: { position: "relative" }, children: [
+          $ && /* @__PURE__ */ o("div", { ref: D, style: { position: "relative" }, children: [
             /* @__PURE__ */ o(
               "button",
               {
@@ -243,14 +243,14 @@ function yt() {
                   },
                   {
                     label: c("gantt.newAction.milestone", "Milestone"),
-                    icon: /* @__PURE__ */ t("div", { style: { width: 22, height: 22, borderRadius: "50%", background: `${e.milestoneRing}30`, border: `1.5px solid ${e.milestoneRing}`, display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ t(we, { size: 11, style: { color: e.milestone } }) }),
+                    icon: /* @__PURE__ */ t("div", { style: { width: 22, height: 22, borderRadius: "50%", background: `${e.milestoneRing}30`, border: `1.5px solid ${e.milestoneRing}`, display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ t(Se, { size: 11, style: { color: e.milestone } }) }),
                     action: () => {
                       b?.(), C(!1);
                     }
                   },
                   {
                     label: c("gantt.newAction.event", "Event"),
-                    icon: /* @__PURE__ */ t("div", { style: { width: 22, height: 22, borderRadius: "50%", background: `${e.event}18`, border: `1.5px solid ${e.event}55`, display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ t(Se, { size: 11, style: { color: e.event } }) }),
+                    icon: /* @__PURE__ */ t("div", { style: { width: 22, height: 22, borderRadius: "50%", background: `${e.event}18`, border: `1.5px solid ${e.event}55`, display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ t(ke, { size: 11, style: { color: e.event } }) }),
                     action: () => {
                       F?.(), C(!1);
                     }
@@ -303,24 +303,24 @@ function yt() {
     }
   );
 }
-const Ve = 864e5, Q = (n, c) => new Date(n.getTime() + c * Ve), fe = (n, c) => Math.round((c.getTime() - n.getTime()) / Ve), Ne = (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()}`, Ye = (n, c = "en") => new Intl.DateTimeFormat(c, { month: "long" }).format(n).toUpperCase();
+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();
 function xt() {
   const {
     props: n,
     t: c,
     displayRows: p,
-    leftBodyRef: D,
+    leftBodyRef: T,
     handleLeftScroll: h,
     toggleProject: x,
     toggleGroup: w,
     hoveredTaskId: C,
-    setHoveredTaskId: M,
+    setHoveredTaskId: D,
     selectedTaskId: u,
     setSelectedTaskId: $,
     delayedIds: b,
     criticalIds: F,
     relatedIds: S
-  } = ke(), B = (r) => ({
+  } = Ie(), B = (r) => ({
     id: r.id,
     name: r.name,
     start: r.start,
@@ -350,7 +350,7 @@ function xt() {
     /* @__PURE__ */ t(
       "div",
       {
-        ref: D,
+        ref: T,
         onScroll: h,
         className: "zg-no-scrollbar",
         style: { overflowY: "auto", overflowX: "hidden", flex: 1 },
@@ -371,7 +371,7 @@ function xt() {
                 },
                 onClick: () => x(r.projectId),
                 children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, minWidth: 0 }, children: [
-                  r.collapsed ? /* @__PURE__ */ t(je, { size: 15, style: { color: e.group, flexShrink: 0 } }) : /* @__PURE__ */ t(Be, { size: 15, style: { color: e.group, flexShrink: 0 } }),
+                  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: {
                     fontSize: 12,
                     fontWeight: 700,
@@ -403,7 +403,7 @@ function xt() {
                 },
                 onClick: () => w(A),
                 children: /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 8, flex: 1, minWidth: 0 }, children: [
-                  r.collapsed ? /* @__PURE__ */ t(je, { size: 14, style: { color: e.textSecondary, flexShrink: 0 } }) : /* @__PURE__ */ t(Be, { size: 14, style: { color: e.textSecondary, flexShrink: 0 } }),
+                  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) }),
                   /* @__PURE__ */ t("span", { style: { fontSize: 10, fontWeight: 600, padding: "2px 6px", borderRadius: 9999, background: "rgba(0,0,0,0.06)", color: e.textSecondary }, children: r.count })
                 ] })
@@ -411,7 +411,7 @@ function xt() {
               `g-${A}`
             );
           }
-          const i = r.task, T = u === i.id, l = C === i.id, E = i.originalType !== "step", f = b.has(i.id), k = F.has(i.id), s = u !== null && i.id !== u && !S.has(i.id), y = u !== null && S.has(i.id), N = f ? "#FFF5F5" : T ? e.groupLight : y ? `${e.groupLight}99` : l ? e.pageBg : e.surface;
+          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;
           return /* @__PURE__ */ o(
             "div",
             {
@@ -424,18 +424,18 @@ function xt() {
                 height: _,
                 borderBottom: `1px solid ${e.borderLight}`,
                 background: N,
-                borderLeft: T ? `3px solid ${e.group}` : y ? `3px solid ${e.group}66` : k ? `3px solid ${e.today}` : void 0,
+                borderLeft: I ? `3px solid ${e.group}` : y ? `3px solid ${e.group}66` : M ? `3px solid ${e.today}` : void 0,
                 opacity: s ? 0.3 : 1
               },
               onClick: () => $((A) => A === i.id ? null : i.id),
               onDoubleClick: () => n.onTaskClick?.(B(i)),
-              onMouseEnter: () => M(i.id),
-              onMouseLeave: () => M(null),
+              onMouseEnter: () => D(i.id),
+              onMouseLeave: () => D(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}` } }),
-                  i.originalType === "milestone" && /* @__PURE__ */ t("div", { style: { flexShrink: 0, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", width: 22, height: 22, background: `${e.milestoneRing}30`, border: `1.5px solid ${e.milestoneRing}` }, children: /* @__PURE__ */ t(we, { size: 11, style: { color: e.milestone } }) }),
-                  i.originalType === "event" && /* @__PURE__ */ t("div", { style: { flexShrink: 0, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", width: 22, height: 22, background: `${e.event}18`, border: `1.5px solid ${e.event}55` }, children: /* @__PURE__ */ t(Se, { size: 11, style: { color: e.event } }) }),
+                  i.originalType === "milestone" && /* @__PURE__ */ t("div", { style: { flexShrink: 0, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", width: 22, height: 22, background: `${e.milestoneRing}30`, border: `1.5px solid ${e.milestoneRing}` }, children: /* @__PURE__ */ t(Se, { size: 11, style: { color: e.milestone } }) }),
+                  i.originalType === "event" && /* @__PURE__ */ t("div", { style: { flexShrink: 0, display: "flex", alignItems: "center", justifyContent: "center", borderRadius: "50%", width: 22, height: 22, background: `${e.event}18`, border: `1.5px solid ${e.event}55` }, children: /* @__PURE__ */ t(ke, { size: 11, style: { color: e.event } }) }),
                   i.originalType === "note" && /* @__PURE__ */ t("div", { style: { flexShrink: 0, width: 16, height: 20, background: i.noteColor || e.note, borderRadius: 2, boxShadow: "1px 1px 3px rgba(0,0,0,0.14)", position: "relative", overflow: "visible" }, children: /* @__PURE__ */ t("div", { style: { position: "absolute", top: -2, left: "50%", transform: "translateX(-50%)", width: 10, height: 4, background: "rgba(255,255,255,0.55)", borderRadius: 1 } }) }),
                   /* @__PURE__ */ o("div", { style: { flex: 1, display: "flex", flexDirection: "column", minWidth: 0 }, children: [
                     /* @__PURE__ */ t(
@@ -445,7 +445,7 @@ function xt() {
                           fontSize: 13,
                           fontWeight: 500,
                           lineHeight: 1.25,
-                          color: T ? e.group : f ? e.today : e.textPrimary,
+                          color: I ? e.group : f ? e.today : e.textPrimary,
                           overflow: "hidden",
                           textOverflow: "ellipsis",
                           whiteSpace: "nowrap"
@@ -474,7 +474,7 @@ function xt() {
                     background: e.headerBg,
                     border: `1px solid ${e.borderLight}`
                   }, children: [
-                    /* @__PURE__ */ t(Ee, { size: 9 }),
+                    /* @__PURE__ */ t(Fe, { size: 9 }),
                     i.filesCount
                   ] }),
                   f && /* @__PURE__ */ t(rt, { size: 12, style: { flexShrink: 0, color: e.today } })
@@ -491,29 +491,29 @@ function xt() {
   ] });
 }
 function bt(n, c, p = "en") {
-  const D = c === "day" ? ut : ft, h = (r, i) => {
-    const T = [], l = (/* @__PURE__ */ new Date()).toDateString();
+  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 k = Q(r, f), s = k.toDateString() === l;
-      s && (E = f), T.push({
-        date: k,
+      const M = Q(r, f), s = M.toDateString() === l;
+      s && (E = f), I.push({
+        date: M,
         isToday: s,
-        isWeekend: k.getDay() === 0 || k.getDay() === 6
+        isWeekend: M.getDay() === 0 || M.getDay() === 6
       });
     }
-    return { daysArr: T, todayIndex: E };
+    return { daysArr: I, todayIndex: E };
   };
   if (n.length === 0) {
-    const r = /* @__PURE__ */ new Date(), i = Ne(r), T = ze(r), l = fe(i, T) + 1, { daysArr: E, todayIndex: f } = h(i, l);
+    const r = /* @__PURE__ */ new Date(), i = Ye(r), I = ze(r), l = ye(i, I) + 1, { daysArr: E, todayIndex: f } = h(i, l);
     return {
       start: i,
-      end: T,
+      end: I,
       totalDays: l,
-      dayWidth: D,
-      totalWidth: l * D,
-      months: [{ date: i, label: `${Ye(i, p)} ${i.getFullYear()}`, startDay: 0, days: l, width: l * D }],
-      years: [{ label: i.getFullYear().toString(), width: l * D }],
+      dayWidth: T,
+      totalWidth: l * T,
+      months: [{ date: i, label: `${Xe(i, p)} ${i.getFullYear()}`, startDay: 0, days: l, width: l * T }],
+      years: [{ label: i.getFullYear().toString(), width: l * T }],
       days: E,
       todayIndex: f
     };
@@ -522,42 +522,42 @@ function bt(n, c, p = "en") {
   n.forEach((r) => {
     r.start < x && (x = new Date(r.start)), r.end > w && (w = new Date(r.end));
   });
-  const C = Ne(Q(x, -14)), M = ze(Q(w, 14)), u = fe(C, M) + 1, $ = [];
+  const C = Ye(Q(x, -14)), D = ze(Q(w, 14)), u = ye(C, D) + 1, $ = [];
   let b = new Date(C);
-  for (; b <= M; ) {
-    const r = ze(b), i = r > M ? M : r, T = fe(C, b), l = fe(b, i) + 1;
+  for (; b <= D; ) {
+    const r = ze(b), i = r > D ? D : r, I = ye(C, b), l = ye(b, i) + 1;
     $.push({
       date: new Date(b),
-      label: `${Ye(b, p)} ${b.getFullYear()}`,
-      startDay: T,
+      label: `${Xe(b, p)} ${b.getFullYear()}`,
+      startDay: I,
       days: l,
-      width: l * D
+      width: l * T
     }), b = new Date(b.getFullYear(), b.getMonth() + 1, 1);
   }
   const { daysArr: F, todayIndex: S } = h(C, u), B = [];
   if (c === "month") {
     let r = "", i = 0;
-    for (const T of $) {
-      const l = T.date.getFullYear().toString();
-      l !== r ? (r && B.push({ label: r, width: i * D }), r = l, i = T.days) : i += T.days;
+    for (const I of $) {
+      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 * D });
+    r && B.push({ label: r, width: i * T });
   }
-  return { start: C, end: M, totalDays: u, dayWidth: D, totalWidth: u * D, months: $, years: B, days: F, todayIndex: S };
+  return { start: C, end: D, totalDays: u, dayWidth: T, totalWidth: u * T, months: $, years: B, days: F, todayIndex: S };
 }
 function se(n, c) {
-  return fe(c.start, n) * c.dayWidth;
+  return ye(c.start, n) * c.dayWidth;
 }
 function mt({
   task: n,
   x: c,
   y: p,
-  w: D,
+  w: T,
   progW: h,
   isHov: x,
   isDrag: w,
   isResize: C,
-  isCritical: M,
+  isCritical: D,
   isDelayed: u,
   isConnectTarget: $,
   showDots: b,
@@ -567,11 +567,11 @@ function mt({
   handleResizeMouseDown: r,
   handleConnectDotMouseDown: i
 }) {
-  const { timeline: T, viewMode: l } = ke();
+  const { timeline: I, viewMode: l } = Ie();
   if (n.originalType === "step") {
-    const E = oe[n.colorIdx ?? 0], f = p + (_ - te) / 2, k = !!(n.previsionStart && n.previsionEnd), s = k ? se(n.previsionStart, T) : 0, y = k ? Math.max(se(n.previsionEnd, T) - s, l === "month" ? T.dayWidth : 6) : 0, N = f + te + 3;
+    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;
     return /* @__PURE__ */ o(de, { children: [
-      k && /* @__PURE__ */ t(
+      M && /* @__PURE__ */ t(
         "div",
         {
           title: `Previsto: ${ne(n.previsionStart)} → ${ne(n.previsionEnd)}`,
@@ -599,21 +599,21 @@ function mt({
             position: "absolute",
             left: c,
             top: f,
-            width: D,
+            width: T,
             height: te,
             borderRadius: te / 2,
             background: u ? "linear-gradient(135deg, #fdd, #fee)" : E.bar,
-            border: M ? `2px solid ${e.today}` : u ? `1.5px solid ${e.today}88` : `1.5px solid ${E.barBorder}`,
+            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` : M ? `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",
+            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)",
             opacity: F ? 0.15 : 1,
             transition: w || 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: D, 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: te / 2, overflow: "hidden", pointerEvents: "none" }, children: [
               /* @__PURE__ */ t("div", { style: {
                 position: "absolute",
                 left: 0,
@@ -624,7 +624,7 @@ function mt({
                 borderRadius: `${te / 2}px 0 0 ${te / 2}px`,
                 transition: w || C ? "none" : "width 0.3s"
               } }),
-              D > 50 && /* @__PURE__ */ o("span", { style: {
+              T > 50 && /* @__PURE__ */ o("span", { style: {
                 position: "absolute",
                 inset: 0,
                 display: "flex",
@@ -653,7 +653,7 @@ function mt({
     ] });
   }
   if (n.originalType === "milestone") {
-    const E = p + (_ - Ae) / 2;
+    const E = p + (_ - fe) / 2;
     return /* @__PURE__ */ o(
       "div",
       {
@@ -663,11 +663,11 @@ function mt({
           position: "absolute",
           left: c - 6,
           top: E,
-          height: Ae,
-          minWidth: Ge,
-          borderRadius: Ae / 2,
-          background: M ? "linear-gradient(135deg, #fee, #fff5f5)" : "linear-gradient(135deg, #e8f5ee, #f0f8f4)",
-          border: $ ? `2px solid ${e.group}` : M ? `2px solid ${e.today}` : `1.5px solid ${e.milestoneRing}`,
+          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}`,
           display: "flex",
           alignItems: "center",
           gap: 6,
@@ -675,7 +675,7 @@ function mt({
           paddingRight: 12,
           cursor: w ? "grabbing" : "grab",
           zIndex: x || $ ? 20 : 10,
-          boxShadow: $ ? `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 && !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)",
+          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)",
           opacity: F ? 0.15 : 1,
           transition: "box-shadow 0.2s, transform 0.15s, opacity 0.18s",
           transform: x ? "translateY(-1px)" : "none",
@@ -683,8 +683,8 @@ function mt({
           overflow: "visible"
         },
         children: [
-          /* @__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(we, { 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 }),
+          /* @__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 }),
           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 } }),
@@ -695,7 +695,7 @@ function mt({
     );
   }
   if (n.originalType === "event") {
-    const f = p + (_ - 22) / 2;
+    const E = p + (_ - fe) / 2;
     return /* @__PURE__ */ o(
       "div",
       {
@@ -703,55 +703,41 @@ function mt({
         ...B,
         style: {
           position: "absolute",
-          left: c - 22 / 2,
-          top: f,
-          width: 22,
-          height: 22,
-          borderRadius: "50%",
-          background: M ? "linear-gradient(135deg, #fee, #fff5f5)" : "linear-gradient(135deg, #fff7ed, #ffedd5)",
-          border: $ ? `2px solid ${e.group}` : M ? `2px solid ${e.today}` : `1.5px solid ${e.event}`,
+          left: c - 6,
+          top: E,
+          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}`,
           display: "flex",
           alignItems: "center",
-          justifyContent: "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` : M ? `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)",
+          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)",
           opacity: F ? 0.15 : 1,
           transition: "box-shadow 0.2s, transform 0.15s, opacity 0.18s",
-          transform: x ? "scale(1.15)" : "none",
+          transform: x ? "translateY(-1px)" : "none",
+          whiteSpace: "nowrap",
           overflow: "visible"
         },
         children: [
-          /* @__PURE__ */ t("div", { style: { width: 14, height: 14, borderRadius: "50%", background: M ? e.today : e.event, display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ t(Se, { size: 8, color: "#fff", strokeWidth: 3 }) }),
-          n.progress >= 100 && /* @__PURE__ */ t("div", { style: { position: "absolute", top: -5, right: -12, background: e.event, color: "#fff", fontSize: 8, fontWeight: 700, padding: "1px 4px", borderRadius: 4 }, children: "✓" }),
-          /* @__PURE__ */ t("div", { style: {
-            position: "absolute",
-            top: "100%",
-            left: "50%",
-            transform: "translateX(-50%)",
-            marginTop: 4,
-            background: "rgba(255,255,255,0.9)",
-            padding: "2px 6px",
-            borderRadius: 4,
-            border: `1px solid ${e.borderLight}`,
-            fontSize: 9,
-            fontWeight: 600,
-            color: M ? e.today : e.event,
-            whiteSpace: "nowrap",
-            pointerEvents: "none",
-            opacity: x ? 1 : 0,
-            transition: "opacity 0.15s"
-          }, children: n.name }),
+          /* @__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 }),
+          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: (k) => i(k, 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: (k) => i(k, 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: (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 } })
           ] })
         ]
       }
     );
   }
   if (n.originalType === "note") {
-    const k = p + (_ - 44) / 2, s = n.noteColor || e.note;
+    const M = p + (_ - 44) / 2, s = n.noteColor || e.note;
     return /* @__PURE__ */ o(
       "div",
       {
@@ -760,7 +746,7 @@ function mt({
         style: {
           position: "absolute",
           left: c - 36 / 2,
-          top: k,
+          top: M,
           width: 36,
           height: 44,
           background: s,
@@ -783,7 +769,7 @@ function mt({
             /* @__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(Ee, { size: 8 }) }),
+          (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%",
@@ -818,18 +804,18 @@ function vt() {
     arrows: n,
     hoveredTaskId: c,
     selectedTaskId: p,
-    relatedIds: D
-  } = ke();
+    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 || D.has(h.predId) || D.has(h.succId), M = p !== null && C, u = w ? 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: [
+    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: [
       /* @__PURE__ */ t(
         "path",
         {
           d: h.path,
           fill: "none",
           stroke: u,
-          strokeWidth: M ? 2.5 : w ? 2 : 1.5,
+          strokeWidth: D ? 2.5 : w ? 2 : 1.5,
           style: { transition: "stroke 0.2s, stroke-width 0.2s" }
         }
       ),
@@ -851,14 +837,14 @@ const We = (n) => ({
   end: n.end,
   type: n.originalType === "step" ? "task" : n.originalType,
   progress: n.progress
-}), me = (n, c) => {
+}), ve = (n, c) => {
   switch (n) {
     case "step":
       return /* @__PURE__ */ t("div", { style: { width: 12, height: 12, borderRadius: 2, background: oe[c ?? 0].bar, border: `1.5px solid ${oe[c ?? 0].barBorder}`, flexShrink: 0 } });
     case "milestone":
-      return /* @__PURE__ */ t("div", { style: { width: 16, height: 16, borderRadius: "50%", background: e.milestone, display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ t(we, { size: 8, color: "#fff" }) });
+      return /* @__PURE__ */ t("div", { style: { width: 16, height: 16, borderRadius: "50%", background: e.milestone, display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ t(Se, { size: 8, color: "#fff" }) });
     case "event":
-      return /* @__PURE__ */ t("div", { style: { width: 16, height: 16, borderRadius: "50%", background: e.event, display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ t(Se, { size: 8, color: "#fff" }) });
+      return /* @__PURE__ */ t("div", { style: { width: 16, height: 16, borderRadius: "50%", background: e.event, display: "flex", alignItems: "center", justifyContent: "center", flexShrink: 0 }, children: /* @__PURE__ */ t(ke, { size: 8, color: "#fff" }) });
     case "note":
       return /* @__PURE__ */ t("div", { style: { width: 12, height: 14, background: e.note, borderRadius: 2, boxShadow: "1px 1px 2px rgba(0,0,0,0.1)", flexShrink: 0 } });
     default:
@@ -870,12 +856,12 @@ function wt() {
     props: n,
     viewMode: c,
     timeline: p,
-    displayRows: D,
+    displayRows: T,
     dragState: h,
     resizeState: x,
     connectState: w,
     pendingConnection: C,
-    setPendingConnection: M,
+    setPendingConnection: D,
     depModalType: u,
     setDepModalType: $,
     depModalLag: b,
@@ -884,45 +870,45 @@ function wt() {
     deletingDepId: B,
     setDeletingDepId: r,
     chartMenu: i,
-    setChartMenu: T,
+    setChartMenu: I,
     rightBodyRef: l,
     timeHeaderRef: E,
     handleChartMouseDown: f,
-    handleChartWheel: k,
+    handleChartWheel: M,
     openChartMenu: s,
     hoveredTaskId: y,
     setHoveredTaskId: N,
     selectedTaskId: A,
     setSelectedTaskId: Z,
-    tooltip: I,
+    tooltip: k,
     setTooltip: g,
     popupState: Y,
     setPopupState: H,
     criticalIds: q,
     delayedIds: G,
     relatedIds: ie,
-    handleBarMouseDown: ye,
-    handleResizeMouseDown: Ie,
-    handleConnectDotMouseDown: xe,
-    handleCreateDependency: Te
-  } = ke(), {
+    handleBarMouseDown: xe,
+    handleResizeMouseDown: Te,
+    handleConnectDotMouseDown: be,
+    handleCreateDependency: De
+  } = Ie(), {
     translations: le,
-    onViewStage: be,
-    onEditStage: De,
+    onViewStage: me,
+    onEditStage: Me,
     onDeleteStage: j,
     onDeleteDependency: O,
-    onAddNewStage: Me,
-    onAddMilestone: Re,
-    onAddEvent: Ce,
-    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(D.length * _, 400), ue = () => H({ isOpen: !1, position: { x: 0, y: 0 }, task: null });
+    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 });
   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,
         style: {
-          height: ve * 2,
+          height: we * 2,
           background: e.headerBg,
           borderBottom: `1px solid ${e.borderLight}`,
           overflow: "hidden",
@@ -930,13 +916,13 @@ function wt() {
           flexShrink: 0,
           boxShadow: "0 1px 3px rgba(0,0,0,0.02)"
         },
-        onWheel: k,
+        onWheel: M,
         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: ve, display: "flex" }, 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)),
             c === "month" && p.years?.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))
           ] }),
-          /* @__PURE__ */ o("div", { style: { position: "absolute", top: ve, left: 0, right: 0, height: ve, display: "flex" }, children: [
+          /* @__PURE__ */ o("div", { style: { position: "absolute", top: we, left: 0, right: 0, height: we, display: "flex" }, children: [
             c === "day" && p.days.map((m, a) => {
               const d = m.isToday;
               return /* @__PURE__ */ t("div", { style: { width: p.dayWidth, position: "relative", height: "100%", borderRight: `1px solid ${e.borderLight}`, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ t("span", { style: { fontSize: 11, fontWeight: d ? 800 : 500, color: d ? e.today : e.textSecondary, letterSpacing: "-0.03em" }, children: m.date.getDate().toString().padStart(2, "0") }) }, a);
@@ -953,7 +939,7 @@ function wt() {
         className: "zg-no-scrollbar",
         style: { flex: 1, overflow: "auto", background: "#fff", position: "relative" },
         onMouseDown: f,
-        onWheel: k,
+        onWheel: M,
         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: [
@@ -970,7 +956,7 @@ function wt() {
               /* @__PURE__ */ t("line", { x1: (p.todayIndex + 0.5) * p.dayWidth, y1: 0, x2: (p.todayIndex + 0.5) * p.dayWidth, y2: re, stroke: e.today, strokeWidth: 2, strokeDasharray: "4 4", opacity: 0.3 })
             ] })
           ] }),
-          D.map((m, a) => m.kind === "group" || m.kind === "projectHeader" ? /* @__PURE__ */ t("div", { style: {
+          T.map((m, a) => m.kind === "group" || m.kind === "projectHeader" ? /* @__PURE__ */ t("div", { style: {
             position: "absolute",
             left: 0,
             top: a * _,
@@ -981,12 +967,12 @@ function wt() {
             pointerEvents: "none"
           } }, `bg-${a}`) : null),
           /* @__PURE__ */ o("div", { style: { position: "absolute", inset: 0 }, children: [
-            D.map((m, a) => {
+            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 Le = y === d.id, Fe = A === d.id, He = G.has(d.id), Ue = q.has(d.id), qe = !!A && !Fe && !ie.has(d.id), Ke = Fe || !!A && ie.has(d.id), Je = w?.hoverTargetId === d.id, Qe = Le || Fe, Ze = a * _;
+              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 * _;
               return /* @__PURE__ */ t(
                 mt,
                 {
@@ -995,7 +981,7 @@ function wt() {
                   y: Ze,
                   w: U,
                   progW: ee,
-                  isHov: Le,
+                  isHov: je,
                   isDrag: v,
                   isResize: W,
                   isCritical: Ue,
@@ -1015,22 +1001,22 @@ function wt() {
                       N(null), g(null);
                     },
                     onClick: (K) => {
-                      K.stopPropagation(), Z(d.id), K.detail === 2 && be?.(We(d)), H(!Y.isOpen || Y.task?.id !== d.id ? {
+                      K.stopPropagation(), Z(d.id), K.detail === 2 && me?.(We(d)), H(!Y.isOpen || Y.task?.id !== d.id ? {
                         isOpen: !0,
                         position: { x: K.clientX, y: K.clientY },
                         task: d
                       } : { isOpen: !1, position: { x: 0, y: 0 }, task: null });
                     },
-                    onMouseDown: (K) => ye(K, d)
+                    onMouseDown: (K) => xe(K, d)
                   },
-                  handleResizeMouseDown: Ie,
-                  handleConnectDotMouseDown: xe
+                  handleResizeMouseDown: Te,
+                  handleConnectDotMouseDown: be
                 },
                 d.id
               );
             }),
             /* @__PURE__ */ t("svg", { width: p.totalWidth, height: re, style: { position: "absolute", inset: 0, pointerEvents: "none" }, children: /* @__PURE__ */ t(vt, {}) }),
-            I && !h && /* @__PURE__ */ t("div", { style: { position: "fixed", left: I.x + 16, top: I.y - 10, zIndex: 9999, pointerEvents: "none" }, children: /* @__PURE__ */ o(
+            k && !h && /* @__PURE__ */ t("div", { style: { position: "fixed", left: k.x + 16, top: k.y - 10, zIndex: 9999, pointerEvents: "none" }, children: /* @__PURE__ */ o(
               "div",
               {
                 style: {
@@ -1044,11 +1030,11 @@ function wt() {
                 },
                 children: [
                   /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 8, marginBottom: 6 }, children: [
-                    me(I.task.originalType, I.task.colorIdx),
-                    /* @__PURE__ */ t("span", { style: { fontSize: 12, fontWeight: 700, color: e.textTitle, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: I.task.name })
+                    ve(k.task.originalType, k.task.colorIdx),
+                    /* @__PURE__ */ t("span", { style: { fontSize: 12, fontWeight: 700, color: e.textTitle, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: k.task.name })
                   ] }),
-                  /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4, fontSize: 11, color: e.textSecondary }, children: I.task.originalType === "step" ? /* @__PURE__ */ o(de, { children: [
-                    I.task.previsionStart && I.task.previsionEnd && /* @__PURE__ */ o("div", { style: { background: `${e.headerBg}`, borderRadius: 6, padding: "4px 6px", marginBottom: 2 }, children: [
+                  /* @__PURE__ */ t("div", { style: { display: "flex", flexDirection: "column", gap: 4, fontSize: 11, color: e.textSecondary }, children: k.task.originalType === "step" ? /* @__PURE__ */ o(de, { children: [
+                    k.task.previsionStart && k.task.previsionEnd && /* @__PURE__ */ o("div", { style: { background: `${e.headerBg}`, borderRadius: 6, padding: "4px 6px", marginBottom: 2 }, children: [
                       /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 4, marginBottom: 4 }, children: [
                         /* @__PURE__ */ t("div", { style: { width: 20, height: 4, borderRadius: 2, background: `${e.textSecondary}44`, border: `1.5px solid ${e.textSecondary}66` } }),
                         /* @__PURE__ */ t("span", { style: { fontSize: 9, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.06em", color: e.textSecondary }, children: R("gantt.tooltip.planned", "Planned") })
@@ -1058,14 +1044,14 @@ function wt() {
                           R("gantt.tooltip.start", "Start"),
                           ":"
                         ] }),
-                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(I.task.previsionStart) })
+                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(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(I.task.previsionEnd) })
+                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(k.task.previsionEnd) })
                       ] }),
                       /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "space-between", gap: 16 }, children: [
                         /* @__PURE__ */ o("span", { children: [
@@ -1073,29 +1059,29 @@ function wt() {
                           ":"
                         ] }),
                         /* @__PURE__ */ o("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: [
-                          he(I.task.previsionStart, I.task.previsionEnd),
+                          he(k.task.previsionStart, k.task.previsionEnd),
                           "d"
                         ] })
                       ] })
                     ] }),
-                    /* @__PURE__ */ o("div", { style: { background: I.task.hasActualDates ? `${e.groupLight}22` : "transparent", borderRadius: 6, padding: "4px 6px" }, children: [
+                    /* @__PURE__ */ o("div", { style: { background: k.task.hasActualDates ? `${e.groupLight}22` : "transparent", borderRadius: 6, padding: "4px 6px" }, children: [
                       /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 4, marginBottom: 4 }, children: [
-                        /* @__PURE__ */ t("div", { style: { width: 20, height: 4, borderRadius: 2, background: oe[I.task.colorIdx ?? 0].progress } }),
-                        /* @__PURE__ */ t("span", { style: { fontSize: 9, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.06em", color: I.task.hasActualDates ? e.group : e.textSecondary }, children: I.task.hasActualDates ? R("gantt.tooltip.actual", "Actual") : R("gantt.tooltip.plannedInUse", "Planned (in use)") })
+                        /* @__PURE__ */ t("div", { style: { width: 20, height: 4, borderRadius: 2, background: oe[k.task.colorIdx ?? 0].progress } }),
+                        /* @__PURE__ */ t("span", { style: { fontSize: 9, fontWeight: 700, textTransform: "uppercase", letterSpacing: "0.06em", color: k.task.hasActualDates ? e.group : e.textSecondary }, children: k.task.hasActualDates ? R("gantt.tooltip.actual", "Actual") : R("gantt.tooltip.plannedInUse", "Planned (in use)") })
                       ] }),
                       /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "space-between", gap: 16 }, children: [
                         /* @__PURE__ */ o("span", { children: [
                           R("gantt.tooltip.start", "Start"),
                           ":"
                         ] }),
-                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(I.task.start) })
+                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(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(I.task.end) })
+                        /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(k.task.end) })
                       ] }),
                       /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "space-between", gap: 16 }, children: [
                         /* @__PURE__ */ o("span", { children: [
@@ -1103,7 +1089,7 @@ function wt() {
                           ":"
                         ] }),
                         /* @__PURE__ */ o("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: [
-                          he(I.task.start, I.task.end),
+                          he(k.task.start, k.task.end),
                           "d"
                         ] })
                       ] })
@@ -1114,30 +1100,30 @@ function wt() {
                         ":"
                       ] }),
                       /* @__PURE__ */ o("span", { style: { fontWeight: 700, color: e.group }, children: [
-                        Math.round(I.task.progress),
+                        Math.round(k.task.progress),
                         "%"
                       ] })
                     ] })
-                  ] }) : I.task.originalType === "note" ? /* @__PURE__ */ o(de, { children: [
-                    I.task.noteProjectTitle && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 4 }, children: [
-                      /* @__PURE__ */ t("div", { style: { width: 8, height: 8, borderRadius: 2, background: I.task.noteColor || e.note, flexShrink: 0 } }),
-                      /* @__PURE__ */ t("span", { style: { fontSize: 11, fontWeight: 600, color: e.textPrimary, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: I.task.noteProjectTitle })
+                  ] }) : k.task.originalType === "note" ? /* @__PURE__ */ o(de, { children: [
+                    k.task.noteProjectTitle && /* @__PURE__ */ o("div", { style: { display: "flex", alignItems: "center", gap: 6, marginBottom: 4 }, children: [
+                      /* @__PURE__ */ t("div", { style: { width: 8, height: 8, borderRadius: 2, background: k.task.noteColor || e.note, flexShrink: 0 } }),
+                      /* @__PURE__ */ t("span", { style: { fontSize: 11, fontWeight: 600, color: e.textPrimary, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: k.task.noteProjectTitle })
                     ] }),
                     /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "space-between", gap: 16 }, children: [
                       /* @__PURE__ */ o("span", { children: [
                         R("gantt.tooltip.date", "Date"),
                         ":"
                       ] }),
-                      /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(I.task.start) })
+                      /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(k.task.start) })
                     ] }),
-                    (I.task.filesCount || 0) > 0 && /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "space-between", gap: 16 }, children: [
+                    (k.task.filesCount || 0) > 0 && /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "space-between", gap: 16 }, children: [
                       /* @__PURE__ */ o("span", { children: [
                         R("gantt.tooltip.attachments", "Attachments"),
                         ":"
                       ] }),
                       /* @__PURE__ */ o("span", { style: { fontWeight: 600, display: "flex", alignItems: "center", gap: 4, color: e.textPrimary }, children: [
-                        /* @__PURE__ */ t(Ee, { size: 10 }),
-                        I.task.filesCount
+                        /* @__PURE__ */ t(Fe, { size: 10 }),
+                        k.task.filesCount
                       ] })
                     ] })
                   ] }) : /* @__PURE__ */ o("div", { style: { display: "flex", justifyContent: "space-between", gap: 16 }, children: [
@@ -1145,7 +1131,7 @@ function wt() {
                       R("charts.gantt.start", "Start"),
                       ":"
                     ] }),
-                    /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(I.task.start) })
+                    /* @__PURE__ */ t("span", { style: { fontWeight: 600, fontVariantNumeric: "tabular-nums", color: e.textPrimary }, children: ne(k.task.start) })
                   ] }) })
                 ]
               }
@@ -1166,14 +1152,14 @@ function wt() {
             /* @__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: () => {
-                be?.(We(m)), ue();
+                me?.(We(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: () => {
-                De?.(We(m)), ue();
+                Me?.(We(m)), ue();
               }, className: "zg-popup-btn", children: [
                 /* @__PURE__ */ t(at, { size: 15 }),
                 " ",
@@ -1253,17 +1239,17 @@ function wt() {
             ne(i.date)
           ] }) }),
           /* @__PURE__ */ t("div", { style: { padding: "5px 5px" }, children: [
-            { label: R("gantt.newAction.step", "Step"), icon: me("step", 0), action: () => {
-              Me?.(i.date, i.projectId), T(null);
+            { label: R("gantt.newAction.step", "Step"), icon: ve("step", 0), action: () => {
+              Re?.(i.date, i.projectId), I(null);
             } },
-            { label: R("gantt.newAction.milestone", "Milestone"), icon: me("milestone"), action: () => {
-              Re?.(i.date, i.projectId), T(null);
+            { label: R("gantt.newAction.milestone", "Milestone"), icon: ve("milestone"), action: () => {
+              Ce?.(i.date, i.projectId), I(null);
             } },
-            { label: R("gantt.newAction.event", "Event"), icon: me("event"), action: () => {
-              Ce?.(i.date, i.projectId), T(null);
+            { label: R("gantt.newAction.event", "Event"), icon: ve("event"), action: () => {
+              $e?.(i.date, i.projectId), I(null);
             } },
-            { label: R("gantt.newAction.note", "Note"), icon: me("note"), action: () => {
-              $e?.(i.date, i.projectId), T(null);
+            { label: R("gantt.newAction.note", "Note"), icon: ve("note"), action: () => {
+              Ee?.(i.date, i.projectId), I(null);
             } }
           ].map((m) => /* @__PURE__ */ o(
             "button",
@@ -1286,7 +1272,7 @@ function wt() {
       /* @__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" } })
     ] }),
-    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: [
+    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: [
       /* @__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") })
@@ -1306,18 +1292,18 @@ 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: () => 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: Te, 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: () => 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") })
       ] })
     ] }) })
   ] });
 }
 function St(n) {
-  const c = pe(null), p = pe(null), D = pe(null), h = pe(!1), x = J(() => {
+  const c = pe(null), p = pe(null), T = pe(null), h = pe(!1), x = J(() => {
     if (h.current) return;
     h.current = !0;
     const u = p.current;
-    u && c.current && (c.current.scrollTop = u.scrollTop), u && D.current && (D.current.scrollLeft = u.scrollLeft), h.current = !1;
+    u && c.current && (c.current.scrollTop = u.scrollTop), u && T.current && (T.current.scrollLeft = u.scrollLeft), h.current = !1;
   }, []), w = J(() => {
     h.current || (h.current = !0, c.current && p.current && (p.current.scrollTop = c.current.scrollTop), h.current = !1);
   }, []), C = pe(!1);
@@ -1328,35 +1314,35 @@ function St(n) {
     const $ = se(/* @__PURE__ */ new Date(), n);
     if ($ >= 0 && $ <= n.totalWidth) {
       const b = $ - u.clientWidth / 2;
-      u.scrollLeft = Math.max(0, b), D.current && (D.current.scrollLeft = u.scrollLeft), C.current = !0;
+      u.scrollLeft = Math.max(0, b), T.current && (T.current.scrollLeft = u.scrollLeft), C.current = !0;
     }
   }, [n]);
-  const M = J((u) => {
+  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, D.current && (D.current.scrollLeft = $.scrollLeft);
+        $.scrollLeft += b, T.current && (T.current.scrollLeft = $.scrollLeft);
       } else
         $.scrollTop += u.deltaY, c.current && (c.current.scrollTop = $.scrollTop);
   }, []);
   return {
     leftBodyRef: c,
     rightBodyRef: p,
-    timeHeaderRef: D,
+    timeHeaderRef: T,
     handleRightScroll: x,
     handleLeftScroll: w,
-    handleChartWheel: M
+    handleChartWheel: D
   };
 }
-function kt(n, c, p, D) {
+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 M = D.get(w.id), u = D.get(C.id);
-    if (M == null || u == null) return null;
-    const $ = w.originalType !== "step", b = C.originalType !== "step", F = $ ? se(w.start, p) + Ge : se(w.end, p), S = M * _ + _ / 2, B = b ? se(C.start, p) - 10 : se(C.start, p), r = u * _ + _ / 2, i = 14, T = Math.max(F + i, B - i), l = S === r ? `M${F},${S} L${B - 6},${r}` : `M${F},${S} L${T},${S} L${T},${r} L${B - 6},${r}`;
+    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 };
   }).filter(Boolean);
 }
@@ -1364,23 +1350,23 @@ function It(n, c) {
   if (n.length === 0 || c.length === 0) return /* @__PURE__ */ new Set();
   const p = /* @__PURE__ */ new Map();
   n.forEach((l) => p.set(l.id, l));
-  const D = new Set(n.map((l) => l.id)), h = c.filter((l) => D.has(l.predecessorId) && D.has(l.successorId));
+  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();
   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);
   });
-  const C = (l) => Math.max(1, fe(l.start, l.end)), M = /* @__PURE__ */ new Set(), u = [];
+  const C = (l) => Math.max(1, ye(l.start, l.end)), D = /* @__PURE__ */ new Set(), u = [];
   function $(l) {
-    M.has(l) || (M.add(l), (x.get(l) || []).forEach($), u.unshift(l));
+    D.has(l) || (D.add(l), (x.get(l) || []).forEach($), u.unshift(l));
   }
   n.forEach((l) => $(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 k = 0;
-    for (const y of f) k = Math.max(k, F.get(y) || 0);
-    const s = f.length > 0 ? k : 0;
+    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));
   }
   let S = 0;
@@ -1389,46 +1375,46 @@ function It(n, c) {
   });
   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), k = x.get(E) || [];
+    const E = u[l], f = p.get(E), M = x.get(E) || [];
     let s = S;
-    for (const y of k) s = Math.min(s, B.get(y) ?? S);
-    r.set(E, k.length > 0 ? s : S), B.set(E, (r.get(E) || 0) - C(f));
+    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));
   }
   const i = /* @__PURE__ */ new Set();
   h.forEach((l) => {
     i.add(l.predecessorId), i.add(l.successorId);
   });
-  const T = /* @__PURE__ */ new Set();
+  const I = /* @__PURE__ */ new Set();
   for (const l of u) {
     if (!i.has(l)) continue;
     const E = (B.get(l) || 0) - (b.get(l) || 0);
-    Math.abs(E) < 0.5 && T.add(l);
+    Math.abs(E) < 0.5 && I.add(l);
   }
-  return T;
+  return I;
 }
 function Tt({
   steps: n,
   milestones: c,
   events: p,
-  notes: D,
+  notes: T,
   dependencies: h,
   viewMode: x,
   locale: w,
   groupByProject: C,
-  visibleTypes: M,
+  visibleTypes: D,
   collapsedGroups: u,
   collapsedProjects: $,
   selectedTaskId: b
 }) {
   const F = ae(() => {
     const f = [];
-    let k = 0;
+    let M = 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), I = new Date(A);
-      if (isNaN(Z.getTime()) || isNaN(I.getTime())) return;
-      I <= Z && I.setDate(I.getDate() + 1);
+      const Z = new Date(N), k = new Date(A);
+      if (isNaN(Z.getTime()) || isNaN(k.getTime())) return;
+      k <= Z && k.setDate(k.getDate() + 1);
       let g, Y;
       if (s.previsionStartDate && s.previsionFinishDate) {
         const G = new Date(s.previsionStartDate), ie = new Date(s.previsionFinishDate);
@@ -1439,17 +1425,17 @@ function Tt({
         id: s.id,
         name: s.name,
         start: Z,
-        end: I,
+        end: k,
         progress: q > 1 ? Math.min(q, 100) : q * 100,
         originalType: "step",
         deps: H,
-        colorIdx: k % oe.length,
+        colorIdx: M % oe.length,
         previsionStart: g,
         previsionEnd: Y,
         hasActualDates: y,
         projectId: s.projectId || void 0,
         projectTitle: s.projectTitle || void 0
-      }), k++;
+      }), M++;
     }), c?.forEach((s) => {
       if (!s.date) return;
       const y = new Date(s.date);
@@ -1482,7 +1468,7 @@ function Tt({
         projectId: s.projectId || void 0,
         projectTitle: s.projectTitle || void 0
       });
-    }), D?.forEach((s) => {
+    }), T?.forEach((s) => {
       if (!s.date) return;
       const y = new Date(s.date);
       isNaN(y.getTime()) || f.push({
@@ -1501,8 +1487,8 @@ function Tt({
         projectTitle: s.projectTitle || void 0
       });
     }), f;
-  }, [n, c, p, D, h]), S = ae(() => bt(F, x, w), [F, x, w]), B = ae(() => {
-    const f = [], k = ["step", "milestone", "event", "note"];
+  }, [n, c, p, T, h]), S = ae(() => bt(F, x, w), [F, x, w]), B = ae(() => {
+    const f = [], M = ["step", "milestone", "event", "note"];
     if (C) {
       const s = /* @__PURE__ */ new Map();
       F.forEach((y) => {
@@ -1511,45 +1497,45 @@ function Tt({
       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((I) => I.projectId === y);
-          for (const I of k) {
-            if (!M.has(I)) continue;
-            const g = Z.filter((q) => q.originalType === I);
+          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);
             if (g.length === 0) continue;
-            const Y = `${y}-${I}`, H = u.has(Y);
-            f.push({ kind: "group", groupType: I, label: Pe[I], count: g.length, collapsed: H, projectId: y }), H || g.forEach((q) => f.push({ kind: "task", task: q }));
+            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 }));
           }
         }
       }
     } else
-      for (const s of k) {
-        if (!M.has(s)) continue;
+      for (const s of M) {
+        if (!D.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: Pe[s], count: y.length, collapsed: N }), N || y.forEach((A) => f.push({ kind: "task", task: A }));
+        f.push({ kind: "group", groupType: s, label: Ne[s], count: y.length, collapsed: N }), N || y.forEach((A) => f.push({ kind: "task", task: A }));
       }
     return f;
-  }, [F, M, u, $, C]), r = ae(() => {
+  }, [F, D, u, $, C]), r = ae(() => {
     const f = /* @__PURE__ */ new Map();
-    return B.forEach((k, s) => {
-      k.kind === "task" && f.set(k.task.id, s);
+    return B.forEach((M, s) => {
+      M.kind === "task" && f.set(M.task.id, s);
     }), f;
   }, [B]), i = ae(
     () => kt(F, h || [], S, r),
     [F, h, S, r]
-  ), T = ae(() => It(F, h || []), [F, h]), l = ae(() => {
-    const f = /* @__PURE__ */ new Set(), k = /* @__PURE__ */ new Date();
+  ), I = ae(() => It(F, h || []), [F, h]), l = ae(() => {
+    const f = /* @__PURE__ */ new Set(), M = /* @__PURE__ */ new Date();
     return F.forEach((s) => {
-      s.originalType === "step" && s.end < k && s.progress < 100 && f.add(s.id);
+      s.originalType === "step" && s.end < M && s.progress < 100 && f.add(s.id);
     }), f;
   }, [F]), E = ae(() => {
     if (!b || !h?.length) return /* @__PURE__ */ new Set();
-    const f = /* @__PURE__ */ new Set(), k = [b];
-    for (; k.length; ) {
-      const s = k.shift();
+    const f = /* @__PURE__ */ new Set(), M = [b];
+    for (; M.length; ) {
+      const s = M.shift();
       for (const y of h)
-        y.predecessorId === s && !f.has(y.successorId) && (f.add(y.successorId), k.push(y.successorId)), y.successorId === s && !f.has(y.predecessorId) && (f.add(y.predecessorId), k.push(y.predecessorId));
+        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));
     }
     return f;
   }, [b, h]);
@@ -1559,28 +1545,28 @@ function Tt({
     displayRows: B,
     taskRowIndex: r,
     arrows: i,
-    criticalIds: T,
+    criticalIds: I,
     delayedIds: l,
     relatedIds: E
   };
 }
 function Et(n) {
-  const [c, p] = P("day"), [D, h] = P(null), [x, w] = P(null), [C, M] = P(null), [u, $] = P({
+  const [c, p] = P("day"), [T, h] = P(null), [x, w] = P(null), [C, D] = P(null), [u, $] = P({
     isOpen: !1,
     position: { x: 0, y: 0 },
     task: null
-  }), [b, F] = P(null), [S, B] = P(null), [r, i] = P(null), [T, l] = P(null), [E, f] = P("FS"), [k, s] = P(0), [y, N] = P(!1), [A, Z] = P(null), [I, g] = P(null), [Y, H] = P(!1), q = pe(null), [G, ie] = P(/* @__PURE__ */ new Set(["step", "milestone", "event", "note"])), [ye, Ie] = P(/* @__PURE__ */ new Set()), [xe, Te] = P(/* @__PURE__ */ new Set()), le = J((a) => {
+  }), [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) => {
     ie((d) => {
       const v = new Set(d);
       return v.has(a) ? v.delete(a) : v.add(a), v;
     });
-  }, []), be = J((a) => {
-    Ie((d) => {
+  }, []), me = J((a) => {
+    Te((d) => {
       const v = new Set(d);
       return v.has(a) ? v.delete(a) : v.add(a), v;
     });
-  }, []), De = J((a) => {
-    Te((d) => {
+  }, []), Me = J((a) => {
+    De((d) => {
       const v = new Set(d);
       return v.has(a) ? v.delete(a) : v.add(a), v;
     });
@@ -1593,28 +1579,28 @@ function Et(n) {
     viewMode: c,
     locale: n.locale,
     visibleTypes: G,
-    collapsedGroups: ye,
-    collapsedProjects: xe,
+    collapsedGroups: xe,
+    collapsedProjects: be,
     groupByProject: n.groupByProject,
     selectedTaskId: x || null
-  }), O = St(j.timeline), Me = J((a, d) => {
+  }), O = 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 });
-  }, []), Re = 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 });
   }, []), 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) => {
     a.preventDefault(), a.stopPropagation(), i({ fromTaskId: d.id, fromEdge: v, fromScreenX: a.clientX, fromScreenY: a.clientY, currentScreenX: a.clientX, currentScreenY: a.clientY, hoverTargetId: null });
-  }, []), $e = J(async () => {
-    if (!T || !n.onCreateDependency) return;
-    const a = new Map(j.tasks.map((X) => [X.id, X])), d = a.get(T.fromTaskId), v = a.get(T.toTaskId);
+  }, []), Ee = 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);
     if (!d || !v) return;
-    const W = (X) => X.originalType === "step" ? "STEP" : "MILESTONE", L = T.fromEdge === "right" ? d : v, z = T.fromEdge === "right" ? v : d;
+    const W = (X) => X.originalType === "step" ? "STEP" : "MILESTONE", L = I.fromEdge === "right" ? d : v, z = 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: k }), l(null);
+      await n.onCreateDependency({ predecessorId: L.id, predecessorType: W(L), successorId: z.id, successorType: W(z), type: E, lag: M }), l(null);
     } finally {
       N(!1);
     }
-  }, [T, j.tasks, n.onCreateDependency, E, k]);
+  }, [I, j.tasks, n.onCreateDependency, E, M]);
   ge(() => {
     if (!b) return;
     const a = (v) => {
@@ -1712,7 +1698,7 @@ function Et(n) {
     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]);
   ge(() => {
-    if (!I) return;
+    if (!k) return;
     const a = (W) => {
       W.key === "Escape" && g(null);
     }, d = (W) => {
@@ -1721,18 +1707,18 @@ function Et(n) {
     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);
     };
-  }, [I]);
+  }, [k]);
   const m = ae(() => ({
     props: n,
     t: (a, d) => n.translations ? typeof n.translations == "function" ? n.translations(a, d) : n.translations[a] || d || "" : d || "",
     viewMode: c,
     setViewMode: p,
-    hoveredTaskId: D,
+    hoveredTaskId: T,
     setHoveredTaskId: h,
     selectedTaskId: x,
     setSelectedTaskId: w,
     tooltip: C,
-    setTooltip: M,
+    setTooltip: D,
     popupState: u,
     setPopupState: $,
     dragState: b,
@@ -1744,23 +1730,23 @@ function Et(n) {
     visibleTypes: G,
     setVisibleTypes: ie,
     toggleVisibility: le,
-    collapsedGroups: ye,
-    setCollapsedGroups: Ie,
-    toggleGroup: be,
-    collapsedProjects: xe,
-    setCollapsedProjects: Te,
-    toggleProject: De,
-    pendingConnection: T,
+    collapsedGroups: xe,
+    setCollapsedGroups: Te,
+    toggleGroup: me,
+    collapsedProjects: be,
+    setCollapsedProjects: De,
+    toggleProject: Me,
+    pendingConnection: I,
     setPendingConnection: l,
     depModalType: E,
     setDepModalType: f,
-    depModalLag: k,
+    depModalLag: M,
     setDepModalLag: s,
     depCreating: y,
     setDepCreating: N,
     deletingDepId: A,
     setDeletingDepId: Z,
-    chartMenu: I,
+    chartMenu: k,
     setChartMenu: g,
     newActionOpen: Y,
     setNewActionOpen: H,
@@ -1794,14 +1780,14 @@ function Et(n) {
     },
     handleChartMouseDown: re,
     openChartMenu: ue,
-    handleBarMouseDown: Me,
-    handleResizeMouseDown: Re,
-    handleConnectDotMouseDown: Ce,
-    handleCreateDependency: $e
+    handleBarMouseDown: Re,
+    handleResizeMouseDown: Ce,
+    handleConnectDotMouseDown: $e,
+    handleCreateDependency: Ee
   }), [
     n,
     c,
-    D,
+    T,
     x,
     C,
     u,
@@ -1809,28 +1795,28 @@ function Et(n) {
     S,
     r,
     G,
-    ye,
     xe,
-    T,
+    be,
+    I,
     E,
-    k,
+    M,
     y,
     A,
-    I,
+    k,
     Y,
     j,
     O,
     le,
-    be,
-    De,
+    me,
+    Me,
     re,
     ue,
-    Me,
     Re,
     Ce,
-    $e
+    $e,
+    Ee
   ]);
-  return n.loading ? /* @__PURE__ */ t("div", { style: { padding: 48, display: "flex", flexDirection: "column", alignItems: "center", justifyContent: "center", color: e.textSecondary }, children: /* @__PURE__ */ t(Oe, { size: 32, style: { animation: "zg-spin 1.5s linear infinite", color: e.group } }) }) : /* @__PURE__ */ t(pt, { value: m, children: /* @__PURE__ */ o(
+  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",
     {
       style: {
@@ -1865,7 +1851,7 @@ const Dt = [
   { label: "Purple", value: "#E9D5FF" },
   { label: "Orange", value: "#FED7AA" },
   { label: "White", value: "#FFFFFF" }
-], Xe = {
+], Oe = {
   FS: "Finish → Start (FS)",
   SS: "Start → Start (SS)",
   FF: "Finish → Finish (FF)",
@@ -1875,17 +1861,17 @@ function Ft({
   isOpen: n,
   onClose: c,
   availableMilestones: p = [],
-  initialDate: D,
+  initialDate: T,
   translations: h,
   onSaveNote: x
 }) {
-  const w = (g, Y) => h ? typeof h == "function" ? h(g, Y) : h[g] || Y : Y, [C, M] = P(""), [u, $] = P(""), [b, F] = P("#FEF08A"), [S, B] = P(""), [r, i] = P(""), [T, l] = P("FS"), [E, f] = P(!1), [k, s] = P([]), [y, N] = P(""), A = pe(null);
+  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);
   ge(() => {
-    n && (M(""), $(""), F("#FEF08A"), B(D ?? (/* @__PURE__ */ new Date()).toISOString().split("T")[0]), i(""), l("FS"), s([]), N(""));
-  }, [n, D]);
+    n && (D(""), $(""), F("#FEF08A"), B(T ?? (/* @__PURE__ */ new Date()).toISOString().split("T")[0]), i(""), l("FS"), s([]), N(""));
+  }, [n, T]);
   const Z = [
     ...p.map((g) => ({ id: g.id, name: g.name, type: "MILESTONE" }))
-  ], I = async () => {
+  ], k = async () => {
     if (!C.trim() && !u.trim()) {
       N(w("noteModal.errorEmpty", "Please provide a title or content for the note."));
       return;
@@ -1898,8 +1884,8 @@ function Ft({
         color: b,
         date: S ? `${S}T00:00:00` : (/* @__PURE__ */ new Date()).toISOString(),
         predecessorId: r,
-        dependencyType: T,
-        files: k
+        dependencyType: I,
+        files: M
       }), c();
     } catch (g) {
       console.error(g), N(w("noteModal.errorSave", "Error creating note."));
@@ -1939,7 +1925,7 @@ function Ft({
         {
           type: "text",
           value: C,
-          onChange: (g) => M(g.target.value),
+          onChange: (g) => D(g.target.value),
           placeholder: w("noteModal.titlePlaceholder", "Note title..."),
           style: {
             width: "100%",
@@ -2025,7 +2011,7 @@ function Ft({
             ]
           }
         ),
-        k.length > 0 && /* @__PURE__ */ t("div", { style: { marginTop: 8, display: "flex", flexDirection: "column", gap: 4 }, children: k.map((g, Y) => /* @__PURE__ */ o("div", { style: {
+        M.length > 0 && /* @__PURE__ */ t("div", { style: { marginTop: 8, display: "flex", flexDirection: "column", gap: 4 }, children: M.map((g, Y) => /* @__PURE__ */ o("div", { style: {
           display: "flex",
           alignItems: "center",
           gap: 6,
@@ -2035,7 +2021,7 @@ function Ft({
           fontSize: 11,
           color: "#3a3a3a"
         }, children: [
-          /* @__PURE__ */ t(Ee, { size: 10, style: { flexShrink: 0 } }),
+          /* @__PURE__ */ t(Fe, { size: 10, style: { flexShrink: 0 } }),
           /* @__PURE__ */ t("span", { style: { flex: 1, overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: g.name }),
           /* @__PURE__ */ o("span", { style: { fontSize: 9, color: "rgba(58,58,58,0.4)", flexShrink: 0 }, children: [
             (g.size / 1024).toFixed(0),
@@ -2127,7 +2113,7 @@ function Ft({
         r && /* @__PURE__ */ t(
           "select",
           {
-            value: T,
+            value: I,
             onChange: (g) => l(g.target.value),
             style: {
               width: "100%",
@@ -2142,7 +2128,7 @@ function Ft({
               cursor: "pointer",
               marginTop: 6
             },
-            children: Object.keys(Xe).map((g) => /* @__PURE__ */ t("option", { value: g, children: Xe[g] }, g))
+            children: Object.keys(Oe).map((g) => /* @__PURE__ */ t("option", { value: g, children: Oe[g] }, g))
           }
         )
       ] }),
@@ -2158,11 +2144,11 @@ function Ft({
         /* @__PURE__ */ o(
           "button",
           {
-            onClick: I,
+            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 },
             children: [
-              E && /* @__PURE__ */ t(Oe, { size: 16, style: { animation: "zg-spin 1s linear infinite" } }),
+              E && /* @__PURE__ */ t(_e, { size: 16, style: { animation: "zg-spin 1s linear infinite" } }),
               w("noteModal.create", "Create Note")
             ]
           }