Skip to content

Comments

Claude/cycle progress charts 01 xp vsxy6ngmu4 l9 se4 tb rpi#10

Open
pqhung3007 wants to merge 2 commits intopreviewfrom
claude/cycle-progress-charts-01XpVSXY6ngmu4L9Se4TbRpi
Open

Claude/cycle progress charts 01 xp vsxy6ngmu4 l9 se4 tb rpi#10
pqhung3007 wants to merge 2 commits intopreviewfrom
claude/cycle-progress-charts-01XpVSXY6ngmu4L9Se4TbRpi

Conversation

@pqhung3007
Copy link
Owner

Description

Type of Change

  • Bug fix (non-breaking change which fixes an issue)
  • Feature (non-breaking change which adds functionality)
  • Improvement (change that would cause existing functionality to not work as expected)
  • Code refactoring
  • Performance improvements
  • Documentation update

Screenshots and Media (if applicable)

Test Scenarios

References

…lization

This commit introduces a comprehensive redesign of the active cycle view with
detailed, visual-oriented charts that help users better understand cycle progress.

Key features:
- Enhanced cycle header with visual progress indicator and leading/trailing status
- Dual chart view showing both burn-down and build-up charts side-by-side
- Color-coded leading/trailing indicators (green for leading, red for trailing)
- Detailed metrics breakdown sidebar with clickable filters
- Real-time progress tracking with ideal vs actual comparison
- Support for both work items and estimate points
- Improved UX with tooltips, hover states, and visual feedback

New components:
- EnhancedCycleHeader: Shows overall progress with circular indicator and cycle metadata
- EnhancedActiveCycleChart: Renders burn-down or build-up charts with leading/trailing areas
- EnhancedProgressChart: Core chart component with colored fill areas for variance
- EnhancedCycleMetrics: Sidebar with detailed breakdown of cycle metrics

The implementation uses the existing data structures and APIs, maintaining
compatibility with the current cycle management system while providing a
more intuitive and informative user interface.
…ggle

- Changed EnhancedActiveCycleChart to accept no plotType prop
- Added plot type dropdown using CustomSelect to toggle between burn-down and build-up
- Integrated getPlotTypeByCycleId and setPlotType from cycle store
- Updated ActiveCycleRoot to render single chart component instead of two separate ones
- Chart now shows either burn-down or build-up based on user selection via dropdown

This provides a cleaner UI where users can switch between chart types in one region
instead of showing both charts simultaneously.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants