# UI/UX Improvement Plan for `monitr`

## Overview
The goal is to improve the readability, visual hierarchy, and overall polish of the `monitr` terminal user interface (TUI) without compromising performance or usability.

## Proposed Improvements

### 1. Visual Hierarchy Enhancement
- **Action:** Update borders for the main process table.
- **Change:** Change `Borders::ALL` to `Borders::THICK` for the main process table block to make it the clear focal point of the screen. Keep secondary panels (inspector, overview) at `Borders::ALL`.
- **Location:** `src/ui.rs`, `render_process_table` function.

### 2. Tab Visibility
- **Action:** Enhance the active tab indicator.
- **Change:** Modify the `highlight_style` of the tabs to be even more distinct, perhaps adding a background color that matches `PANEL_ALT` for the selected tab to make it pop against the `PANEL` background.
- **Location:** `src/ui.rs`, `render_tabs` function.

### 3. Footer Clarity
- **Action:** Improve footer readability and grouping.
- **Change:** Group the controls in the footer. Use separators (`|`) with a distinct color (e.g., `MUTED`) to group action-related keys (e.g., movement, filters, actions, general).
- **Location:** `src/ui.rs`, `render_footer` function.

### 4. Spacing and Padding
- **Action:** Ensure consistent layout constraints.
- **Change:** Review `Layout` constraints in `src/ui.rs` and `render_main` to ensure that when details are shown, the split between the table and details is balanced.
- **Location:** `src/ui.rs`, `draw` and `render_main` functions.

## Implementation Steps
1. [ ] Apply border changes for visual hierarchy.
2. [ ] Refine tab styling.
3. [ ] Improve footer readability with better separators.
4. [ ] Review and adjust layout constraints if necessary.

## Verification
- Run the TUI and verify visual changes across different terminal sizes.
- Ensure that the help panel and inspector panels still look correct with the changed border styles.
