Skip to content

Enhanced node editing experience with unified purple status colors#5

Merged
mvalancy merged 16 commits intodevelopmentfrom
node-operations
Aug 21, 2025
Merged

Enhanced node editing experience with unified purple status colors#5
mvalancy merged 16 commits intodevelopmentfrom
node-operations

Conversation

@Patel230
Copy link
Copy Markdown
Member

Summary

  • Update EditNodeModal to use NodeCategorySelector like CreateNodeModal
  • Change update button from blue to green background
  • Add color-coded status dropdowns across all modals and views
  • Fix node update functionality with proper GraphQL mutation format
  • Implement consistent status color scheme (changed violet to purple for 'Planned' status)
  • Update Task Status section order: Proposed→Planned→In Progress→Blocked→Completed
  • Enhance node type support with categorized selection throughout application
  • Add success/failure notifications with useNotifications hook
  • Fix DateTime validation errors and form data cleaning

Status Color Scheme

  • Proposed: Blue
  • Planned: Purple (changed from violet)
  • In Progress: Yellow
  • Completed: Green
  • Blocked: Red

Files Changed

  • CreateNodeModal.tsx - Enhanced with status colors and notifications
  • EditNodeModal.tsx - Added NodeCategorySelector and fixed update functionality
  • ListView.tsx - Updated status colors and Task Status section ordering
  • TimelineView.tsx - Applied consistent status color scheme
  • InteractiveGraphVisualization.tsx - Updated graph node colors
  • GraphVisualization.tsx - Updated visualization colors

Test Plan

  • Verify EditNodeModal uses NodeCategorySelector correctly
  • Test node update functionality works without errors
  • Confirm consistent purple colors for 'Planned' status across all views
  • Check Task Status section shows correct order
  • Validate success/error notifications display properly

…tegory selector

## Summary
- Add comprehensive node category selector with popup-style type selection
- Implement professional priority classification system with clickable cards
- Add notification system for user feedback
- Enhance form validation and user experience

## Changes Made
- **NodeCategorySelector**: New component with category dropdown and popup type selection
- **Priority System**: Color-coded priority levels with clickable cards and dynamic sliders
- **Form Validation**: Mandatory node type with optional contributor and due date
- **Notifications**: Dark-themed success/error notifications matching website design
- **UI Improvements**: Consistent sizing, professional styling, and better user flow

## Features
- Auto-opening type popup after category selection
- Priority level cards for quick selection (Critical, High, Moderate, Low, Minimal)
- Dynamic priority slider colors based on selected values
- Form validation preventing submission without required fields
- Success/error notifications with proper styling
- Single box display showing only category (type details in description below)
- Add DeleteNodeModal for node deletion with confirmation
- Add EditNodeModal for inline node editing
- Update ListView with edit/delete actions
- Enhance GraphQL queries for node operations
- Update App.tsx with notification provider integration
- Extend Neo4j schema for complete node management
- Add missing Tag import to ListView component to fix Table View not loading
- Update Create Node button styling to green color in modal
- Improve label formatting with proper capitalization throughout ListView
…election

- Update EditNodeModal to use NodeCategorySelector like CreateNodeModal
- Change update button from blue to green background
- Add color-coded status dropdowns across all modals and views
- Fix node update functionality with proper GraphQL mutation format
- Implement consistent status color scheme:
  * Proposed: Blue
  * Planned: Violet
  * In Progress: Yellow
  * Completed: Green
  * Blocked: Red
- Update Task Status section order: Proposed→Planned→In Progress→Blocked→Completed
- Enhance node type support with categorized selection throughout application
- Add success/failure notifications with useNotifications hook
- Fix DateTime validation errors and form data cleaning
- Update CreateNodeModal and EditNodeModal status dropdowns from violet to purple
- Change ListView status colors, kanban view, dashboard cards, and sidebar statistics
- Update TimelineView status colors, gradients, and backlog statistics
- Replace violet hex codes (#8b5cf6) with purple (#a855f7) in graph visualizations
- Maintain consistent purple theme for 'Planned' status across all components
@Patel230 Patel230 self-assigned this Aug 19, 2025
@Patel230 Patel230 added documentation Improvements or additions to documentation enhancement New feature or request and removed documentation Improvements or additions to documentation labels Aug 19, 2025
@Patel230 Patel230 requested a review from mvalancy August 19, 2025 06:54
Patel230 and others added 11 commits August 20, 2025 17:28
- Add NotificationContext integration to DeleteNodeModal
- Implement handleDeleteNode and handleCloseDeleteModal functions
- Add DeleteNodeModal to InteractiveGraphVisualization render method
- Connect delete button in context menu to handleDeleteNode
- Add success notification: 'Node Deleted Successfully!' with cleanup details
- Add comprehensive error handling with user-friendly messages
- Ensure proper database updates and UI refresh through refetchQueries
- Add Graph entity with hierarchical structure to Neo4j schema
- Enhance GraphSelector with create graph functionality
- Update GraphContext with GraphQL integration
- Add graph management queries and mutations
…oning

- Move edit/delete buttons to right side of title in table view
- Add edit/delete buttons to Kanban cards with hover behavior
- Maintain consistent button styling across all views (table, card, Kanban)
- Implement smooth opacity transitions for better UX
- Position buttons strategically for optimal accessibility
… components

- Updated TimelineView dependency lines DEPENDS_ON color from red-500 to red-600
- Ensures consistent red-600 theme for all blocked status elements
- Maintains visual consistency across dashboard, charts, and timeline views
- Implement hierarchical force simulation with type-based repulsion
- Add Epic->Milestone, Feature->Task attraction forces
- Fix node connection functionality with proper backend persistence
- Improve completed node styling with large green checkmarks
- Add expanding ring animations for node selection feedback
- Fix window resize handling to maintain physics simulation
- Update CSS to preserve completion indicator colors
- Add remove command to start script for complete uninstallation
- Implement automatic dependency conflict resolution
- Consolidate test suite with comprehensive reporting
- Add API health monitoring and project verification tests
- Enhance setup script with better error handling
- Fix undefined variable errors in modal components
- Resolve ES module import path issues for TypeScript
- Add comprehensive error boundaries for graph visualization
- Update server imports for proper module resolution
- Update GraphSelector, ListView, and TimelineView components
- Remove temporary test files and artifacts
- Clean up development workspace
- Update package lock with latest dependencies
- Remove TypeScript build cache files
- Add error demo tool to development utilities
@mvalancy
Copy link
Copy Markdown
Member

Looks great, thanks for pushing new features!

@mvalancy mvalancy merged commit c9a9d1b into development Aug 21, 2025
@mvalancy mvalancy deleted the node-operations branch August 21, 2025 07:48
@Patel230
Copy link
Copy Markdown
Member Author

Looks great, thanks for pushing new features!

Thank you so much; I love the work we are doing!

Patel230 pushed a commit that referenced this pull request Oct 27, 2025
Enhanced node editing experience with unified purple status colors
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants