Fix: Metrics Display Consuming Too Much Screen Space

[ajeetraina]

Overview

This PR fixes the issue where the metrics window is consuming too much screen space (#42), making it difficult to use the chat interface effectively.

Changes Made

1. Made the metrics display collapsible

   • Added a compact/collapsed view as the default state
   • Provided an expand/collapse toggle button
   • Reduced overall metrics section height

2. Improved space utilization

   • Reduced padding and margins throughout the interface
   • Made font sizes smaller for metrics display
   • Optimized the layout to be more space-efficient
   • Added better scrolling behavior for the message list

3. Enhanced UI for better user experience

   • Improved visual hierarchy
   • Made buttons smaller and more compact
   • Added empty state for message list
   • Reduced footer height to maximize chat area

4. Added responsive design improvements

   • Better handling of limited vertical space
   • More compact header
   • Streamlined overall layout

Screenshots

Before:

After (Collapsed):

After (Expanded):

This PR ensures the metrics panel takes up a reasonable amount of space while still providing all the necessary information. The collapsible design gives users control over how much detail they want to see.

Fixes #42