Implement multiple code changes to enhance functionality and improve performance

Author: gitcoder89431

src/events.rs

@@ -14,16 +14,28 @@ pub enum AppEvent {
     OpenSettings,
     /// User requested to close settings modal
     CloseSettings,
+    /// User requested to show about information
+    ShowAbout,
+    /// User requested to show menu modal
+    ShowMenu,
     /// Navigate up in settings modal
     NavigateUp,
     /// Navigate down in settings modal
     NavigateDown,
+    /// Navigate left (for theme switching)
+    NavigateLeft,
+    /// Navigate right (for theme switching)
+    NavigateRight,
     /// Select current item in settings modal
     Select,
     /// Start the AI orchestration application (Enter key)
     StartApplication,
     /// Toggle theme between Dark/Light
     ToggleTheme,
+    /// Text input character
+    Input(char),
+    /// Backspace key pressed
+    Backspace,
     /// Settings action to be applied
     SettingsAction(crate::settings::SettingsAction),
     /// Terminal was resized to new dimensions
@@ -58,22 +70,27 @@ impl EventHandler {
                         KeyCode::Char('q') => Ok(AppEvent::Quit),
                         KeyCode::Esc => Ok(AppEvent::CloseSettings),
                         KeyCode::Char(',') | KeyCode::Char('s') | KeyCode::Char('S') => {
-                            Ok(AppEvent::OpenSettings)
+                            Ok(AppEvent::ShowMenu)
                         }
+                        KeyCode::Char('a') | KeyCode::Char('A') => Ok(AppEvent::ShowAbout),
                         KeyCode::Char('t') | KeyCode::Char('T') => Ok(AppEvent::ToggleTheme),
                         KeyCode::Up | KeyCode::Char('k') => Ok(AppEvent::NavigateUp),
                         KeyCode::Down | KeyCode::Char('j') => Ok(AppEvent::NavigateDown),
+                        KeyCode::Left | KeyCode::Char('h') => Ok(AppEvent::NavigateLeft),
+                        KeyCode::Right | KeyCode::Char('l') => Ok(AppEvent::NavigateRight),
                         KeyCode::Enter => {
                             // Enter can be either StartApplication or Select depending on context
                             // We'll let the App decide which one to use based on state
                             Ok(AppEvent::StartApplication)
                         }
                         KeyCode::Char(' ') => Ok(AppEvent::Select),
+                        KeyCode::Backspace => Ok(AppEvent::Backspace),
                         KeyCode::Char('c')
                             if key_event.modifiers.contains(KeyModifiers::CONTROL) =>
                         {
                             Ok(AppEvent::ForceQuit)
                         }
+                        KeyCode::Char(c) => Ok(AppEvent::Input(c)),
                         _ => Ok(AppEvent::None),
                     }
                 }
@@ -97,6 +114,10 @@ impl Default for EventHandler {
 pub enum AppState {
     /// Primary TUI interface
     Main,
+    /// Menu modal active
+    Menu,
+    /// Model selection modal active for OpenRouter
+    ModelSelection,
     /// Settings modal active
     Settings,
     /// Waiting for provider configuration - no valid providers available

src/theme.rs

@@ -32,6 +32,7 @@ pub struct ColorPalette {
     pub border: Color,
     pub selection: Color,
     pub cursor: Color,
+    pub warning: Color,  // Yellow/orange for settings
 }
 
 /// UI element types for styling
@@ -57,6 +58,8 @@ pub enum Element {
     Active,
     /// Inactive/disabled elements
     Inactive,
+    /// Warning/settings elements (yellow/orange)
+    Warning,
 }
 
 /// Main theme structure managing all UI styling
@@ -85,6 +88,7 @@ impl Theme {
                 border: Color::Rgb(116, 125, 135),     // #747d87 (gray)
                 selection: Color::Rgb(64, 72, 78),     // #40484e (darker bg)
                 cursor: Color::Rgb(211, 198, 170),     // #d3c6aa (same as fg)
+                warning: Color::Rgb(219, 188, 127),    // #dbbc7f (yellow/orange)
             },
             ThemeVariant::EverforestLight => ColorPalette {
                 background: Color::Rgb(253, 246, 227), // #fdf6e3
@@ -95,6 +99,7 @@ impl Theme {
                 border: Color::Rgb(150, 160, 170),     // #96a0aa (gray)
                 selection: Color::Rgb(243, 236, 217),  // #f3ecd9 (darker bg)
                 cursor: Color::Rgb(92, 106, 114),      // #5c6a72 (same as fg)
+                warning: Color::Rgb(207, 131, 44),     // #cf832c (yellow/orange)
             },
         };
 
@@ -174,6 +179,10 @@ impl Theme {
             Element::Inactive => Style::default()
                 .fg(self.colors.border)
                 .bg(self.colors.background),
+
+            Element::Warning => Style::default()
+                .fg(self.colors.warning)
+                .bg(self.colors.background),
         }
     }
 
@@ -186,6 +195,7 @@ impl Theme {
             Element::Highlight => self.colors.foreground,
             Element::Secondary => self.colors.secondary,
             Element::Info => self.colors.info,
+            Element::Warning => self.colors.warning,
         }
     }
 
@@ -231,4 +241,9 @@ impl Theme {
     pub fn info_style(&self) -> Style {
         self.ratatui_style(Element::Info)
     }
+
+    /// Get style for warning/settings elements
+    pub fn warning_style(&self) -> Style {
+        self.ratatui_style(Element::Warning)
+    }
 }