# Tab Navigation Update ## βœ… Improvements Complete ### 1. **Tab Navigation Keyboard Shortcuts** Added three new keyboard shortcuts for tab navigation: - **`Tab`** - Next Tab (cycles forward through active tabs) - **`Shift+Tab`** - Previous Tab (cycles backward through active tabs) - **`t`** - Tab Menu (shows available tabs in subtitle for 3 seconds) ### 2. **Default View Changed to Simplified** The Overview tab now defaults to the **simplified view** without subflow rows: - Only shows main flows (no nested frame type breakdowns) - Cleaner, less verbose display - Toggle with `v` to see detailed view with subflows ### 3. **Visual Tab Indicators** Added CSS styling for the tab bar: - **Active tab**: Blue background (#0080ff) with white bold text - **Inactive tabs**: Dark background with gray text - **Hover effect**: Highlights tabs on mouse hover - **Disabled tabs**: Dimmed appearance for empty frame types - **Tab bar**: Located at top of flow table area with 3-row height ### 4. **Complete Keyboard Shortcuts** **Navigation:** - `Tab` / `Shift+Tab` - Navigate between tabs - `t` - Show tab menu - `1,2,3,4` - Sort by Flows/Packets/Volume/Quality **Controls:** - `q` - Quit - `p` - Pause/Resume - `v` - Toggle View Mode (simplified/detailed) **Data Actions:** - `d` - Show Details - `r` - Generate Report - `o` - Copy Outliers **Help:** - `?` - Toggle Help ## πŸ“‘ Tab Structure Example ``` β”Œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β” β”‚ Overview β”‚ CH10-Data β”‚ UDP β”‚ PTP-Sync β”‚ TMATS β”‚ IGMP β”‚ <- Tab bar (active tab highlighted) β”œβ”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€ β”‚ β”‚ β”‚ # Source Dest Proto Packets Volumeβ”‚ <- Simplified flow list β”‚ 1 192.168.4.89 239.1.2.10 UDP 1452 1.4MB β”‚ β”‚ 2 11.59.19.202 239.0.1.133 UDP 113 98KB β”‚ β”‚ 3 11.59.19.204 224.0.1.129 UDP 297 256KB β”‚ β”‚ β”‚ β””β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”€β”˜ ``` ## 🎯 Usage Tips 1. **Quick Navigation**: Use `Tab` to cycle through frame types 2. **Tab Discovery**: Press `t` to see all available tabs 3. **Clean View**: Default simplified view shows only main flows 4. **Frame Type Focus**: Each tab shows flows containing that specific frame type 5. **Smart Tab Hiding**: Only shows tabs for detected frame types ## πŸ“Š Tab Contents - **Overview**: All flows (simplified by default, no subflows) - **CH10-Data**: Flows with Chapter 10 data frames - **UDP**: Generic UDP traffic flows - **PTP-Sync/Signaling**: PTP protocol flows - **TMATS**: Telemetry attribute flows - **Others**: IGMP, CH10-ACTTS as detected Press `t` at any time to see which tabs are available!