gantt-lib 0.0.4 → 0.0.5

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/styles.css","../src/components/TimeScaleHeader/TimeScaleHeader.css","../src/components/TaskRow/TaskRow.css","../src/components/TodayIndicator/TodayIndicator.css","../src/components/GridBackground/GridBackground.css","../src/components/DragGuideLines/DragGuideLines.css","../src/components/GanttChart/GanttChart.css"],"sourcesContent":["/* Gantt Chart CSS Variables - User customizable theming */\n:root {\n  /* Grid Colors */\n  --gantt-grid-line-color: #e0e0e0;\n  --gantt-cell-background: #ffffff;\n  --gantt-row-hover-background: #f8f9fa;\n\n  /* Dimensions */\n  --gantt-row-height: 30px;\n  --gantt-header-height: 40px;\n  --gantt-day-width: 30px;\n\n  /* Task Bar Styling */\n  --gantt-task-bar-default-color: #3b82f6;\n  --gantt-task-bar-text-color: #ffffff;\n  --gantt-task-bar-border-radius: 4px;\n  --gantt-task-bar-height: 24px;\n\n  /* Today Indicator */\n  --gantt-today-indicator-color: rgba(255, 0, 0, 0.2);\n  --gantt-today-indicator-width: 2px;\n\n  /* Calendar Grid - Weekend */\n  --gantt-weekend-background: #fff9f8;\n  --gantt-weekend-border: #fca5a5;\n\n  /* Calendar Grid - Separators */\n  --gantt-month-separator-width: 2px;\n  --gantt-month-separator-color: #a1a1a1;\n  --gantt-week-separator-width: 1px;\n  --gantt-week-separator-color: #f3f4f6;\n  --gantt-day-line-width: 1px;\n  --gantt-day-line-color: #f3f4f6;\n}\n\n/* GanttChart Component Styles */\n.gantt-container {\n  width: 100%;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  border: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n.gantt-scrollContainer {\n  overflow: auto;\n}\n\n.gantt-stickyHeader {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  background-color: var(--gantt-cell-background, #ffffff);\n  border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n}\n\n.gantt-taskArea {\n  position: relative;\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n/* TaskRow Component Styles */\n.gantt-tr-row {\n  position: relative;\n  width: 100%;\n  border-bottom: 1px solid var(--gantt-grid-line-color);\n  box-sizing: border-box;\n}\n\n.gantt-tr-row:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n.gantt-tr-taskBar {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  border-radius: var(--gantt-task-bar-border-radius);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: visible;\n  cursor: grab;\n}\n\n.gantt-tr-taskBar:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.gantt-tr-taskBar.gantt-tr-dragging {\n  cursor: grabbing;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: none !important;\n}\n\n.gantt-tr-taskName {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.gantt-tr-taskDuration {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  margin-right: 4px;\n}\n\n.gantt-tr-taskNameHidden {\n  visibility: hidden;\n}\n\n.gantt-tr-rightLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabelRight {\n  position: static;\n  margin-right: 0;\n}\n\n.gantt-tr-externalTaskName {\n  font-size: 0.9rem;\n  font-weight: 500;\n  color: #00389f;\n  white-space: nowrap;\n  user-select: none;\n  margin-left: 4px;\n}\n\n.gantt-tr-resizeHandle {\n  position: absolute;\n  top: 0;\n  width: 8px;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.1);\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeHandleLeft {\n  left: 0;\n}\n\n.gantt-tr-resizeHandleRight {\n  right: 0;\n}\n\n.gantt-tr-resizeZoneLeft {\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeZoneRight {\n  cursor: ew-resize;\n}\n\n.gantt-tr-taskContainer {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.gantt-tr-leftLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabel {\n  font-size: 0.85rem;\n  color: #666666;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n.gantt-tr-dateLabelLeft {\n  position: absolute;\n  right: 100%;\n  margin-right: 6px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* TimeScaleHeader Component Styles - Two-row header layout */\n.gantt-tsh-header {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--gantt-cell-background);\n  border-bottom: var(--gantt-week-separator-width, 1px) solid var(--gantt-week-separator-color, #374151);\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthRow {\n  display: flex;\n  border-bottom: var(--gantt-day-line-width, 1px) solid var(--gantt-day-line-color, #f3f4f6);\n  align-items: center;\n}\n\n.gantt-tsh-monthCell {\n  box-sizing: border-box;\n  padding: 0.1rem 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #1f2937;\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n  text-align: left;\n}\n\n.gantt-tsh-monthCell:first-child {\n  border-left: none;\n}\n\n.gantt-tsh-dayRow {\n  display: grid;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-dayCell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthBoundary {\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n}\n\n.gantt-tsh-dayLabel {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n}\n\n.gantt-tsh-weekendDay {\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-tsh-weekendDay .gantt-tsh-dayLabel {\n  color: #dc2626;\n}\n\n.gantt-tsh-today {\n  background-color: #dc2626;\n  border-radius: 0 4px 4px 0;\n}\n\n.gantt-tsh-today .gantt-tsh-dayLabel {\n  color: #ffffff;\n}\n\n/* GridBackground Component Styles */\n.gantt-gb-gridBackground {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.gantt-gb-weekendBlock {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-gb-gridLine {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n.gantt-gb-monthSeparator {\n  width: var(--gantt-month-separator-width, 2px);\n  background-color: var(--gantt-month-separator-color, #374151);\n}\n\n.gantt-gb-weekSeparator {\n  width: var(--gantt-week-separator-width, 1px);\n  background-color: var(--gantt-week-separator-color, #d1d5db);\n}\n\n.gantt-gb-dayLine {\n  width: var(--gantt-day-line-width, 1px);\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n/* TodayIndicator Component Styles */\n.gantt-ti-indicator {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 5;\n  pointer-events: none;\n}\n\n/* DragGuideLines Component Styles */\n.gantt-dgl-guideLine {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  background-color: var(--gantt-drag-guide-line-color, #3b82f6);\n  z-index: 20;\n  pointer-events: none;\n  opacity: 0.6;\n}\n","/**\n * TimeScaleHeader Component Styles - Two-row header layout\n */\n\n.gantt-tsh-header {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--gantt-cell-background);\n  border-bottom: var(--gantt-week-separator-width, 1px) solid var(--gantt-week-separator-color, #374151);\n  box-sizing: border-box;\n}\n\n/* Month row (top row) */\n.gantt-tsh-monthRow {\n  display: flex;\n  border-bottom: var(--gantt-day-line-width, 1px) solid var(--gantt-day-line-color, #f3f4f6);\n  align-items: center;\n}\n\n.gantt-tsh-monthCell {\n  box-sizing: border-box;\n  padding: 0.1rem 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #1f2937;\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n  text-align: left;\n}\n\n.gantt-tsh-monthCell:first-child {\n  border-left: none;\n}\n\n/* Day row (bottom row) */\n.gantt-tsh-dayRow {\n  display: grid;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-dayCell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthBoundary {\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n}\n\n.gantt-tsh-dayLabel {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n}\n\n.gantt-tsh-weekendDay {\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-tsh-weekendDay .gantt-tsh-dayLabel {\n  color: #dc2626;\n}\n\n.gantt-tsh-today {\n  background-color: #dc2626;\n  border-radius: 0 4px 4px 0;\n}\n\n.gantt-tsh-today .gantt-tsh-dayLabel {\n  color: #ffffff;\n}\n","/**\n * TaskRow Component Styles\n */\n\n.gantt-tr-row {\n  position: relative;\n  width: 100%;\n  border-bottom: 1px solid var(--gantt-grid-line-color);\n  box-sizing: border-box;\n}\n\n.gantt-tr-row:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n.gantt-tr-taskBar {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  border-radius: var(--gantt-task-bar-border-radius);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: visible;\n  /* transition: box-shadow 0.15s ease; */\n  cursor: grab;\n}\n\n/**\n * Hover state - provides smooth visual feedback\n * Transition disabled during drag (see .gantt-tr-taskBar.gantt-tr-dragging)\n */\n.gantt-tr-taskBar:hover {\n  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */\n}\n\n/**\n * Dragging state - disables all transitions for performance\n *\n * CRITICAL: transition: none !important is required to override the\n * default box-shadow transition on .gantt-tr-taskBar. Without this, CSS transitions\n * during drag cause lag/ghosting and break the 60fps performance target.\n *\n * Per research anti-pattern: \"Using CSS transitions during drag causes lag/ghosting.\"\n */\n.gantt-tr-taskBar.gantt-tr-dragging {\n  cursor: grabbing;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: none !important;\n}\n\n.gantt-tr-taskName {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.gantt-tr-taskDuration {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  margin-right: 4px;\n}\n\n.gantt-tr-taskNameHidden {\n  visibility: hidden;\n}\n\n.gantt-tr-rightLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabelRight {\n  position: static;\n  margin-right: 0;\n}\n\n.gantt-tr-externalTaskName {\n  font-size: 0.9rem;\n  font-weight: 500;\n  color: #00389f;\n  white-space: nowrap;\n  user-select: none;\n  margin-left: 4px;\n}\n\n.gantt-tr-resizeHandle {\n  position: absolute;\n  top: 0;\n  width: 8px;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.1);\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeHandleLeft {\n  left: 0;\n}\n\n.gantt-tr-resizeHandleRight {\n  right: 0;\n}\n\n.gantt-tr-resizeZoneLeft {\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeZoneRight {\n  cursor: ew-resize;\n}\n\n.gantt-tr-taskContainer {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.gantt-tr-leftLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabel {\n  font-size: 0.85rem;\n  color: #666666;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n.gantt-tr-dateLabelLeft {\n  position: absolute;\n  right: 100%;\n  margin-right: 6px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n","/**\n * TodayIndicator Component Styles\n */\n\n.gantt-ti-indicator {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 5;\n  pointer-events: none;\n}\n",".gantt-gb-gridBackground {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.gantt-gb-weekendBlock {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-gb-gridLine {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n.gantt-gb-monthSeparator {\n  width: var(--gantt-month-separator-width, 2px);\n  background-color: var(--gantt-month-separator-color, #374151);\n}\n\n.gantt-gb-weekSeparator {\n  width: var(--gantt-week-separator-width, 1px);\n  background-color: var(--gantt-week-separator-color, #d1d5db);\n}\n\n.gantt-gb-dayLine {\n  width: var(--gantt-day-line-width, 1px);\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n",".gantt-dgl-guideLine {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  background-color: var(--gantt-drag-guide-line-color, #3b82f6);\n  z-index: 20;\n  pointer-events: none;\n  opacity: 0.6;\n}\n",".gantt-container {\n  width: 100%;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  border: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n.gantt-scrollContainer {\n  overflow: auto;\n}\n\n.gantt-stickyHeader {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  background-color: var(--gantt-cell-background, #ffffff);\n  border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n}\n\n.gantt-taskArea {\n  position: relative;\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../src/styles.css","../src/components/TimeScaleHeader/TimeScaleHeader.css","../src/components/TaskRow/TaskRow.css","../src/components/TodayIndicator/TodayIndicator.css","../src/components/GridBackground/GridBackground.css","../src/components/DragGuideLines/DragGuideLines.css","../src/components/GanttChart/GanttChart.css"],"sourcesContent":["/* Gantt Chart CSS Variables - User customizable theming */\n:root {\n  /* Grid Colors */\n  --gantt-grid-line-color: #e0e0e0;\n  --gantt-cell-background: #ffffff;\n  --gantt-row-hover-background: #f8f9fa;\n\n  /* Dimensions */\n  --gantt-row-height: 30px;\n  --gantt-header-height: 40px;\n  --gantt-day-width: 30px;\n\n  /* Task Bar Styling */\n  --gantt-task-bar-default-color: #3b82f6;\n  --gantt-task-bar-text-color: #ffffff;\n  --gantt-task-bar-border-radius: 4px;\n  --gantt-task-bar-height: 24px;\n\n  /* Today Indicator */\n  --gantt-today-indicator-color: rgba(255, 0, 0, 0.2);\n  --gantt-today-indicator-width: 2px;\n\n  /* Calendar Grid - Weekend */\n  --gantt-weekend-background: #fff9f8;\n  --gantt-weekend-border: #fca5a5;\n\n  /* Calendar Grid - Separators */\n  --gantt-month-separator-width: 2px;\n  --gantt-month-separator-color: #a1a1a1;\n  --gantt-week-separator-width: 1px;\n  --gantt-week-separator-color: #f3f4f6;\n  --gantt-day-line-width: 1px;\n  --gantt-day-line-color: #f3f4f6;\n\n  /* Progress Bar Colors */\n  --gantt-progress-color: rgba(0, 0, 0, 0.2);\n  --gantt-progress-completed: #fbbf24;\n  --gantt-progress-accepted: #22c55e;\n}\n\n/* GanttChart Component Styles */\n.gantt-container {\n  width: 100%;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  border: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n.gantt-scrollContainer {\n  overflow: auto;\n}\n\n.gantt-stickyHeader {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  background-color: var(--gantt-cell-background, #ffffff);\n  border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n}\n\n.gantt-taskArea {\n  position: relative;\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n/* TaskRow Component Styles */\n.gantt-tr-row {\n  position: relative;\n  width: 100%;\n  border-bottom: 1px solid var(--gantt-grid-line-color);\n  box-sizing: border-box;\n}\n\n.gantt-tr-row:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n.gantt-tr-taskBar {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  border-radius: var(--gantt-task-bar-border-radius);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: visible;\n  cursor: grab;\n}\n\n.gantt-tr-taskBar:hover {\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);\n}\n\n.gantt-tr-taskBar.gantt-tr-dragging {\n  cursor: grabbing;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: none !important;\n}\n\n.gantt-tr-taskName {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.gantt-tr-taskDuration {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  margin-right: 4px;\n}\n\n.gantt-tr-taskNameHidden {\n  visibility: hidden;\n}\n\n.gantt-tr-rightLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabelRight {\n  position: static;\n  margin-right: 0;\n}\n\n.gantt-tr-externalTaskName {\n  font-size: 0.9rem;\n  font-weight: 500;\n  color: #00389f;\n  white-space: nowrap;\n  user-select: none;\n  margin-left: 4px;\n}\n\n.gantt-tr-resizeHandle {\n  position: absolute;\n  top: 0;\n  width: 8px;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.1);\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeHandleLeft {\n  left: 0;\n}\n\n.gantt-tr-resizeHandleRight {\n  right: 0;\n}\n\n.gantt-tr-resizeZoneLeft {\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeZoneRight {\n  cursor: ew-resize;\n}\n\n.gantt-tr-taskContainer {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.gantt-tr-leftLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabel {\n  font-size: 0.85rem;\n  color: #666666;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n.gantt-tr-dateLabelLeft {\n  position: absolute;\n  right: 100%;\n  margin-right: 6px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* TimeScaleHeader Component Styles - Two-row header layout */\n.gantt-tsh-header {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--gantt-cell-background);\n  border-bottom: var(--gantt-week-separator-width, 1px) solid var(--gantt-week-separator-color, #374151);\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthRow {\n  display: flex;\n  border-bottom: var(--gantt-day-line-width, 1px) solid var(--gantt-day-line-color, #f3f4f6);\n  align-items: center;\n}\n\n.gantt-tsh-monthCell {\n  box-sizing: border-box;\n  padding: 0.1rem 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #1f2937;\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n  text-align: left;\n}\n\n.gantt-tsh-monthCell:first-child {\n  border-left: none;\n}\n\n.gantt-tsh-dayRow {\n  display: grid;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-dayCell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthBoundary {\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n}\n\n.gantt-tsh-dayLabel {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n}\n\n.gantt-tsh-weekendDay {\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-tsh-weekendDay .gantt-tsh-dayLabel {\n  color: #dc2626;\n}\n\n.gantt-tsh-today {\n  background-color: #dc2626;\n  border-radius: 0 4px 4px 0;\n}\n\n.gantt-tsh-today .gantt-tsh-dayLabel {\n  color: #ffffff;\n}\n\n/* GridBackground Component Styles */\n.gantt-gb-gridBackground {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.gantt-gb-weekendBlock {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-gb-gridLine {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n.gantt-gb-monthSeparator {\n  width: var(--gantt-month-separator-width, 2px);\n  background-color: var(--gantt-month-separator-color, #374151);\n}\n\n.gantt-gb-weekSeparator {\n  width: var(--gantt-week-separator-width, 1px);\n  background-color: var(--gantt-week-separator-color, #d1d5db);\n}\n\n.gantt-gb-dayLine {\n  width: var(--gantt-day-line-width, 1px);\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n/* TodayIndicator Component Styles */\n.gantt-ti-indicator {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 5;\n  pointer-events: none;\n}\n\n/* DragGuideLines Component Styles */\n.gantt-dgl-guideLine {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  background-color: var(--gantt-drag-guide-line-color, #3b82f6);\n  z-index: 20;\n  pointer-events: none;\n  opacity: 0.6;\n}\n","/**\n * TimeScaleHeader Component Styles - Two-row header layout\n */\n\n.gantt-tsh-header {\n  display: flex;\n  flex-direction: column;\n  background-color: var(--gantt-cell-background);\n  border-bottom: var(--gantt-week-separator-width, 1px) solid var(--gantt-week-separator-color, #374151);\n  box-sizing: border-box;\n}\n\n/* Month row (top row) */\n.gantt-tsh-monthRow {\n  display: flex;\n  border-bottom: var(--gantt-day-line-width, 1px) solid var(--gantt-day-line-color, #f3f4f6);\n  align-items: center;\n}\n\n.gantt-tsh-monthCell {\n  box-sizing: border-box;\n  padding: 0.1rem 0.5rem;\n  font-size: 0.75rem;\n  font-weight: 600;\n  color: #1f2937;\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n  text-align: left;\n}\n\n.gantt-tsh-monthCell:first-child {\n  border-left: none;\n}\n\n/* Day row (bottom row) */\n.gantt-tsh-dayRow {\n  display: grid;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-dayCell {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  box-sizing: border-box;\n}\n\n.gantt-tsh-monthBoundary {\n  border-left: var(--gantt-month-separator-width, 2px) solid var(--gantt-month-separator-color, #a1a1a1);\n}\n\n.gantt-tsh-dayLabel {\n  font-size: 0.75rem;\n  font-weight: 500;\n  color: #374151;\n}\n\n.gantt-tsh-weekendDay {\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-tsh-weekendDay .gantt-tsh-dayLabel {\n  color: #dc2626;\n}\n\n.gantt-tsh-today {\n  background-color: #dc2626;\n  border-radius: 0 4px 4px 0;\n}\n\n.gantt-tsh-today .gantt-tsh-dayLabel {\n  color: #ffffff;\n}\n","/**\n * TaskRow Component Styles\n */\n\n.gantt-tr-row {\n  position: relative;\n  width: 100%;\n  border-bottom: 1px solid var(--gantt-grid-line-color);\n  box-sizing: border-box;\n}\n\n.gantt-tr-row:hover {\n  background-color: rgba(0, 0, 0, 0.05);\n}\n\n.gantt-tr-taskBar {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  border-radius: var(--gantt-task-bar-border-radius);\n  display: flex;\n  align-items: center;\n  padding: 0 0.5rem;\n  box-sizing: border-box;\n  white-space: nowrap;\n  overflow: hidden;\n  /* transition: box-shadow 0.15s ease; */\n  cursor: grab;\n}\n\n/**\n * Hover state - provides smooth visual feedback\n * Transition disabled during drag (see .gantt-tr-taskBar.gantt-tr-dragging)\n */\n.gantt-tr-taskBar:hover {\n  /* box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); */\n}\n\n/**\n * Dragging state - disables all transitions for performance\n *\n * CRITICAL: transition: none !important is required to override the\n * default box-shadow transition on .gantt-tr-taskBar. Without this, CSS transitions\n * during drag cause lag/ghosting and break the 60fps performance target.\n *\n * Per research anti-pattern: \"Using CSS transitions during drag causes lag/ghosting.\"\n */\n.gantt-tr-taskBar.gantt-tr-dragging {\n  cursor: grabbing;\n  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);\n  opacity: 1;\n  transition: none !important;\n}\n\n.gantt-tr-taskName {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: 100%;\n}\n\n.gantt-tr-taskDuration {\n  color: var(--gantt-task-bar-text-color);\n  font-size: 0.875rem;\n  font-weight: 500;\n  white-space: nowrap;\n  margin-right: 4px;\n}\n\n.gantt-tr-taskNameHidden {\n  visibility: hidden;\n}\n\n.gantt-tr-rightLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  gap: 4px;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabelRight {\n  position: static;\n  margin-right: 0;\n}\n\n.gantt-tr-externalTaskName {\n  font-size: 0.9rem;\n  font-weight: 500;\n  color: #00389f;\n  white-space: nowrap;\n  user-select: none;\n  margin-left: 4px;\n}\n\n.gantt-tr-resizeHandle {\n  position: absolute;\n  top: 0;\n  width: 8px;\n  height: 100%;\n  background-color: rgba(0, 0, 0, 0.1);\n  cursor: ew-resize;\n  pointer-events: auto;\n  z-index: 10;\n  /* z-index requires a positioning context; position: absolute is set here.\n     Do NOT add position: relative via a shared selector - that would override\n     this rule and break the absolute positioning at bar edges. */\n}\n\n.gantt-tr-resizeHandleLeft {\n  left: 0;\n}\n\n.gantt-tr-resizeHandleRight {\n  right: 0;\n}\n\n.gantt-tr-resizeZoneLeft {\n  cursor: ew-resize;\n}\n\n.gantt-tr-resizeZoneRight {\n  cursor: ew-resize;\n}\n\n.gantt-tr-taskContainer {\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n}\n\n.gantt-tr-leftLabels {\n  position: absolute;\n  top: 50%;\n  transform: translateY(-50%);\n  display: flex;\n  align-items: center;\n  pointer-events: none;\n}\n\n.gantt-tr-dateLabel {\n  font-size: 0.85rem;\n  color: #666666;\n  white-space: nowrap;\n  pointer-events: none;\n  user-select: none;\n}\n\n.gantt-tr-dateLabelLeft {\n  position: absolute;\n  right: 100%;\n  margin-right: 6px;\n  top: 50%;\n  transform: translateY(-50%);\n}\n\n/* Progress bar overlay */\n.gantt-tr-progressBar {\n  position: absolute;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  z-index: 1;\n  pointer-events: none;\n  border-radius: var(--gantt-task-bar-border-radius) 0 0 var(--gantt-task-bar-border-radius);\n  transition: width 0.3s ease;\n}\n\n/* Ensure text stays above progress bar.\n   NOTE: .gantt-tr-resizeHandle is intentionally excluded here because it already\n   uses position: absolute with z-index: 10, which places it above the progress bar.\n   Adding position: relative here would override position: absolute and break the\n   absolute positioning that anchors handles to the bar edges. */\n.gantt-tr-taskName,\n.gantt-tr-taskDuration {\n  position: relative;\n  z-index: 2;\n}\n\n/* Disable transition during drag */\n.gantt-tr-taskBar.gantt-tr-dragging .gantt-tr-progressBar {\n  transition: none !important;\n}\n","/**\n * TodayIndicator Component Styles\n */\n\n.gantt-ti-indicator {\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  z-index: 5;\n  pointer-events: none;\n}\n",".gantt-gb-gridBackground {\n  position: absolute;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  pointer-events: none;\n}\n\n.gantt-gb-weekendBlock {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-weekend-background, #fee2e2);\n}\n\n.gantt-gb-gridLine {\n  position: absolute;\n  top: 0;\n  height: 100%;\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n\n.gantt-gb-monthSeparator {\n  width: var(--gantt-month-separator-width, 2px);\n  background-color: var(--gantt-month-separator-color, #374151);\n}\n\n.gantt-gb-weekSeparator {\n  width: var(--gantt-week-separator-width, 1px);\n  background-color: var(--gantt-week-separator-color, #d1d5db);\n}\n\n.gantt-gb-dayLine {\n  width: var(--gantt-day-line-width, 1px);\n  background-color: var(--gantt-day-line-color, #f3f4f6);\n}\n",".gantt-dgl-guideLine {\n  position: absolute;\n  top: 0;\n  width: 2px;\n  background-color: var(--gantt-drag-guide-line-color, #3b82f6);\n  z-index: 20;\n  pointer-events: none;\n  opacity: 0.6;\n}\n",".gantt-container {\n  width: 100%;\n  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n  border: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n\n.gantt-scrollContainer {\n  overflow: auto;\n}\n\n.gantt-stickyHeader {\n  position: sticky;\n  top: 0;\n  z-index: 10;\n  background-color: var(--gantt-cell-background, #ffffff);\n  border-bottom: 1px solid var(--gantt-grid-line-color, #e0e0e0);\n}\n\n.gantt-taskArea {\n  position: relative;\n  background-color: var(--gantt-cell-background, #ffffff);\n}\n"],"mappings":"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","names":[]}

package/dist/index.d.mts

@@ -14,6 +14,20 @@ interface Task {
     endDate: string | Date;
     /** Optional color for task bar visualization */
     color?: string;
+    /**
+     * Optional progress value from 0-100
+     * - Decimal values are allowed and rounded to nearest integer for display
+     * - Values are clamped to 0-100 range
+     * - Undefined or 0 means no progress is displayed
+     * - Progress is visual-only, no user interaction
+     */
+    progress?: number;
+    /**
+     * Optional flag indicating if task is accepted
+     * - Only meaningful when progress is 100%
+     * - Affects the color of the progress bar (green for accepted, yellow for completed)
+     */
+    accepted?: boolean;
 }
 interface GanttChartProps {
     /** Array of tasks to display */

package/dist/index.d.ts

@@ -14,6 +14,20 @@ interface Task {
     endDate: string | Date;
     /** Optional color for task bar visualization */
     color?: string;
+    /**
+     * Optional progress value from 0-100
+     * - Decimal values are allowed and rounded to nearest integer for display
+     * - Values are clamped to 0-100 range
+     * - Undefined or 0 means no progress is displayed
+     * - Progress is visual-only, no user interaction
+     */
+    progress?: number;
+    /**
+     * Optional flag indicating if task is accepted
+     * - Only meaningful when progress is 100%
+     * - Affects the color of the progress bar (green for accepted, yellow for completed)
+     */
+    accepted?: boolean;
 }
 interface GanttChartProps {
     /** Array of tasks to display */

package/dist/index.js

@@ -619,7 +619,7 @@ var useTaskDrag = (options) => {
 // src/components/TaskRow/TaskRow.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var arePropsEqual = (prevProps, nextProps) => {
-  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.color === nextProps.task.color && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight;
+  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.color === nextProps.task.color && prevProps.task.progress === nextProps.task.progress && prevProps.task.accepted === nextProps.task.accepted && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight;
 };
 var TaskRow = import_react3.default.memo(
   ({ task, monthStart, dayWidth, rowHeight, onChange, onDragStateChange }) => {
@@ -630,6 +630,16 @@ var TaskRow = import_react3.default.memo(
       [taskStartDate, taskEndDate, monthStart, dayWidth]
     );
     const barColor = task.color || "var(--gantt-task-bar-default-color)";
+    const progressWidth = (0, import_react3.useMemo)(() => {
+      if (task.progress === void 0 || task.progress <= 0) return 0;
+      return Math.min(100, Math.max(0, Math.round(task.progress)));
+    }, [task.progress]);
+    const progressColor = (0, import_react3.useMemo)(() => {
+      if (progressWidth === 100) {
+        return task.accepted ? "var(--gantt-progress-accepted, #22c55e)" : "var(--gantt-progress-completed, #fbbf24)";
+      }
+      return task.color ? `color-mix(in srgb, ${task.color} 40%, black)` : "var(--gantt-progress-color, rgba(0, 0, 0, 0.2))";
+    }, [progressWidth, task.accepted, task.color]);
     const handleDragEnd = (result) => {
       const updatedTask = {
         ...task,
@@ -694,6 +704,16 @@ var TaskRow = import_react3.default.memo(
               },
               onMouseDown: dragHandleProps.onMouseDown,
               children: [
+                progressWidth > 0 && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+                  "div",
+                  {
+                    className: "gantt-tr-progressBar",
+                    style: {
+                      width: `${progressWidth}%`,
+                      backgroundColor: progressColor
+                    }
+                  }
+                ),
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleLeft" }),
                 /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("span", { className: "gantt-tr-taskDuration", children: [
                   durationDays,

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/index.ts","../src/components/GanttChart/GanttChart.tsx","../src/utils/dateUtils.ts","../src/components/TimeScaleHeader/TimeScaleHeader.tsx","../src/components/TaskRow/TaskRow.tsx","../src/utils/geometry.ts","../src/hooks/useTaskDrag.ts","../src/components/TodayIndicator/TodayIndicator.tsx","../src/components/GridBackground/GridBackground.tsx","../src/components/DragGuideLines/DragGuideLines.tsx"],"sourcesContent":["'use client';\n\n// CSS import triggers tsup to emit dist/index.css (renamed to dist/styles.css by onSuccess)\nimport './styles.css';\n\n// Components\nexport { GanttChart, type Task, type GanttChartProps } from './components/GanttChart';\nexport { default as TaskRow } from './components/TaskRow';\nexport { default as TimeScaleHeader } from './components/TimeScaleHeader';\nexport { default as GridBackground } from './components/GridBackground';\nexport { default as TodayIndicator } from './components/TodayIndicator';\nexport { default as DragGuideLines } from './components/DragGuideLines/DragGuideLines';\n\n// Hooks\nexport { useTaskDrag } from './hooks';\n\n// Utils\nexport * from './utils';\n\n// Types\nexport type {\n  GanttDateRange,\n  TaskBarGeometry,\n  GridConfig,\n  MonthSpan,\n  GridLine,\n  WeekendBlock,\n} from './types';\n","'use client';\n\nimport React, { useMemo, useCallback, useRef, useState, useEffect } from 'react';\nimport { getMultiMonthDays } from '../../utils/dateUtils';\nimport { calculateGridWidth } from '../../utils/geometry';\nimport TimeScaleHeader from '../TimeScaleHeader';\nimport TaskRow from '../TaskRow';\nimport TodayIndicator from '../TodayIndicator';\nimport GridBackground from '../GridBackground';\nimport DragGuideLines from '../DragGuideLines/DragGuideLines';\nimport './GanttChart.css';\n\n/**\n * Task data structure for Gantt chart\n */\nexport interface Task {\n  /** Unique identifier for the task */\n  id: string;\n  /** Display name of the task */\n  name: string;\n  /** Task start date (ISO string or Date object) */\n  startDate: string | Date;\n  /** Task end date (ISO string or Date object) */\n  endDate: string | Date;\n  /** Optional color for task bar visualization */\n  color?: string;\n}\n\nexport interface GanttChartProps {\n  /** Array of tasks to display */\n  tasks: Task[];\n  /** Width of each day column in pixels (default: 40) */\n  dayWidth?: number;\n  /** Height of each task row in pixels (default: 40) */\n  rowHeight?: number;\n  /** Height of the header row in pixels (default: 40) */\n  headerHeight?: number;\n  /** Container height in pixels (default: 600) - adds vertical scrolling when tasks exceed this height */\n  containerHeight?: number;\n  /** Callback when tasks are modified via drag/resize. Can receive either the new tasks array or a functional updater. */\n  onChange?: (tasks: Task[] | ((currentTasks: Task[]) => Task[])) => void;\n}\n\n/**\n * GanttChart component - displays tasks on a monthly timeline with Excel-like styling\n *\n * The calendar automatically shows full months based on task date ranges.\n * For example, if tasks span from March 25 to May 5, the calendar shows\n * the complete months of March, April, and May (March 1 - May 31).\n *\n * @example\n * ```tsx\n * <GanttChart\n *   tasks={[\n *     { id: '1', name: 'Task 1', startDate: '2026-02-01', endDate: '2026-02-05' }\n *   ]}\n * />\n * ```\n */\nexport const GanttChart: React.FC<GanttChartProps> = ({\n  tasks,\n  dayWidth = 40,\n  rowHeight = 40,\n  headerHeight = 40,\n  containerHeight = 600,\n  onChange,\n}) => {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  // Calculate multi-month date range from tasks\n  const dateRange = useMemo(() => getMultiMonthDays(tasks), [tasks]);\n\n\n  // Calculate grid width\n  const gridWidth = useMemo(\n    () => Math.round(dateRange.length * dayWidth),\n    [dateRange.length, dayWidth]\n  );\n\n  // Calculate total grid height\n  const totalGridHeight = useMemo(\n    () => tasks.length * rowHeight,\n    [tasks.length, rowHeight]\n  );\n\n  // Get month start for calculations (first day of date range)\n  const monthStart = useMemo(() => {\n    if (dateRange.length === 0) {\n      return new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 1));\n    }\n    const firstDay = dateRange[0];\n    return new Date(Date.UTC(firstDay.getUTCFullYear(), firstDay.getUTCMonth(), 1));\n  }, [dateRange]);\n\n  // Only render TodayIndicator if today is in the visible date range\n  const todayInRange = useMemo(() => {\n    const now = new Date();\n    const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));\n    return dateRange.some(day => day.getTime() === today.getTime());\n  }, [dateRange]);\n\n  // Track drag state for guide lines\n  const [dragGuideLines, setDragGuideLines] = useState<{\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  } | null>(null);\n\n  /**\n   * Stable callback for task updates\n   *\n   * FIXED: No longer depends on `tasks` to avoid stale closure bugs.\n   * Uses functional state update pattern: the callback receives an updater function\n   * that maps over the current tasks state, ensuring we always use the latest state.\n   *\n   * This prevents the \"reverting\" bug where dragging a second task causes the\n   * first task to revert to its original position.\n   *\n   * To prevent re-render storms during drag:\n   * 1. The onChange callback is only called AFTER drag completes (mouseUp)\n   * 2. During drag, only the dragged TaskRow re-renders (due to its internal state)\n   * 3. Other TaskRows don't re-render because their props haven't changed\n   *\n   * The React.memo comparison in TaskRow excludes onChange from comparison,\n   * relying on the fact that onChange fires only after drag completes.\n   */\n  const handleTaskChange = useCallback((updatedTask: Task) => {\n    // Call onChange with a functional updater that receives the current tasks\n    onChange?.((currentTasks) =>\n      currentTasks.map((t) =>\n        t.id === updatedTask.id ? updatedTask : t\n      )\n    );\n  }, [onChange]);\n\n  const handleDragStateChange = useCallback((state: {\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  }) => {\n    if (state.isDragging) {\n      setDragGuideLines(state);\n    } else {\n      setDragGuideLines(null);\n    }\n  }, []);\n\n  // Pan (grab-scroll) on empty grid area\n  const panStateRef = useRef<{ active: boolean; startX: number; startY: number; scrollX: number; scrollY: number } | null>(null);\n\n  const handlePanStart = useCallback((e: React.MouseEvent) => {\n    // Only pan on left click, skip if clicking on a task bar\n    if (e.button !== 0) return;\n    const target = e.target as HTMLElement;\n    if (target.closest('[data-taskbar]')) return;\n\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    panStateRef.current = {\n      active: true,\n      startX: e.clientX,\n      startY: e.clientY,\n      scrollX: container.scrollLeft,\n      scrollY: container.scrollTop,\n    };\n    container.style.cursor = 'grabbing';\n    e.preventDefault();\n  }, []);\n\n  useEffect(() => {\n    const handlePanMove = (e: MouseEvent) => {\n      const pan = panStateRef.current;\n      if (!pan?.active) return;\n      const container = scrollContainerRef.current;\n      if (!container) return;\n\n      container.scrollLeft = pan.scrollX - (e.clientX - pan.startX);\n      container.scrollTop = pan.scrollY - (e.clientY - pan.startY);\n    };\n\n    const handlePanEnd = () => {\n      if (!panStateRef.current?.active) return;\n      panStateRef.current = null;\n      const container = scrollContainerRef.current;\n      if (container) container.style.cursor = '';\n    };\n\n    window.addEventListener('mousemove', handlePanMove);\n    window.addEventListener('mouseup', handlePanEnd);\n    return () => {\n      window.removeEventListener('mousemove', handlePanMove);\n      window.removeEventListener('mouseup', handlePanEnd);\n    };\n  }, []);\n\n  return (\n    <div className=\"gantt-container\">\n      <div\n        ref={scrollContainerRef}\n        className=\"gantt-scrollContainer\"\n        style={{ height: `${containerHeight}px`, cursor: 'grab' }}\n        onMouseDown={handlePanStart}\n      >\n        {/* Sticky header - stays at top during vertical scroll, scrolls with content horizontally */}\n        <div className=\"gantt-stickyHeader\" style={{ width: `${gridWidth}px` }}>\n          <TimeScaleHeader\n            days={dateRange}\n            dayWidth={dayWidth}\n            headerHeight={headerHeight}\n          />\n        </div>\n\n        {/* Task area */}\n        <div\n          className=\"gantt-taskArea\"\n          style={{\n            position: 'relative',\n            width: `${gridWidth}px`,\n          }}\n        >\n          <GridBackground\n            dateRange={dateRange}\n            dayWidth={dayWidth}\n            totalHeight={totalGridHeight}\n          />\n\n          {todayInRange && <TodayIndicator monthStart={monthStart} dayWidth={dayWidth} />}\n\n          {dragGuideLines && (\n            <DragGuideLines\n              isDragging={dragGuideLines.isDragging}\n              dragMode={dragGuideLines.dragMode}\n              left={dragGuideLines.left}\n              width={dragGuideLines.width}\n              totalHeight={totalGridHeight}\n            />\n          )}\n\n          {tasks.map((task) => (\n            <TaskRow\n              key={task.id}\n              task={task}\n              monthStart={monthStart}\n              dayWidth={dayWidth}\n              rowHeight={rowHeight}\n              onChange={handleTaskChange}\n              onDragStateChange={handleDragStateChange}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default GanttChart;\n","import { parseISO, isValid } from 'date-fns';\n\n/**\n * Parse date string as UTC to prevent DST issues\n * @param date - Date string or Date object\n * @returns Date object representing UTC midnight\n * @throws Error if date string is invalid\n */\nexport const parseUTCDate = (date: string | Date): Date => {\n  if (typeof date === 'string') {\n    // If already an ISO string (contains 'T'), parse directly\n    // Otherwise, append UTC time for simple date strings (YYYY-MM-DD)\n    const dateStr = date.includes('T') ? date : `${date}T00:00:00Z`;\n    const parsed = new Date(dateStr);\n    if (isNaN(parsed.getTime())) {\n      throw new Error(`Invalid date string: ${date}`);\n    }\n    return parsed;\n  }\n  return date;\n};\n\n/**\n * Get all days in the month of given date (UTC)\n * @param date - Reference date (any day in the target month)\n * @returns Array of Date objects for each day in the month\n */\nexport const getMonthDays = (date: Date | string): Date[] => {\n  const utcDate = parseUTCDate(date);\n  const year = utcDate.getUTCFullYear();\n  const month = utcDate.getUTCMonth();\n\n  // Get days in month (handles leap years)\n  const daysInMonth = new Date(Date.UTC(year, month + 1, 0)).getUTCDate();\n\n  const days: Date[] = [];\n  for (let day = 1; day <= daysInMonth; day++) {\n    days.push(new Date(Date.UTC(year, month, day)));\n  }\n\n  return days;\n};\n\n/**\n * Calculate day offset from month start (0-based)\n * @param date - The date to calculate offset for\n * @param monthStart - The start of the month as reference\n * @returns Number of days from month start (negative if date is before month start)\n */\nexport const getDayOffset = (date: Date, monthStart: Date): number => {\n  const dateMs = Date.UTC(\n    date.getUTCFullYear(),\n    date.getUTCMonth(),\n    date.getUTCDate()\n  );\n  const startMs = Date.UTC(\n    monthStart.getUTCFullYear(),\n    monthStart.getUTCMonth(),\n    monthStart.getUTCDate()\n  );\n  return Math.round((dateMs - startMs) / (1000 * 60 * 60 * 24));\n};\n\n/**\n * Check if date is today (UTC comparison)\n * @param date - Date to check\n * @returns True if date is today, false otherwise\n */\nexport const isToday = (date: Date): boolean => {\n  const now = new Date();\n  const today = new Date(Date.UTC(\n    now.getUTCFullYear(),\n    now.getUTCMonth(),\n    now.getUTCDate()\n  ));\n  const compareDate = new Date(Date.UTC(\n    date.getUTCFullYear(),\n    date.getUTCMonth(),\n    date.getUTCDate()\n  ));\n  return today.getTime() === compareDate.getTime();\n};\n\n/**\n * Check if date is a weekend day (Saturday or Sunday)\n * @param date - Date to check\n * @returns True if date is Saturday (6) or Sunday (0), false otherwise\n */\nexport const isWeekend = (date: Date): boolean => {\n  const day = date.getUTCDay();\n  return day === 0 || day === 6; // Sunday (0) or Saturday (6)\n};\n\n/**\n * Calculate multi-month date range from task dates\n * Expands range to include full months (1st of first month to last day of last month)\n * @param tasks - Array of tasks with startDate and endDate\n * @returns Array of Date objects for all days in the expanded range\n */\nexport const getMultiMonthDays = (tasks: Array<{ startDate: string | Date; endDate: string | Date }>): Date[] => {\n  // Handle empty task array by returning current month\n  if (!tasks || tasks.length === 0) {\n    return getMonthDays(new Date());\n  }\n\n  // Find min and max dates from all tasks\n  let minDate: Date | null = null;\n  let maxDate: Date | null = null;\n\n  for (const task of tasks) {\n    const start = parseUTCDate(task.startDate);\n    const end = parseUTCDate(task.endDate);\n\n    if (!minDate || start.getTime() < minDate.getTime()) {\n      minDate = start;\n    }\n    if (!maxDate || end.getTime() > maxDate.getTime()) {\n      maxDate = end;\n    }\n  }\n\n  if (!minDate || !maxDate) {\n    return getMonthDays(new Date());\n  }\n\n  // Extend to full months: 1st of first month to last day of last month\n  const startOfMonth = new Date(Date.UTC(\n    minDate.getUTCFullYear(),\n    minDate.getUTCMonth(),\n    1\n  ));\n\n  const endOfMonth = new Date(Date.UTC(\n    maxDate.getUTCFullYear(),\n    maxDate.getUTCMonth() + 1,\n    0\n  ));\n\n  // Generate all dates in range\n  const days: Date[] = [];\n  const current = new Date(startOfMonth);\n\n  while (current.getTime() <= endOfMonth.getTime()) {\n    days.push(new Date(Date.UTC(\n      current.getUTCFullYear(),\n      current.getUTCMonth(),\n      current.getUTCDate()\n    )));\n    // Move to next day\n    current.setUTCDate(current.getUTCDate() + 1);\n  }\n\n  return days;\n};\n\n/**\n * Calculate month spans within a date range\n * @param dateRange - Array of Date objects representing the full range\n * @returns Array of month span objects with month, days count, and start index\n */\nexport const getMonthSpans = (\n  dateRange: Date[]\n): Array<{ month: Date; days: number; startIndex: number }> => {\n  if (dateRange.length === 0) {\n    return [];\n  }\n\n  const spans: Array<{ month: Date; days: number; startIndex: number }> = [];\n  let currentMonthYear = `${dateRange[0].getUTCFullYear()}-${dateRange[0].getUTCMonth()}`;\n  let startOfMonthIndex = 0;\n\n  for (let i = 0; i < dateRange.length; i++) {\n    const date = dateRange[i];\n    const monthYear = `${date.getUTCFullYear()}-${date.getUTCMonth()}`;\n\n    // When month changes, finalize the previous span and start a new one\n    if (monthYear !== currentMonthYear) {\n      spans.push({\n        month: new Date(Date.UTC(\n          dateRange[startOfMonthIndex].getUTCFullYear(),\n          dateRange[startOfMonthIndex].getUTCMonth(),\n          1\n        )),\n        days: i - startOfMonthIndex,\n        startIndex: startOfMonthIndex\n      });\n      currentMonthYear = monthYear;\n      startOfMonthIndex = i;\n    }\n\n    // Last date - finalize the last span\n    if (i === dateRange.length - 1) {\n      spans.push({\n        month: new Date(Date.UTC(\n          date.getUTCFullYear(),\n          date.getUTCMonth(),\n          1\n        )),\n        days: i - startOfMonthIndex + 1,\n        startIndex: startOfMonthIndex\n      });\n    }\n  }\n\n  return spans;\n};\n\n/**\n * Format date as DD.MM (e.g., 25.03 for March 25th)\n * @param date - Date to format\n * @returns Formatted date string in DD.MM format\n */\nexport const formatDateLabel = (date: Date | string): string => {\n  const parsed = parseUTCDate(date);\n  const day = String(parsed.getUTCDate()).padStart(2, '0');\n  const month = String(parsed.getUTCMonth() + 1).padStart(2, '0');\n  return `${day}.${month}`;\n};\n","'use client';\n\nimport React, { useMemo } from 'react';\nimport { format } from 'date-fns';\nimport { ru } from 'date-fns/locale';\nimport { getMonthSpans } from '../../utils/dateUtils';\nimport type { MonthSpan } from '../../types';\nimport './TimeScaleHeader.css';\n\nexport interface TimeScaleHeaderProps {\n  /** Array of dates to display (from getMultiMonthDays) */\n  days: Date[];\n  /** Width of each day column in pixels */\n  dayWidth: number;\n  /** Height of the header row in pixels */\n  headerHeight: number;\n}\n\n/**\n * TimeScaleHeader component - displays two-row date headers for the Gantt chart\n *\n * Top row: Month names (Russian, left-aligned) spanning multiple day columns\n * Bottom row: Day numbers (centered) in individual columns\n */\nconst TimeScaleHeader: React.FC<TimeScaleHeaderProps> = ({\n  days,\n  dayWidth,\n  headerHeight,\n}) => {\n  // Calculate month spans using the utility from dateUtils\n  const monthSpans = useMemo(() => getMonthSpans(days), [days]);\n\n  // Split header height evenly between two rows\n  const rowHeight = headerHeight / 2;\n\n  // Calculate grid template for day row\n  const dayGridTemplate = useMemo(\n    () => `repeat(${days.length}, ${dayWidth}px)`,\n    [days.length, dayWidth]\n  );\n\n  return (\n    <div\n      className=\"gantt-tsh-header\"\n      style={{ height: `${headerHeight}px` }}\n    >\n      {/* Month row - top */}\n      <div\n        className=\"gantt-tsh-monthRow\"\n        style={{ height: `${rowHeight}px` }}\n      >\n        {monthSpans.map((span: MonthSpan, index: number) => (\n          <div\n            key={`month-${index}`}\n            className=\"gantt-tsh-monthCell\"\n            style={{ width: `${span.days * dayWidth}px` }}\n          >\n            {format(span.month, 'LLLL yyyy', { locale: ru }).replace(/^./, (c) => c.toUpperCase())}\n          </div>\n        ))}\n      </div>\n\n      {/* Day row - bottom */}\n      <div\n        className=\"gantt-tsh-dayRow\"\n        style={{\n          height: `${rowHeight}px`,\n          gridTemplateColumns: dayGridTemplate,\n        }}\n      >\n        {days.map((day, index) => {\n          const isWeekend = day.getDay() === 0 || day.getDay() === 6;\n          const prevDay = days[index - 1];\n          const isMonthBoundary = index > 0 && prevDay && prevDay.getMonth() !== day.getMonth();\n          // Use local date comparison for \"today\" (user's current date)\n          const now = new Date();\n          const isTodayDate =\n            day.getUTCFullYear() === now.getFullYear() &&\n            day.getUTCMonth() === now.getMonth() &&\n            day.getUTCDate() === now.getDate();\n          return (\n            <div key={`day-${index}`} className={`gantt-tsh-dayCell ${isWeekend ? 'gantt-tsh-weekendDay' : ''} ${isMonthBoundary ? 'gantt-tsh-monthBoundary' : ''} ${isTodayDate ? 'gantt-tsh-today' : ''}`}>\n              <span className=\"gantt-tsh-dayLabel\">{format(day, 'd')}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default TimeScaleHeader;\n","'use client';\n\nimport React, { useMemo, useState, useEffect, useRef } from 'react';\nimport { parseUTCDate, formatDateLabel } from '../../utils/dateUtils';\nimport { calculateTaskBar, pixelsToDate } from '../../utils/geometry';\nimport { useTaskDrag } from '../../hooks/useTaskDrag';\nimport type { Task } from '../GanttChart';\nimport './TaskRow.css';\n\nexport interface TaskRowProps {\n  /** Task data to render */\n  task: Task;\n  /** Start of the month for positioning calculations */\n  monthStart: Date;\n  /** Width of each day column in pixels */\n  dayWidth: number;\n  /** Height of the task row in pixels */\n  rowHeight: number;\n  /** Callback when task is modified via drag/resize */\n  onChange?: (updatedTask: Task) => void;\n  /** Callback when task drag state changes (for rendering guide lines) */\n  onDragStateChange?: (state: {\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  }) => void;\n}\n\n/**\n * Custom comparison function for React.memo\n *\n * Performance optimization: Only re-renders if task properties that affect rendering change.\n *\n * NOTE: onChange is intentionally excluded from this comparison because:\n * 1. The parent (GanttChart) wraps onChange in useCallback for referential stability\n * 2. onChange is only called AFTER drag completes (not during drag)\n * 3. During drag, only the dragged TaskRow re-renders due to its internal drag state\n * 4. Other TaskRows don't need to re-render when one task is dragged\n *\n * NOTE: monthStart MUST be included because task positions are calculated relative to it.\n * When the grid expands (e.g., dragging a task left beyond the boundary), monthStart changes\n * and all tasks need to re-render to update their positions.\n *\n * Excluding onChange prevents re-render storms when dragging tasks with ~100 tasks.\n */\nconst arePropsEqual = (prevProps: TaskRowProps, nextProps: TaskRowProps) => {\n  return (\n    prevProps.task.id === nextProps.task.id &&\n    prevProps.task.name === nextProps.task.name &&\n    prevProps.task.startDate === nextProps.task.startDate &&\n    prevProps.task.endDate === nextProps.task.endDate &&\n    prevProps.task.color === nextProps.task.color &&\n    prevProps.monthStart.getTime() === nextProps.monthStart.getTime() &&\n    prevProps.dayWidth === nextProps.dayWidth &&\n    prevProps.rowHeight === nextProps.rowHeight\n    // onChange excluded - see note above\n  );\n};\n\n/**\n * TaskRow component - renders a single task row with a task bar\n *\n * Uses React.memo for performance optimization (QL-01).\n * The task bar is positioned absolutely based on start/end dates.\n */\nconst TaskRow: React.FC<TaskRowProps> = React.memo(\n  ({ task, monthStart, dayWidth, rowHeight, onChange, onDragStateChange }) => {\n    // Parse dates as UTC\n    const taskStartDate = useMemo(() => parseUTCDate(task.startDate), [task.startDate]);\n    const taskEndDate = useMemo(() => parseUTCDate(task.endDate), [task.endDate]);\n\n    // Calculate task bar position and dimensions\n    const { left, width } = useMemo(\n      () => calculateTaskBar(taskStartDate, taskEndDate, monthStart, dayWidth),\n      [taskStartDate, taskEndDate, monthStart, dayWidth]\n    );\n\n    // Determine task bar color\n    const barColor = task.color || 'var(--gantt-task-bar-default-color)';\n\n    // Handle drag end - call onChange with updated task\n    const handleDragEnd = (result: { id: string; startDate: Date; endDate: Date }) => {\n      const updatedTask: Task = {\n        ...task,\n        startDate: result.startDate.toISOString(),\n        endDate: result.endDate.toISOString(),\n      };\n      onChange?.(updatedTask);\n    };\n\n    // Use drag hook for interactive drag/resize\n    const {\n      isDragging,\n      dragMode,\n      currentLeft,\n      currentWidth,\n      dragHandleProps,\n    } = useTaskDrag({\n      taskId: task.id,\n      initialStartDate: taskStartDate,\n      initialEndDate: taskEndDate,\n      monthStart,\n      dayWidth,\n      onDragEnd: handleDragEnd,\n      onDragStateChange,\n      edgeZoneWidth: 20,\n    });\n\n    // Use dynamic position during drag\n    const displayLeft = isDragging ? currentLeft : left;\n    const displayWidth = isDragging ? currentWidth : width;\n\n    // Format date labels for display - update in real-time during drag\n    const currentStartDate = isDragging\n      ? pixelsToDate(displayLeft, monthStart, dayWidth)\n      : taskStartDate;\n    const currentEndDate = isDragging\n      ? pixelsToDate(displayLeft + displayWidth - dayWidth, monthStart, dayWidth)\n      : taskEndDate;\n\n    const startDateLabel = formatDateLabel(currentStartDate);\n    const endDateLabel = formatDateLabel(currentEndDate);\n\n    // Calculate duration in days\n    const durationDays = Math.round(\n      (currentEndDate.getTime() - currentStartDate.getTime()) / (1000 * 60 * 60 * 24)\n    ) + 1;\n\n    // Detect if task name overflows the bar\n    const [isNameOverflow, setIsNameOverflow] = useState(false);\n    const taskNameRef = useRef<HTMLSpanElement>(null);\n\n    useEffect(() => {\n      const nameEl = taskNameRef.current;\n      if (nameEl) {\n        // Check if task name is wider than available space\n        // Reserved space for dates, duration, separator, and handles\n        const reservedWidth = 120;\n        const availableWidth = displayWidth - reservedWidth;\n        setIsNameOverflow(nameEl.scrollWidth > availableWidth);\n      }\n    }, [displayWidth, task.name]);\n\n    return (\n      <div\n        className=\"gantt-tr-row\"\n        style={{ height: `${rowHeight}px` }}\n      >\n        <div className=\"gantt-tr-taskContainer\">\n          <div\n            data-taskbar\n            className={`gantt-tr-taskBar ${isDragging ? 'gantt-tr-dragging' : ''}`}\n            style={{\n              left: `${displayLeft}px`,\n              width: `${displayWidth}px`,\n              backgroundColor: barColor,\n              height: 'var(--gantt-task-bar-height)',\n              cursor: dragHandleProps.style.cursor,\n              userSelect: dragHandleProps.style.userSelect,\n            }}\n            onMouseDown={dragHandleProps.onMouseDown}\n          >\n            <div className=\"gantt-tr-resizeHandle gantt-tr-resizeHandleLeft\" />\n            <span className=\"gantt-tr-taskDuration\">\n              {durationDays} д\n            </span>\n            <span\n              ref={taskNameRef}\n              className={`gantt-tr-taskName ${isNameOverflow ? 'gantt-tr-taskNameHidden' : ''}`}\n            >\n              — {task.name}\n            </span>\n            <div className=\"gantt-tr-resizeHandle gantt-tr-resizeHandleRight\" />\n          </div>\n          <div\n            className=\"gantt-tr-leftLabels\"\n            style={{\n              left: `${displayLeft}px`\n            }}\n          >\n            <span className=\"gantt-tr-dateLabel gantt-tr-dateLabelLeft\">\n              {startDateLabel}–{endDateLabel}\n            </span>\n          </div>\n          <div\n            className=\"gantt-tr-rightLabels\"\n            style={{\n              left: `${displayLeft + displayWidth}px`,\n            }}\n          >\n            {isNameOverflow && (\n              <span className=\"gantt-tr-externalTaskName\">\n                {task.name}\n              </span>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  },\n  arePropsEqual\n);\n\nTaskRow.displayName = 'TaskRow';\n\nexport default TaskRow;\n","/**\n * Calculate day difference in UTC\n */\nconst getUTCDayDifference = (date1: Date, date2: Date): number => {\n  const ms1 = Date.UTC(\n    date1.getUTCFullYear(),\n    date1.getUTCMonth(),\n    date1.getUTCDate()\n  );\n  const ms2 = Date.UTC(\n    date2.getUTCFullYear(),\n    date2.getUTCMonth(),\n    date2.getUTCDate()\n  );\n  return Math.round((ms1 - ms2) / (1000 * 60 * 60 * 24));\n};\n\n/**\n * Calculate task bar positioning and dimensions\n * @param taskStartDate - Start date of the task\n * @param taskEndDate - End date of the task\n * @param monthStart - Start of the month/visible range\n * @param dayWidth - Width of each day in pixels\n * @returns Object with left position and width in pixels\n */\nexport const calculateTaskBar = (\n  taskStartDate: Date,\n  taskEndDate: Date,\n  monthStart: Date,\n  dayWidth: number\n): { left: number; width: number } => {\n  const startOffset = getUTCDayDifference(taskStartDate, monthStart);\n  const duration = getUTCDayDifference(taskEndDate, taskStartDate);\n\n  // Round to avoid sub-pixel rendering issues\n  const left = Math.round(startOffset * dayWidth);\n  const width = Math.round((duration + 1) * dayWidth); // +1 to include end date\n\n  return { left, width };\n};\n\n/**\n * Convert pixel position to date (inverse of calculateTaskBar)\n * @param pixels - Position in pixels (left or width)\n * @param monthStart - Start of the month/visible range\n * @param dayWidth - Width of each day in pixels\n * @returns Date calculated from pixel position\n */\nexport const pixelsToDate = (pixels: number, monthStart: Date, dayWidth: number): Date => {\n  const days = Math.round(pixels / dayWidth);\n  return new Date(Date.UTC(\n    monthStart.getUTCFullYear(),\n    monthStart.getUTCMonth(),\n    monthStart.getUTCDate() + days\n  ));\n};\n\n/**\n * Calculate total width for month grid\n * @param daysInMonth - Number of days in the month\n * @param dayWidth - Width of each day in pixels\n * @returns Total grid width in pixels\n */\nexport const calculateGridWidth = (daysInMonth: number, dayWidth: number): number => {\n  return Math.round(daysInMonth * dayWidth);\n};\n\n/**\n * Detect which edge zone the cursor is in on a task bar\n * @param clientX - Mouse X coordinate relative to viewport\n * @param taskBarElement - The task bar DOM element\n * @param edgeZoneWidth - Width of edge zones in pixels (default: 12px)\n * @returns 'left' if in left edge, 'right' if in right edge, 'move' if in middle\n */\nexport const detectEdgeZone = (\n  clientX: number,\n  taskBarElement: HTMLElement,\n  edgeZoneWidth: number = 12\n): 'left' | 'right' | 'move' => {\n  const rect = taskBarElement.getBoundingClientRect();\n  const relativeX = Math.round(clientX - rect.left);\n\n  // Check left edge zone\n  if (relativeX >= 0 && relativeX <= edgeZoneWidth) {\n    return 'left';\n  }\n\n  // Check right edge zone\n  const width = Math.round(rect.width);\n  if (relativeX >= width - edgeZoneWidth && relativeX <= width) {\n    return 'right';\n  }\n\n  // Middle area - move mode\n  return 'move';\n};\n\n/**\n * Get appropriate cursor style for drag position\n * @param position - The drag position (left edge, right edge, or move)\n * @returns CSS cursor string for the position\n */\nexport const getCursorForPosition = (position: 'left' | 'right' | 'move'): string => {\n  switch (position) {\n    case 'left':\n    case 'right':\n      return 'ew-resize';\n    case 'move':\n      return 'grab';\n    default:\n      return 'default';\n  }\n};\n\n/**\n * Calculate grid line positions for a date range\n * @param dateRange - Array of Date objects representing the visible range\n * @param dayWidth - Width of each day column in pixels\n * @returns Array of grid line objects with x position and flags\n */\nexport const calculateGridLines = (\n  dateRange: Date[],\n  dayWidth: number\n): Array<{ x: number; isMonthStart: boolean; isWeekStart: boolean }> => {\n  const lines: Array<{ x: number; isMonthStart: boolean; isWeekStart: boolean }> = [];\n\n  for (let i = 0; i < dateRange.length; i++) {\n    const date = dateRange[i];\n    const x = Math.round(i * dayWidth);\n    const isMonthStart = date.getUTCDate() === 1;\n    const isWeekStart = date.getUTCDay() === 1; // Monday\n\n    lines.push({ x, isMonthStart, isWeekStart });\n  }\n\n  // Add final line at the end of the range\n  if (dateRange.length > 0) {\n    lines.push({\n      x: Math.round(dateRange.length * dayWidth),\n      isMonthStart: false,\n      isWeekStart: false\n    });\n  }\n\n  return lines;\n};\n\n/**\n * Calculate weekend background blocks for a date range\n * @param dateRange - Array of Date objects representing the visible range\n * @param dayWidth - Width of each day column in pixels\n * @returns Array of weekend block objects with left position and width\n */\nexport const calculateWeekendBlocks = (\n  dateRange: Date[],\n  dayWidth: number\n): Array<{ left: number; width: number }> => {\n  const blocks: Array<{ left: number; width: number }> = [];\n  let inWeekend = false;\n  let weekendStartIndex = -1;\n\n  for (let i = 0; i < dateRange.length; i++) {\n    const date = dateRange[i];\n    const dayOfWeek = date.getUTCDay();\n    const isWeekend = dayOfWeek === 0 || dayOfWeek === 6; // Sunday or Saturday\n\n    if (isWeekend && !inWeekend) {\n      // Start of a weekend block\n      inWeekend = true;\n      weekendStartIndex = i;\n    } else if (!isWeekend && inWeekend) {\n      // End of a weekend block\n      inWeekend = false;\n      const left = Math.round(weekendStartIndex * dayWidth);\n      const width = Math.round((i - weekendStartIndex) * dayWidth);\n      blocks.push({ left, width });\n    }\n  }\n\n  // Handle case where range ends on a weekend\n  if (inWeekend && weekendStartIndex >= 0) {\n    const left = Math.round(weekendStartIndex * dayWidth);\n    const width = Math.round((dateRange.length - weekendStartIndex) * dayWidth);\n    blocks.push({ left, width });\n  }\n\n  return blocks;\n};\n","'use client';\n\nimport { useEffect, useRef, useState, useCallback } from 'react';\nimport { detectEdgeZone } from '../utils/geometry';\n\n/**\n * Global drag manager that persists across HMR\n *\n * This singleton manages active drag operations at the module level,\n * ensuring that drag state survives React Fast Refresh (HMR).\n *\n * The key insight: When HMR occurs during a drag operation:\n * 1. The component unmounts and its useEffect cleanup removes window listeners\n * 2. The component remounts with fresh refs (isDraggingRef = false)\n * 3. But the user is still holding the mouse button!\n * 4. Without module-level state, the drag operation is orphaned\n *\n * Solution: Store active drag state in module-level singleton and\n * use a global cleanup effect to always handle mouseup/mousemove.\n */\ninterface ActiveDragState {\n  taskId: string;\n  mode: 'move' | 'resize-left' | 'resize-right';\n  startX: number;\n  initialLeft: number;\n  initialWidth: number;\n  currentLeft: number;\n  currentWidth: number;\n  dayWidth: number;\n  monthStart: Date;\n  onProgress: (left: number, width: number) => void;\n  onComplete: (finalLeft: number, finalWidth: number) => void;\n  onCancel: () => void;\n}\n\nlet globalActiveDrag: ActiveDragState | null = null;\nlet globalRafId: number | null = null;\n\n/**\n * Complete the active drag operation\n */\nfunction completeDrag() {\n  if (globalRafId !== null) {\n    cancelAnimationFrame(globalRafId);\n    globalRafId = null;\n  }\n\n  if (globalActiveDrag) {\n    const { onComplete, currentLeft, currentWidth } = globalActiveDrag;\n    const drag = globalActiveDrag;\n    globalActiveDrag = null;\n    onComplete(currentLeft, currentWidth);\n  }\n}\n\n/**\n * Cancel the active drag operation\n */\nfunction cancelDrag() {\n  if (globalRafId !== null) {\n    cancelAnimationFrame(globalRafId);\n    globalRafId = null;\n  }\n\n  if (globalActiveDrag) {\n    const { onCancel } = globalActiveDrag;\n    globalActiveDrag = null;\n    onCancel();\n  }\n}\n\n/**\n * Snap pixel value to grid (day boundaries)\n */\nfunction snapToGrid(pixels: number, dayWidth: number): number {\n  return Math.round(pixels / dayWidth) * dayWidth;\n}\n\n/**\n * Global mouse move handler - attached once and persists across HMR\n */\nfunction handleGlobalMouseMove(e: MouseEvent) {\n  if (!globalActiveDrag || globalRafId !== null) {\n    return;\n  }\n\n  globalRafId = requestAnimationFrame(() => {\n    if (!globalActiveDrag) {\n      globalRafId = null;\n      return;\n    }\n\n    const { startX, initialLeft, initialWidth, mode, dayWidth, onProgress } = globalActiveDrag;\n    const deltaX = e.clientX - startX;\n\n    let newLeft = initialLeft;\n    let newWidth = initialWidth;\n\n    switch (mode) {\n      case 'move':\n        newLeft = snapToGrid(initialLeft + deltaX, dayWidth);\n        break;\n      case 'resize-left':\n        const snappedLeft = snapToGrid(initialLeft + deltaX, dayWidth);\n        newLeft = snappedLeft;\n        const rightEdge = initialLeft + initialWidth;\n        newWidth = Math.max(dayWidth, rightEdge - snappedLeft);\n        break;\n      case 'resize-right':\n        const snappedWidth = snapToGrid(initialWidth + deltaX, dayWidth);\n        newWidth = Math.max(dayWidth, snappedWidth);\n        break;\n    }\n\n    // Update current values in global state for completion\n    globalActiveDrag.currentLeft = newLeft;\n    globalActiveDrag.currentWidth = newWidth;\n\n    onProgress(newLeft, newWidth);\n    globalRafId = null;\n  });\n}\n\n/**\n * Global mouse up handler - attached once and persists across HMR\n */\nfunction handleGlobalMouseUp() {\n  if (globalActiveDrag) {\n    completeDrag();\n  }\n}\n\n/**\n * Track whether global listeners are attached\n */\nlet globalListenersAttached = false;\n\n/**\n * Ensure global listeners are attached (idempotent)\n */\nfunction ensureGlobalListeners() {\n  if (!globalListenersAttached) {\n    window.addEventListener('mousemove', handleGlobalMouseMove);\n    window.addEventListener('mouseup', handleGlobalMouseUp);\n    globalListenersAttached = true;\n  }\n}\n\n/**\n * Cleanup global listeners - called when no components are using drag\n * Note: In practice with HMR, we keep these attached for safety\n */\nfunction cleanupGlobalListeners() {\n  // We keep global listeners attached to handle orphaned drags after HMR\n  // They will be cleaned up when the page is refreshed\n}\n\n/**\n * Options for useTaskDrag hook\n */\nexport interface UseTaskDragOptions {\n  /** Unique identifier for the task */\n  taskId: string;\n  /** Initial start date of the task */\n  initialStartDate: Date;\n  /** Initial end date of the task */\n  initialEndDate: Date;\n  /** Start of the visible range (e.g., month start) */\n  monthStart: Date;\n  /** Width of each day in pixels */\n  dayWidth: number;\n  /** Callback when drag operation completes */\n  onDragEnd?: (result: { id: string; startDate: Date; endDate: Date }) => void;\n  /** Callback for drag state changes (for parent components to render guide lines) */\n  onDragStateChange?: (state: {\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  }) => void;\n  /** Width of edge zones for resize detection (default: 12px) */\n  edgeZoneWidth?: number;\n}\n\n/**\n * Return value from useTaskDrag hook\n */\nexport interface UseTaskDragReturn {\n  /** Whether a drag operation is in progress */\n  isDragging: boolean;\n  /** Current drag mode (null when not dragging) */\n  dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n  /** Current left position in pixels (updated during drag) */\n  currentLeft: number;\n  /** Current width in pixels (updated during drag) */\n  currentWidth: number;\n  /** Props to spread on the drag handle element */\n  dragHandleProps: {\n    onMouseDown: (e: React.MouseEvent) => void;\n    style: React.CSSProperties;\n  };\n}\n\n/**\n * Custom hook for managing task drag interactions\n *\n * HMR-SAFE: Uses module-level singleton to ensure drag state survives\n * React Fast Refresh. Window event listeners are attached once at module\n * level rather than per component instance.\n */\nexport const useTaskDrag = (options: UseTaskDragOptions): UseTaskDragReturn => {\n  const {\n    taskId,\n    initialStartDate,\n    initialEndDate,\n    monthStart,\n    dayWidth,\n    onDragEnd,\n    onDragStateChange,\n    edgeZoneWidth = 12,\n  } = options;\n\n  // Track if this hook instance owns the current global drag\n  const isOwnerRef = useRef<boolean>(false);\n\n  // Display state (triggers re-renders only when needed)\n  const [isDragging, setIsDragging] = useState<boolean>(false);\n  const [dragMode, setDragMode] = useState<'move' | 'resize-left' | 'resize-right' | null>(null);\n  const [currentLeft, setCurrentLeft] = useState<number>(0);\n  const [currentWidth, setCurrentWidth] = useState<number>(0);\n\n  /**\n   * Calculate initial pixel position from dates\n   */\n  const getInitialPosition = useCallback((): { left: number; width: number } => {\n    const getUTCDayDifference = (date1: Date, date2: Date): number => {\n      const ms1 = Date.UTC(\n        date1.getUTCFullYear(),\n        date1.getUTCMonth(),\n        date1.getUTCDate()\n      );\n      const ms2 = Date.UTC(\n        date2.getUTCFullYear(),\n        date2.getUTCMonth(),\n        date2.getUTCDate()\n      );\n      return Math.round((ms1 - ms2) / (1000 * 60 * 60 * 24));\n    };\n\n    const startOffset = getUTCDayDifference(initialStartDate, monthStart);\n    const duration = getUTCDayDifference(initialEndDate, initialStartDate);\n\n    const left = Math.round(startOffset * dayWidth);\n    const width = Math.round((duration + 1) * dayWidth); // +1 to include end date\n\n    return { left, width };\n  }, [initialStartDate, initialEndDate, monthStart, dayWidth]);\n\n  /**\n   * Initialize position when dates or dayWidth changes\n   */\n  useEffect(() => {\n    const { left, width } = getInitialPosition();\n    setCurrentLeft(left);\n    setCurrentWidth(width);\n  }, [getInitialPosition]);\n\n  /**\n   * Handle drag progress callback from global manager\n   */\n  const handleProgress = useCallback((left: number, width: number) => {\n    setCurrentLeft(left);\n    setCurrentWidth(width);\n\n    if (onDragStateChange && isOwnerRef.current) {\n      const mode = globalActiveDrag?.mode || null;\n      onDragStateChange({\n        isDragging: true,\n        dragMode: mode,\n        left,\n        width,\n      });\n    }\n  }, [onDragStateChange]);\n\n  /**\n   * Handle drag completion from global manager\n   */\n  const handleComplete = useCallback((finalLeft: number, finalWidth: number) => {\n    const wasOwner = isOwnerRef.current;\n    isOwnerRef.current = false;\n\n    // Calculate new dates from final pixel values\n    const dayOffset = Math.round(finalLeft / dayWidth);\n    const durationDays = Math.round(finalWidth / dayWidth) - 1; // -1 because width includes end date\n\n    const newStartDate = new Date(Date.UTC(\n      monthStart.getUTCFullYear(),\n      monthStart.getUTCMonth(),\n      monthStart.getUTCDate() + dayOffset\n    ));\n\n    const newEndDate = new Date(Date.UTC(\n      monthStart.getUTCFullYear(),\n      monthStart.getUTCMonth(),\n      monthStart.getUTCDate() + dayOffset + durationDays\n    ));\n\n    // Reset local state\n    setIsDragging(false);\n    setDragMode(null);\n\n    // Notify parent of drag end\n    if (onDragStateChange) {\n      onDragStateChange({\n        isDragging: false,\n        dragMode: null,\n        left: finalLeft,\n        width: finalWidth,\n      });\n    }\n\n    // Notify parent of drag completion (only if we were the owner)\n    if (onDragEnd && wasOwner) {\n      onDragEnd({\n        id: taskId,\n        startDate: newStartDate,\n        endDate: newEndDate,\n      });\n    }\n  }, [dayWidth, monthStart, onDragEnd, onDragStateChange, taskId]);\n\n  /**\n   * Handle drag cancellation (e.g., if HMR orphaned the drag)\n   */\n  const handleCancel = useCallback(() => {\n    isOwnerRef.current = false;\n    setIsDragging(false);\n    setDragMode(null);\n\n    if (onDragStateChange) {\n      onDragStateChange({\n        isDragging: false,\n        dragMode: null,\n        left: currentLeft,\n        width: currentWidth,\n      });\n    }\n  }, [onDragStateChange, currentLeft, currentWidth]);\n\n  /**\n   * Cleanup on unmount - if this instance owns the drag, cancel it\n   */\n  useEffect(() => {\n    return () => {\n      if (isOwnerRef.current && globalActiveDrag) {\n        // We're unmounting while owning the drag - cancel it\n        cancelDrag();\n      }\n    };\n  }, []);\n\n  /**\n   * Handle mouse down on drag handle\n   */\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    const target = e.currentTarget as HTMLElement;\n    const edgeZone = detectEdgeZone(e.clientX, target, edgeZoneWidth);\n\n    // Determine drag mode from edge zone\n    let mode: 'move' | 'resize-left' | 'resize-right' | null = null;\n    switch (edgeZone) {\n      case 'left':\n        mode = 'resize-left';\n        break;\n      case 'right':\n        mode = 'resize-right';\n        break;\n      case 'move':\n        mode = 'move';\n        break;\n    }\n\n    if (!mode) {\n      return;\n    }\n\n    // Get current position from state (this is what we see on screen)\n    const initialLeft = currentLeft;\n    const initialWidth = currentWidth;\n\n    // Mark this instance as the drag owner\n    isOwnerRef.current = true;\n\n    // Update display state\n    setIsDragging(true);\n    setDragMode(mode);\n\n    // Notify parent of drag start\n    if (onDragStateChange) {\n      onDragStateChange({\n        isDragging: true,\n        dragMode: mode,\n        left: initialLeft,\n        width: initialWidth,\n      });\n    }\n\n    // Ensure global listeners are attached (idempotent)\n    ensureGlobalListeners();\n\n    // Store drag state in global singleton\n    globalActiveDrag = {\n      taskId,\n      mode,\n      startX: e.clientX,\n      initialLeft,\n      initialWidth,\n      currentLeft: initialLeft, // Initially same as initial\n      currentWidth: initialWidth, // Initially same as initial\n      dayWidth,\n      monthStart,\n      onProgress: handleProgress,\n      onComplete: handleComplete,\n      onCancel: handleCancel,\n    };\n  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel]);\n\n  /**\n   * Get cursor style based on current position\n   */\n  const getCursorStyle = useCallback((): string => {\n    if (isDragging) {\n      return 'grabbing';\n    }\n    return 'grab';\n  }, [isDragging]);\n\n  return {\n    isDragging,\n    dragMode,\n    currentLeft,\n    currentWidth,\n    dragHandleProps: {\n      onMouseDown: handleMouseDown,\n      style: {\n        cursor: getCursorStyle(),\n        userSelect: 'none',\n      } as React.CSSProperties,\n    },\n  };\n};\n","'use client';\n\nimport React, { useMemo } from 'react';\nimport { getDayOffset, isToday } from '../../utils/dateUtils';\nimport './TodayIndicator.css';\n\nexport interface TodayIndicatorProps {\n  /** Start of the month for positioning calculations */\n  monthStart: Date;\n  /** Width of each day column in pixels */\n  dayWidth: number;\n}\n\n/**\n * TodayIndicator component - displays a vertical line at the current date\n *\n * Only renders when the current date is within the visible month range.\n * Satisfies REND-04 requirement for visual today indicator.\n */\nconst TodayIndicator: React.FC<TodayIndicatorProps> = ({ monthStart, dayWidth }) => {\n  // Use local date for \"today\" (not UTC) - user's current date matters\n  const today = new Date();\n  const todayLocal = new Date(Date.UTC(\n    today.getFullYear(),\n    today.getMonth(),\n    today.getDate()\n  ));\n\n  // Check if today is within the current month (UTC comparison with local today)\n  const isInMonth = useMemo(() => {\n    return (\n      todayLocal.getUTCFullYear() === monthStart.getUTCFullYear() &&\n      todayLocal.getUTCMonth() === monthStart.getUTCMonth()\n    );\n  }, [monthStart, todayLocal]);\n\n  // Calculate position if today is in the month\n  const position = useMemo(() => {\n    if (!isInMonth) return null;\n\n    const offset = getDayOffset(todayLocal, monthStart);\n    return Math.round(offset * dayWidth);\n  }, [isInMonth, monthStart, dayWidth, todayLocal]);\n\n  if (!isInMonth || position === null) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"gantt-ti-indicator\"\n      style={{\n        left: `${position}px`,\n        width: 'var(--gantt-today-indicator-width)',\n        backgroundColor: 'var(--gantt-today-indicator-color)',\n      }}\n      aria-label=\"Today\"\n    />\n  );\n};\n\nexport default TodayIndicator;\n","'use client';\n\nimport React, { useMemo } from 'react';\nimport { calculateGridLines, calculateWeekendBlocks } from '../../utils/geometry';\nimport type { GridLine } from '../../types';\nimport './GridBackground.css';\n\nexport interface GridBackgroundProps {\n  /** Array of dates to display (from getMultiMonthDays) */\n  dateRange: Date[];\n  /** Width of each day column in pixels */\n  dayWidth: number;\n  /** Total height of the grid area in pixels */\n  totalHeight: number;\n}\n\n/**\n * Custom comparison function for React.memo\n *\n * Performance optimization: Only re-renders if dateRange or dayWidth change.\n * totalHeight is excluded because it only affects container height, not grid calculations.\n */\nconst arePropsEqual = (prevProps: GridBackgroundProps, nextProps: GridBackgroundProps) => {\n  return (\n    prevProps.dayWidth === nextProps.dayWidth &&\n    prevProps.dateRange.length === nextProps.dateRange.length &&\n    prevProps.totalHeight !== nextProps.totalHeight // totalHeight changes still trigger update\n  );\n};\n\n/**\n * GridBackground component - renders vertical grid lines and weekend background highlighting\n *\n * This component provides the visual grid structure that runs behind task rows.\n * It separates grid rendering from task rendering for better performance and cleaner code.\n *\n * Features:\n * - Vertical grid lines at month/week/day boundaries\n * - Pink background highlighting for weekend days\n * - React.memo optimization for performance\n * - Pointer events disabled (clicks pass through to tasks)\n */\nconst GridBackground: React.FC<GridBackgroundProps> = React.memo(\n  ({ dateRange, dayWidth, totalHeight }) => {\n    // Calculate grid line positions\n    const gridLines = useMemo<GridLine[]>(() => {\n      return calculateGridLines(dateRange, dayWidth);\n    }, [dateRange, dayWidth]);\n\n    // Calculate weekend background blocks\n    const weekendBlocks = useMemo(() => {\n      return calculateWeekendBlocks(dateRange, dayWidth);\n    }, [dateRange, dayWidth]);\n\n    // Calculate total grid width\n    const gridWidth = useMemo(() => {\n      return Math.round(dateRange.length * dayWidth);\n    }, [dateRange.length, dayWidth]);\n\n    return (\n      <div\n        className=\"gantt-gb-gridBackground\"\n        style={{\n          width: `${gridWidth}px`,\n          height: `${totalHeight}px`,\n        }}\n      >\n        {/* Weekend backgrounds (rendered first, behind lines) */}\n        {weekendBlocks.map((block, index) => (\n          <div\n            key={`weekend-${index}`}\n            className=\"gantt-gb-weekendBlock\"\n            style={{\n              left: `${block.left}px`,\n              width: `${block.width}px`,\n            }}\n          />\n        ))}\n\n        {/* Vertical grid lines */}\n        {gridLines.map((line, index) => {\n          // Determine line type class based on flags\n          const lineClass = line.isMonthStart\n            ? 'gantt-gb-monthSeparator'\n            : line.isWeekStart\n              ? 'gantt-gb-weekSeparator'\n              : 'gantt-gb-dayLine';\n\n          return (\n            <div\n              key={`gridline-${index}`}\n              className={`gantt-gb-gridLine ${lineClass}`}\n              style={{\n                left: `${line.x}px`,\n              }}\n            />\n          );\n        })}\n      </div>\n    );\n  },\n  arePropsEqual\n);\n\nGridBackground.displayName = 'GridBackground';\n\nexport default GridBackground;\n","'use client';\n\nimport React from 'react';\nimport './DragGuideLines.css';\n\nexport interface DragGuideLinesProps {\n  isDragging: boolean;\n  dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n  left: number;\n  width: number;\n  totalHeight: number;\n}\n\nconst DragGuideLines: React.FC<DragGuideLinesProps> = ({\n  isDragging,\n  dragMode,\n  left,\n  width,\n  totalHeight,\n}) => {\n  if (!isDragging || !dragMode) {\n    return null;\n  }\n\n  // Determine which lines to show based on drag mode\n  const showLeftLine = dragMode === 'move' || dragMode === 'resize-left';\n  const showRightLine = dragMode === 'move' || dragMode === 'resize-right';\n\n  return (\n    <>\n      {showLeftLine && (\n        <div\n          className=\"gantt-dgl-guideLine\"\n          style={{\n            left: `${left}px`,\n            height: `${totalHeight}px`,\n          }}\n        />\n      )}\n      {showRightLine && (\n        <div\n          className=\"gantt-dgl-guideLine\"\n          style={{\n            left: `${left + width}px`,\n            height: `${totalHeight}px`,\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport default DragGuideLines;\n"],"mappings":"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","names":["import_react","isWeekend","import_react","isWeekend","import_react","getUTCDayDifference","import_jsx_runtime","React","import_react","import_jsx_runtime","import_react","import_jsx_runtime","arePropsEqual","React","import_jsx_runtime","import_jsx_runtime"]}
+{"version":3,"sources":["../src/index.ts","../src/components/GanttChart/GanttChart.tsx","../src/utils/dateUtils.ts","../src/components/TimeScaleHeader/TimeScaleHeader.tsx","../src/components/TaskRow/TaskRow.tsx","../src/utils/geometry.ts","../src/hooks/useTaskDrag.ts","../src/components/TodayIndicator/TodayIndicator.tsx","../src/components/GridBackground/GridBackground.tsx","../src/components/DragGuideLines/DragGuideLines.tsx"],"sourcesContent":["'use client';\n\n// CSS import triggers tsup to emit dist/index.css (renamed to dist/styles.css by onSuccess)\nimport './styles.css';\n\n// Components\nexport { GanttChart, type Task, type GanttChartProps } from './components/GanttChart';\nexport { default as TaskRow } from './components/TaskRow';\nexport { default as TimeScaleHeader } from './components/TimeScaleHeader';\nexport { default as GridBackground } from './components/GridBackground';\nexport { default as TodayIndicator } from './components/TodayIndicator';\nexport { default as DragGuideLines } from './components/DragGuideLines/DragGuideLines';\n\n// Hooks\nexport { useTaskDrag } from './hooks';\n\n// Utils\nexport * from './utils';\n\n// Types\nexport type {\n  GanttDateRange,\n  TaskBarGeometry,\n  GridConfig,\n  MonthSpan,\n  GridLine,\n  WeekendBlock,\n} from './types';\n","'use client';\n\nimport React, { useMemo, useCallback, useRef, useState, useEffect } from 'react';\nimport { getMultiMonthDays } from '../../utils/dateUtils';\nimport { calculateGridWidth } from '../../utils/geometry';\nimport TimeScaleHeader from '../TimeScaleHeader';\nimport TaskRow from '../TaskRow';\nimport TodayIndicator from '../TodayIndicator';\nimport GridBackground from '../GridBackground';\nimport DragGuideLines from '../DragGuideLines/DragGuideLines';\nimport './GanttChart.css';\n\n/**\n * Task data structure for Gantt chart\n */\nexport interface Task {\n  /** Unique identifier for the task */\n  id: string;\n  /** Display name of the task */\n  name: string;\n  /** Task start date (ISO string or Date object) */\n  startDate: string | Date;\n  /** Task end date (ISO string or Date object) */\n  endDate: string | Date;\n  /** Optional color for task bar visualization */\n  color?: string;\n  /**\n   * Optional progress value from 0-100\n   * - Decimal values are allowed and rounded to nearest integer for display\n   * - Values are clamped to 0-100 range\n   * - Undefined or 0 means no progress is displayed\n   * - Progress is visual-only, no user interaction\n   */\n  progress?: number;\n  /**\n   * Optional flag indicating if task is accepted\n   * - Only meaningful when progress is 100%\n   * - Affects the color of the progress bar (green for accepted, yellow for completed)\n   */\n  accepted?: boolean;\n}\n\nexport interface GanttChartProps {\n  /** Array of tasks to display */\n  tasks: Task[];\n  /** Width of each day column in pixels (default: 40) */\n  dayWidth?: number;\n  /** Height of each task row in pixels (default: 40) */\n  rowHeight?: number;\n  /** Height of the header row in pixels (default: 40) */\n  headerHeight?: number;\n  /** Container height in pixels (default: 600) - adds vertical scrolling when tasks exceed this height */\n  containerHeight?: number;\n  /** Callback when tasks are modified via drag/resize. Can receive either the new tasks array or a functional updater. */\n  onChange?: (tasks: Task[] | ((currentTasks: Task[]) => Task[])) => void;\n}\n\n/**\n * GanttChart component - displays tasks on a monthly timeline with Excel-like styling\n *\n * The calendar automatically shows full months based on task date ranges.\n * For example, if tasks span from March 25 to May 5, the calendar shows\n * the complete months of March, April, and May (March 1 - May 31).\n *\n * @example\n * ```tsx\n * <GanttChart\n *   tasks={[\n *     { id: '1', name: 'Task 1', startDate: '2026-02-01', endDate: '2026-02-05' }\n *   ]}\n * />\n * ```\n */\nexport const GanttChart: React.FC<GanttChartProps> = ({\n  tasks,\n  dayWidth = 40,\n  rowHeight = 40,\n  headerHeight = 40,\n  containerHeight = 600,\n  onChange,\n}) => {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  // Calculate multi-month date range from tasks\n  const dateRange = useMemo(() => getMultiMonthDays(tasks), [tasks]);\n\n\n  // Calculate grid width\n  const gridWidth = useMemo(\n    () => Math.round(dateRange.length * dayWidth),\n    [dateRange.length, dayWidth]\n  );\n\n  // Calculate total grid height\n  const totalGridHeight = useMemo(\n    () => tasks.length * rowHeight,\n    [tasks.length, rowHeight]\n  );\n\n  // Get month start for calculations (first day of date range)\n  const monthStart = useMemo(() => {\n    if (dateRange.length === 0) {\n      return new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 1));\n    }\n    const firstDay = dateRange[0];\n    return new Date(Date.UTC(firstDay.getUTCFullYear(), firstDay.getUTCMonth(), 1));\n  }, [dateRange]);\n\n  // Only render TodayIndicator if today is in the visible date range\n  const todayInRange = useMemo(() => {\n    const now = new Date();\n    const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));\n    return dateRange.some(day => day.getTime() === today.getTime());\n  }, [dateRange]);\n\n  // Track drag state for guide lines\n  const [dragGuideLines, setDragGuideLines] = useState<{\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  } | null>(null);\n\n  /**\n   * Stable callback for task updates\n   *\n   * FIXED: No longer depends on `tasks` to avoid stale closure bugs.\n   * Uses functional state update pattern: the callback receives an updater function\n   * that maps over the current tasks state, ensuring we always use the latest state.\n   *\n   * This prevents the \"reverting\" bug where dragging a second task causes the\n   * first task to revert to its original position.\n   *\n   * To prevent re-render storms during drag:\n   * 1. The onChange callback is only called AFTER drag completes (mouseUp)\n   * 2. During drag, only the dragged TaskRow re-renders (due to its internal state)\n   * 3. Other TaskRows don't re-render because their props haven't changed\n   *\n   * The React.memo comparison in TaskRow excludes onChange from comparison,\n   * relying on the fact that onChange fires only after drag completes.\n   */\n  const handleTaskChange = useCallback((updatedTask: Task) => {\n    // Call onChange with a functional updater that receives the current tasks\n    onChange?.((currentTasks) =>\n      currentTasks.map((t) =>\n        t.id === updatedTask.id ? updatedTask : t\n      )\n    );\n  }, [onChange]);\n\n  const handleDragStateChange = useCallback((state: {\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  }) => {\n    if (state.isDragging) {\n      setDragGuideLines(state);\n    } else {\n      setDragGuideLines(null);\n    }\n  }, []);\n\n  // Pan (grab-scroll) on empty grid area\n  const panStateRef = useRef<{ active: boolean; startX: number; startY: number; scrollX: number; scrollY: number } | null>(null);\n\n  const handlePanStart = useCallback((e: React.MouseEvent) => {\n    // Only pan on left click, skip if clicking on a task bar\n    if (e.button !== 0) return;\n    const target = e.target as HTMLElement;\n    if (target.closest('[data-taskbar]')) return;\n\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    panStateRef.current = {\n      active: true,\n      startX: e.clientX,\n      startY: e.clientY,\n      scrollX: container.scrollLeft,\n      scrollY: container.scrollTop,\n    };\n    container.style.cursor = 'grabbing';\n    e.preventDefault();\n  }, []);\n\n  useEffect(() => {\n    const handlePanMove = (e: MouseEvent) => {\n      const pan = panStateRef.current;\n      if (!pan?.active) return;\n      const container = scrollContainerRef.current;\n      if (!container) return;\n\n      container.scrollLeft = pan.scrollX - (e.clientX - pan.startX);\n      container.scrollTop = pan.scrollY - (e.clientY - pan.startY);\n    };\n\n    const handlePanEnd = () => {\n      if (!panStateRef.current?.active) return;\n      panStateRef.current = null;\n      const container = scrollContainerRef.current;\n      if (container) container.style.cursor = '';\n    };\n\n    window.addEventListener('mousemove', handlePanMove);\n    window.addEventListener('mouseup', handlePanEnd);\n    return () => {\n      window.removeEventListener('mousemove', handlePanMove);\n      window.removeEventListener('mouseup', handlePanEnd);\n    };\n  }, []);\n\n  return (\n    <div className=\"gantt-container\">\n      <div\n        ref={scrollContainerRef}\n        className=\"gantt-scrollContainer\"\n        style={{ height: `${containerHeight}px`, cursor: 'grab' }}\n        onMouseDown={handlePanStart}\n      >\n        {/* Sticky header - stays at top during vertical scroll, scrolls with content horizontally */}\n        <div className=\"gantt-stickyHeader\" style={{ width: `${gridWidth}px` }}>\n          <TimeScaleHeader\n            days={dateRange}\n            dayWidth={dayWidth}\n            headerHeight={headerHeight}\n          />\n        </div>\n\n        {/* Task area */}\n        <div\n          className=\"gantt-taskArea\"\n          style={{\n            position: 'relative',\n            width: `${gridWidth}px`,\n          }}\n        >\n          <GridBackground\n            dateRange={dateRange}\n            dayWidth={dayWidth}\n            totalHeight={totalGridHeight}\n          />\n\n          {todayInRange && <TodayIndicator monthStart={monthStart} dayWidth={dayWidth} />}\n\n          {dragGuideLines && (\n            <DragGuideLines\n              isDragging={dragGuideLines.isDragging}\n              dragMode={dragGuideLines.dragMode}\n              left={dragGuideLines.left}\n              width={dragGuideLines.width}\n              totalHeight={totalGridHeight}\n            />\n          )}\n\n          {tasks.map((task) => (\n            <TaskRow\n              key={task.id}\n              task={task}\n              monthStart={monthStart}\n              dayWidth={dayWidth}\n              rowHeight={rowHeight}\n              onChange={handleTaskChange}\n              onDragStateChange={handleDragStateChange}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default GanttChart;\n","import { parseISO, isValid } from 'date-fns';\n\n/**\n * Parse date string as UTC to prevent DST issues\n * @param date - Date string or Date object\n * @returns Date object representing UTC midnight\n * @throws Error if date string is invalid\n */\nexport const parseUTCDate = (date: string | Date): Date => {\n  if (typeof date === 'string') {\n    // If already an ISO string (contains 'T'), parse directly\n    // Otherwise, append UTC time for simple date strings (YYYY-MM-DD)\n    const dateStr = date.includes('T') ? date : `${date}T00:00:00Z`;\n    const parsed = new Date(dateStr);\n    if (isNaN(parsed.getTime())) {\n      throw new Error(`Invalid date string: ${date}`);\n    }\n    return parsed;\n  }\n  return date;\n};\n\n/**\n * Get all days in the month of given date (UTC)\n * @param date - Reference date (any day in the target month)\n * @returns Array of Date objects for each day in the month\n */\nexport const getMonthDays = (date: Date | string): Date[] => {\n  const utcDate = parseUTCDate(date);\n  const year = utcDate.getUTCFullYear();\n  const month = utcDate.getUTCMonth();\n\n  // Get days in month (handles leap years)\n  const daysInMonth = new Date(Date.UTC(year, month + 1, 0)).getUTCDate();\n\n  const days: Date[] = [];\n  for (let day = 1; day <= daysInMonth; day++) {\n    days.push(new Date(Date.UTC(year, month, day)));\n  }\n\n  return days;\n};\n\n/**\n * Calculate day offset from month start (0-based)\n * @param date - The date to calculate offset for\n * @param monthStart - The start of the month as reference\n * @returns Number of days from month start (negative if date is before month start)\n */\nexport const getDayOffset = (date: Date, monthStart: Date): number => {\n  const dateMs = Date.UTC(\n    date.getUTCFullYear(),\n    date.getUTCMonth(),\n    date.getUTCDate()\n  );\n  const startMs = Date.UTC(\n    monthStart.getUTCFullYear(),\n    monthStart.getUTCMonth(),\n    monthStart.getUTCDate()\n  );\n  return Math.round((dateMs - startMs) / (1000 * 60 * 60 * 24));\n};\n\n/**\n * Check if date is today (UTC comparison)\n * @param date - Date to check\n * @returns True if date is today, false otherwise\n */\nexport const isToday = (date: Date): boolean => {\n  const now = new Date();\n  const today = new Date(Date.UTC(\n    now.getUTCFullYear(),\n    now.getUTCMonth(),\n    now.getUTCDate()\n  ));\n  const compareDate = new Date(Date.UTC(\n    date.getUTCFullYear(),\n    date.getUTCMonth(),\n    date.getUTCDate()\n  ));\n  return today.getTime() === compareDate.getTime();\n};\n\n/**\n * Check if date is a weekend day (Saturday or Sunday)\n * @param date - Date to check\n * @returns True if date is Saturday (6) or Sunday (0), false otherwise\n */\nexport const isWeekend = (date: Date): boolean => {\n  const day = date.getUTCDay();\n  return day === 0 || day === 6; // Sunday (0) or Saturday (6)\n};\n\n/**\n * Calculate multi-month date range from task dates\n * Expands range to include full months (1st of first month to last day of last month)\n * @param tasks - Array of tasks with startDate and endDate\n * @returns Array of Date objects for all days in the expanded range\n */\nexport const getMultiMonthDays = (tasks: Array<{ startDate: string | Date; endDate: string | Date }>): Date[] => {\n  // Handle empty task array by returning current month\n  if (!tasks || tasks.length === 0) {\n    return getMonthDays(new Date());\n  }\n\n  // Find min and max dates from all tasks\n  let minDate: Date | null = null;\n  let maxDate: Date | null = null;\n\n  for (const task of tasks) {\n    const start = parseUTCDate(task.startDate);\n    const end = parseUTCDate(task.endDate);\n\n    if (!minDate || start.getTime() < minDate.getTime()) {\n      minDate = start;\n    }\n    if (!maxDate || end.getTime() > maxDate.getTime()) {\n      maxDate = end;\n    }\n  }\n\n  if (!minDate || !maxDate) {\n    return getMonthDays(new Date());\n  }\n\n  // Extend to full months: 1st of first month to last day of last month\n  const startOfMonth = new Date(Date.UTC(\n    minDate.getUTCFullYear(),\n    minDate.getUTCMonth(),\n    1\n  ));\n\n  const endOfMonth = new Date(Date.UTC(\n    maxDate.getUTCFullYear(),\n    maxDate.getUTCMonth() + 1,\n    0\n  ));\n\n  // Generate all dates in range\n  const days: Date[] = [];\n  const current = new Date(startOfMonth);\n\n  while (current.getTime() <= endOfMonth.getTime()) {\n    days.push(new Date(Date.UTC(\n      current.getUTCFullYear(),\n      current.getUTCMonth(),\n      current.getUTCDate()\n    )));\n    // Move to next day\n    current.setUTCDate(current.getUTCDate() + 1);\n  }\n\n  return days;\n};\n\n/**\n * Calculate month spans within a date range\n * @param dateRange - Array of Date objects representing the full range\n * @returns Array of month span objects with month, days count, and start index\n */\nexport const getMonthSpans = (\n  dateRange: Date[]\n): Array<{ month: Date; days: number; startIndex: number }> => {\n  if (dateRange.length === 0) {\n    return [];\n  }\n\n  const spans: Array<{ month: Date; days: number; startIndex: number }> = [];\n  let currentMonthYear = `${dateRange[0].getUTCFullYear()}-${dateRange[0].getUTCMonth()}`;\n  let startOfMonthIndex = 0;\n\n  for (let i = 0; i < dateRange.length; i++) {\n    const date = dateRange[i];\n    const monthYear = `${date.getUTCFullYear()}-${date.getUTCMonth()}`;\n\n    // When month changes, finalize the previous span and start a new one\n    if (monthYear !== currentMonthYear) {\n      spans.push({\n        month: new Date(Date.UTC(\n          dateRange[startOfMonthIndex].getUTCFullYear(),\n          dateRange[startOfMonthIndex].getUTCMonth(),\n          1\n        )),\n        days: i - startOfMonthIndex,\n        startIndex: startOfMonthIndex\n      });\n      currentMonthYear = monthYear;\n      startOfMonthIndex = i;\n    }\n\n    // Last date - finalize the last span\n    if (i === dateRange.length - 1) {\n      spans.push({\n        month: new Date(Date.UTC(\n          date.getUTCFullYear(),\n          date.getUTCMonth(),\n          1\n        )),\n        days: i - startOfMonthIndex + 1,\n        startIndex: startOfMonthIndex\n      });\n    }\n  }\n\n  return spans;\n};\n\n/**\n * Format date as DD.MM (e.g., 25.03 for March 25th)\n * @param date - Date to format\n * @returns Formatted date string in DD.MM format\n */\nexport const formatDateLabel = (date: Date | string): string => {\n  const parsed = parseUTCDate(date);\n  const day = String(parsed.getUTCDate()).padStart(2, '0');\n  const month = String(parsed.getUTCMonth() + 1).padStart(2, '0');\n  return `${day}.${month}`;\n};\n","'use client';\n\nimport React, { useMemo } from 'react';\nimport { format } from 'date-fns';\nimport { ru } from 'date-fns/locale';\nimport { getMonthSpans } from '../../utils/dateUtils';\nimport type { MonthSpan } from '../../types';\nimport './TimeScaleHeader.css';\n\nexport interface TimeScaleHeaderProps {\n  /** Array of dates to display (from getMultiMonthDays) */\n  days: Date[];\n  /** Width of each day column in pixels */\n  dayWidth: number;\n  /** Height of the header row in pixels */\n  headerHeight: number;\n}\n\n/**\n * TimeScaleHeader component - displays two-row date headers for the Gantt chart\n *\n * Top row: Month names (Russian, left-aligned) spanning multiple day columns\n * Bottom row: Day numbers (centered) in individual columns\n */\nconst TimeScaleHeader: React.FC<TimeScaleHeaderProps> = ({\n  days,\n  dayWidth,\n  headerHeight,\n}) => {\n  // Calculate month spans using the utility from dateUtils\n  const monthSpans = useMemo(() => getMonthSpans(days), [days]);\n\n  // Split header height evenly between two rows\n  const rowHeight = headerHeight / 2;\n\n  // Calculate grid template for day row\n  const dayGridTemplate = useMemo(\n    () => `repeat(${days.length}, ${dayWidth}px)`,\n    [days.length, dayWidth]\n  );\n\n  return (\n    <div\n      className=\"gantt-tsh-header\"\n      style={{ height: `${headerHeight}px` }}\n    >\n      {/* Month row - top */}\n      <div\n        className=\"gantt-tsh-monthRow\"\n        style={{ height: `${rowHeight}px` }}\n      >\n        {monthSpans.map((span: MonthSpan, index: number) => (\n          <div\n            key={`month-${index}`}\n            className=\"gantt-tsh-monthCell\"\n            style={{ width: `${span.days * dayWidth}px` }}\n          >\n            {format(span.month, 'LLLL yyyy', { locale: ru }).replace(/^./, (c) => c.toUpperCase())}\n          </div>\n        ))}\n      </div>\n\n      {/* Day row - bottom */}\n      <div\n        className=\"gantt-tsh-dayRow\"\n        style={{\n          height: `${rowHeight}px`,\n          gridTemplateColumns: dayGridTemplate,\n        }}\n      >\n        {days.map((day, index) => {\n          const isWeekend = day.getDay() === 0 || day.getDay() === 6;\n          const prevDay = days[index - 1];\n          const isMonthBoundary = index > 0 && prevDay && prevDay.getMonth() !== day.getMonth();\n          // Use local date comparison for \"today\" (user's current date)\n          const now = new Date();\n          const isTodayDate =\n            day.getUTCFullYear() === now.getFullYear() &&\n            day.getUTCMonth() === now.getMonth() &&\n            day.getUTCDate() === now.getDate();\n          return (\n            <div key={`day-${index}`} className={`gantt-tsh-dayCell ${isWeekend ? 'gantt-tsh-weekendDay' : ''} ${isMonthBoundary ? 'gantt-tsh-monthBoundary' : ''} ${isTodayDate ? 'gantt-tsh-today' : ''}`}>\n              <span className=\"gantt-tsh-dayLabel\">{format(day, 'd')}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default TimeScaleHeader;\n","'use client';\n\nimport React, { useMemo, useState, useEffect, useRef } from 'react';\nimport { parseUTCDate, formatDateLabel } from '../../utils/dateUtils';\nimport { calculateTaskBar, pixelsToDate } from '../../utils/geometry';\nimport { useTaskDrag } from '../../hooks/useTaskDrag';\nimport type { Task } from '../GanttChart';\nimport './TaskRow.css';\n\nexport interface TaskRowProps {\n  /** Task data to render */\n  task: Task;\n  /** Start of the month for positioning calculations */\n  monthStart: Date;\n  /** Width of each day column in pixels */\n  dayWidth: number;\n  /** Height of the task row in pixels */\n  rowHeight: number;\n  /** Callback when task is modified via drag/resize */\n  onChange?: (updatedTask: Task) => void;\n  /** Callback when task drag state changes (for rendering guide lines) */\n  onDragStateChange?: (state: {\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  }) => void;\n}\n\n/**\n * Custom comparison function for React.memo\n *\n * Performance optimization: Only re-renders if task properties that affect rendering change.\n *\n * NOTE: onChange is intentionally excluded from this comparison because:\n * 1. The parent (GanttChart) wraps onChange in useCallback for referential stability\n * 2. onChange is only called AFTER drag completes (not during drag)\n * 3. During drag, only the dragged TaskRow re-renders due to its internal drag state\n * 4. Other TaskRows don't need to re-render when one task is dragged\n *\n * NOTE: monthStart MUST be included because task positions are calculated relative to it.\n * When the grid expands (e.g., dragging a task left beyond the boundary), monthStart changes\n * and all tasks need to re-render to update their positions.\n *\n * Excluding onChange prevents re-render storms when dragging tasks with ~100 tasks.\n */\nconst arePropsEqual = (prevProps: TaskRowProps, nextProps: TaskRowProps) => {\n  return (\n    prevProps.task.id === nextProps.task.id &&\n    prevProps.task.name === nextProps.task.name &&\n    prevProps.task.startDate === nextProps.task.startDate &&\n    prevProps.task.endDate === nextProps.task.endDate &&\n    prevProps.task.color === nextProps.task.color &&\n    prevProps.task.progress === nextProps.task.progress &&\n    prevProps.task.accepted === nextProps.task.accepted &&\n    prevProps.monthStart.getTime() === nextProps.monthStart.getTime() &&\n    prevProps.dayWidth === nextProps.dayWidth &&\n    prevProps.rowHeight === nextProps.rowHeight\n    // onChange excluded - see note above\n  );\n};\n\n/**\n * TaskRow component - renders a single task row with a task bar\n *\n * Uses React.memo for performance optimization (QL-01).\n * The task bar is positioned absolutely based on start/end dates.\n */\nconst TaskRow: React.FC<TaskRowProps> = React.memo(\n  ({ task, monthStart, dayWidth, rowHeight, onChange, onDragStateChange }) => {\n    // Parse dates as UTC\n    const taskStartDate = useMemo(() => parseUTCDate(task.startDate), [task.startDate]);\n    const taskEndDate = useMemo(() => parseUTCDate(task.endDate), [task.endDate]);\n\n    // Calculate task bar position and dimensions\n    const { left, width } = useMemo(\n      () => calculateTaskBar(taskStartDate, taskEndDate, monthStart, dayWidth),\n      [taskStartDate, taskEndDate, monthStart, dayWidth]\n    );\n\n    // Determine task bar color\n    const barColor = task.color || 'var(--gantt-task-bar-default-color)';\n\n    // Calculate clamped and rounded progress width\n    const progressWidth = useMemo(() => {\n      if (task.progress === undefined || task.progress <= 0) return 0;\n      return Math.min(100, Math.max(0, Math.round(task.progress)));\n    }, [task.progress]);\n\n    // Determine progress color based on completion status\n    const progressColor = useMemo(() => {\n      if (progressWidth === 100) {\n        return task.accepted\n          ? 'var(--gantt-progress-accepted, #22c55e)'    // Green for accepted\n          : 'var(--gantt-progress-completed, #fbbf24)';   // Yellow for completed\n      }\n      // Darker semi-transparent shade using color-mix() or fallback\n      return task.color\n        ? `color-mix(in srgb, ${task.color} 40%, black)`\n        : 'var(--gantt-progress-color, rgba(0, 0, 0, 0.2))';\n    }, [progressWidth, task.accepted, task.color]);\n\n    // Handle drag end - call onChange with updated task\n    const handleDragEnd = (result: { id: string; startDate: Date; endDate: Date }) => {\n      const updatedTask: Task = {\n        ...task,\n        startDate: result.startDate.toISOString(),\n        endDate: result.endDate.toISOString(),\n      };\n      onChange?.(updatedTask);\n    };\n\n    // Use drag hook for interactive drag/resize\n    const {\n      isDragging,\n      dragMode,\n      currentLeft,\n      currentWidth,\n      dragHandleProps,\n    } = useTaskDrag({\n      taskId: task.id,\n      initialStartDate: taskStartDate,\n      initialEndDate: taskEndDate,\n      monthStart,\n      dayWidth,\n      onDragEnd: handleDragEnd,\n      onDragStateChange,\n      edgeZoneWidth: 20,\n    });\n\n    // Use dynamic position during drag\n    const displayLeft = isDragging ? currentLeft : left;\n    const displayWidth = isDragging ? currentWidth : width;\n\n    // Format date labels for display - update in real-time during drag\n    const currentStartDate = isDragging\n      ? pixelsToDate(displayLeft, monthStart, dayWidth)\n      : taskStartDate;\n    const currentEndDate = isDragging\n      ? pixelsToDate(displayLeft + displayWidth - dayWidth, monthStart, dayWidth)\n      : taskEndDate;\n\n    const startDateLabel = formatDateLabel(currentStartDate);\n    const endDateLabel = formatDateLabel(currentEndDate);\n\n    // Calculate duration in days\n    const durationDays = Math.round(\n      (currentEndDate.getTime() - currentStartDate.getTime()) / (1000 * 60 * 60 * 24)\n    ) + 1;\n\n    // Detect if task name overflows the bar\n    const [isNameOverflow, setIsNameOverflow] = useState(false);\n    const taskNameRef = useRef<HTMLSpanElement>(null);\n\n    useEffect(() => {\n      const nameEl = taskNameRef.current;\n      if (nameEl) {\n        // Check if task name is wider than available space\n        // Reserved space for dates, duration, separator, and handles\n        const reservedWidth = 120;\n        const availableWidth = displayWidth - reservedWidth;\n        setIsNameOverflow(nameEl.scrollWidth > availableWidth);\n      }\n    }, [displayWidth, task.name]);\n\n    return (\n      <div\n        className=\"gantt-tr-row\"\n        style={{ height: `${rowHeight}px` }}\n      >\n        <div className=\"gantt-tr-taskContainer\">\n          <div\n            data-taskbar\n            className={`gantt-tr-taskBar ${isDragging ? 'gantt-tr-dragging' : ''}`}\n            style={{\n              left: `${displayLeft}px`,\n              width: `${displayWidth}px`,\n              backgroundColor: barColor,\n              height: 'var(--gantt-task-bar-height)',\n              cursor: dragHandleProps.style.cursor,\n              userSelect: dragHandleProps.style.userSelect,\n            }}\n            onMouseDown={dragHandleProps.onMouseDown}\n          >\n            {progressWidth > 0 && (\n              <div\n                className=\"gantt-tr-progressBar\"\n                style={{\n                  width: `${progressWidth}%`,\n                  backgroundColor: progressColor,\n                }}\n              />\n            )}\n            <div className=\"gantt-tr-resizeHandle gantt-tr-resizeHandleLeft\" />\n            <span className=\"gantt-tr-taskDuration\">\n              {durationDays} д\n            </span>\n            <span\n              ref={taskNameRef}\n              className={`gantt-tr-taskName ${isNameOverflow ? 'gantt-tr-taskNameHidden' : ''}`}\n            >\n              — {task.name}\n            </span>\n            <div className=\"gantt-tr-resizeHandle gantt-tr-resizeHandleRight\" />\n          </div>\n          <div\n            className=\"gantt-tr-leftLabels\"\n            style={{\n              left: `${displayLeft}px`\n            }}\n          >\n            <span className=\"gantt-tr-dateLabel gantt-tr-dateLabelLeft\">\n              {startDateLabel}–{endDateLabel}\n            </span>\n          </div>\n          <div\n            className=\"gantt-tr-rightLabels\"\n            style={{\n              left: `${displayLeft + displayWidth}px`,\n            }}\n          >\n            {isNameOverflow && (\n              <span className=\"gantt-tr-externalTaskName\">\n                {task.name}\n              </span>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  },\n  arePropsEqual\n);\n\nTaskRow.displayName = 'TaskRow';\n\nexport default TaskRow;\n","/**\n * Calculate day difference in UTC\n */\nconst getUTCDayDifference = (date1: Date, date2: Date): number => {\n  const ms1 = Date.UTC(\n    date1.getUTCFullYear(),\n    date1.getUTCMonth(),\n    date1.getUTCDate()\n  );\n  const ms2 = Date.UTC(\n    date2.getUTCFullYear(),\n    date2.getUTCMonth(),\n    date2.getUTCDate()\n  );\n  return Math.round((ms1 - ms2) / (1000 * 60 * 60 * 24));\n};\n\n/**\n * Calculate task bar positioning and dimensions\n * @param taskStartDate - Start date of the task\n * @param taskEndDate - End date of the task\n * @param monthStart - Start of the month/visible range\n * @param dayWidth - Width of each day in pixels\n * @returns Object with left position and width in pixels\n */\nexport const calculateTaskBar = (\n  taskStartDate: Date,\n  taskEndDate: Date,\n  monthStart: Date,\n  dayWidth: number\n): { left: number; width: number } => {\n  const startOffset = getUTCDayDifference(taskStartDate, monthStart);\n  const duration = getUTCDayDifference(taskEndDate, taskStartDate);\n\n  // Round to avoid sub-pixel rendering issues\n  const left = Math.round(startOffset * dayWidth);\n  const width = Math.round((duration + 1) * dayWidth); // +1 to include end date\n\n  return { left, width };\n};\n\n/**\n * Convert pixel position to date (inverse of calculateTaskBar)\n * @param pixels - Position in pixels (left or width)\n * @param monthStart - Start of the month/visible range\n * @param dayWidth - Width of each day in pixels\n * @returns Date calculated from pixel position\n */\nexport const pixelsToDate = (pixels: number, monthStart: Date, dayWidth: number): Date => {\n  const days = Math.round(pixels / dayWidth);\n  return new Date(Date.UTC(\n    monthStart.getUTCFullYear(),\n    monthStart.getUTCMonth(),\n    monthStart.getUTCDate() + days\n  ));\n};\n\n/**\n * Calculate total width for month grid\n * @param daysInMonth - Number of days in the month\n * @param dayWidth - Width of each day in pixels\n * @returns Total grid width in pixels\n */\nexport const calculateGridWidth = (daysInMonth: number, dayWidth: number): number => {\n  return Math.round(daysInMonth * dayWidth);\n};\n\n/**\n * Detect which edge zone the cursor is in on a task bar\n * @param clientX - Mouse X coordinate relative to viewport\n * @param taskBarElement - The task bar DOM element\n * @param edgeZoneWidth - Width of edge zones in pixels (default: 12px)\n * @returns 'left' if in left edge, 'right' if in right edge, 'move' if in middle\n */\nexport const detectEdgeZone = (\n  clientX: number,\n  taskBarElement: HTMLElement,\n  edgeZoneWidth: number = 12\n): 'left' | 'right' | 'move' => {\n  const rect = taskBarElement.getBoundingClientRect();\n  const relativeX = Math.round(clientX - rect.left);\n\n  // Check left edge zone\n  if (relativeX >= 0 && relativeX <= edgeZoneWidth) {\n    return 'left';\n  }\n\n  // Check right edge zone\n  const width = Math.round(rect.width);\n  if (relativeX >= width - edgeZoneWidth && relativeX <= width) {\n    return 'right';\n  }\n\n  // Middle area - move mode\n  return 'move';\n};\n\n/**\n * Get appropriate cursor style for drag position\n * @param position - The drag position (left edge, right edge, or move)\n * @returns CSS cursor string for the position\n */\nexport const getCursorForPosition = (position: 'left' | 'right' | 'move'): string => {\n  switch (position) {\n    case 'left':\n    case 'right':\n      return 'ew-resize';\n    case 'move':\n      return 'grab';\n    default:\n      return 'default';\n  }\n};\n\n/**\n * Calculate grid line positions for a date range\n * @param dateRange - Array of Date objects representing the visible range\n * @param dayWidth - Width of each day column in pixels\n * @returns Array of grid line objects with x position and flags\n */\nexport const calculateGridLines = (\n  dateRange: Date[],\n  dayWidth: number\n): Array<{ x: number; isMonthStart: boolean; isWeekStart: boolean }> => {\n  const lines: Array<{ x: number; isMonthStart: boolean; isWeekStart: boolean }> = [];\n\n  for (let i = 0; i < dateRange.length; i++) {\n    const date = dateRange[i];\n    const x = Math.round(i * dayWidth);\n    const isMonthStart = date.getUTCDate() === 1;\n    const isWeekStart = date.getUTCDay() === 1; // Monday\n\n    lines.push({ x, isMonthStart, isWeekStart });\n  }\n\n  // Add final line at the end of the range\n  if (dateRange.length > 0) {\n    lines.push({\n      x: Math.round(dateRange.length * dayWidth),\n      isMonthStart: false,\n      isWeekStart: false\n    });\n  }\n\n  return lines;\n};\n\n/**\n * Calculate weekend background blocks for a date range\n * @param dateRange - Array of Date objects representing the visible range\n * @param dayWidth - Width of each day column in pixels\n * @returns Array of weekend block objects with left position and width\n */\nexport const calculateWeekendBlocks = (\n  dateRange: Date[],\n  dayWidth: number\n): Array<{ left: number; width: number }> => {\n  const blocks: Array<{ left: number; width: number }> = [];\n  let inWeekend = false;\n  let weekendStartIndex = -1;\n\n  for (let i = 0; i < dateRange.length; i++) {\n    const date = dateRange[i];\n    const dayOfWeek = date.getUTCDay();\n    const isWeekend = dayOfWeek === 0 || dayOfWeek === 6; // Sunday or Saturday\n\n    if (isWeekend && !inWeekend) {\n      // Start of a weekend block\n      inWeekend = true;\n      weekendStartIndex = i;\n    } else if (!isWeekend && inWeekend) {\n      // End of a weekend block\n      inWeekend = false;\n      const left = Math.round(weekendStartIndex * dayWidth);\n      const width = Math.round((i - weekendStartIndex) * dayWidth);\n      blocks.push({ left, width });\n    }\n  }\n\n  // Handle case where range ends on a weekend\n  if (inWeekend && weekendStartIndex >= 0) {\n    const left = Math.round(weekendStartIndex * dayWidth);\n    const width = Math.round((dateRange.length - weekendStartIndex) * dayWidth);\n    blocks.push({ left, width });\n  }\n\n  return blocks;\n};\n","'use client';\n\nimport { useEffect, useRef, useState, useCallback } from 'react';\nimport { detectEdgeZone } from '../utils/geometry';\n\n/**\n * Global drag manager that persists across HMR\n *\n * This singleton manages active drag operations at the module level,\n * ensuring that drag state survives React Fast Refresh (HMR).\n *\n * The key insight: When HMR occurs during a drag operation:\n * 1. The component unmounts and its useEffect cleanup removes window listeners\n * 2. The component remounts with fresh refs (isDraggingRef = false)\n * 3. But the user is still holding the mouse button!\n * 4. Without module-level state, the drag operation is orphaned\n *\n * Solution: Store active drag state in module-level singleton and\n * use a global cleanup effect to always handle mouseup/mousemove.\n */\ninterface ActiveDragState {\n  taskId: string;\n  mode: 'move' | 'resize-left' | 'resize-right';\n  startX: number;\n  initialLeft: number;\n  initialWidth: number;\n  currentLeft: number;\n  currentWidth: number;\n  dayWidth: number;\n  monthStart: Date;\n  onProgress: (left: number, width: number) => void;\n  onComplete: (finalLeft: number, finalWidth: number) => void;\n  onCancel: () => void;\n}\n\nlet globalActiveDrag: ActiveDragState | null = null;\nlet globalRafId: number | null = null;\n\n/**\n * Complete the active drag operation\n */\nfunction completeDrag() {\n  if (globalRafId !== null) {\n    cancelAnimationFrame(globalRafId);\n    globalRafId = null;\n  }\n\n  if (globalActiveDrag) {\n    const { onComplete, currentLeft, currentWidth } = globalActiveDrag;\n    const drag = globalActiveDrag;\n    globalActiveDrag = null;\n    onComplete(currentLeft, currentWidth);\n  }\n}\n\n/**\n * Cancel the active drag operation\n */\nfunction cancelDrag() {\n  if (globalRafId !== null) {\n    cancelAnimationFrame(globalRafId);\n    globalRafId = null;\n  }\n\n  if (globalActiveDrag) {\n    const { onCancel } = globalActiveDrag;\n    globalActiveDrag = null;\n    onCancel();\n  }\n}\n\n/**\n * Snap pixel value to grid (day boundaries)\n */\nfunction snapToGrid(pixels: number, dayWidth: number): number {\n  return Math.round(pixels / dayWidth) * dayWidth;\n}\n\n/**\n * Global mouse move handler - attached once and persists across HMR\n */\nfunction handleGlobalMouseMove(e: MouseEvent) {\n  if (!globalActiveDrag || globalRafId !== null) {\n    return;\n  }\n\n  globalRafId = requestAnimationFrame(() => {\n    if (!globalActiveDrag) {\n      globalRafId = null;\n      return;\n    }\n\n    const { startX, initialLeft, initialWidth, mode, dayWidth, onProgress } = globalActiveDrag;\n    const deltaX = e.clientX - startX;\n\n    let newLeft = initialLeft;\n    let newWidth = initialWidth;\n\n    switch (mode) {\n      case 'move':\n        newLeft = snapToGrid(initialLeft + deltaX, dayWidth);\n        break;\n      case 'resize-left':\n        const snappedLeft = snapToGrid(initialLeft + deltaX, dayWidth);\n        newLeft = snappedLeft;\n        const rightEdge = initialLeft + initialWidth;\n        newWidth = Math.max(dayWidth, rightEdge - snappedLeft);\n        break;\n      case 'resize-right':\n        const snappedWidth = snapToGrid(initialWidth + deltaX, dayWidth);\n        newWidth = Math.max(dayWidth, snappedWidth);\n        break;\n    }\n\n    // Update current values in global state for completion\n    globalActiveDrag.currentLeft = newLeft;\n    globalActiveDrag.currentWidth = newWidth;\n\n    onProgress(newLeft, newWidth);\n    globalRafId = null;\n  });\n}\n\n/**\n * Global mouse up handler - attached once and persists across HMR\n */\nfunction handleGlobalMouseUp() {\n  if (globalActiveDrag) {\n    completeDrag();\n  }\n}\n\n/**\n * Track whether global listeners are attached\n */\nlet globalListenersAttached = false;\n\n/**\n * Ensure global listeners are attached (idempotent)\n */\nfunction ensureGlobalListeners() {\n  if (!globalListenersAttached) {\n    window.addEventListener('mousemove', handleGlobalMouseMove);\n    window.addEventListener('mouseup', handleGlobalMouseUp);\n    globalListenersAttached = true;\n  }\n}\n\n/**\n * Cleanup global listeners - called when no components are using drag\n * Note: In practice with HMR, we keep these attached for safety\n */\nfunction cleanupGlobalListeners() {\n  // We keep global listeners attached to handle orphaned drags after HMR\n  // They will be cleaned up when the page is refreshed\n}\n\n/**\n * Options for useTaskDrag hook\n */\nexport interface UseTaskDragOptions {\n  /** Unique identifier for the task */\n  taskId: string;\n  /** Initial start date of the task */\n  initialStartDate: Date;\n  /** Initial end date of the task */\n  initialEndDate: Date;\n  /** Start of the visible range (e.g., month start) */\n  monthStart: Date;\n  /** Width of each day in pixels */\n  dayWidth: number;\n  /** Callback when drag operation completes */\n  onDragEnd?: (result: { id: string; startDate: Date; endDate: Date }) => void;\n  /** Callback for drag state changes (for parent components to render guide lines) */\n  onDragStateChange?: (state: {\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  }) => void;\n  /** Width of edge zones for resize detection (default: 12px) */\n  edgeZoneWidth?: number;\n}\n\n/**\n * Return value from useTaskDrag hook\n */\nexport interface UseTaskDragReturn {\n  /** Whether a drag operation is in progress */\n  isDragging: boolean;\n  /** Current drag mode (null when not dragging) */\n  dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n  /** Current left position in pixels (updated during drag) */\n  currentLeft: number;\n  /** Current width in pixels (updated during drag) */\n  currentWidth: number;\n  /** Props to spread on the drag handle element */\n  dragHandleProps: {\n    onMouseDown: (e: React.MouseEvent) => void;\n    style: React.CSSProperties;\n  };\n}\n\n/**\n * Custom hook for managing task drag interactions\n *\n * HMR-SAFE: Uses module-level singleton to ensure drag state survives\n * React Fast Refresh. Window event listeners are attached once at module\n * level rather than per component instance.\n */\nexport const useTaskDrag = (options: UseTaskDragOptions): UseTaskDragReturn => {\n  const {\n    taskId,\n    initialStartDate,\n    initialEndDate,\n    monthStart,\n    dayWidth,\n    onDragEnd,\n    onDragStateChange,\n    edgeZoneWidth = 12,\n  } = options;\n\n  // Track if this hook instance owns the current global drag\n  const isOwnerRef = useRef<boolean>(false);\n\n  // Display state (triggers re-renders only when needed)\n  const [isDragging, setIsDragging] = useState<boolean>(false);\n  const [dragMode, setDragMode] = useState<'move' | 'resize-left' | 'resize-right' | null>(null);\n  const [currentLeft, setCurrentLeft] = useState<number>(0);\n  const [currentWidth, setCurrentWidth] = useState<number>(0);\n\n  /**\n   * Calculate initial pixel position from dates\n   */\n  const getInitialPosition = useCallback((): { left: number; width: number } => {\n    const getUTCDayDifference = (date1: Date, date2: Date): number => {\n      const ms1 = Date.UTC(\n        date1.getUTCFullYear(),\n        date1.getUTCMonth(),\n        date1.getUTCDate()\n      );\n      const ms2 = Date.UTC(\n        date2.getUTCFullYear(),\n        date2.getUTCMonth(),\n        date2.getUTCDate()\n      );\n      return Math.round((ms1 - ms2) / (1000 * 60 * 60 * 24));\n    };\n\n    const startOffset = getUTCDayDifference(initialStartDate, monthStart);\n    const duration = getUTCDayDifference(initialEndDate, initialStartDate);\n\n    const left = Math.round(startOffset * dayWidth);\n    const width = Math.round((duration + 1) * dayWidth); // +1 to include end date\n\n    return { left, width };\n  }, [initialStartDate, initialEndDate, monthStart, dayWidth]);\n\n  /**\n   * Initialize position when dates or dayWidth changes\n   */\n  useEffect(() => {\n    const { left, width } = getInitialPosition();\n    setCurrentLeft(left);\n    setCurrentWidth(width);\n  }, [getInitialPosition]);\n\n  /**\n   * Handle drag progress callback from global manager\n   */\n  const handleProgress = useCallback((left: number, width: number) => {\n    setCurrentLeft(left);\n    setCurrentWidth(width);\n\n    if (onDragStateChange && isOwnerRef.current) {\n      const mode = globalActiveDrag?.mode || null;\n      onDragStateChange({\n        isDragging: true,\n        dragMode: mode,\n        left,\n        width,\n      });\n    }\n  }, [onDragStateChange]);\n\n  /**\n   * Handle drag completion from global manager\n   */\n  const handleComplete = useCallback((finalLeft: number, finalWidth: number) => {\n    const wasOwner = isOwnerRef.current;\n    isOwnerRef.current = false;\n\n    // Calculate new dates from final pixel values\n    const dayOffset = Math.round(finalLeft / dayWidth);\n    const durationDays = Math.round(finalWidth / dayWidth) - 1; // -1 because width includes end date\n\n    const newStartDate = new Date(Date.UTC(\n      monthStart.getUTCFullYear(),\n      monthStart.getUTCMonth(),\n      monthStart.getUTCDate() + dayOffset\n    ));\n\n    const newEndDate = new Date(Date.UTC(\n      monthStart.getUTCFullYear(),\n      monthStart.getUTCMonth(),\n      monthStart.getUTCDate() + dayOffset + durationDays\n    ));\n\n    // Reset local state\n    setIsDragging(false);\n    setDragMode(null);\n\n    // Notify parent of drag end\n    if (onDragStateChange) {\n      onDragStateChange({\n        isDragging: false,\n        dragMode: null,\n        left: finalLeft,\n        width: finalWidth,\n      });\n    }\n\n    // Notify parent of drag completion (only if we were the owner)\n    if (onDragEnd && wasOwner) {\n      onDragEnd({\n        id: taskId,\n        startDate: newStartDate,\n        endDate: newEndDate,\n      });\n    }\n  }, [dayWidth, monthStart, onDragEnd, onDragStateChange, taskId]);\n\n  /**\n   * Handle drag cancellation (e.g., if HMR orphaned the drag)\n   */\n  const handleCancel = useCallback(() => {\n    isOwnerRef.current = false;\n    setIsDragging(false);\n    setDragMode(null);\n\n    if (onDragStateChange) {\n      onDragStateChange({\n        isDragging: false,\n        dragMode: null,\n        left: currentLeft,\n        width: currentWidth,\n      });\n    }\n  }, [onDragStateChange, currentLeft, currentWidth]);\n\n  /**\n   * Cleanup on unmount - if this instance owns the drag, cancel it\n   */\n  useEffect(() => {\n    return () => {\n      if (isOwnerRef.current && globalActiveDrag) {\n        // We're unmounting while owning the drag - cancel it\n        cancelDrag();\n      }\n    };\n  }, []);\n\n  /**\n   * Handle mouse down on drag handle\n   */\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    const target = e.currentTarget as HTMLElement;\n    const edgeZone = detectEdgeZone(e.clientX, target, edgeZoneWidth);\n\n    // Determine drag mode from edge zone\n    let mode: 'move' | 'resize-left' | 'resize-right' | null = null;\n    switch (edgeZone) {\n      case 'left':\n        mode = 'resize-left';\n        break;\n      case 'right':\n        mode = 'resize-right';\n        break;\n      case 'move':\n        mode = 'move';\n        break;\n    }\n\n    if (!mode) {\n      return;\n    }\n\n    // Get current position from state (this is what we see on screen)\n    const initialLeft = currentLeft;\n    const initialWidth = currentWidth;\n\n    // Mark this instance as the drag owner\n    isOwnerRef.current = true;\n\n    // Update display state\n    setIsDragging(true);\n    setDragMode(mode);\n\n    // Notify parent of drag start\n    if (onDragStateChange) {\n      onDragStateChange({\n        isDragging: true,\n        dragMode: mode,\n        left: initialLeft,\n        width: initialWidth,\n      });\n    }\n\n    // Ensure global listeners are attached (idempotent)\n    ensureGlobalListeners();\n\n    // Store drag state in global singleton\n    globalActiveDrag = {\n      taskId,\n      mode,\n      startX: e.clientX,\n      initialLeft,\n      initialWidth,\n      currentLeft: initialLeft, // Initially same as initial\n      currentWidth: initialWidth, // Initially same as initial\n      dayWidth,\n      monthStart,\n      onProgress: handleProgress,\n      onComplete: handleComplete,\n      onCancel: handleCancel,\n    };\n  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel]);\n\n  /**\n   * Get cursor style based on current position\n   */\n  const getCursorStyle = useCallback((): string => {\n    if (isDragging) {\n      return 'grabbing';\n    }\n    return 'grab';\n  }, [isDragging]);\n\n  return {\n    isDragging,\n    dragMode,\n    currentLeft,\n    currentWidth,\n    dragHandleProps: {\n      onMouseDown: handleMouseDown,\n      style: {\n        cursor: getCursorStyle(),\n        userSelect: 'none',\n      } as React.CSSProperties,\n    },\n  };\n};\n","'use client';\n\nimport React, { useMemo } from 'react';\nimport { getDayOffset, isToday } from '../../utils/dateUtils';\nimport './TodayIndicator.css';\n\nexport interface TodayIndicatorProps {\n  /** Start of the month for positioning calculations */\n  monthStart: Date;\n  /** Width of each day column in pixels */\n  dayWidth: number;\n}\n\n/**\n * TodayIndicator component - displays a vertical line at the current date\n *\n * Only renders when the current date is within the visible month range.\n * Satisfies REND-04 requirement for visual today indicator.\n */\nconst TodayIndicator: React.FC<TodayIndicatorProps> = ({ monthStart, dayWidth }) => {\n  // Use local date for \"today\" (not UTC) - user's current date matters\n  const today = new Date();\n  const todayLocal = new Date(Date.UTC(\n    today.getFullYear(),\n    today.getMonth(),\n    today.getDate()\n  ));\n\n  // Check if today is within the current month (UTC comparison with local today)\n  const isInMonth = useMemo(() => {\n    return (\n      todayLocal.getUTCFullYear() === monthStart.getUTCFullYear() &&\n      todayLocal.getUTCMonth() === monthStart.getUTCMonth()\n    );\n  }, [monthStart, todayLocal]);\n\n  // Calculate position if today is in the month\n  const position = useMemo(() => {\n    if (!isInMonth) return null;\n\n    const offset = getDayOffset(todayLocal, monthStart);\n    return Math.round(offset * dayWidth);\n  }, [isInMonth, monthStart, dayWidth, todayLocal]);\n\n  if (!isInMonth || position === null) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"gantt-ti-indicator\"\n      style={{\n        left: `${position}px`,\n        width: 'var(--gantt-today-indicator-width)',\n        backgroundColor: 'var(--gantt-today-indicator-color)',\n      }}\n      aria-label=\"Today\"\n    />\n  );\n};\n\nexport default TodayIndicator;\n","'use client';\n\nimport React, { useMemo } from 'react';\nimport { calculateGridLines, calculateWeekendBlocks } from '../../utils/geometry';\nimport type { GridLine } from '../../types';\nimport './GridBackground.css';\n\nexport interface GridBackgroundProps {\n  /** Array of dates to display (from getMultiMonthDays) */\n  dateRange: Date[];\n  /** Width of each day column in pixels */\n  dayWidth: number;\n  /** Total height of the grid area in pixels */\n  totalHeight: number;\n}\n\n/**\n * Custom comparison function for React.memo\n *\n * Performance optimization: Only re-renders if dateRange or dayWidth change.\n * totalHeight is excluded because it only affects container height, not grid calculations.\n */\nconst arePropsEqual = (prevProps: GridBackgroundProps, nextProps: GridBackgroundProps) => {\n  return (\n    prevProps.dayWidth === nextProps.dayWidth &&\n    prevProps.dateRange.length === nextProps.dateRange.length &&\n    prevProps.totalHeight !== nextProps.totalHeight // totalHeight changes still trigger update\n  );\n};\n\n/**\n * GridBackground component - renders vertical grid lines and weekend background highlighting\n *\n * This component provides the visual grid structure that runs behind task rows.\n * It separates grid rendering from task rendering for better performance and cleaner code.\n *\n * Features:\n * - Vertical grid lines at month/week/day boundaries\n * - Pink background highlighting for weekend days\n * - React.memo optimization for performance\n * - Pointer events disabled (clicks pass through to tasks)\n */\nconst GridBackground: React.FC<GridBackgroundProps> = React.memo(\n  ({ dateRange, dayWidth, totalHeight }) => {\n    // Calculate grid line positions\n    const gridLines = useMemo<GridLine[]>(() => {\n      return calculateGridLines(dateRange, dayWidth);\n    }, [dateRange, dayWidth]);\n\n    // Calculate weekend background blocks\n    const weekendBlocks = useMemo(() => {\n      return calculateWeekendBlocks(dateRange, dayWidth);\n    }, [dateRange, dayWidth]);\n\n    // Calculate total grid width\n    const gridWidth = useMemo(() => {\n      return Math.round(dateRange.length * dayWidth);\n    }, [dateRange.length, dayWidth]);\n\n    return (\n      <div\n        className=\"gantt-gb-gridBackground\"\n        style={{\n          width: `${gridWidth}px`,\n          height: `${totalHeight}px`,\n        }}\n      >\n        {/* Weekend backgrounds (rendered first, behind lines) */}\n        {weekendBlocks.map((block, index) => (\n          <div\n            key={`weekend-${index}`}\n            className=\"gantt-gb-weekendBlock\"\n            style={{\n              left: `${block.left}px`,\n              width: `${block.width}px`,\n            }}\n          />\n        ))}\n\n        {/* Vertical grid lines */}\n        {gridLines.map((line, index) => {\n          // Determine line type class based on flags\n          const lineClass = line.isMonthStart\n            ? 'gantt-gb-monthSeparator'\n            : line.isWeekStart\n              ? 'gantt-gb-weekSeparator'\n              : 'gantt-gb-dayLine';\n\n          return (\n            <div\n              key={`gridline-${index}`}\n              className={`gantt-gb-gridLine ${lineClass}`}\n              style={{\n                left: `${line.x}px`,\n              }}\n            />\n          );\n        })}\n      </div>\n    );\n  },\n  arePropsEqual\n);\n\nGridBackground.displayName = 'GridBackground';\n\nexport default GridBackground;\n","'use client';\n\nimport React from 'react';\nimport './DragGuideLines.css';\n\nexport interface DragGuideLinesProps {\n  isDragging: boolean;\n  dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n  left: number;\n  width: number;\n  totalHeight: number;\n}\n\nconst DragGuideLines: React.FC<DragGuideLinesProps> = ({\n  isDragging,\n  dragMode,\n  left,\n  width,\n  totalHeight,\n}) => {\n  if (!isDragging || !dragMode) {\n    return null;\n  }\n\n  // Determine which lines to show based on drag mode\n  const showLeftLine = dragMode === 'move' || dragMode === 'resize-left';\n  const showRightLine = dragMode === 'move' || dragMode === 'resize-right';\n\n  return (\n    <>\n      {showLeftLine && (\n        <div\n          className=\"gantt-dgl-guideLine\"\n          style={{\n            left: `${left}px`,\n            height: `${totalHeight}px`,\n          }}\n        />\n      )}\n      {showRightLine && (\n        <div\n          className=\"gantt-dgl-guideLine\"\n          style={{\n            left: `${left + width}px`,\n            height: `${totalHeight}px`,\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport default DragGuideLines;\n"],"mappings":"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","names":["import_react","isWeekend","import_react","isWeekend","import_react","getUTCDayDifference","import_jsx_runtime","React","import_react","import_jsx_runtime","import_react","import_jsx_runtime","arePropsEqual","React","import_jsx_runtime","import_jsx_runtime"]}

package/dist/index.mjs

@@ -563,7 +563,7 @@ var useTaskDrag = (options) => {
 // src/components/TaskRow/TaskRow.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var arePropsEqual = (prevProps, nextProps) => {
-  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.color === nextProps.task.color && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight;
+  return prevProps.task.id === nextProps.task.id && prevProps.task.name === nextProps.task.name && prevProps.task.startDate === nextProps.task.startDate && prevProps.task.endDate === nextProps.task.endDate && prevProps.task.color === nextProps.task.color && prevProps.task.progress === nextProps.task.progress && prevProps.task.accepted === nextProps.task.accepted && prevProps.monthStart.getTime() === nextProps.monthStart.getTime() && prevProps.dayWidth === nextProps.dayWidth && prevProps.rowHeight === nextProps.rowHeight;
 };
 var TaskRow = React2.memo(
   ({ task, monthStart, dayWidth, rowHeight, onChange, onDragStateChange }) => {
@@ -574,6 +574,16 @@ var TaskRow = React2.memo(
       [taskStartDate, taskEndDate, monthStart, dayWidth]
     );
     const barColor = task.color || "var(--gantt-task-bar-default-color)";
+    const progressWidth = useMemo2(() => {
+      if (task.progress === void 0 || task.progress <= 0) return 0;
+      return Math.min(100, Math.max(0, Math.round(task.progress)));
+    }, [task.progress]);
+    const progressColor = useMemo2(() => {
+      if (progressWidth === 100) {
+        return task.accepted ? "var(--gantt-progress-accepted, #22c55e)" : "var(--gantt-progress-completed, #fbbf24)";
+      }
+      return task.color ? `color-mix(in srgb, ${task.color} 40%, black)` : "var(--gantt-progress-color, rgba(0, 0, 0, 0.2))";
+    }, [progressWidth, task.accepted, task.color]);
     const handleDragEnd = (result) => {
       const updatedTask = {
         ...task,
@@ -638,6 +648,16 @@ var TaskRow = React2.memo(
               },
               onMouseDown: dragHandleProps.onMouseDown,
               children: [
+                progressWidth > 0 && /* @__PURE__ */ jsx2(
+                  "div",
+                  {
+                    className: "gantt-tr-progressBar",
+                    style: {
+                      width: `${progressWidth}%`,
+                      backgroundColor: progressColor
+                    }
+                  }
+                ),
                 /* @__PURE__ */ jsx2("div", { className: "gantt-tr-resizeHandle gantt-tr-resizeHandleLeft" }),
                 /* @__PURE__ */ jsxs2("span", { className: "gantt-tr-taskDuration", children: [
                   durationDays,

package/dist/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/GanttChart/GanttChart.tsx","../src/utils/dateUtils.ts","../src/components/TimeScaleHeader/TimeScaleHeader.tsx","../src/components/TaskRow/TaskRow.tsx","../src/utils/geometry.ts","../src/hooks/useTaskDrag.ts","../src/components/TodayIndicator/TodayIndicator.tsx","../src/components/GridBackground/GridBackground.tsx","../src/components/DragGuideLines/DragGuideLines.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo, useCallback, useRef, useState, useEffect } from 'react';\nimport { getMultiMonthDays } from '../../utils/dateUtils';\nimport { calculateGridWidth } from '../../utils/geometry';\nimport TimeScaleHeader from '../TimeScaleHeader';\nimport TaskRow from '../TaskRow';\nimport TodayIndicator from '../TodayIndicator';\nimport GridBackground from '../GridBackground';\nimport DragGuideLines from '../DragGuideLines/DragGuideLines';\nimport './GanttChart.css';\n\n/**\n * Task data structure for Gantt chart\n */\nexport interface Task {\n  /** Unique identifier for the task */\n  id: string;\n  /** Display name of the task */\n  name: string;\n  /** Task start date (ISO string or Date object) */\n  startDate: string | Date;\n  /** Task end date (ISO string or Date object) */\n  endDate: string | Date;\n  /** Optional color for task bar visualization */\n  color?: string;\n}\n\nexport interface GanttChartProps {\n  /** Array of tasks to display */\n  tasks: Task[];\n  /** Width of each day column in pixels (default: 40) */\n  dayWidth?: number;\n  /** Height of each task row in pixels (default: 40) */\n  rowHeight?: number;\n  /** Height of the header row in pixels (default: 40) */\n  headerHeight?: number;\n  /** Container height in pixels (default: 600) - adds vertical scrolling when tasks exceed this height */\n  containerHeight?: number;\n  /** Callback when tasks are modified via drag/resize. Can receive either the new tasks array or a functional updater. */\n  onChange?: (tasks: Task[] | ((currentTasks: Task[]) => Task[])) => void;\n}\n\n/**\n * GanttChart component - displays tasks on a monthly timeline with Excel-like styling\n *\n * The calendar automatically shows full months based on task date ranges.\n * For example, if tasks span from March 25 to May 5, the calendar shows\n * the complete months of March, April, and May (March 1 - May 31).\n *\n * @example\n * ```tsx\n * <GanttChart\n *   tasks={[\n *     { id: '1', name: 'Task 1', startDate: '2026-02-01', endDate: '2026-02-05' }\n *   ]}\n * />\n * ```\n */\nexport const GanttChart: React.FC<GanttChartProps> = ({\n  tasks,\n  dayWidth = 40,\n  rowHeight = 40,\n  headerHeight = 40,\n  containerHeight = 600,\n  onChange,\n}) => {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  // Calculate multi-month date range from tasks\n  const dateRange = useMemo(() => getMultiMonthDays(tasks), [tasks]);\n\n\n  // Calculate grid width\n  const gridWidth = useMemo(\n    () => Math.round(dateRange.length * dayWidth),\n    [dateRange.length, dayWidth]\n  );\n\n  // Calculate total grid height\n  const totalGridHeight = useMemo(\n    () => tasks.length * rowHeight,\n    [tasks.length, rowHeight]\n  );\n\n  // Get month start for calculations (first day of date range)\n  const monthStart = useMemo(() => {\n    if (dateRange.length === 0) {\n      return new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 1));\n    }\n    const firstDay = dateRange[0];\n    return new Date(Date.UTC(firstDay.getUTCFullYear(), firstDay.getUTCMonth(), 1));\n  }, [dateRange]);\n\n  // Only render TodayIndicator if today is in the visible date range\n  const todayInRange = useMemo(() => {\n    const now = new Date();\n    const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));\n    return dateRange.some(day => day.getTime() === today.getTime());\n  }, [dateRange]);\n\n  // Track drag state for guide lines\n  const [dragGuideLines, setDragGuideLines] = useState<{\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  } | null>(null);\n\n  /**\n   * Stable callback for task updates\n   *\n   * FIXED: No longer depends on `tasks` to avoid stale closure bugs.\n   * Uses functional state update pattern: the callback receives an updater function\n   * that maps over the current tasks state, ensuring we always use the latest state.\n   *\n   * This prevents the \"reverting\" bug where dragging a second task causes the\n   * first task to revert to its original position.\n   *\n   * To prevent re-render storms during drag:\n   * 1. The onChange callback is only called AFTER drag completes (mouseUp)\n   * 2. During drag, only the dragged TaskRow re-renders (due to its internal state)\n   * 3. Other TaskRows don't re-render because their props haven't changed\n   *\n   * The React.memo comparison in TaskRow excludes onChange from comparison,\n   * relying on the fact that onChange fires only after drag completes.\n   */\n  const handleTaskChange = useCallback((updatedTask: Task) => {\n    // Call onChange with a functional updater that receives the current tasks\n    onChange?.((currentTasks) =>\n      currentTasks.map((t) =>\n        t.id === updatedTask.id ? updatedTask : t\n      )\n    );\n  }, [onChange]);\n\n  const handleDragStateChange = useCallback((state: {\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  }) => {\n    if (state.isDragging) {\n      setDragGuideLines(state);\n    } else {\n      setDragGuideLines(null);\n    }\n  }, []);\n\n  // Pan (grab-scroll) on empty grid area\n  const panStateRef = useRef<{ active: boolean; startX: number; startY: number; scrollX: number; scrollY: number } | null>(null);\n\n  const handlePanStart = useCallback((e: React.MouseEvent) => {\n    // Only pan on left click, skip if clicking on a task bar\n    if (e.button !== 0) return;\n    const target = e.target as HTMLElement;\n    if (target.closest('[data-taskbar]')) return;\n\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    panStateRef.current = {\n      active: true,\n      startX: e.clientX,\n      startY: e.clientY,\n      scrollX: container.scrollLeft,\n      scrollY: container.scrollTop,\n    };\n    container.style.cursor = 'grabbing';\n    e.preventDefault();\n  }, []);\n\n  useEffect(() => {\n    const handlePanMove = (e: MouseEvent) => {\n      const pan = panStateRef.current;\n      if (!pan?.active) return;\n      const container = scrollContainerRef.current;\n      if (!container) return;\n\n      container.scrollLeft = pan.scrollX - (e.clientX - pan.startX);\n      container.scrollTop = pan.scrollY - (e.clientY - pan.startY);\n    };\n\n    const handlePanEnd = () => {\n      if (!panStateRef.current?.active) return;\n      panStateRef.current = null;\n      const container = scrollContainerRef.current;\n      if (container) container.style.cursor = '';\n    };\n\n    window.addEventListener('mousemove', handlePanMove);\n    window.addEventListener('mouseup', handlePanEnd);\n    return () => {\n      window.removeEventListener('mousemove', handlePanMove);\n      window.removeEventListener('mouseup', handlePanEnd);\n    };\n  }, []);\n\n  return (\n    <div className=\"gantt-container\">\n      <div\n        ref={scrollContainerRef}\n        className=\"gantt-scrollContainer\"\n        style={{ height: `${containerHeight}px`, cursor: 'grab' }}\n        onMouseDown={handlePanStart}\n      >\n        {/* Sticky header - stays at top during vertical scroll, scrolls with content horizontally */}\n        <div className=\"gantt-stickyHeader\" style={{ width: `${gridWidth}px` }}>\n          <TimeScaleHeader\n            days={dateRange}\n            dayWidth={dayWidth}\n            headerHeight={headerHeight}\n          />\n        </div>\n\n        {/* Task area */}\n        <div\n          className=\"gantt-taskArea\"\n          style={{\n            position: 'relative',\n            width: `${gridWidth}px`,\n          }}\n        >\n          <GridBackground\n            dateRange={dateRange}\n            dayWidth={dayWidth}\n            totalHeight={totalGridHeight}\n          />\n\n          {todayInRange && <TodayIndicator monthStart={monthStart} dayWidth={dayWidth} />}\n\n          {dragGuideLines && (\n            <DragGuideLines\n              isDragging={dragGuideLines.isDragging}\n              dragMode={dragGuideLines.dragMode}\n              left={dragGuideLines.left}\n              width={dragGuideLines.width}\n              totalHeight={totalGridHeight}\n            />\n          )}\n\n          {tasks.map((task) => (\n            <TaskRow\n              key={task.id}\n              task={task}\n              monthStart={monthStart}\n              dayWidth={dayWidth}\n              rowHeight={rowHeight}\n              onChange={handleTaskChange}\n              onDragStateChange={handleDragStateChange}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default GanttChart;\n","import { parseISO, isValid } from 'date-fns';\n\n/**\n * Parse date string as UTC to prevent DST issues\n * @param date - Date string or Date object\n * @returns Date object representing UTC midnight\n * @throws Error if date string is invalid\n */\nexport const parseUTCDate = (date: string | Date): Date => {\n  if (typeof date === 'string') {\n    // If already an ISO string (contains 'T'), parse directly\n    // Otherwise, append UTC time for simple date strings (YYYY-MM-DD)\n    const dateStr = date.includes('T') ? date : `${date}T00:00:00Z`;\n    const parsed = new Date(dateStr);\n    if (isNaN(parsed.getTime())) {\n      throw new Error(`Invalid date string: ${date}`);\n    }\n    return parsed;\n  }\n  return date;\n};\n\n/**\n * Get all days in the month of given date (UTC)\n * @param date - Reference date (any day in the target month)\n * @returns Array of Date objects for each day in the month\n */\nexport const getMonthDays = (date: Date | string): Date[] => {\n  const utcDate = parseUTCDate(date);\n  const year = utcDate.getUTCFullYear();\n  const month = utcDate.getUTCMonth();\n\n  // Get days in month (handles leap years)\n  const daysInMonth = new Date(Date.UTC(year, month + 1, 0)).getUTCDate();\n\n  const days: Date[] = [];\n  for (let day = 1; day <= daysInMonth; day++) {\n    days.push(new Date(Date.UTC(year, month, day)));\n  }\n\n  return days;\n};\n\n/**\n * Calculate day offset from month start (0-based)\n * @param date - The date to calculate offset for\n * @param monthStart - The start of the month as reference\n * @returns Number of days from month start (negative if date is before month start)\n */\nexport const getDayOffset = (date: Date, monthStart: Date): number => {\n  const dateMs = Date.UTC(\n    date.getUTCFullYear(),\n    date.getUTCMonth(),\n    date.getUTCDate()\n  );\n  const startMs = Date.UTC(\n    monthStart.getUTCFullYear(),\n    monthStart.getUTCMonth(),\n    monthStart.getUTCDate()\n  );\n  return Math.round((dateMs - startMs) / (1000 * 60 * 60 * 24));\n};\n\n/**\n * Check if date is today (UTC comparison)\n * @param date - Date to check\n * @returns True if date is today, false otherwise\n */\nexport const isToday = (date: Date): boolean => {\n  const now = new Date();\n  const today = new Date(Date.UTC(\n    now.getUTCFullYear(),\n    now.getUTCMonth(),\n    now.getUTCDate()\n  ));\n  const compareDate = new Date(Date.UTC(\n    date.getUTCFullYear(),\n    date.getUTCMonth(),\n    date.getUTCDate()\n  ));\n  return today.getTime() === compareDate.getTime();\n};\n\n/**\n * Check if date is a weekend day (Saturday or Sunday)\n * @param date - Date to check\n * @returns True if date is Saturday (6) or Sunday (0), false otherwise\n */\nexport const isWeekend = (date: Date): boolean => {\n  const day = date.getUTCDay();\n  return day === 0 || day === 6; // Sunday (0) or Saturday (6)\n};\n\n/**\n * Calculate multi-month date range from task dates\n * Expands range to include full months (1st of first month to last day of last month)\n * @param tasks - Array of tasks with startDate and endDate\n * @returns Array of Date objects for all days in the expanded range\n */\nexport const getMultiMonthDays = (tasks: Array<{ startDate: string | Date; endDate: string | Date }>): Date[] => {\n  // Handle empty task array by returning current month\n  if (!tasks || tasks.length === 0) {\n    return getMonthDays(new Date());\n  }\n\n  // Find min and max dates from all tasks\n  let minDate: Date | null = null;\n  let maxDate: Date | null = null;\n\n  for (const task of tasks) {\n    const start = parseUTCDate(task.startDate);\n    const end = parseUTCDate(task.endDate);\n\n    if (!minDate || start.getTime() < minDate.getTime()) {\n      minDate = start;\n    }\n    if (!maxDate || end.getTime() > maxDate.getTime()) {\n      maxDate = end;\n    }\n  }\n\n  if (!minDate || !maxDate) {\n    return getMonthDays(new Date());\n  }\n\n  // Extend to full months: 1st of first month to last day of last month\n  const startOfMonth = new Date(Date.UTC(\n    minDate.getUTCFullYear(),\n    minDate.getUTCMonth(),\n    1\n  ));\n\n  const endOfMonth = new Date(Date.UTC(\n    maxDate.getUTCFullYear(),\n    maxDate.getUTCMonth() + 1,\n    0\n  ));\n\n  // Generate all dates in range\n  const days: Date[] = [];\n  const current = new Date(startOfMonth);\n\n  while (current.getTime() <= endOfMonth.getTime()) {\n    days.push(new Date(Date.UTC(\n      current.getUTCFullYear(),\n      current.getUTCMonth(),\n      current.getUTCDate()\n    )));\n    // Move to next day\n    current.setUTCDate(current.getUTCDate() + 1);\n  }\n\n  return days;\n};\n\n/**\n * Calculate month spans within a date range\n * @param dateRange - Array of Date objects representing the full range\n * @returns Array of month span objects with month, days count, and start index\n */\nexport const getMonthSpans = (\n  dateRange: Date[]\n): Array<{ month: Date; days: number; startIndex: number }> => {\n  if (dateRange.length === 0) {\n    return [];\n  }\n\n  const spans: Array<{ month: Date; days: number; startIndex: number }> = [];\n  let currentMonthYear = `${dateRange[0].getUTCFullYear()}-${dateRange[0].getUTCMonth()}`;\n  let startOfMonthIndex = 0;\n\n  for (let i = 0; i < dateRange.length; i++) {\n    const date = dateRange[i];\n    const monthYear = `${date.getUTCFullYear()}-${date.getUTCMonth()}`;\n\n    // When month changes, finalize the previous span and start a new one\n    if (monthYear !== currentMonthYear) {\n      spans.push({\n        month: new Date(Date.UTC(\n          dateRange[startOfMonthIndex].getUTCFullYear(),\n          dateRange[startOfMonthIndex].getUTCMonth(),\n          1\n        )),\n        days: i - startOfMonthIndex,\n        startIndex: startOfMonthIndex\n      });\n      currentMonthYear = monthYear;\n      startOfMonthIndex = i;\n    }\n\n    // Last date - finalize the last span\n    if (i === dateRange.length - 1) {\n      spans.push({\n        month: new Date(Date.UTC(\n          date.getUTCFullYear(),\n          date.getUTCMonth(),\n          1\n        )),\n        days: i - startOfMonthIndex + 1,\n        startIndex: startOfMonthIndex\n      });\n    }\n  }\n\n  return spans;\n};\n\n/**\n * Format date as DD.MM (e.g., 25.03 for March 25th)\n * @param date - Date to format\n * @returns Formatted date string in DD.MM format\n */\nexport const formatDateLabel = (date: Date | string): string => {\n  const parsed = parseUTCDate(date);\n  const day = String(parsed.getUTCDate()).padStart(2, '0');\n  const month = String(parsed.getUTCMonth() + 1).padStart(2, '0');\n  return `${day}.${month}`;\n};\n","'use client';\n\nimport React, { useMemo } from 'react';\nimport { format } from 'date-fns';\nimport { ru } from 'date-fns/locale';\nimport { getMonthSpans } from '../../utils/dateUtils';\nimport type { MonthSpan } from '../../types';\nimport './TimeScaleHeader.css';\n\nexport interface TimeScaleHeaderProps {\n  /** Array of dates to display (from getMultiMonthDays) */\n  days: Date[];\n  /** Width of each day column in pixels */\n  dayWidth: number;\n  /** Height of the header row in pixels */\n  headerHeight: number;\n}\n\n/**\n * TimeScaleHeader component - displays two-row date headers for the Gantt chart\n *\n * Top row: Month names (Russian, left-aligned) spanning multiple day columns\n * Bottom row: Day numbers (centered) in individual columns\n */\nconst TimeScaleHeader: React.FC<TimeScaleHeaderProps> = ({\n  days,\n  dayWidth,\n  headerHeight,\n}) => {\n  // Calculate month spans using the utility from dateUtils\n  const monthSpans = useMemo(() => getMonthSpans(days), [days]);\n\n  // Split header height evenly between two rows\n  const rowHeight = headerHeight / 2;\n\n  // Calculate grid template for day row\n  const dayGridTemplate = useMemo(\n    () => `repeat(${days.length}, ${dayWidth}px)`,\n    [days.length, dayWidth]\n  );\n\n  return (\n    <div\n      className=\"gantt-tsh-header\"\n      style={{ height: `${headerHeight}px` }}\n    >\n      {/* Month row - top */}\n      <div\n        className=\"gantt-tsh-monthRow\"\n        style={{ height: `${rowHeight}px` }}\n      >\n        {monthSpans.map((span: MonthSpan, index: number) => (\n          <div\n            key={`month-${index}`}\n            className=\"gantt-tsh-monthCell\"\n            style={{ width: `${span.days * dayWidth}px` }}\n          >\n            {format(span.month, 'LLLL yyyy', { locale: ru }).replace(/^./, (c) => c.toUpperCase())}\n          </div>\n        ))}\n      </div>\n\n      {/* Day row - bottom */}\n      <div\n        className=\"gantt-tsh-dayRow\"\n        style={{\n          height: `${rowHeight}px`,\n          gridTemplateColumns: dayGridTemplate,\n        }}\n      >\n        {days.map((day, index) => {\n          const isWeekend = day.getDay() === 0 || day.getDay() === 6;\n          const prevDay = days[index - 1];\n          const isMonthBoundary = index > 0 && prevDay && prevDay.getMonth() !== day.getMonth();\n          // Use local date comparison for \"today\" (user's current date)\n          const now = new Date();\n          const isTodayDate =\n            day.getUTCFullYear() === now.getFullYear() &&\n            day.getUTCMonth() === now.getMonth() &&\n            day.getUTCDate() === now.getDate();\n          return (\n            <div key={`day-${index}`} className={`gantt-tsh-dayCell ${isWeekend ? 'gantt-tsh-weekendDay' : ''} ${isMonthBoundary ? 'gantt-tsh-monthBoundary' : ''} ${isTodayDate ? 'gantt-tsh-today' : ''}`}>\n              <span className=\"gantt-tsh-dayLabel\">{format(day, 'd')}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default TimeScaleHeader;\n","'use client';\n\nimport React, { useMemo, useState, useEffect, useRef } from 'react';\nimport { parseUTCDate, formatDateLabel } from '../../utils/dateUtils';\nimport { calculateTaskBar, pixelsToDate } from '../../utils/geometry';\nimport { useTaskDrag } from '../../hooks/useTaskDrag';\nimport type { Task } from '../GanttChart';\nimport './TaskRow.css';\n\nexport interface TaskRowProps {\n  /** Task data to render */\n  task: Task;\n  /** Start of the month for positioning calculations */\n  monthStart: Date;\n  /** Width of each day column in pixels */\n  dayWidth: number;\n  /** Height of the task row in pixels */\n  rowHeight: number;\n  /** Callback when task is modified via drag/resize */\n  onChange?: (updatedTask: Task) => void;\n  /** Callback when task drag state changes (for rendering guide lines) */\n  onDragStateChange?: (state: {\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  }) => void;\n}\n\n/**\n * Custom comparison function for React.memo\n *\n * Performance optimization: Only re-renders if task properties that affect rendering change.\n *\n * NOTE: onChange is intentionally excluded from this comparison because:\n * 1. The parent (GanttChart) wraps onChange in useCallback for referential stability\n * 2. onChange is only called AFTER drag completes (not during drag)\n * 3. During drag, only the dragged TaskRow re-renders due to its internal drag state\n * 4. Other TaskRows don't need to re-render when one task is dragged\n *\n * NOTE: monthStart MUST be included because task positions are calculated relative to it.\n * When the grid expands (e.g., dragging a task left beyond the boundary), monthStart changes\n * and all tasks need to re-render to update their positions.\n *\n * Excluding onChange prevents re-render storms when dragging tasks with ~100 tasks.\n */\nconst arePropsEqual = (prevProps: TaskRowProps, nextProps: TaskRowProps) => {\n  return (\n    prevProps.task.id === nextProps.task.id &&\n    prevProps.task.name === nextProps.task.name &&\n    prevProps.task.startDate === nextProps.task.startDate &&\n    prevProps.task.endDate === nextProps.task.endDate &&\n    prevProps.task.color === nextProps.task.color &&\n    prevProps.monthStart.getTime() === nextProps.monthStart.getTime() &&\n    prevProps.dayWidth === nextProps.dayWidth &&\n    prevProps.rowHeight === nextProps.rowHeight\n    // onChange excluded - see note above\n  );\n};\n\n/**\n * TaskRow component - renders a single task row with a task bar\n *\n * Uses React.memo for performance optimization (QL-01).\n * The task bar is positioned absolutely based on start/end dates.\n */\nconst TaskRow: React.FC<TaskRowProps> = React.memo(\n  ({ task, monthStart, dayWidth, rowHeight, onChange, onDragStateChange }) => {\n    // Parse dates as UTC\n    const taskStartDate = useMemo(() => parseUTCDate(task.startDate), [task.startDate]);\n    const taskEndDate = useMemo(() => parseUTCDate(task.endDate), [task.endDate]);\n\n    // Calculate task bar position and dimensions\n    const { left, width } = useMemo(\n      () => calculateTaskBar(taskStartDate, taskEndDate, monthStart, dayWidth),\n      [taskStartDate, taskEndDate, monthStart, dayWidth]\n    );\n\n    // Determine task bar color\n    const barColor = task.color || 'var(--gantt-task-bar-default-color)';\n\n    // Handle drag end - call onChange with updated task\n    const handleDragEnd = (result: { id: string; startDate: Date; endDate: Date }) => {\n      const updatedTask: Task = {\n        ...task,\n        startDate: result.startDate.toISOString(),\n        endDate: result.endDate.toISOString(),\n      };\n      onChange?.(updatedTask);\n    };\n\n    // Use drag hook for interactive drag/resize\n    const {\n      isDragging,\n      dragMode,\n      currentLeft,\n      currentWidth,\n      dragHandleProps,\n    } = useTaskDrag({\n      taskId: task.id,\n      initialStartDate: taskStartDate,\n      initialEndDate: taskEndDate,\n      monthStart,\n      dayWidth,\n      onDragEnd: handleDragEnd,\n      onDragStateChange,\n      edgeZoneWidth: 20,\n    });\n\n    // Use dynamic position during drag\n    const displayLeft = isDragging ? currentLeft : left;\n    const displayWidth = isDragging ? currentWidth : width;\n\n    // Format date labels for display - update in real-time during drag\n    const currentStartDate = isDragging\n      ? pixelsToDate(displayLeft, monthStart, dayWidth)\n      : taskStartDate;\n    const currentEndDate = isDragging\n      ? pixelsToDate(displayLeft + displayWidth - dayWidth, monthStart, dayWidth)\n      : taskEndDate;\n\n    const startDateLabel = formatDateLabel(currentStartDate);\n    const endDateLabel = formatDateLabel(currentEndDate);\n\n    // Calculate duration in days\n    const durationDays = Math.round(\n      (currentEndDate.getTime() - currentStartDate.getTime()) / (1000 * 60 * 60 * 24)\n    ) + 1;\n\n    // Detect if task name overflows the bar\n    const [isNameOverflow, setIsNameOverflow] = useState(false);\n    const taskNameRef = useRef<HTMLSpanElement>(null);\n\n    useEffect(() => {\n      const nameEl = taskNameRef.current;\n      if (nameEl) {\n        // Check if task name is wider than available space\n        // Reserved space for dates, duration, separator, and handles\n        const reservedWidth = 120;\n        const availableWidth = displayWidth - reservedWidth;\n        setIsNameOverflow(nameEl.scrollWidth > availableWidth);\n      }\n    }, [displayWidth, task.name]);\n\n    return (\n      <div\n        className=\"gantt-tr-row\"\n        style={{ height: `${rowHeight}px` }}\n      >\n        <div className=\"gantt-tr-taskContainer\">\n          <div\n            data-taskbar\n            className={`gantt-tr-taskBar ${isDragging ? 'gantt-tr-dragging' : ''}`}\n            style={{\n              left: `${displayLeft}px`,\n              width: `${displayWidth}px`,\n              backgroundColor: barColor,\n              height: 'var(--gantt-task-bar-height)',\n              cursor: dragHandleProps.style.cursor,\n              userSelect: dragHandleProps.style.userSelect,\n            }}\n            onMouseDown={dragHandleProps.onMouseDown}\n          >\n            <div className=\"gantt-tr-resizeHandle gantt-tr-resizeHandleLeft\" />\n            <span className=\"gantt-tr-taskDuration\">\n              {durationDays} д\n            </span>\n            <span\n              ref={taskNameRef}\n              className={`gantt-tr-taskName ${isNameOverflow ? 'gantt-tr-taskNameHidden' : ''}`}\n            >\n              — {task.name}\n            </span>\n            <div className=\"gantt-tr-resizeHandle gantt-tr-resizeHandleRight\" />\n          </div>\n          <div\n            className=\"gantt-tr-leftLabels\"\n            style={{\n              left: `${displayLeft}px`\n            }}\n          >\n            <span className=\"gantt-tr-dateLabel gantt-tr-dateLabelLeft\">\n              {startDateLabel}–{endDateLabel}\n            </span>\n          </div>\n          <div\n            className=\"gantt-tr-rightLabels\"\n            style={{\n              left: `${displayLeft + displayWidth}px`,\n            }}\n          >\n            {isNameOverflow && (\n              <span className=\"gantt-tr-externalTaskName\">\n                {task.name}\n              </span>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  },\n  arePropsEqual\n);\n\nTaskRow.displayName = 'TaskRow';\n\nexport default TaskRow;\n","/**\n * Calculate day difference in UTC\n */\nconst getUTCDayDifference = (date1: Date, date2: Date): number => {\n  const ms1 = Date.UTC(\n    date1.getUTCFullYear(),\n    date1.getUTCMonth(),\n    date1.getUTCDate()\n  );\n  const ms2 = Date.UTC(\n    date2.getUTCFullYear(),\n    date2.getUTCMonth(),\n    date2.getUTCDate()\n  );\n  return Math.round((ms1 - ms2) / (1000 * 60 * 60 * 24));\n};\n\n/**\n * Calculate task bar positioning and dimensions\n * @param taskStartDate - Start date of the task\n * @param taskEndDate - End date of the task\n * @param monthStart - Start of the month/visible range\n * @param dayWidth - Width of each day in pixels\n * @returns Object with left position and width in pixels\n */\nexport const calculateTaskBar = (\n  taskStartDate: Date,\n  taskEndDate: Date,\n  monthStart: Date,\n  dayWidth: number\n): { left: number; width: number } => {\n  const startOffset = getUTCDayDifference(taskStartDate, monthStart);\n  const duration = getUTCDayDifference(taskEndDate, taskStartDate);\n\n  // Round to avoid sub-pixel rendering issues\n  const left = Math.round(startOffset * dayWidth);\n  const width = Math.round((duration + 1) * dayWidth); // +1 to include end date\n\n  return { left, width };\n};\n\n/**\n * Convert pixel position to date (inverse of calculateTaskBar)\n * @param pixels - Position in pixels (left or width)\n * @param monthStart - Start of the month/visible range\n * @param dayWidth - Width of each day in pixels\n * @returns Date calculated from pixel position\n */\nexport const pixelsToDate = (pixels: number, monthStart: Date, dayWidth: number): Date => {\n  const days = Math.round(pixels / dayWidth);\n  return new Date(Date.UTC(\n    monthStart.getUTCFullYear(),\n    monthStart.getUTCMonth(),\n    monthStart.getUTCDate() + days\n  ));\n};\n\n/**\n * Calculate total width for month grid\n * @param daysInMonth - Number of days in the month\n * @param dayWidth - Width of each day in pixels\n * @returns Total grid width in pixels\n */\nexport const calculateGridWidth = (daysInMonth: number, dayWidth: number): number => {\n  return Math.round(daysInMonth * dayWidth);\n};\n\n/**\n * Detect which edge zone the cursor is in on a task bar\n * @param clientX - Mouse X coordinate relative to viewport\n * @param taskBarElement - The task bar DOM element\n * @param edgeZoneWidth - Width of edge zones in pixels (default: 12px)\n * @returns 'left' if in left edge, 'right' if in right edge, 'move' if in middle\n */\nexport const detectEdgeZone = (\n  clientX: number,\n  taskBarElement: HTMLElement,\n  edgeZoneWidth: number = 12\n): 'left' | 'right' | 'move' => {\n  const rect = taskBarElement.getBoundingClientRect();\n  const relativeX = Math.round(clientX - rect.left);\n\n  // Check left edge zone\n  if (relativeX >= 0 && relativeX <= edgeZoneWidth) {\n    return 'left';\n  }\n\n  // Check right edge zone\n  const width = Math.round(rect.width);\n  if (relativeX >= width - edgeZoneWidth && relativeX <= width) {\n    return 'right';\n  }\n\n  // Middle area - move mode\n  return 'move';\n};\n\n/**\n * Get appropriate cursor style for drag position\n * @param position - The drag position (left edge, right edge, or move)\n * @returns CSS cursor string for the position\n */\nexport const getCursorForPosition = (position: 'left' | 'right' | 'move'): string => {\n  switch (position) {\n    case 'left':\n    case 'right':\n      return 'ew-resize';\n    case 'move':\n      return 'grab';\n    default:\n      return 'default';\n  }\n};\n\n/**\n * Calculate grid line positions for a date range\n * @param dateRange - Array of Date objects representing the visible range\n * @param dayWidth - Width of each day column in pixels\n * @returns Array of grid line objects with x position and flags\n */\nexport const calculateGridLines = (\n  dateRange: Date[],\n  dayWidth: number\n): Array<{ x: number; isMonthStart: boolean; isWeekStart: boolean }> => {\n  const lines: Array<{ x: number; isMonthStart: boolean; isWeekStart: boolean }> = [];\n\n  for (let i = 0; i < dateRange.length; i++) {\n    const date = dateRange[i];\n    const x = Math.round(i * dayWidth);\n    const isMonthStart = date.getUTCDate() === 1;\n    const isWeekStart = date.getUTCDay() === 1; // Monday\n\n    lines.push({ x, isMonthStart, isWeekStart });\n  }\n\n  // Add final line at the end of the range\n  if (dateRange.length > 0) {\n    lines.push({\n      x: Math.round(dateRange.length * dayWidth),\n      isMonthStart: false,\n      isWeekStart: false\n    });\n  }\n\n  return lines;\n};\n\n/**\n * Calculate weekend background blocks for a date range\n * @param dateRange - Array of Date objects representing the visible range\n * @param dayWidth - Width of each day column in pixels\n * @returns Array of weekend block objects with left position and width\n */\nexport const calculateWeekendBlocks = (\n  dateRange: Date[],\n  dayWidth: number\n): Array<{ left: number; width: number }> => {\n  const blocks: Array<{ left: number; width: number }> = [];\n  let inWeekend = false;\n  let weekendStartIndex = -1;\n\n  for (let i = 0; i < dateRange.length; i++) {\n    const date = dateRange[i];\n    const dayOfWeek = date.getUTCDay();\n    const isWeekend = dayOfWeek === 0 || dayOfWeek === 6; // Sunday or Saturday\n\n    if (isWeekend && !inWeekend) {\n      // Start of a weekend block\n      inWeekend = true;\n      weekendStartIndex = i;\n    } else if (!isWeekend && inWeekend) {\n      // End of a weekend block\n      inWeekend = false;\n      const left = Math.round(weekendStartIndex * dayWidth);\n      const width = Math.round((i - weekendStartIndex) * dayWidth);\n      blocks.push({ left, width });\n    }\n  }\n\n  // Handle case where range ends on a weekend\n  if (inWeekend && weekendStartIndex >= 0) {\n    const left = Math.round(weekendStartIndex * dayWidth);\n    const width = Math.round((dateRange.length - weekendStartIndex) * dayWidth);\n    blocks.push({ left, width });\n  }\n\n  return blocks;\n};\n","'use client';\n\nimport { useEffect, useRef, useState, useCallback } from 'react';\nimport { detectEdgeZone } from '../utils/geometry';\n\n/**\n * Global drag manager that persists across HMR\n *\n * This singleton manages active drag operations at the module level,\n * ensuring that drag state survives React Fast Refresh (HMR).\n *\n * The key insight: When HMR occurs during a drag operation:\n * 1. The component unmounts and its useEffect cleanup removes window listeners\n * 2. The component remounts with fresh refs (isDraggingRef = false)\n * 3. But the user is still holding the mouse button!\n * 4. Without module-level state, the drag operation is orphaned\n *\n * Solution: Store active drag state in module-level singleton and\n * use a global cleanup effect to always handle mouseup/mousemove.\n */\ninterface ActiveDragState {\n  taskId: string;\n  mode: 'move' | 'resize-left' | 'resize-right';\n  startX: number;\n  initialLeft: number;\n  initialWidth: number;\n  currentLeft: number;\n  currentWidth: number;\n  dayWidth: number;\n  monthStart: Date;\n  onProgress: (left: number, width: number) => void;\n  onComplete: (finalLeft: number, finalWidth: number) => void;\n  onCancel: () => void;\n}\n\nlet globalActiveDrag: ActiveDragState | null = null;\nlet globalRafId: number | null = null;\n\n/**\n * Complete the active drag operation\n */\nfunction completeDrag() {\n  if (globalRafId !== null) {\n    cancelAnimationFrame(globalRafId);\n    globalRafId = null;\n  }\n\n  if (globalActiveDrag) {\n    const { onComplete, currentLeft, currentWidth } = globalActiveDrag;\n    const drag = globalActiveDrag;\n    globalActiveDrag = null;\n    onComplete(currentLeft, currentWidth);\n  }\n}\n\n/**\n * Cancel the active drag operation\n */\nfunction cancelDrag() {\n  if (globalRafId !== null) {\n    cancelAnimationFrame(globalRafId);\n    globalRafId = null;\n  }\n\n  if (globalActiveDrag) {\n    const { onCancel } = globalActiveDrag;\n    globalActiveDrag = null;\n    onCancel();\n  }\n}\n\n/**\n * Snap pixel value to grid (day boundaries)\n */\nfunction snapToGrid(pixels: number, dayWidth: number): number {\n  return Math.round(pixels / dayWidth) * dayWidth;\n}\n\n/**\n * Global mouse move handler - attached once and persists across HMR\n */\nfunction handleGlobalMouseMove(e: MouseEvent) {\n  if (!globalActiveDrag || globalRafId !== null) {\n    return;\n  }\n\n  globalRafId = requestAnimationFrame(() => {\n    if (!globalActiveDrag) {\n      globalRafId = null;\n      return;\n    }\n\n    const { startX, initialLeft, initialWidth, mode, dayWidth, onProgress } = globalActiveDrag;\n    const deltaX = e.clientX - startX;\n\n    let newLeft = initialLeft;\n    let newWidth = initialWidth;\n\n    switch (mode) {\n      case 'move':\n        newLeft = snapToGrid(initialLeft + deltaX, dayWidth);\n        break;\n      case 'resize-left':\n        const snappedLeft = snapToGrid(initialLeft + deltaX, dayWidth);\n        newLeft = snappedLeft;\n        const rightEdge = initialLeft + initialWidth;\n        newWidth = Math.max(dayWidth, rightEdge - snappedLeft);\n        break;\n      case 'resize-right':\n        const snappedWidth = snapToGrid(initialWidth + deltaX, dayWidth);\n        newWidth = Math.max(dayWidth, snappedWidth);\n        break;\n    }\n\n    // Update current values in global state for completion\n    globalActiveDrag.currentLeft = newLeft;\n    globalActiveDrag.currentWidth = newWidth;\n\n    onProgress(newLeft, newWidth);\n    globalRafId = null;\n  });\n}\n\n/**\n * Global mouse up handler - attached once and persists across HMR\n */\nfunction handleGlobalMouseUp() {\n  if (globalActiveDrag) {\n    completeDrag();\n  }\n}\n\n/**\n * Track whether global listeners are attached\n */\nlet globalListenersAttached = false;\n\n/**\n * Ensure global listeners are attached (idempotent)\n */\nfunction ensureGlobalListeners() {\n  if (!globalListenersAttached) {\n    window.addEventListener('mousemove', handleGlobalMouseMove);\n    window.addEventListener('mouseup', handleGlobalMouseUp);\n    globalListenersAttached = true;\n  }\n}\n\n/**\n * Cleanup global listeners - called when no components are using drag\n * Note: In practice with HMR, we keep these attached for safety\n */\nfunction cleanupGlobalListeners() {\n  // We keep global listeners attached to handle orphaned drags after HMR\n  // They will be cleaned up when the page is refreshed\n}\n\n/**\n * Options for useTaskDrag hook\n */\nexport interface UseTaskDragOptions {\n  /** Unique identifier for the task */\n  taskId: string;\n  /** Initial start date of the task */\n  initialStartDate: Date;\n  /** Initial end date of the task */\n  initialEndDate: Date;\n  /** Start of the visible range (e.g., month start) */\n  monthStart: Date;\n  /** Width of each day in pixels */\n  dayWidth: number;\n  /** Callback when drag operation completes */\n  onDragEnd?: (result: { id: string; startDate: Date; endDate: Date }) => void;\n  /** Callback for drag state changes (for parent components to render guide lines) */\n  onDragStateChange?: (state: {\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  }) => void;\n  /** Width of edge zones for resize detection (default: 12px) */\n  edgeZoneWidth?: number;\n}\n\n/**\n * Return value from useTaskDrag hook\n */\nexport interface UseTaskDragReturn {\n  /** Whether a drag operation is in progress */\n  isDragging: boolean;\n  /** Current drag mode (null when not dragging) */\n  dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n  /** Current left position in pixels (updated during drag) */\n  currentLeft: number;\n  /** Current width in pixels (updated during drag) */\n  currentWidth: number;\n  /** Props to spread on the drag handle element */\n  dragHandleProps: {\n    onMouseDown: (e: React.MouseEvent) => void;\n    style: React.CSSProperties;\n  };\n}\n\n/**\n * Custom hook for managing task drag interactions\n *\n * HMR-SAFE: Uses module-level singleton to ensure drag state survives\n * React Fast Refresh. Window event listeners are attached once at module\n * level rather than per component instance.\n */\nexport const useTaskDrag = (options: UseTaskDragOptions): UseTaskDragReturn => {\n  const {\n    taskId,\n    initialStartDate,\n    initialEndDate,\n    monthStart,\n    dayWidth,\n    onDragEnd,\n    onDragStateChange,\n    edgeZoneWidth = 12,\n  } = options;\n\n  // Track if this hook instance owns the current global drag\n  const isOwnerRef = useRef<boolean>(false);\n\n  // Display state (triggers re-renders only when needed)\n  const [isDragging, setIsDragging] = useState<boolean>(false);\n  const [dragMode, setDragMode] = useState<'move' | 'resize-left' | 'resize-right' | null>(null);\n  const [currentLeft, setCurrentLeft] = useState<number>(0);\n  const [currentWidth, setCurrentWidth] = useState<number>(0);\n\n  /**\n   * Calculate initial pixel position from dates\n   */\n  const getInitialPosition = useCallback((): { left: number; width: number } => {\n    const getUTCDayDifference = (date1: Date, date2: Date): number => {\n      const ms1 = Date.UTC(\n        date1.getUTCFullYear(),\n        date1.getUTCMonth(),\n        date1.getUTCDate()\n      );\n      const ms2 = Date.UTC(\n        date2.getUTCFullYear(),\n        date2.getUTCMonth(),\n        date2.getUTCDate()\n      );\n      return Math.round((ms1 - ms2) / (1000 * 60 * 60 * 24));\n    };\n\n    const startOffset = getUTCDayDifference(initialStartDate, monthStart);\n    const duration = getUTCDayDifference(initialEndDate, initialStartDate);\n\n    const left = Math.round(startOffset * dayWidth);\n    const width = Math.round((duration + 1) * dayWidth); // +1 to include end date\n\n    return { left, width };\n  }, [initialStartDate, initialEndDate, monthStart, dayWidth]);\n\n  /**\n   * Initialize position when dates or dayWidth changes\n   */\n  useEffect(() => {\n    const { left, width } = getInitialPosition();\n    setCurrentLeft(left);\n    setCurrentWidth(width);\n  }, [getInitialPosition]);\n\n  /**\n   * Handle drag progress callback from global manager\n   */\n  const handleProgress = useCallback((left: number, width: number) => {\n    setCurrentLeft(left);\n    setCurrentWidth(width);\n\n    if (onDragStateChange && isOwnerRef.current) {\n      const mode = globalActiveDrag?.mode || null;\n      onDragStateChange({\n        isDragging: true,\n        dragMode: mode,\n        left,\n        width,\n      });\n    }\n  }, [onDragStateChange]);\n\n  /**\n   * Handle drag completion from global manager\n   */\n  const handleComplete = useCallback((finalLeft: number, finalWidth: number) => {\n    const wasOwner = isOwnerRef.current;\n    isOwnerRef.current = false;\n\n    // Calculate new dates from final pixel values\n    const dayOffset = Math.round(finalLeft / dayWidth);\n    const durationDays = Math.round(finalWidth / dayWidth) - 1; // -1 because width includes end date\n\n    const newStartDate = new Date(Date.UTC(\n      monthStart.getUTCFullYear(),\n      monthStart.getUTCMonth(),\n      monthStart.getUTCDate() + dayOffset\n    ));\n\n    const newEndDate = new Date(Date.UTC(\n      monthStart.getUTCFullYear(),\n      monthStart.getUTCMonth(),\n      monthStart.getUTCDate() + dayOffset + durationDays\n    ));\n\n    // Reset local state\n    setIsDragging(false);\n    setDragMode(null);\n\n    // Notify parent of drag end\n    if (onDragStateChange) {\n      onDragStateChange({\n        isDragging: false,\n        dragMode: null,\n        left: finalLeft,\n        width: finalWidth,\n      });\n    }\n\n    // Notify parent of drag completion (only if we were the owner)\n    if (onDragEnd && wasOwner) {\n      onDragEnd({\n        id: taskId,\n        startDate: newStartDate,\n        endDate: newEndDate,\n      });\n    }\n  }, [dayWidth, monthStart, onDragEnd, onDragStateChange, taskId]);\n\n  /**\n   * Handle drag cancellation (e.g., if HMR orphaned the drag)\n   */\n  const handleCancel = useCallback(() => {\n    isOwnerRef.current = false;\n    setIsDragging(false);\n    setDragMode(null);\n\n    if (onDragStateChange) {\n      onDragStateChange({\n        isDragging: false,\n        dragMode: null,\n        left: currentLeft,\n        width: currentWidth,\n      });\n    }\n  }, [onDragStateChange, currentLeft, currentWidth]);\n\n  /**\n   * Cleanup on unmount - if this instance owns the drag, cancel it\n   */\n  useEffect(() => {\n    return () => {\n      if (isOwnerRef.current && globalActiveDrag) {\n        // We're unmounting while owning the drag - cancel it\n        cancelDrag();\n      }\n    };\n  }, []);\n\n  /**\n   * Handle mouse down on drag handle\n   */\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    const target = e.currentTarget as HTMLElement;\n    const edgeZone = detectEdgeZone(e.clientX, target, edgeZoneWidth);\n\n    // Determine drag mode from edge zone\n    let mode: 'move' | 'resize-left' | 'resize-right' | null = null;\n    switch (edgeZone) {\n      case 'left':\n        mode = 'resize-left';\n        break;\n      case 'right':\n        mode = 'resize-right';\n        break;\n      case 'move':\n        mode = 'move';\n        break;\n    }\n\n    if (!mode) {\n      return;\n    }\n\n    // Get current position from state (this is what we see on screen)\n    const initialLeft = currentLeft;\n    const initialWidth = currentWidth;\n\n    // Mark this instance as the drag owner\n    isOwnerRef.current = true;\n\n    // Update display state\n    setIsDragging(true);\n    setDragMode(mode);\n\n    // Notify parent of drag start\n    if (onDragStateChange) {\n      onDragStateChange({\n        isDragging: true,\n        dragMode: mode,\n        left: initialLeft,\n        width: initialWidth,\n      });\n    }\n\n    // Ensure global listeners are attached (idempotent)\n    ensureGlobalListeners();\n\n    // Store drag state in global singleton\n    globalActiveDrag = {\n      taskId,\n      mode,\n      startX: e.clientX,\n      initialLeft,\n      initialWidth,\n      currentLeft: initialLeft, // Initially same as initial\n      currentWidth: initialWidth, // Initially same as initial\n      dayWidth,\n      monthStart,\n      onProgress: handleProgress,\n      onComplete: handleComplete,\n      onCancel: handleCancel,\n    };\n  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel]);\n\n  /**\n   * Get cursor style based on current position\n   */\n  const getCursorStyle = useCallback((): string => {\n    if (isDragging) {\n      return 'grabbing';\n    }\n    return 'grab';\n  }, [isDragging]);\n\n  return {\n    isDragging,\n    dragMode,\n    currentLeft,\n    currentWidth,\n    dragHandleProps: {\n      onMouseDown: handleMouseDown,\n      style: {\n        cursor: getCursorStyle(),\n        userSelect: 'none',\n      } as React.CSSProperties,\n    },\n  };\n};\n","'use client';\n\nimport React, { useMemo } from 'react';\nimport { getDayOffset, isToday } from '../../utils/dateUtils';\nimport './TodayIndicator.css';\n\nexport interface TodayIndicatorProps {\n  /** Start of the month for positioning calculations */\n  monthStart: Date;\n  /** Width of each day column in pixels */\n  dayWidth: number;\n}\n\n/**\n * TodayIndicator component - displays a vertical line at the current date\n *\n * Only renders when the current date is within the visible month range.\n * Satisfies REND-04 requirement for visual today indicator.\n */\nconst TodayIndicator: React.FC<TodayIndicatorProps> = ({ monthStart, dayWidth }) => {\n  // Use local date for \"today\" (not UTC) - user's current date matters\n  const today = new Date();\n  const todayLocal = new Date(Date.UTC(\n    today.getFullYear(),\n    today.getMonth(),\n    today.getDate()\n  ));\n\n  // Check if today is within the current month (UTC comparison with local today)\n  const isInMonth = useMemo(() => {\n    return (\n      todayLocal.getUTCFullYear() === monthStart.getUTCFullYear() &&\n      todayLocal.getUTCMonth() === monthStart.getUTCMonth()\n    );\n  }, [monthStart, todayLocal]);\n\n  // Calculate position if today is in the month\n  const position = useMemo(() => {\n    if (!isInMonth) return null;\n\n    const offset = getDayOffset(todayLocal, monthStart);\n    return Math.round(offset * dayWidth);\n  }, [isInMonth, monthStart, dayWidth, todayLocal]);\n\n  if (!isInMonth || position === null) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"gantt-ti-indicator\"\n      style={{\n        left: `${position}px`,\n        width: 'var(--gantt-today-indicator-width)',\n        backgroundColor: 'var(--gantt-today-indicator-color)',\n      }}\n      aria-label=\"Today\"\n    />\n  );\n};\n\nexport default TodayIndicator;\n","'use client';\n\nimport React, { useMemo } from 'react';\nimport { calculateGridLines, calculateWeekendBlocks } from '../../utils/geometry';\nimport type { GridLine } from '../../types';\nimport './GridBackground.css';\n\nexport interface GridBackgroundProps {\n  /** Array of dates to display (from getMultiMonthDays) */\n  dateRange: Date[];\n  /** Width of each day column in pixels */\n  dayWidth: number;\n  /** Total height of the grid area in pixels */\n  totalHeight: number;\n}\n\n/**\n * Custom comparison function for React.memo\n *\n * Performance optimization: Only re-renders if dateRange or dayWidth change.\n * totalHeight is excluded because it only affects container height, not grid calculations.\n */\nconst arePropsEqual = (prevProps: GridBackgroundProps, nextProps: GridBackgroundProps) => {\n  return (\n    prevProps.dayWidth === nextProps.dayWidth &&\n    prevProps.dateRange.length === nextProps.dateRange.length &&\n    prevProps.totalHeight !== nextProps.totalHeight // totalHeight changes still trigger update\n  );\n};\n\n/**\n * GridBackground component - renders vertical grid lines and weekend background highlighting\n *\n * This component provides the visual grid structure that runs behind task rows.\n * It separates grid rendering from task rendering for better performance and cleaner code.\n *\n * Features:\n * - Vertical grid lines at month/week/day boundaries\n * - Pink background highlighting for weekend days\n * - React.memo optimization for performance\n * - Pointer events disabled (clicks pass through to tasks)\n */\nconst GridBackground: React.FC<GridBackgroundProps> = React.memo(\n  ({ dateRange, dayWidth, totalHeight }) => {\n    // Calculate grid line positions\n    const gridLines = useMemo<GridLine[]>(() => {\n      return calculateGridLines(dateRange, dayWidth);\n    }, [dateRange, dayWidth]);\n\n    // Calculate weekend background blocks\n    const weekendBlocks = useMemo(() => {\n      return calculateWeekendBlocks(dateRange, dayWidth);\n    }, [dateRange, dayWidth]);\n\n    // Calculate total grid width\n    const gridWidth = useMemo(() => {\n      return Math.round(dateRange.length * dayWidth);\n    }, [dateRange.length, dayWidth]);\n\n    return (\n      <div\n        className=\"gantt-gb-gridBackground\"\n        style={{\n          width: `${gridWidth}px`,\n          height: `${totalHeight}px`,\n        }}\n      >\n        {/* Weekend backgrounds (rendered first, behind lines) */}\n        {weekendBlocks.map((block, index) => (\n          <div\n            key={`weekend-${index}`}\n            className=\"gantt-gb-weekendBlock\"\n            style={{\n              left: `${block.left}px`,\n              width: `${block.width}px`,\n            }}\n          />\n        ))}\n\n        {/* Vertical grid lines */}\n        {gridLines.map((line, index) => {\n          // Determine line type class based on flags\n          const lineClass = line.isMonthStart\n            ? 'gantt-gb-monthSeparator'\n            : line.isWeekStart\n              ? 'gantt-gb-weekSeparator'\n              : 'gantt-gb-dayLine';\n\n          return (\n            <div\n              key={`gridline-${index}`}\n              className={`gantt-gb-gridLine ${lineClass}`}\n              style={{\n                left: `${line.x}px`,\n              }}\n            />\n          );\n        })}\n      </div>\n    );\n  },\n  arePropsEqual\n);\n\nGridBackground.displayName = 'GridBackground';\n\nexport default GridBackground;\n","'use client';\n\nimport React from 'react';\nimport './DragGuideLines.css';\n\nexport interface DragGuideLinesProps {\n  isDragging: boolean;\n  dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n  left: number;\n  width: number;\n  totalHeight: number;\n}\n\nconst DragGuideLines: React.FC<DragGuideLinesProps> = ({\n  isDragging,\n  dragMode,\n  left,\n  width,\n  totalHeight,\n}) => {\n  if (!isDragging || !dragMode) {\n    return null;\n  }\n\n  // Determine which lines to show based on drag mode\n  const showLeftLine = dragMode === 'move' || dragMode === 'resize-left';\n  const showRightLine = dragMode === 'move' || dragMode === 'resize-right';\n\n  return (\n    <>\n      {showLeftLine && (\n        <div\n          className=\"gantt-dgl-guideLine\"\n          style={{\n            left: `${left}px`,\n            height: `${totalHeight}px`,\n          }}\n        />\n      )}\n      {showRightLine && (\n        <div\n          className=\"gantt-dgl-guideLine\"\n          style={{\n            left: `${left + width}px`,\n            height: `${totalHeight}px`,\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport default DragGuideLines;\n"],"mappings":"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","names":["useMemo","useCallback","useRef","useState","useEffect","isWeekend","React","useMemo","useState","useEffect","useRef","isWeekend","getUTCDayDifference","jsx","jsxs","React","useMemo","useState","useRef","useEffect","useMemo","jsx","useMemo","React","useMemo","jsx","jsxs","arePropsEqual","React","useMemo","jsx","jsxs","jsx","jsxs","useRef","useMemo","useState","useCallback","useEffect"]}
+{"version":3,"sources":["../src/components/GanttChart/GanttChart.tsx","../src/utils/dateUtils.ts","../src/components/TimeScaleHeader/TimeScaleHeader.tsx","../src/components/TaskRow/TaskRow.tsx","../src/utils/geometry.ts","../src/hooks/useTaskDrag.ts","../src/components/TodayIndicator/TodayIndicator.tsx","../src/components/GridBackground/GridBackground.tsx","../src/components/DragGuideLines/DragGuideLines.tsx"],"sourcesContent":["'use client';\n\nimport React, { useMemo, useCallback, useRef, useState, useEffect } from 'react';\nimport { getMultiMonthDays } from '../../utils/dateUtils';\nimport { calculateGridWidth } from '../../utils/geometry';\nimport TimeScaleHeader from '../TimeScaleHeader';\nimport TaskRow from '../TaskRow';\nimport TodayIndicator from '../TodayIndicator';\nimport GridBackground from '../GridBackground';\nimport DragGuideLines from '../DragGuideLines/DragGuideLines';\nimport './GanttChart.css';\n\n/**\n * Task data structure for Gantt chart\n */\nexport interface Task {\n  /** Unique identifier for the task */\n  id: string;\n  /** Display name of the task */\n  name: string;\n  /** Task start date (ISO string or Date object) */\n  startDate: string | Date;\n  /** Task end date (ISO string or Date object) */\n  endDate: string | Date;\n  /** Optional color for task bar visualization */\n  color?: string;\n  /**\n   * Optional progress value from 0-100\n   * - Decimal values are allowed and rounded to nearest integer for display\n   * - Values are clamped to 0-100 range\n   * - Undefined or 0 means no progress is displayed\n   * - Progress is visual-only, no user interaction\n   */\n  progress?: number;\n  /**\n   * Optional flag indicating if task is accepted\n   * - Only meaningful when progress is 100%\n   * - Affects the color of the progress bar (green for accepted, yellow for completed)\n   */\n  accepted?: boolean;\n}\n\nexport interface GanttChartProps {\n  /** Array of tasks to display */\n  tasks: Task[];\n  /** Width of each day column in pixels (default: 40) */\n  dayWidth?: number;\n  /** Height of each task row in pixels (default: 40) */\n  rowHeight?: number;\n  /** Height of the header row in pixels (default: 40) */\n  headerHeight?: number;\n  /** Container height in pixels (default: 600) - adds vertical scrolling when tasks exceed this height */\n  containerHeight?: number;\n  /** Callback when tasks are modified via drag/resize. Can receive either the new tasks array or a functional updater. */\n  onChange?: (tasks: Task[] | ((currentTasks: Task[]) => Task[])) => void;\n}\n\n/**\n * GanttChart component - displays tasks on a monthly timeline with Excel-like styling\n *\n * The calendar automatically shows full months based on task date ranges.\n * For example, if tasks span from March 25 to May 5, the calendar shows\n * the complete months of March, April, and May (March 1 - May 31).\n *\n * @example\n * ```tsx\n * <GanttChart\n *   tasks={[\n *     { id: '1', name: 'Task 1', startDate: '2026-02-01', endDate: '2026-02-05' }\n *   ]}\n * />\n * ```\n */\nexport const GanttChart: React.FC<GanttChartProps> = ({\n  tasks,\n  dayWidth = 40,\n  rowHeight = 40,\n  headerHeight = 40,\n  containerHeight = 600,\n  onChange,\n}) => {\n  const scrollContainerRef = useRef<HTMLDivElement>(null);\n\n  // Calculate multi-month date range from tasks\n  const dateRange = useMemo(() => getMultiMonthDays(tasks), [tasks]);\n\n\n  // Calculate grid width\n  const gridWidth = useMemo(\n    () => Math.round(dateRange.length * dayWidth),\n    [dateRange.length, dayWidth]\n  );\n\n  // Calculate total grid height\n  const totalGridHeight = useMemo(\n    () => tasks.length * rowHeight,\n    [tasks.length, rowHeight]\n  );\n\n  // Get month start for calculations (first day of date range)\n  const monthStart = useMemo(() => {\n    if (dateRange.length === 0) {\n      return new Date(Date.UTC(new Date().getUTCFullYear(), new Date().getUTCMonth(), 1));\n    }\n    const firstDay = dateRange[0];\n    return new Date(Date.UTC(firstDay.getUTCFullYear(), firstDay.getUTCMonth(), 1));\n  }, [dateRange]);\n\n  // Only render TodayIndicator if today is in the visible date range\n  const todayInRange = useMemo(() => {\n    const now = new Date();\n    const today = new Date(Date.UTC(now.getUTCFullYear(), now.getUTCMonth(), now.getUTCDate()));\n    return dateRange.some(day => day.getTime() === today.getTime());\n  }, [dateRange]);\n\n  // Track drag state for guide lines\n  const [dragGuideLines, setDragGuideLines] = useState<{\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  } | null>(null);\n\n  /**\n   * Stable callback for task updates\n   *\n   * FIXED: No longer depends on `tasks` to avoid stale closure bugs.\n   * Uses functional state update pattern: the callback receives an updater function\n   * that maps over the current tasks state, ensuring we always use the latest state.\n   *\n   * This prevents the \"reverting\" bug where dragging a second task causes the\n   * first task to revert to its original position.\n   *\n   * To prevent re-render storms during drag:\n   * 1. The onChange callback is only called AFTER drag completes (mouseUp)\n   * 2. During drag, only the dragged TaskRow re-renders (due to its internal state)\n   * 3. Other TaskRows don't re-render because their props haven't changed\n   *\n   * The React.memo comparison in TaskRow excludes onChange from comparison,\n   * relying on the fact that onChange fires only after drag completes.\n   */\n  const handleTaskChange = useCallback((updatedTask: Task) => {\n    // Call onChange with a functional updater that receives the current tasks\n    onChange?.((currentTasks) =>\n      currentTasks.map((t) =>\n        t.id === updatedTask.id ? updatedTask : t\n      )\n    );\n  }, [onChange]);\n\n  const handleDragStateChange = useCallback((state: {\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  }) => {\n    if (state.isDragging) {\n      setDragGuideLines(state);\n    } else {\n      setDragGuideLines(null);\n    }\n  }, []);\n\n  // Pan (grab-scroll) on empty grid area\n  const panStateRef = useRef<{ active: boolean; startX: number; startY: number; scrollX: number; scrollY: number } | null>(null);\n\n  const handlePanStart = useCallback((e: React.MouseEvent) => {\n    // Only pan on left click, skip if clicking on a task bar\n    if (e.button !== 0) return;\n    const target = e.target as HTMLElement;\n    if (target.closest('[data-taskbar]')) return;\n\n    const container = scrollContainerRef.current;\n    if (!container) return;\n\n    panStateRef.current = {\n      active: true,\n      startX: e.clientX,\n      startY: e.clientY,\n      scrollX: container.scrollLeft,\n      scrollY: container.scrollTop,\n    };\n    container.style.cursor = 'grabbing';\n    e.preventDefault();\n  }, []);\n\n  useEffect(() => {\n    const handlePanMove = (e: MouseEvent) => {\n      const pan = panStateRef.current;\n      if (!pan?.active) return;\n      const container = scrollContainerRef.current;\n      if (!container) return;\n\n      container.scrollLeft = pan.scrollX - (e.clientX - pan.startX);\n      container.scrollTop = pan.scrollY - (e.clientY - pan.startY);\n    };\n\n    const handlePanEnd = () => {\n      if (!panStateRef.current?.active) return;\n      panStateRef.current = null;\n      const container = scrollContainerRef.current;\n      if (container) container.style.cursor = '';\n    };\n\n    window.addEventListener('mousemove', handlePanMove);\n    window.addEventListener('mouseup', handlePanEnd);\n    return () => {\n      window.removeEventListener('mousemove', handlePanMove);\n      window.removeEventListener('mouseup', handlePanEnd);\n    };\n  }, []);\n\n  return (\n    <div className=\"gantt-container\">\n      <div\n        ref={scrollContainerRef}\n        className=\"gantt-scrollContainer\"\n        style={{ height: `${containerHeight}px`, cursor: 'grab' }}\n        onMouseDown={handlePanStart}\n      >\n        {/* Sticky header - stays at top during vertical scroll, scrolls with content horizontally */}\n        <div className=\"gantt-stickyHeader\" style={{ width: `${gridWidth}px` }}>\n          <TimeScaleHeader\n            days={dateRange}\n            dayWidth={dayWidth}\n            headerHeight={headerHeight}\n          />\n        </div>\n\n        {/* Task area */}\n        <div\n          className=\"gantt-taskArea\"\n          style={{\n            position: 'relative',\n            width: `${gridWidth}px`,\n          }}\n        >\n          <GridBackground\n            dateRange={dateRange}\n            dayWidth={dayWidth}\n            totalHeight={totalGridHeight}\n          />\n\n          {todayInRange && <TodayIndicator monthStart={monthStart} dayWidth={dayWidth} />}\n\n          {dragGuideLines && (\n            <DragGuideLines\n              isDragging={dragGuideLines.isDragging}\n              dragMode={dragGuideLines.dragMode}\n              left={dragGuideLines.left}\n              width={dragGuideLines.width}\n              totalHeight={totalGridHeight}\n            />\n          )}\n\n          {tasks.map((task) => (\n            <TaskRow\n              key={task.id}\n              task={task}\n              monthStart={monthStart}\n              dayWidth={dayWidth}\n              rowHeight={rowHeight}\n              onChange={handleTaskChange}\n              onDragStateChange={handleDragStateChange}\n            />\n          ))}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default GanttChart;\n","import { parseISO, isValid } from 'date-fns';\n\n/**\n * Parse date string as UTC to prevent DST issues\n * @param date - Date string or Date object\n * @returns Date object representing UTC midnight\n * @throws Error if date string is invalid\n */\nexport const parseUTCDate = (date: string | Date): Date => {\n  if (typeof date === 'string') {\n    // If already an ISO string (contains 'T'), parse directly\n    // Otherwise, append UTC time for simple date strings (YYYY-MM-DD)\n    const dateStr = date.includes('T') ? date : `${date}T00:00:00Z`;\n    const parsed = new Date(dateStr);\n    if (isNaN(parsed.getTime())) {\n      throw new Error(`Invalid date string: ${date}`);\n    }\n    return parsed;\n  }\n  return date;\n};\n\n/**\n * Get all days in the month of given date (UTC)\n * @param date - Reference date (any day in the target month)\n * @returns Array of Date objects for each day in the month\n */\nexport const getMonthDays = (date: Date | string): Date[] => {\n  const utcDate = parseUTCDate(date);\n  const year = utcDate.getUTCFullYear();\n  const month = utcDate.getUTCMonth();\n\n  // Get days in month (handles leap years)\n  const daysInMonth = new Date(Date.UTC(year, month + 1, 0)).getUTCDate();\n\n  const days: Date[] = [];\n  for (let day = 1; day <= daysInMonth; day++) {\n    days.push(new Date(Date.UTC(year, month, day)));\n  }\n\n  return days;\n};\n\n/**\n * Calculate day offset from month start (0-based)\n * @param date - The date to calculate offset for\n * @param monthStart - The start of the month as reference\n * @returns Number of days from month start (negative if date is before month start)\n */\nexport const getDayOffset = (date: Date, monthStart: Date): number => {\n  const dateMs = Date.UTC(\n    date.getUTCFullYear(),\n    date.getUTCMonth(),\n    date.getUTCDate()\n  );\n  const startMs = Date.UTC(\n    monthStart.getUTCFullYear(),\n    monthStart.getUTCMonth(),\n    monthStart.getUTCDate()\n  );\n  return Math.round((dateMs - startMs) / (1000 * 60 * 60 * 24));\n};\n\n/**\n * Check if date is today (UTC comparison)\n * @param date - Date to check\n * @returns True if date is today, false otherwise\n */\nexport const isToday = (date: Date): boolean => {\n  const now = new Date();\n  const today = new Date(Date.UTC(\n    now.getUTCFullYear(),\n    now.getUTCMonth(),\n    now.getUTCDate()\n  ));\n  const compareDate = new Date(Date.UTC(\n    date.getUTCFullYear(),\n    date.getUTCMonth(),\n    date.getUTCDate()\n  ));\n  return today.getTime() === compareDate.getTime();\n};\n\n/**\n * Check if date is a weekend day (Saturday or Sunday)\n * @param date - Date to check\n * @returns True if date is Saturday (6) or Sunday (0), false otherwise\n */\nexport const isWeekend = (date: Date): boolean => {\n  const day = date.getUTCDay();\n  return day === 0 || day === 6; // Sunday (0) or Saturday (6)\n};\n\n/**\n * Calculate multi-month date range from task dates\n * Expands range to include full months (1st of first month to last day of last month)\n * @param tasks - Array of tasks with startDate and endDate\n * @returns Array of Date objects for all days in the expanded range\n */\nexport const getMultiMonthDays = (tasks: Array<{ startDate: string | Date; endDate: string | Date }>): Date[] => {\n  // Handle empty task array by returning current month\n  if (!tasks || tasks.length === 0) {\n    return getMonthDays(new Date());\n  }\n\n  // Find min and max dates from all tasks\n  let minDate: Date | null = null;\n  let maxDate: Date | null = null;\n\n  for (const task of tasks) {\n    const start = parseUTCDate(task.startDate);\n    const end = parseUTCDate(task.endDate);\n\n    if (!minDate || start.getTime() < minDate.getTime()) {\n      minDate = start;\n    }\n    if (!maxDate || end.getTime() > maxDate.getTime()) {\n      maxDate = end;\n    }\n  }\n\n  if (!minDate || !maxDate) {\n    return getMonthDays(new Date());\n  }\n\n  // Extend to full months: 1st of first month to last day of last month\n  const startOfMonth = new Date(Date.UTC(\n    minDate.getUTCFullYear(),\n    minDate.getUTCMonth(),\n    1\n  ));\n\n  const endOfMonth = new Date(Date.UTC(\n    maxDate.getUTCFullYear(),\n    maxDate.getUTCMonth() + 1,\n    0\n  ));\n\n  // Generate all dates in range\n  const days: Date[] = [];\n  const current = new Date(startOfMonth);\n\n  while (current.getTime() <= endOfMonth.getTime()) {\n    days.push(new Date(Date.UTC(\n      current.getUTCFullYear(),\n      current.getUTCMonth(),\n      current.getUTCDate()\n    )));\n    // Move to next day\n    current.setUTCDate(current.getUTCDate() + 1);\n  }\n\n  return days;\n};\n\n/**\n * Calculate month spans within a date range\n * @param dateRange - Array of Date objects representing the full range\n * @returns Array of month span objects with month, days count, and start index\n */\nexport const getMonthSpans = (\n  dateRange: Date[]\n): Array<{ month: Date; days: number; startIndex: number }> => {\n  if (dateRange.length === 0) {\n    return [];\n  }\n\n  const spans: Array<{ month: Date; days: number; startIndex: number }> = [];\n  let currentMonthYear = `${dateRange[0].getUTCFullYear()}-${dateRange[0].getUTCMonth()}`;\n  let startOfMonthIndex = 0;\n\n  for (let i = 0; i < dateRange.length; i++) {\n    const date = dateRange[i];\n    const monthYear = `${date.getUTCFullYear()}-${date.getUTCMonth()}`;\n\n    // When month changes, finalize the previous span and start a new one\n    if (monthYear !== currentMonthYear) {\n      spans.push({\n        month: new Date(Date.UTC(\n          dateRange[startOfMonthIndex].getUTCFullYear(),\n          dateRange[startOfMonthIndex].getUTCMonth(),\n          1\n        )),\n        days: i - startOfMonthIndex,\n        startIndex: startOfMonthIndex\n      });\n      currentMonthYear = monthYear;\n      startOfMonthIndex = i;\n    }\n\n    // Last date - finalize the last span\n    if (i === dateRange.length - 1) {\n      spans.push({\n        month: new Date(Date.UTC(\n          date.getUTCFullYear(),\n          date.getUTCMonth(),\n          1\n        )),\n        days: i - startOfMonthIndex + 1,\n        startIndex: startOfMonthIndex\n      });\n    }\n  }\n\n  return spans;\n};\n\n/**\n * Format date as DD.MM (e.g., 25.03 for March 25th)\n * @param date - Date to format\n * @returns Formatted date string in DD.MM format\n */\nexport const formatDateLabel = (date: Date | string): string => {\n  const parsed = parseUTCDate(date);\n  const day = String(parsed.getUTCDate()).padStart(2, '0');\n  const month = String(parsed.getUTCMonth() + 1).padStart(2, '0');\n  return `${day}.${month}`;\n};\n","'use client';\n\nimport React, { useMemo } from 'react';\nimport { format } from 'date-fns';\nimport { ru } from 'date-fns/locale';\nimport { getMonthSpans } from '../../utils/dateUtils';\nimport type { MonthSpan } from '../../types';\nimport './TimeScaleHeader.css';\n\nexport interface TimeScaleHeaderProps {\n  /** Array of dates to display (from getMultiMonthDays) */\n  days: Date[];\n  /** Width of each day column in pixels */\n  dayWidth: number;\n  /** Height of the header row in pixels */\n  headerHeight: number;\n}\n\n/**\n * TimeScaleHeader component - displays two-row date headers for the Gantt chart\n *\n * Top row: Month names (Russian, left-aligned) spanning multiple day columns\n * Bottom row: Day numbers (centered) in individual columns\n */\nconst TimeScaleHeader: React.FC<TimeScaleHeaderProps> = ({\n  days,\n  dayWidth,\n  headerHeight,\n}) => {\n  // Calculate month spans using the utility from dateUtils\n  const monthSpans = useMemo(() => getMonthSpans(days), [days]);\n\n  // Split header height evenly between two rows\n  const rowHeight = headerHeight / 2;\n\n  // Calculate grid template for day row\n  const dayGridTemplate = useMemo(\n    () => `repeat(${days.length}, ${dayWidth}px)`,\n    [days.length, dayWidth]\n  );\n\n  return (\n    <div\n      className=\"gantt-tsh-header\"\n      style={{ height: `${headerHeight}px` }}\n    >\n      {/* Month row - top */}\n      <div\n        className=\"gantt-tsh-monthRow\"\n        style={{ height: `${rowHeight}px` }}\n      >\n        {monthSpans.map((span: MonthSpan, index: number) => (\n          <div\n            key={`month-${index}`}\n            className=\"gantt-tsh-monthCell\"\n            style={{ width: `${span.days * dayWidth}px` }}\n          >\n            {format(span.month, 'LLLL yyyy', { locale: ru }).replace(/^./, (c) => c.toUpperCase())}\n          </div>\n        ))}\n      </div>\n\n      {/* Day row - bottom */}\n      <div\n        className=\"gantt-tsh-dayRow\"\n        style={{\n          height: `${rowHeight}px`,\n          gridTemplateColumns: dayGridTemplate,\n        }}\n      >\n        {days.map((day, index) => {\n          const isWeekend = day.getDay() === 0 || day.getDay() === 6;\n          const prevDay = days[index - 1];\n          const isMonthBoundary = index > 0 && prevDay && prevDay.getMonth() !== day.getMonth();\n          // Use local date comparison for \"today\" (user's current date)\n          const now = new Date();\n          const isTodayDate =\n            day.getUTCFullYear() === now.getFullYear() &&\n            day.getUTCMonth() === now.getMonth() &&\n            day.getUTCDate() === now.getDate();\n          return (\n            <div key={`day-${index}`} className={`gantt-tsh-dayCell ${isWeekend ? 'gantt-tsh-weekendDay' : ''} ${isMonthBoundary ? 'gantt-tsh-monthBoundary' : ''} ${isTodayDate ? 'gantt-tsh-today' : ''}`}>\n              <span className=\"gantt-tsh-dayLabel\">{format(day, 'd')}</span>\n            </div>\n          );\n        })}\n      </div>\n    </div>\n  );\n};\n\nexport default TimeScaleHeader;\n","'use client';\n\nimport React, { useMemo, useState, useEffect, useRef } from 'react';\nimport { parseUTCDate, formatDateLabel } from '../../utils/dateUtils';\nimport { calculateTaskBar, pixelsToDate } from '../../utils/geometry';\nimport { useTaskDrag } from '../../hooks/useTaskDrag';\nimport type { Task } from '../GanttChart';\nimport './TaskRow.css';\n\nexport interface TaskRowProps {\n  /** Task data to render */\n  task: Task;\n  /** Start of the month for positioning calculations */\n  monthStart: Date;\n  /** Width of each day column in pixels */\n  dayWidth: number;\n  /** Height of the task row in pixels */\n  rowHeight: number;\n  /** Callback when task is modified via drag/resize */\n  onChange?: (updatedTask: Task) => void;\n  /** Callback when task drag state changes (for rendering guide lines) */\n  onDragStateChange?: (state: {\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  }) => void;\n}\n\n/**\n * Custom comparison function for React.memo\n *\n * Performance optimization: Only re-renders if task properties that affect rendering change.\n *\n * NOTE: onChange is intentionally excluded from this comparison because:\n * 1. The parent (GanttChart) wraps onChange in useCallback for referential stability\n * 2. onChange is only called AFTER drag completes (not during drag)\n * 3. During drag, only the dragged TaskRow re-renders due to its internal drag state\n * 4. Other TaskRows don't need to re-render when one task is dragged\n *\n * NOTE: monthStart MUST be included because task positions are calculated relative to it.\n * When the grid expands (e.g., dragging a task left beyond the boundary), monthStart changes\n * and all tasks need to re-render to update their positions.\n *\n * Excluding onChange prevents re-render storms when dragging tasks with ~100 tasks.\n */\nconst arePropsEqual = (prevProps: TaskRowProps, nextProps: TaskRowProps) => {\n  return (\n    prevProps.task.id === nextProps.task.id &&\n    prevProps.task.name === nextProps.task.name &&\n    prevProps.task.startDate === nextProps.task.startDate &&\n    prevProps.task.endDate === nextProps.task.endDate &&\n    prevProps.task.color === nextProps.task.color &&\n    prevProps.task.progress === nextProps.task.progress &&\n    prevProps.task.accepted === nextProps.task.accepted &&\n    prevProps.monthStart.getTime() === nextProps.monthStart.getTime() &&\n    prevProps.dayWidth === nextProps.dayWidth &&\n    prevProps.rowHeight === nextProps.rowHeight\n    // onChange excluded - see note above\n  );\n};\n\n/**\n * TaskRow component - renders a single task row with a task bar\n *\n * Uses React.memo for performance optimization (QL-01).\n * The task bar is positioned absolutely based on start/end dates.\n */\nconst TaskRow: React.FC<TaskRowProps> = React.memo(\n  ({ task, monthStart, dayWidth, rowHeight, onChange, onDragStateChange }) => {\n    // Parse dates as UTC\n    const taskStartDate = useMemo(() => parseUTCDate(task.startDate), [task.startDate]);\n    const taskEndDate = useMemo(() => parseUTCDate(task.endDate), [task.endDate]);\n\n    // Calculate task bar position and dimensions\n    const { left, width } = useMemo(\n      () => calculateTaskBar(taskStartDate, taskEndDate, monthStart, dayWidth),\n      [taskStartDate, taskEndDate, monthStart, dayWidth]\n    );\n\n    // Determine task bar color\n    const barColor = task.color || 'var(--gantt-task-bar-default-color)';\n\n    // Calculate clamped and rounded progress width\n    const progressWidth = useMemo(() => {\n      if (task.progress === undefined || task.progress <= 0) return 0;\n      return Math.min(100, Math.max(0, Math.round(task.progress)));\n    }, [task.progress]);\n\n    // Determine progress color based on completion status\n    const progressColor = useMemo(() => {\n      if (progressWidth === 100) {\n        return task.accepted\n          ? 'var(--gantt-progress-accepted, #22c55e)'    // Green for accepted\n          : 'var(--gantt-progress-completed, #fbbf24)';   // Yellow for completed\n      }\n      // Darker semi-transparent shade using color-mix() or fallback\n      return task.color\n        ? `color-mix(in srgb, ${task.color} 40%, black)`\n        : 'var(--gantt-progress-color, rgba(0, 0, 0, 0.2))';\n    }, [progressWidth, task.accepted, task.color]);\n\n    // Handle drag end - call onChange with updated task\n    const handleDragEnd = (result: { id: string; startDate: Date; endDate: Date }) => {\n      const updatedTask: Task = {\n        ...task,\n        startDate: result.startDate.toISOString(),\n        endDate: result.endDate.toISOString(),\n      };\n      onChange?.(updatedTask);\n    };\n\n    // Use drag hook for interactive drag/resize\n    const {\n      isDragging,\n      dragMode,\n      currentLeft,\n      currentWidth,\n      dragHandleProps,\n    } = useTaskDrag({\n      taskId: task.id,\n      initialStartDate: taskStartDate,\n      initialEndDate: taskEndDate,\n      monthStart,\n      dayWidth,\n      onDragEnd: handleDragEnd,\n      onDragStateChange,\n      edgeZoneWidth: 20,\n    });\n\n    // Use dynamic position during drag\n    const displayLeft = isDragging ? currentLeft : left;\n    const displayWidth = isDragging ? currentWidth : width;\n\n    // Format date labels for display - update in real-time during drag\n    const currentStartDate = isDragging\n      ? pixelsToDate(displayLeft, monthStart, dayWidth)\n      : taskStartDate;\n    const currentEndDate = isDragging\n      ? pixelsToDate(displayLeft + displayWidth - dayWidth, monthStart, dayWidth)\n      : taskEndDate;\n\n    const startDateLabel = formatDateLabel(currentStartDate);\n    const endDateLabel = formatDateLabel(currentEndDate);\n\n    // Calculate duration in days\n    const durationDays = Math.round(\n      (currentEndDate.getTime() - currentStartDate.getTime()) / (1000 * 60 * 60 * 24)\n    ) + 1;\n\n    // Detect if task name overflows the bar\n    const [isNameOverflow, setIsNameOverflow] = useState(false);\n    const taskNameRef = useRef<HTMLSpanElement>(null);\n\n    useEffect(() => {\n      const nameEl = taskNameRef.current;\n      if (nameEl) {\n        // Check if task name is wider than available space\n        // Reserved space for dates, duration, separator, and handles\n        const reservedWidth = 120;\n        const availableWidth = displayWidth - reservedWidth;\n        setIsNameOverflow(nameEl.scrollWidth > availableWidth);\n      }\n    }, [displayWidth, task.name]);\n\n    return (\n      <div\n        className=\"gantt-tr-row\"\n        style={{ height: `${rowHeight}px` }}\n      >\n        <div className=\"gantt-tr-taskContainer\">\n          <div\n            data-taskbar\n            className={`gantt-tr-taskBar ${isDragging ? 'gantt-tr-dragging' : ''}`}\n            style={{\n              left: `${displayLeft}px`,\n              width: `${displayWidth}px`,\n              backgroundColor: barColor,\n              height: 'var(--gantt-task-bar-height)',\n              cursor: dragHandleProps.style.cursor,\n              userSelect: dragHandleProps.style.userSelect,\n            }}\n            onMouseDown={dragHandleProps.onMouseDown}\n          >\n            {progressWidth > 0 && (\n              <div\n                className=\"gantt-tr-progressBar\"\n                style={{\n                  width: `${progressWidth}%`,\n                  backgroundColor: progressColor,\n                }}\n              />\n            )}\n            <div className=\"gantt-tr-resizeHandle gantt-tr-resizeHandleLeft\" />\n            <span className=\"gantt-tr-taskDuration\">\n              {durationDays} д\n            </span>\n            <span\n              ref={taskNameRef}\n              className={`gantt-tr-taskName ${isNameOverflow ? 'gantt-tr-taskNameHidden' : ''}`}\n            >\n              — {task.name}\n            </span>\n            <div className=\"gantt-tr-resizeHandle gantt-tr-resizeHandleRight\" />\n          </div>\n          <div\n            className=\"gantt-tr-leftLabels\"\n            style={{\n              left: `${displayLeft}px`\n            }}\n          >\n            <span className=\"gantt-tr-dateLabel gantt-tr-dateLabelLeft\">\n              {startDateLabel}–{endDateLabel}\n            </span>\n          </div>\n          <div\n            className=\"gantt-tr-rightLabels\"\n            style={{\n              left: `${displayLeft + displayWidth}px`,\n            }}\n          >\n            {isNameOverflow && (\n              <span className=\"gantt-tr-externalTaskName\">\n                {task.name}\n              </span>\n            )}\n          </div>\n        </div>\n      </div>\n    );\n  },\n  arePropsEqual\n);\n\nTaskRow.displayName = 'TaskRow';\n\nexport default TaskRow;\n","/**\n * Calculate day difference in UTC\n */\nconst getUTCDayDifference = (date1: Date, date2: Date): number => {\n  const ms1 = Date.UTC(\n    date1.getUTCFullYear(),\n    date1.getUTCMonth(),\n    date1.getUTCDate()\n  );\n  const ms2 = Date.UTC(\n    date2.getUTCFullYear(),\n    date2.getUTCMonth(),\n    date2.getUTCDate()\n  );\n  return Math.round((ms1 - ms2) / (1000 * 60 * 60 * 24));\n};\n\n/**\n * Calculate task bar positioning and dimensions\n * @param taskStartDate - Start date of the task\n * @param taskEndDate - End date of the task\n * @param monthStart - Start of the month/visible range\n * @param dayWidth - Width of each day in pixels\n * @returns Object with left position and width in pixels\n */\nexport const calculateTaskBar = (\n  taskStartDate: Date,\n  taskEndDate: Date,\n  monthStart: Date,\n  dayWidth: number\n): { left: number; width: number } => {\n  const startOffset = getUTCDayDifference(taskStartDate, monthStart);\n  const duration = getUTCDayDifference(taskEndDate, taskStartDate);\n\n  // Round to avoid sub-pixel rendering issues\n  const left = Math.round(startOffset * dayWidth);\n  const width = Math.round((duration + 1) * dayWidth); // +1 to include end date\n\n  return { left, width };\n};\n\n/**\n * Convert pixel position to date (inverse of calculateTaskBar)\n * @param pixels - Position in pixels (left or width)\n * @param monthStart - Start of the month/visible range\n * @param dayWidth - Width of each day in pixels\n * @returns Date calculated from pixel position\n */\nexport const pixelsToDate = (pixels: number, monthStart: Date, dayWidth: number): Date => {\n  const days = Math.round(pixels / dayWidth);\n  return new Date(Date.UTC(\n    monthStart.getUTCFullYear(),\n    monthStart.getUTCMonth(),\n    monthStart.getUTCDate() + days\n  ));\n};\n\n/**\n * Calculate total width for month grid\n * @param daysInMonth - Number of days in the month\n * @param dayWidth - Width of each day in pixels\n * @returns Total grid width in pixels\n */\nexport const calculateGridWidth = (daysInMonth: number, dayWidth: number): number => {\n  return Math.round(daysInMonth * dayWidth);\n};\n\n/**\n * Detect which edge zone the cursor is in on a task bar\n * @param clientX - Mouse X coordinate relative to viewport\n * @param taskBarElement - The task bar DOM element\n * @param edgeZoneWidth - Width of edge zones in pixels (default: 12px)\n * @returns 'left' if in left edge, 'right' if in right edge, 'move' if in middle\n */\nexport const detectEdgeZone = (\n  clientX: number,\n  taskBarElement: HTMLElement,\n  edgeZoneWidth: number = 12\n): 'left' | 'right' | 'move' => {\n  const rect = taskBarElement.getBoundingClientRect();\n  const relativeX = Math.round(clientX - rect.left);\n\n  // Check left edge zone\n  if (relativeX >= 0 && relativeX <= edgeZoneWidth) {\n    return 'left';\n  }\n\n  // Check right edge zone\n  const width = Math.round(rect.width);\n  if (relativeX >= width - edgeZoneWidth && relativeX <= width) {\n    return 'right';\n  }\n\n  // Middle area - move mode\n  return 'move';\n};\n\n/**\n * Get appropriate cursor style for drag position\n * @param position - The drag position (left edge, right edge, or move)\n * @returns CSS cursor string for the position\n */\nexport const getCursorForPosition = (position: 'left' | 'right' | 'move'): string => {\n  switch (position) {\n    case 'left':\n    case 'right':\n      return 'ew-resize';\n    case 'move':\n      return 'grab';\n    default:\n      return 'default';\n  }\n};\n\n/**\n * Calculate grid line positions for a date range\n * @param dateRange - Array of Date objects representing the visible range\n * @param dayWidth - Width of each day column in pixels\n * @returns Array of grid line objects with x position and flags\n */\nexport const calculateGridLines = (\n  dateRange: Date[],\n  dayWidth: number\n): Array<{ x: number; isMonthStart: boolean; isWeekStart: boolean }> => {\n  const lines: Array<{ x: number; isMonthStart: boolean; isWeekStart: boolean }> = [];\n\n  for (let i = 0; i < dateRange.length; i++) {\n    const date = dateRange[i];\n    const x = Math.round(i * dayWidth);\n    const isMonthStart = date.getUTCDate() === 1;\n    const isWeekStart = date.getUTCDay() === 1; // Monday\n\n    lines.push({ x, isMonthStart, isWeekStart });\n  }\n\n  // Add final line at the end of the range\n  if (dateRange.length > 0) {\n    lines.push({\n      x: Math.round(dateRange.length * dayWidth),\n      isMonthStart: false,\n      isWeekStart: false\n    });\n  }\n\n  return lines;\n};\n\n/**\n * Calculate weekend background blocks for a date range\n * @param dateRange - Array of Date objects representing the visible range\n * @param dayWidth - Width of each day column in pixels\n * @returns Array of weekend block objects with left position and width\n */\nexport const calculateWeekendBlocks = (\n  dateRange: Date[],\n  dayWidth: number\n): Array<{ left: number; width: number }> => {\n  const blocks: Array<{ left: number; width: number }> = [];\n  let inWeekend = false;\n  let weekendStartIndex = -1;\n\n  for (let i = 0; i < dateRange.length; i++) {\n    const date = dateRange[i];\n    const dayOfWeek = date.getUTCDay();\n    const isWeekend = dayOfWeek === 0 || dayOfWeek === 6; // Sunday or Saturday\n\n    if (isWeekend && !inWeekend) {\n      // Start of a weekend block\n      inWeekend = true;\n      weekendStartIndex = i;\n    } else if (!isWeekend && inWeekend) {\n      // End of a weekend block\n      inWeekend = false;\n      const left = Math.round(weekendStartIndex * dayWidth);\n      const width = Math.round((i - weekendStartIndex) * dayWidth);\n      blocks.push({ left, width });\n    }\n  }\n\n  // Handle case where range ends on a weekend\n  if (inWeekend && weekendStartIndex >= 0) {\n    const left = Math.round(weekendStartIndex * dayWidth);\n    const width = Math.round((dateRange.length - weekendStartIndex) * dayWidth);\n    blocks.push({ left, width });\n  }\n\n  return blocks;\n};\n","'use client';\n\nimport { useEffect, useRef, useState, useCallback } from 'react';\nimport { detectEdgeZone } from '../utils/geometry';\n\n/**\n * Global drag manager that persists across HMR\n *\n * This singleton manages active drag operations at the module level,\n * ensuring that drag state survives React Fast Refresh (HMR).\n *\n * The key insight: When HMR occurs during a drag operation:\n * 1. The component unmounts and its useEffect cleanup removes window listeners\n * 2. The component remounts with fresh refs (isDraggingRef = false)\n * 3. But the user is still holding the mouse button!\n * 4. Without module-level state, the drag operation is orphaned\n *\n * Solution: Store active drag state in module-level singleton and\n * use a global cleanup effect to always handle mouseup/mousemove.\n */\ninterface ActiveDragState {\n  taskId: string;\n  mode: 'move' | 'resize-left' | 'resize-right';\n  startX: number;\n  initialLeft: number;\n  initialWidth: number;\n  currentLeft: number;\n  currentWidth: number;\n  dayWidth: number;\n  monthStart: Date;\n  onProgress: (left: number, width: number) => void;\n  onComplete: (finalLeft: number, finalWidth: number) => void;\n  onCancel: () => void;\n}\n\nlet globalActiveDrag: ActiveDragState | null = null;\nlet globalRafId: number | null = null;\n\n/**\n * Complete the active drag operation\n */\nfunction completeDrag() {\n  if (globalRafId !== null) {\n    cancelAnimationFrame(globalRafId);\n    globalRafId = null;\n  }\n\n  if (globalActiveDrag) {\n    const { onComplete, currentLeft, currentWidth } = globalActiveDrag;\n    const drag = globalActiveDrag;\n    globalActiveDrag = null;\n    onComplete(currentLeft, currentWidth);\n  }\n}\n\n/**\n * Cancel the active drag operation\n */\nfunction cancelDrag() {\n  if (globalRafId !== null) {\n    cancelAnimationFrame(globalRafId);\n    globalRafId = null;\n  }\n\n  if (globalActiveDrag) {\n    const { onCancel } = globalActiveDrag;\n    globalActiveDrag = null;\n    onCancel();\n  }\n}\n\n/**\n * Snap pixel value to grid (day boundaries)\n */\nfunction snapToGrid(pixels: number, dayWidth: number): number {\n  return Math.round(pixels / dayWidth) * dayWidth;\n}\n\n/**\n * Global mouse move handler - attached once and persists across HMR\n */\nfunction handleGlobalMouseMove(e: MouseEvent) {\n  if (!globalActiveDrag || globalRafId !== null) {\n    return;\n  }\n\n  globalRafId = requestAnimationFrame(() => {\n    if (!globalActiveDrag) {\n      globalRafId = null;\n      return;\n    }\n\n    const { startX, initialLeft, initialWidth, mode, dayWidth, onProgress } = globalActiveDrag;\n    const deltaX = e.clientX - startX;\n\n    let newLeft = initialLeft;\n    let newWidth = initialWidth;\n\n    switch (mode) {\n      case 'move':\n        newLeft = snapToGrid(initialLeft + deltaX, dayWidth);\n        break;\n      case 'resize-left':\n        const snappedLeft = snapToGrid(initialLeft + deltaX, dayWidth);\n        newLeft = snappedLeft;\n        const rightEdge = initialLeft + initialWidth;\n        newWidth = Math.max(dayWidth, rightEdge - snappedLeft);\n        break;\n      case 'resize-right':\n        const snappedWidth = snapToGrid(initialWidth + deltaX, dayWidth);\n        newWidth = Math.max(dayWidth, snappedWidth);\n        break;\n    }\n\n    // Update current values in global state for completion\n    globalActiveDrag.currentLeft = newLeft;\n    globalActiveDrag.currentWidth = newWidth;\n\n    onProgress(newLeft, newWidth);\n    globalRafId = null;\n  });\n}\n\n/**\n * Global mouse up handler - attached once and persists across HMR\n */\nfunction handleGlobalMouseUp() {\n  if (globalActiveDrag) {\n    completeDrag();\n  }\n}\n\n/**\n * Track whether global listeners are attached\n */\nlet globalListenersAttached = false;\n\n/**\n * Ensure global listeners are attached (idempotent)\n */\nfunction ensureGlobalListeners() {\n  if (!globalListenersAttached) {\n    window.addEventListener('mousemove', handleGlobalMouseMove);\n    window.addEventListener('mouseup', handleGlobalMouseUp);\n    globalListenersAttached = true;\n  }\n}\n\n/**\n * Cleanup global listeners - called when no components are using drag\n * Note: In practice with HMR, we keep these attached for safety\n */\nfunction cleanupGlobalListeners() {\n  // We keep global listeners attached to handle orphaned drags after HMR\n  // They will be cleaned up when the page is refreshed\n}\n\n/**\n * Options for useTaskDrag hook\n */\nexport interface UseTaskDragOptions {\n  /** Unique identifier for the task */\n  taskId: string;\n  /** Initial start date of the task */\n  initialStartDate: Date;\n  /** Initial end date of the task */\n  initialEndDate: Date;\n  /** Start of the visible range (e.g., month start) */\n  monthStart: Date;\n  /** Width of each day in pixels */\n  dayWidth: number;\n  /** Callback when drag operation completes */\n  onDragEnd?: (result: { id: string; startDate: Date; endDate: Date }) => void;\n  /** Callback for drag state changes (for parent components to render guide lines) */\n  onDragStateChange?: (state: {\n    isDragging: boolean;\n    dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n    left: number;\n    width: number;\n  }) => void;\n  /** Width of edge zones for resize detection (default: 12px) */\n  edgeZoneWidth?: number;\n}\n\n/**\n * Return value from useTaskDrag hook\n */\nexport interface UseTaskDragReturn {\n  /** Whether a drag operation is in progress */\n  isDragging: boolean;\n  /** Current drag mode (null when not dragging) */\n  dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n  /** Current left position in pixels (updated during drag) */\n  currentLeft: number;\n  /** Current width in pixels (updated during drag) */\n  currentWidth: number;\n  /** Props to spread on the drag handle element */\n  dragHandleProps: {\n    onMouseDown: (e: React.MouseEvent) => void;\n    style: React.CSSProperties;\n  };\n}\n\n/**\n * Custom hook for managing task drag interactions\n *\n * HMR-SAFE: Uses module-level singleton to ensure drag state survives\n * React Fast Refresh. Window event listeners are attached once at module\n * level rather than per component instance.\n */\nexport const useTaskDrag = (options: UseTaskDragOptions): UseTaskDragReturn => {\n  const {\n    taskId,\n    initialStartDate,\n    initialEndDate,\n    monthStart,\n    dayWidth,\n    onDragEnd,\n    onDragStateChange,\n    edgeZoneWidth = 12,\n  } = options;\n\n  // Track if this hook instance owns the current global drag\n  const isOwnerRef = useRef<boolean>(false);\n\n  // Display state (triggers re-renders only when needed)\n  const [isDragging, setIsDragging] = useState<boolean>(false);\n  const [dragMode, setDragMode] = useState<'move' | 'resize-left' | 'resize-right' | null>(null);\n  const [currentLeft, setCurrentLeft] = useState<number>(0);\n  const [currentWidth, setCurrentWidth] = useState<number>(0);\n\n  /**\n   * Calculate initial pixel position from dates\n   */\n  const getInitialPosition = useCallback((): { left: number; width: number } => {\n    const getUTCDayDifference = (date1: Date, date2: Date): number => {\n      const ms1 = Date.UTC(\n        date1.getUTCFullYear(),\n        date1.getUTCMonth(),\n        date1.getUTCDate()\n      );\n      const ms2 = Date.UTC(\n        date2.getUTCFullYear(),\n        date2.getUTCMonth(),\n        date2.getUTCDate()\n      );\n      return Math.round((ms1 - ms2) / (1000 * 60 * 60 * 24));\n    };\n\n    const startOffset = getUTCDayDifference(initialStartDate, monthStart);\n    const duration = getUTCDayDifference(initialEndDate, initialStartDate);\n\n    const left = Math.round(startOffset * dayWidth);\n    const width = Math.round((duration + 1) * dayWidth); // +1 to include end date\n\n    return { left, width };\n  }, [initialStartDate, initialEndDate, monthStart, dayWidth]);\n\n  /**\n   * Initialize position when dates or dayWidth changes\n   */\n  useEffect(() => {\n    const { left, width } = getInitialPosition();\n    setCurrentLeft(left);\n    setCurrentWidth(width);\n  }, [getInitialPosition]);\n\n  /**\n   * Handle drag progress callback from global manager\n   */\n  const handleProgress = useCallback((left: number, width: number) => {\n    setCurrentLeft(left);\n    setCurrentWidth(width);\n\n    if (onDragStateChange && isOwnerRef.current) {\n      const mode = globalActiveDrag?.mode || null;\n      onDragStateChange({\n        isDragging: true,\n        dragMode: mode,\n        left,\n        width,\n      });\n    }\n  }, [onDragStateChange]);\n\n  /**\n   * Handle drag completion from global manager\n   */\n  const handleComplete = useCallback((finalLeft: number, finalWidth: number) => {\n    const wasOwner = isOwnerRef.current;\n    isOwnerRef.current = false;\n\n    // Calculate new dates from final pixel values\n    const dayOffset = Math.round(finalLeft / dayWidth);\n    const durationDays = Math.round(finalWidth / dayWidth) - 1; // -1 because width includes end date\n\n    const newStartDate = new Date(Date.UTC(\n      monthStart.getUTCFullYear(),\n      monthStart.getUTCMonth(),\n      monthStart.getUTCDate() + dayOffset\n    ));\n\n    const newEndDate = new Date(Date.UTC(\n      monthStart.getUTCFullYear(),\n      monthStart.getUTCMonth(),\n      monthStart.getUTCDate() + dayOffset + durationDays\n    ));\n\n    // Reset local state\n    setIsDragging(false);\n    setDragMode(null);\n\n    // Notify parent of drag end\n    if (onDragStateChange) {\n      onDragStateChange({\n        isDragging: false,\n        dragMode: null,\n        left: finalLeft,\n        width: finalWidth,\n      });\n    }\n\n    // Notify parent of drag completion (only if we were the owner)\n    if (onDragEnd && wasOwner) {\n      onDragEnd({\n        id: taskId,\n        startDate: newStartDate,\n        endDate: newEndDate,\n      });\n    }\n  }, [dayWidth, monthStart, onDragEnd, onDragStateChange, taskId]);\n\n  /**\n   * Handle drag cancellation (e.g., if HMR orphaned the drag)\n   */\n  const handleCancel = useCallback(() => {\n    isOwnerRef.current = false;\n    setIsDragging(false);\n    setDragMode(null);\n\n    if (onDragStateChange) {\n      onDragStateChange({\n        isDragging: false,\n        dragMode: null,\n        left: currentLeft,\n        width: currentWidth,\n      });\n    }\n  }, [onDragStateChange, currentLeft, currentWidth]);\n\n  /**\n   * Cleanup on unmount - if this instance owns the drag, cancel it\n   */\n  useEffect(() => {\n    return () => {\n      if (isOwnerRef.current && globalActiveDrag) {\n        // We're unmounting while owning the drag - cancel it\n        cancelDrag();\n      }\n    };\n  }, []);\n\n  /**\n   * Handle mouse down on drag handle\n   */\n  const handleMouseDown = useCallback((e: React.MouseEvent) => {\n    const target = e.currentTarget as HTMLElement;\n    const edgeZone = detectEdgeZone(e.clientX, target, edgeZoneWidth);\n\n    // Determine drag mode from edge zone\n    let mode: 'move' | 'resize-left' | 'resize-right' | null = null;\n    switch (edgeZone) {\n      case 'left':\n        mode = 'resize-left';\n        break;\n      case 'right':\n        mode = 'resize-right';\n        break;\n      case 'move':\n        mode = 'move';\n        break;\n    }\n\n    if (!mode) {\n      return;\n    }\n\n    // Get current position from state (this is what we see on screen)\n    const initialLeft = currentLeft;\n    const initialWidth = currentWidth;\n\n    // Mark this instance as the drag owner\n    isOwnerRef.current = true;\n\n    // Update display state\n    setIsDragging(true);\n    setDragMode(mode);\n\n    // Notify parent of drag start\n    if (onDragStateChange) {\n      onDragStateChange({\n        isDragging: true,\n        dragMode: mode,\n        left: initialLeft,\n        width: initialWidth,\n      });\n    }\n\n    // Ensure global listeners are attached (idempotent)\n    ensureGlobalListeners();\n\n    // Store drag state in global singleton\n    globalActiveDrag = {\n      taskId,\n      mode,\n      startX: e.clientX,\n      initialLeft,\n      initialWidth,\n      currentLeft: initialLeft, // Initially same as initial\n      currentWidth: initialWidth, // Initially same as initial\n      dayWidth,\n      monthStart,\n      onProgress: handleProgress,\n      onComplete: handleComplete,\n      onCancel: handleCancel,\n    };\n  }, [edgeZoneWidth, currentLeft, currentWidth, dayWidth, monthStart, taskId, onDragStateChange, handleProgress, handleComplete, handleCancel]);\n\n  /**\n   * Get cursor style based on current position\n   */\n  const getCursorStyle = useCallback((): string => {\n    if (isDragging) {\n      return 'grabbing';\n    }\n    return 'grab';\n  }, [isDragging]);\n\n  return {\n    isDragging,\n    dragMode,\n    currentLeft,\n    currentWidth,\n    dragHandleProps: {\n      onMouseDown: handleMouseDown,\n      style: {\n        cursor: getCursorStyle(),\n        userSelect: 'none',\n      } as React.CSSProperties,\n    },\n  };\n};\n","'use client';\n\nimport React, { useMemo } from 'react';\nimport { getDayOffset, isToday } from '../../utils/dateUtils';\nimport './TodayIndicator.css';\n\nexport interface TodayIndicatorProps {\n  /** Start of the month for positioning calculations */\n  monthStart: Date;\n  /** Width of each day column in pixels */\n  dayWidth: number;\n}\n\n/**\n * TodayIndicator component - displays a vertical line at the current date\n *\n * Only renders when the current date is within the visible month range.\n * Satisfies REND-04 requirement for visual today indicator.\n */\nconst TodayIndicator: React.FC<TodayIndicatorProps> = ({ monthStart, dayWidth }) => {\n  // Use local date for \"today\" (not UTC) - user's current date matters\n  const today = new Date();\n  const todayLocal = new Date(Date.UTC(\n    today.getFullYear(),\n    today.getMonth(),\n    today.getDate()\n  ));\n\n  // Check if today is within the current month (UTC comparison with local today)\n  const isInMonth = useMemo(() => {\n    return (\n      todayLocal.getUTCFullYear() === monthStart.getUTCFullYear() &&\n      todayLocal.getUTCMonth() === monthStart.getUTCMonth()\n    );\n  }, [monthStart, todayLocal]);\n\n  // Calculate position if today is in the month\n  const position = useMemo(() => {\n    if (!isInMonth) return null;\n\n    const offset = getDayOffset(todayLocal, monthStart);\n    return Math.round(offset * dayWidth);\n  }, [isInMonth, monthStart, dayWidth, todayLocal]);\n\n  if (!isInMonth || position === null) {\n    return null;\n  }\n\n  return (\n    <div\n      className=\"gantt-ti-indicator\"\n      style={{\n        left: `${position}px`,\n        width: 'var(--gantt-today-indicator-width)',\n        backgroundColor: 'var(--gantt-today-indicator-color)',\n      }}\n      aria-label=\"Today\"\n    />\n  );\n};\n\nexport default TodayIndicator;\n","'use client';\n\nimport React, { useMemo } from 'react';\nimport { calculateGridLines, calculateWeekendBlocks } from '../../utils/geometry';\nimport type { GridLine } from '../../types';\nimport './GridBackground.css';\n\nexport interface GridBackgroundProps {\n  /** Array of dates to display (from getMultiMonthDays) */\n  dateRange: Date[];\n  /** Width of each day column in pixels */\n  dayWidth: number;\n  /** Total height of the grid area in pixels */\n  totalHeight: number;\n}\n\n/**\n * Custom comparison function for React.memo\n *\n * Performance optimization: Only re-renders if dateRange or dayWidth change.\n * totalHeight is excluded because it only affects container height, not grid calculations.\n */\nconst arePropsEqual = (prevProps: GridBackgroundProps, nextProps: GridBackgroundProps) => {\n  return (\n    prevProps.dayWidth === nextProps.dayWidth &&\n    prevProps.dateRange.length === nextProps.dateRange.length &&\n    prevProps.totalHeight !== nextProps.totalHeight // totalHeight changes still trigger update\n  );\n};\n\n/**\n * GridBackground component - renders vertical grid lines and weekend background highlighting\n *\n * This component provides the visual grid structure that runs behind task rows.\n * It separates grid rendering from task rendering for better performance and cleaner code.\n *\n * Features:\n * - Vertical grid lines at month/week/day boundaries\n * - Pink background highlighting for weekend days\n * - React.memo optimization for performance\n * - Pointer events disabled (clicks pass through to tasks)\n */\nconst GridBackground: React.FC<GridBackgroundProps> = React.memo(\n  ({ dateRange, dayWidth, totalHeight }) => {\n    // Calculate grid line positions\n    const gridLines = useMemo<GridLine[]>(() => {\n      return calculateGridLines(dateRange, dayWidth);\n    }, [dateRange, dayWidth]);\n\n    // Calculate weekend background blocks\n    const weekendBlocks = useMemo(() => {\n      return calculateWeekendBlocks(dateRange, dayWidth);\n    }, [dateRange, dayWidth]);\n\n    // Calculate total grid width\n    const gridWidth = useMemo(() => {\n      return Math.round(dateRange.length * dayWidth);\n    }, [dateRange.length, dayWidth]);\n\n    return (\n      <div\n        className=\"gantt-gb-gridBackground\"\n        style={{\n          width: `${gridWidth}px`,\n          height: `${totalHeight}px`,\n        }}\n      >\n        {/* Weekend backgrounds (rendered first, behind lines) */}\n        {weekendBlocks.map((block, index) => (\n          <div\n            key={`weekend-${index}`}\n            className=\"gantt-gb-weekendBlock\"\n            style={{\n              left: `${block.left}px`,\n              width: `${block.width}px`,\n            }}\n          />\n        ))}\n\n        {/* Vertical grid lines */}\n        {gridLines.map((line, index) => {\n          // Determine line type class based on flags\n          const lineClass = line.isMonthStart\n            ? 'gantt-gb-monthSeparator'\n            : line.isWeekStart\n              ? 'gantt-gb-weekSeparator'\n              : 'gantt-gb-dayLine';\n\n          return (\n            <div\n              key={`gridline-${index}`}\n              className={`gantt-gb-gridLine ${lineClass}`}\n              style={{\n                left: `${line.x}px`,\n              }}\n            />\n          );\n        })}\n      </div>\n    );\n  },\n  arePropsEqual\n);\n\nGridBackground.displayName = 'GridBackground';\n\nexport default GridBackground;\n","'use client';\n\nimport React from 'react';\nimport './DragGuideLines.css';\n\nexport interface DragGuideLinesProps {\n  isDragging: boolean;\n  dragMode: 'move' | 'resize-left' | 'resize-right' | null;\n  left: number;\n  width: number;\n  totalHeight: number;\n}\n\nconst DragGuideLines: React.FC<DragGuideLinesProps> = ({\n  isDragging,\n  dragMode,\n  left,\n  width,\n  totalHeight,\n}) => {\n  if (!isDragging || !dragMode) {\n    return null;\n  }\n\n  // Determine which lines to show based on drag mode\n  const showLeftLine = dragMode === 'move' || dragMode === 'resize-left';\n  const showRightLine = dragMode === 'move' || dragMode === 'resize-right';\n\n  return (\n    <>\n      {showLeftLine && (\n        <div\n          className=\"gantt-dgl-guideLine\"\n          style={{\n            left: `${left}px`,\n            height: `${totalHeight}px`,\n          }}\n        />\n      )}\n      {showRightLine && (\n        <div\n          className=\"gantt-dgl-guideLine\"\n          style={{\n            left: `${left + width}px`,\n            height: `${totalHeight}px`,\n          }}\n        />\n      )}\n    </>\n  );\n};\n\nexport default DragGuideLines;\n"],"mappings":"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","names":["useMemo","useCallback","useRef","useState","useEffect","isWeekend","React","useMemo","useState","useEffect","useRef","isWeekend","getUTCDayDifference","jsx","jsxs","React","useMemo","useState","useRef","useEffect","useMemo","jsx","useMemo","React","useMemo","jsx","jsxs","arePropsEqual","React","useMemo","jsx","jsxs","jsx","jsxs","useRef","useMemo","useState","useCallback","useEffect"]}

package/dist/styles.css

@@ -20,6 +20,9 @@
   --gantt-week-separator-color: #f3f4f6;
   --gantt-day-line-width: 1px;
   --gantt-day-line-color: #f3f4f6;
+  --gantt-progress-color: rgba(0, 0, 0, 0.2);
+  --gantt-progress-completed: #fbbf24;
+  --gantt-progress-accepted: #22c55e;
 }
 .gantt-container {
   width: 100%;
@@ -347,7 +350,7 @@
   padding: 0 0.5rem;
   box-sizing: border-box;
   white-space: nowrap;
-  overflow: visible;
+  overflow: hidden;
   cursor: grab;
 }
 .gantt-tr-taskBar:hover {
@@ -405,6 +408,8 @@
   height: 100%;
   background-color: rgba(0, 0, 0, 0.1);
   cursor: ew-resize;
+  pointer-events: auto;
+  z-index: 10;
 }
 .gantt-tr-resizeHandleLeft {
   left: 0;
@@ -447,6 +452,24 @@
   top: 50%;
   transform: translateY(-50%);
 }
+.gantt-tr-progressBar {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  z-index: 1;
+  pointer-events: none;
+  border-radius: var(--gantt-task-bar-border-radius) 0 0 var(--gantt-task-bar-border-radius);
+  transition: width 0.3s ease;
+}
+.gantt-tr-taskName,
+.gantt-tr-taskDuration {
+  position: relative;
+  z-index: 2;
+}
+.gantt-tr-taskBar.gantt-tr-dragging .gantt-tr-progressBar {
+  transition: none !important;
+}
 
 /* src/components/TodayIndicator/TodayIndicator.css */
 .gantt-ti-indicator {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gantt-lib",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "description": "Lightweight React Gantt chart component library",
   "license": "MIT",
   "repository": {