feat(status): Implement global status bar and request body in get val…

[BalaSubramaniam12007]

PR Description

This PR introduces a Global Status Bar to provide real-time feedback on API request configurations. . The system validates and displays informative messages through a persistent status bar.

Key Features

1. Global Status Bar: A persistent UI component that displays validation messages with appropriate visual indicators (colors and icons)
2. State Management: Riverpod-based state management for seamless status updates throughout the application
3. Request Validation: Initial implementation focuses on validating GET
4. Dynamic UI: Status messages adapt their appearance based on message type (info, warning, error)

Implementation Details
The implementation follows a clean architecture pattern with clear separation of concerns:

1. StatusMessage: Data class holding message content and type
2. GlobalStatusBarManager: StateNotifier for managing status message state
3. StatusValidator: Contains validation logic for API requests
4. GlobalStatusBar: UI component for displaying status messages

Related Issues

• Closes GET -> POST when user adds request body #178
• Partially Closes Add a Global status bar in API Dash #587

Demonstration

demo.mp4

Checklist

• I have gone through the contributing guide
• I have updated my branch and synced it with project main branch before making this PR
• I am using the latest Flutter stable branch (run flutter upgrade and verify)
• I have run the tests (flutter test) and all tests are passing

Added/updated tests?

We encourage you to add relevant test cases.

• Yes
• No, and this is why: Tests will be added after implementation approach is finalized and reviewed.

OS on which you have developed and tested the feature?

• Windows
• macOS
• Linux

[BalaSubramaniam12007]

@ashitaprasad Could you please review this PR when you get a chance? This is an initial implementation with enhanced, future-extendable notifiers. Your feedback would be really valuable in improving the implementation. Thanks in advance! 😊

[animator]

Does not work in dark mode

[BalaSubramaniam12007]

Thanks for the feedback! I’ll fix the dark mode support and update the PR soon.

[BalaSubramaniam12007]

@animator @ashitaprasad I've enhanced the GlobalStatusBar widget and its components in this PR to improve performance, add new features, and ensure compatibility with both dark and light modes. Here's a summary of the changes:

• JSON Validation: Added simple JSON validation in StatusValidator for ContentType.json requests, detecting syntax errors and displaying error-type messages.

• Expandable Multi-line Messages: Implemented support for multi-line messages in GlobalStatusBar with a toggle icon to expand/collapse additional lines.

• Performance Optimizations:

  • Added memoization (_cachedLines, _lastMessage) to cache message.split('\n'), reducing redundant computations.
  • Used Riverpod select to watch message and type separately, minimizing unnecessary rebuilds.

• Dark/Light Mode Support: Ensured GlobalStatusBar adapts colors and backgrounds dynamically based on the theme (isDarkMode), using appropriate colors (e.g., white for dark mode, black for light mode) and theme-aware surfaces.

• These changes improve user feedback, performance, and visual consistency across themes.

Please review and let me know if any adjustments are needed. Thanks for your feedback!