fix: help desc was truncated

Signed-off-by: chang-ning <spiderpower02@gmail.com>

Author: crazyguitar

src/tui/theme.rs

@@ -54,7 +54,6 @@ pub struct ThemeColors {
     pub status_bg: Color,
     pub status_fg: Color,
     pub header_fg: Color,
-    pub group_title: Color,
 }
 
 fn default_colors() -> ThemeColors {
@@ -71,7 +70,6 @@ fn default_colors() -> ThemeColors {
         status_bg: Color::Green,
         status_fg: Color::Black,
         header_fg: Color::Cyan,
-        group_title: Color::Yellow,
     }
 }
 
@@ -89,7 +87,6 @@ fn dracula_colors() -> ThemeColors {
         status_bg: Color::Rgb(170, 140, 220),
         status_fg: Color::Rgb(30, 30, 40),
         header_fg: Color::Rgb(150, 210, 240),
-        group_title: Color::Rgb(220, 220, 160),
     }
 }
 
@@ -107,7 +104,6 @@ fn nord_colors() -> ThemeColors {
         status_bg: Color::Rgb(130, 165, 195),
         status_fg: Color::Rgb(40, 45, 55),
         header_fg: Color::Rgb(140, 190, 210),
-        group_title: Color::Rgb(220, 200, 150),
     }
 }
 
@@ -125,7 +121,6 @@ fn monokai_colors() -> ThemeColors {
         status_bg: Color::Rgb(220, 160, 70),
         status_fg: Color::Rgb(35, 35, 30),
         header_fg: Color::Rgb(130, 200, 220),
-        group_title: Color::Rgb(210, 200, 130),
     }
 }
 
@@ -143,6 +138,5 @@ fn gruvbox_colors() -> ThemeColors {
         status_bg: Color::Rgb(200, 115, 50),
         status_fg: Color::Rgb(35, 35, 35),
         header_fg: Color::Rgb(145, 175, 165),
-        group_title: Color::Rgb(230, 185, 75),
     }
 }

src/tui/ui.rs

@@ -32,12 +32,6 @@ const HELP_KEYS: &[(&str, &str)] = &[
     ("r", "Record Perfetto trace (start/stop)"),
     ("h", "Toggle this help"),
     ("q", "Quit"),
-    ("", ""),
-    ("", "── Detail mode ──"),
-    ("↑ / k", "Scroll up"),
-    ("↓ / j", "Scroll down"),
-    ("", "Scroll past end → next device"),
-    ("", "Scroll past top  → prev device"),
 ];
 
 const RDMA_LINK_GBPS: f64 = 100.0;
@@ -1168,8 +1162,14 @@ fn draw_status_bar(frame: &mut Frame, app: &App, area: Rect, tc: &ThemeColors) {
 
 fn draw_help_popup(frame: &mut Frame, tc: &ThemeColors) {
     let area = frame.area();
-    let w = 50.min(area.width.saturating_sub(4));
-    let h = 18.min(area.height.saturating_sub(4));
+    // Size the popup to the longest row (16-char key column + description)
+    // plus borders, so nothing gets clipped.
+    let mut content_w = 0;
+    for (_, desc) in HELP_KEYS {
+        content_w = content_w.max(16 + desc.chars().count());
+    }
+    let w = (content_w as u16 + 2).min(area.width.saturating_sub(4));
+    let h = (HELP_KEYS.len() as u16 + 2).min(area.height.saturating_sub(4));
     let popup = centered_rect(area, w, h);
 
     frame.render_widget(Clear, popup);
@@ -1259,14 +1259,10 @@ fn draw_column_picker(frame: &mut Frame, app: &App, tc: &ThemeColors) {
 }
 
 fn help_line(key: &str, desc: &str, tc: &ThemeColors) -> Line<'static> {
-    if key.is_empty() {
-        Line::from(styled(&format!("  {}", desc), tc.group_title, false))
-    } else {
-        Line::from(vec![
-            styled(&format!("  {:<14}", key), tc.accent, false),
-            styled(desc, tc.fg, false),
-        ])
-    }
+    Line::from(vec![
+        styled(&format!("  {:<14}", key), tc.accent, false),
+        styled(desc, tc.fg, false),
+    ])
 }
 
 fn centered_rect(area: Rect, w: u16, h: u16) -> Rect {