Streamline Sidebar Functionality and Improve Navigation Clarity #80
Description
Is your feature request related to a problem or challenge?
-The current application sidebar is cluttered because it mixes two distinct types of information: Input Controls (for setting analysis modes/models) and Output Metrics (for displaying overall statistics like Spam Count and Ham Count).
-The primary objective is to improve the usability and professionalism of the interface by creating a clear separation of function :- the sidebar should only be used for controls, and the main area should be used for content and results.
Describe the solution you'd like
I propose the following structural steps in the app.py file:
- Group Controls: Implement an st.expander component to group all primary input and configuration controls (Analysis Mode, Model Selection, Dark Mode toggle) under a single, dedicated section titled "Analysis Controls."
- Relocate Metrics: Move all Summary Statistics (Total Predictions, Spam Count, Ham Count) entirely out of the sidebar and position them in a dedicated "Overall Performance Summary" section within the main application body, near the footer.
Describe alternatives you've considered
- We could attempt a full redesign, including optimizing all chart layouts and implementing a custom horizontal navigation bar. This approach was deemed too broad and complex for a single contribution and would introduce too many changes at once, making it difficult to manage and review for GSSoC.
- We could keep the statistics in the sidebar but try to minimize them visually (e.g, using only icons or smaller font sizes). This approach was not considered later because it fails to address the core architectural problem of mixing controls with metrics, the sidebar would remain cluttered.
Additional context
The Visual Comparision of Proposed Changes:
Slide Bar Before Change:
Slide Bar After change:
Please assign this issue to me under the GSSoC' 25 label. I am ready to implement this solution immediately.