project redesign

client/config.toml

@@ -1,6 +1,17 @@
 # config.toml
 [keybindings]
 
+enter_command_mode = [":", "ctrl+;"]
+
+[keybindings.intro]
+next_option = ["j", "Right"]
+previous_option = ["k", "Left"]
+select = ["Enter"]
+
+[keybindings.admin]
+move_up = ["k"]
+move_down = ["j"]
+
 [keybindings.common]
 save = ["ctrl+s"]
 quit = ["ctrl+q"]
@@ -33,7 +44,6 @@ move_line_start = ["0"]
 move_line_end = ["$"]
 move_first_line = ["gg"]
 move_last_line = ["x"]
-enter_command_mode = [":", "ctrl+;"]
 
 [keybindings.edit]
 exit_edit_mode = ["esc","ctrl+e"]

client/src/components/admin/admin_panel.rs

@@ -8,7 +8,7 @@ use ratatui::{
     Frame,
 };
 use common::proto::multieko2::table_definition::ProfileTreeResponse;
-use crate::config::colors::Theme;
+use crate::config::colors::themes::Theme;
 
 pub struct AdminPanelState {
     pub list_state: ListState,

client/src/components/common/background.rs

@@ -5,7 +5,7 @@ use ratatui::{
     style::Style,
     Frame,
 };
-use crate::config::colors::Theme;
+use crate::config::colors::themes::Theme;
 
 pub fn render_background(f: &mut Frame, area: Rect, theme: &Theme) {
     let background = Block::default()

client/src/components/common/command_line.rs

@@ -5,7 +5,7 @@ use ratatui::{
     layout::Rect,
     Frame,
 };
-use crate::config::colors::Theme;
+use crate::config::colors::themes::Theme;
 
 pub fn render_command_line(f: &mut Frame, area: Rect, input: &str, active: bool, theme: &Theme, message: &str) {
     let prompt = if active {

client/src/components/common/status_line.rs

@@ -6,7 +6,7 @@ use ratatui::{
     Frame,
     text::{Line, Span},
 };
-use crate::config::colors::Theme;
+use crate::config::colors::themes::Theme;
 use std::path::Path;
 
 pub fn render_status_line(

client/src/components/handlers/canvas.rs

@@ -7,7 +7,7 @@ use ratatui::{
     Frame,
     prelude::Alignment,
 };
-use crate::config::colors::Theme;
+use crate::config::colors::themes::Theme;
 use crate::ui::form::FormState;
 
 pub fn render_canvas(

client/src/components/handlers/form.rs

@@ -5,7 +5,7 @@ use ratatui::{
     style::Style,
     Frame,
 };
-use crate::config::colors::Theme;
+use crate::config::colors::themes::Theme;
 use crate::ui::form::FormState;
 use super::canvas::render_canvas;  // Changed to canvas
 

client/src/components/handlers/sidebar.rs

@@ -5,7 +5,7 @@ use ratatui::{
     style::Style,
     Frame,
 };
-use crate::config::colors::Theme;
+use crate::config::colors::themes::Theme;
 use common::proto::multieko2::table_definition::{ProfileTreeResponse};
 use ratatui::text::{Span, Line};
 

client/src/components/intro/intro.rs

@@ -7,7 +7,7 @@ use ratatui::{
     prelude::Margin,
     Frame,
 };
-use crate::config::colors::Theme;
+use crate::config::colors::themes::Theme;
 
 pub struct IntroState {
     pub selected_option: usize,

client/src/config/binds.rs

@@ -0,0 +1,7 @@
+// src/config/binds.rs
+ 
+pub mod config;
+pub mod key_sequences;
+
+pub use config::*;
+pub use key_sequences::*;

client/src/config/binds/config.rs

@@ -1,4 +1,4 @@
-// client/src/config/config.rs
+// src/config/binds/config.rs
 
 use serde::Deserialize;
 use std::collections::HashMap;
@@ -25,6 +25,10 @@ pub struct Config {
 
 #[derive(Debug, Deserialize)]
 pub struct ModeKeybindings {
+    #[serde(default)]
+    pub intro: HashMap<String, Vec<String>>,
+    #[serde(default)]
+    pub admin: HashMap<String, Vec<String>>,
     #[serde(default)]
     pub read_only: HashMap<String, Vec<String>>,
     #[serde(default)]
@@ -33,7 +37,6 @@ pub struct ModeKeybindings {
     pub command: HashMap<String, Vec<String>>,
     #[serde(default)]
     pub common: HashMap<String, Vec<String>>,
-    // Store top-level keybindings that aren't in a specific mode section
     #[serde(flatten)]
     pub global: HashMap<String, Vec<String>>,
 }
@@ -49,6 +52,20 @@ impl Config {
         Ok(config)
     }
 
+    /// Gets an action for a key in Intro mode, only checking intro and global bindings
+    pub fn get_intro_action(&self, key: KeyCode, modifiers: KeyModifiers) -> Option<&str> {
+        self.get_action_for_key_in_mode(&self.keybindings.intro, key, modifiers)
+            .or_else(|| self.get_action_for_key_in_mode(&self.keybindings.global, key, modifiers))
+    }
+
+    /// Gets an action for a key in Admin mode, checking common and global bindings
+    pub fn get_admin_action(&self, key: KeyCode, modifiers: KeyModifiers) -> Option<&str> {
+        self.get_action_for_key_in_mode(&self.keybindings.admin, key, modifiers)
+            .or_else(|| self.get_action_for_key_in_mode(&self.keybindings.common, key, modifiers))
+            .or_else(|| self.get_action_for_key_in_mode(&self.keybindings.intro, key, modifiers))
+            .or_else(|| self.get_action_for_key_in_mode(&self.keybindings.global, key, modifiers))
+    }    
+
     /// Gets an action for a key in Read-Only mode, also checking common keybindings.
     pub fn get_read_only_action_for_key(&self, key: KeyCode, modifiers: KeyModifiers) -> Option<&str> {
         self.get_action_for_key_in_mode(&self.keybindings.read_only, key, modifiers)
@@ -70,6 +87,25 @@ impl Config {
             .or_else(|| self.get_action_for_key_in_mode(&self.keybindings.global, key, modifiers))
     }
 
+    /// Context-aware keybinding resolution
+    pub fn get_action_for_current_context(
+        &self,
+        is_edit_mode: bool,
+        command_mode: bool,
+        show_intro: bool,
+        show_admin: bool,
+        key: KeyCode,
+        modifiers: KeyModifiers
+    ) -> Option<&str> {
+        match (show_intro, show_admin, command_mode, is_edit_mode) {
+            (true, _, _, _) => self.get_intro_action(key, modifiers),
+            (_, true, _, _) => self.get_admin_action(key, modifiers),
+            (_, _, true, _) => self.get_command_action_for_key(key, modifiers),
+            (_, _, _, true) => self.get_edit_action_for_key(key, modifiers),
+            _ => self.get_read_only_action_for_key(key, modifiers),
+        }
+    }
+
     /// Helper function to get an action for a key in a specific mode.
     pub fn get_action_for_key_in_mode<'a>(
         &self,
@@ -355,13 +391,13 @@ impl Config {
 
         // Get string representations of the sequence
         let sequence_str = sequence.iter()
-            .map(|k| crate::config::key_sequences::key_to_string(k))
+            .map(|k| crate::config::binds::key_sequences::key_to_string(k))
             .collect::<Vec<String>>()
             .join("");
 
         // Add the missing sequence_plus definition
         let sequence_plus = sequence.iter()
-            .map(|k| crate::config::key_sequences::key_to_string(k))
+            .map(|k| crate::config::binds::key_sequences::key_to_string(k))
             .collect::<Vec<String>>()
             .join("+");
 
@@ -414,7 +450,7 @@ impl Config {
                 // Special case for + format in bindings
                 if binding.contains('+') {
                     let normalized_sequence = sequence.iter()
-                        .map(|k| crate::config::key_sequences::key_to_string(k))
+                        .map(|k| crate::config::binds::key_sequences::key_to_string(k))
                         .collect::<Vec<String>>();
 
                     let binding_parts: Vec<&str> = binding.split('+').collect();
@@ -442,7 +478,7 @@ impl Config {
 
         // Get string representation of the sequence
         let sequence_str = sequence.iter()
-            .map(|k| crate::config::key_sequences::key_to_string(k))
+            .map(|k| crate::config::binds::key_sequences::key_to_string(k))
             .collect::<Vec<String>>()
             .join("");
 
@@ -491,7 +527,7 @@ impl Config {
                 if binding.contains('+') {
                     let binding_parts: Vec<&str> = binding.split('+').collect();
                     let sequence_parts = sequence.iter()
-                        .map(|k| crate::config::key_sequences::key_to_string(k))
+                        .map(|k| crate::config::binds::key_sequences::key_to_string(k))
                         .collect::<Vec<String>>();
 
                     if binding_parts.len() > sequence_parts.len() {

client/src/config/colors.rs

@@ -1,68 +1,4 @@
-// src/client/colors.rs
-use ratatui::style::Color;
+// src/config/colors.rs
+pub mod themes;
 
-#[derive(Debug, Clone)]
-pub struct Theme {
-    pub bg: Color,
-    pub fg: Color,
-    pub accent: Color,
-    pub secondary: Color,
-    pub highlight: Color,
-    pub warning: Color,
-    pub border: Color,
-}
-
-impl Theme {
-    pub fn from_str(theme_name: &str) -> Self {
-        match theme_name.to_lowercase().as_str() {
-            "dark" => Self::dark(),
-            "high_contrast" => Self::high_contrast(),
-            _ => Self::light(),
-        }
-    }
-
-    // Default light theme
-    pub fn light() -> Self {
-        Self {
-            bg: Color::Rgb(245, 245, 245), // Light gray
-            fg: Color::Rgb(64, 64, 64),    // Dark gray
-            accent: Color::Rgb(173, 216, 230), // Pastel blue
-            secondary: Color::Rgb(255, 165, 0), // Orange for secondary
-            highlight: Color::Rgb(152, 251, 152), // Pastel green
-            warning: Color::Rgb(255, 182, 193), // Pastel pink
-            border: Color::Rgb(220, 220, 220), // Light gray border
-        }
-    }
-
-    // High-contrast dark theme
-    pub fn dark() -> Self {
-        Self {
-            bg: Color::Rgb(30, 30, 30),     // Dark background
-            fg: Color::Rgb(255, 255, 255),  // White text
-            accent: Color::Rgb(0, 191, 255), // Bright blue
-            secondary: Color::Rgb(255, 215, 0), // Gold for secondary
-            highlight: Color::Rgb(50, 205, 50), // Bright green
-            warning: Color::Rgb(255, 99, 71), // Bright red
-            border: Color::Rgb(100, 100, 100), // Medium gray border
-        }
-    }
-
-    // High-contrast light theme
-    pub fn high_contrast() -> Self {
-        Self {
-            bg: Color::Rgb(255, 255, 255), // White background
-            fg: Color::Rgb(0, 0, 0),       // Black text
-            accent: Color::Rgb(0, 0, 255), // Blue
-            secondary: Color::Rgb(255, 140, 0), // Dark orange for secondary
-            highlight: Color::Rgb(0, 128, 0), // Green
-            warning: Color::Rgb(255, 0, 0), // Red
-            border: Color::Rgb(0, 0, 0),   // Black border
-        }
-    }
-}
-
-impl Default for Theme {
-    fn default() -> Self {
-        Self::light() // Default to light theme
-    }
-}
+pub use themes::*;

client/src/config/colors/themes.rs

@@ -0,0 +1,68 @@
+// src/client/themes/colors.rs
+use ratatui::style::Color;
+
+#[derive(Debug, Clone)]
+pub struct Theme {
+    pub bg: Color,
+    pub fg: Color,
+    pub accent: Color,
+    pub secondary: Color,
+    pub highlight: Color,
+    pub warning: Color,
+    pub border: Color,
+}
+
+impl Theme {
+    pub fn from_str(theme_name: &str) -> Self {
+        match theme_name.to_lowercase().as_str() {
+            "dark" => Self::dark(),
+            "high_contrast" => Self::high_contrast(),
+            _ => Self::light(),
+        }
+    }
+
+    // Default light theme
+    pub fn light() -> Self {
+        Self {
+            bg: Color::Rgb(245, 245, 245), // Light gray
+            fg: Color::Rgb(64, 64, 64),    // Dark gray
+            accent: Color::Rgb(173, 216, 230), // Pastel blue
+            secondary: Color::Rgb(255, 165, 0), // Orange for secondary
+            highlight: Color::Rgb(152, 251, 152), // Pastel green
+            warning: Color::Rgb(255, 182, 193), // Pastel pink
+            border: Color::Rgb(220, 220, 220), // Light gray border
+        }
+    }
+
+    // High-contrast dark theme
+    pub fn dark() -> Self {
+        Self {
+            bg: Color::Rgb(30, 30, 30),     // Dark background
+            fg: Color::Rgb(255, 255, 255),  // White text
+            accent: Color::Rgb(0, 191, 255), // Bright blue
+            secondary: Color::Rgb(255, 215, 0), // Gold for secondary
+            highlight: Color::Rgb(50, 205, 50), // Bright green
+            warning: Color::Rgb(255, 99, 71), // Bright red
+            border: Color::Rgb(100, 100, 100), // Medium gray border
+        }
+    }
+
+    // High-contrast light theme
+    pub fn high_contrast() -> Self {
+        Self {
+            bg: Color::Rgb(255, 255, 255), // White background
+            fg: Color::Rgb(0, 0, 0),       // Black text
+            accent: Color::Rgb(0, 0, 255), // Blue
+            secondary: Color::Rgb(255, 140, 0), // Dark orange for secondary
+            highlight: Color::Rgb(0, 128, 0), // Green
+            warning: Color::Rgb(255, 0, 0), // Red
+            border: Color::Rgb(0, 0, 0),   // Black border
+        }
+    }
+}
+
+impl Default for Theme {
+    fn default() -> Self {
+        Self::light() // Default to light theme
+    }
+}

client/src/config/mod.rs

@@ -1,4 +1,4 @@
 // src/config/mod.rs
+
+pub mod binds;
 pub mod colors;
-pub mod config;
-pub mod key_sequences;

client/src/modes/canvas.rs

@@ -0,0 +1,4 @@
+// src/client/modes/canvas.rs
+pub mod edit;
+pub mod common;
+pub mod read_only;

client/src/modes/canvas/common.rs

@@ -1,4 +1,4 @@
-// src/modes/handlers/common.rs
+// src/modes/canvas/common.rs
 
 use crate::tui::terminal::grpc_client::GrpcClient;
 use crate::ui::handlers::form::FormState;

client/src/modes/canvas/edit.rs

@@ -1,12 +1,12 @@
-// src/modes/handlers/edit.rs
+// src/modes/canvas/edit.rs
 
 use crossterm::event::{KeyEvent, KeyCode, KeyModifiers};
 use crate::tui::terminal::{
     grpc_client::GrpcClient,
 };
-use crate::config::config::Config;
+use crate::config::binds::config::Config;
 use crate::ui::handlers::form::FormState;
-use super::common;
+use crate::modes::canvas::common;
 
 pub async fn handle_edit_event_internal(
     key: KeyEvent,
@@ -19,6 +19,24 @@ pub async fn handle_edit_event_internal(
     total_count: u64,
     grpc_client: &mut GrpcClient,
 ) -> Result<String, Box<dyn std::error::Error>> {
+    if let Some("enter_command_mode") = config.get_action_for_key_in_mode(&config.keybindings.global, key.code, key.modifiers) {
+        // Ignore in edit mode and process as normal input
+        handle_edit_specific_input(key, form_state, ideal_cursor_column);
+        return Ok(command_message.clone());
+    }
+
+    // Check common actions first
+    if let Some(action) = config.get_action_for_key_in_mode(&config.keybindings.common, key.code, key.modifiers) {
+        return execute_common_action(
+            action,
+            form_state,
+            grpc_client,
+            is_saved,
+            current_position,
+            total_count,
+        ).await;
+    }
+
     if let Some(action) = config.get_edit_action_for_key(key.code, key.modifiers) {
         return execute_edit_action(
             action,
@@ -40,6 +58,48 @@ pub async fn handle_edit_event_internal(
     Ok(command_message.clone())
 }
 
+async fn execute_common_action(
+    action: &str,
+    form_state: &mut FormState,
+    grpc_client: &mut GrpcClient,
+    is_saved: &mut bool,
+    current_position: &mut u64,
+    total_count: u64,
+) -> Result<String, Box<dyn std::error::Error>> {
+    match action {
+        "save" => {
+            common::save(
+                form_state,
+                grpc_client,
+                is_saved,
+                current_position,
+                total_count,
+            ).await
+        },
+        "revert" => {
+            common::revert(
+                form_state,
+                grpc_client,
+                current_position,
+                total_count,
+            ).await
+        },
+        "move_up" | "move_down" => {
+            // Reuse edit mode's existing logic
+            execute_edit_action(
+                action,
+                form_state,
+                &mut 0, // Dummy ideal_cursor_column (not used here)
+                grpc_client,
+                is_saved,
+                current_position,
+                total_count,
+            ).await
+        },
+        _ => Ok(format!("Common action not handled: {}", action)),
+    }
+}
+
 fn handle_edit_specific_input(
     key: KeyEvent,
     form_state: &mut FormState,

client/src/modes/canvas/read_only.rs

@@ -1,9 +1,9 @@
 // src/modes/handlers/read_only.rs
 
 use crossterm::event::{KeyEvent};
-use crate::config::config::Config;
+use crate::config::binds::config::Config;
 use crate::ui::handlers::form::FormState;
-use crate::config::key_sequences::KeySequenceTracker;
+use crate::config::binds::key_sequences::KeySequenceTracker;
 use crate::tui::terminal::grpc_client::GrpcClient;
 
 #[derive(PartialEq)]

client/src/modes/handlers.rs

@@ -1,6 +1,3 @@
 // src/client/modes/handlers.rs
 pub mod event;
-pub mod edit;
-pub mod common;
 pub mod command_mode;
-pub mod read_only;

client/src/modes/handlers/command_mode.rs

@@ -2,9 +2,11 @@
 
 use crossterm::event::{KeyEvent, KeyCode, KeyModifiers};
 use crate::tui::terminal::grpc_client::GrpcClient;
-use crate::config::config::Config;
+use crate::config::binds::config::Config;
 use crate::ui::handlers::form::FormState;
-use super::common;
+use crate::modes::{
+    canvas::{common},
+};
 
 pub async fn handle_command_event(
     key: KeyEvent,

client/src/modes/handlers/event.rs

@@ -1,17 +1,19 @@
 // src/modes/handlers/event.rs
-use crossterm::event::{Event, KeyCode};
+use crossterm::event::Event;
 use crossterm::cursor::SetCursorStyle;
 use crate::tui::terminal::{
     core::TerminalCore,
     grpc_client::GrpcClient,
     commands::CommandHandler,
 };
-use crate::config::config::Config;
+use crate::config::binds::config::Config;
 use crate::ui::handlers::form::FormState;
 use crate::ui::handlers::rat_state::UiStateHandler;
-use crate::modes::handlers::{edit, command_mode, read_only};
-use crate::config::key_sequences::KeySequenceTracker;
-use super::common;
+use crate::modes::{
+    handlers::{command_mode},
+    canvas::{edit, read_only, common},
+};
+use crate::config::binds::key_sequences::KeySequenceTracker;
 
 pub struct EventHandler {
     pub command_mode: bool,
@@ -51,130 +53,164 @@ impl EventHandler {
     ) -> Result<(bool, String), Box<dyn std::error::Error>> {
         if app_state.ui.show_intro {
             if let Event::Key(key) = event {
-                match key.code {
-                    KeyCode::Left => intro_state.previous_option(),
-                    KeyCode::Right => intro_state.next_option(),
-                    KeyCode::Enter => {
-                        if intro_state.selected_option == 0 {
-                            app_state.ui.show_intro = false;
-                        } else {
-                            app_state.ui.show_intro = false;
-                            app_state.ui.show_admin = true;
-                        }
-                        return Ok((false, String::new()));
-                    }
-                    _ => {}
+                let action = config.get_intro_action(key.code, key.modifiers);
+
+                match action {
+                    Some("previous_option") => intro_state.previous_option(),
+                    Some("next_option") => intro_state.next_option(),
+                    Some("select") => {
+                        app_state.ui.show_intro = false;
+                        app_state.ui.show_admin = intro_state.selected_option == 1;
+                    },
+                    _ => {} // Ignore all other keys
                 }
             }
             return Ok((false, String::new()));
         }
 
-        if let Event::Key(key) = event {
-            let key_code = key.code;
-            let modifiers = key.modifiers;
+            if let Event::Key(key) = event {
+                let key_code = key.code;
+                let modifiers = key.modifiers;
 
-            if UiStateHandler::toggle_sidebar(
-                &mut app_state.ui,
-                config,
-                key_code,
-                modifiers,
-            ) {
-                return Ok((false, format!("Sidebar {}",
-                    if app_state.ui.show_sidebar { "shown" } else { "hidden" }
-                )));
-            }
-
-            if let Some(action) = config.get_action_for_key_in_mode(
-                &config.keybindings.common,
-                key_code,
-                modifiers
-            ) {
-                match action {
-                    "save" => {
-                        let message = common::save(
-                            form_state,
-                            grpc_client,
-                            &mut app_state.ui.is_saved,
-                            current_position,
-                            total_count,
-                        ).await?;
-                        return Ok((false, message));
-                    },
-                    "force_quit" => {
-                        let (should_exit, message) = command_handler.handle_command("force_quit", terminal).await?;
-                        return Ok((should_exit, message));
-                    },
-                    "save_and_quit" => {
-                        let (should_exit, message) = command_handler.handle_command("save_and_quit", terminal).await?;
-                        return Ok((should_exit, message));
-                    },
-                    "revert" => {
-                        let message = common::revert(
-                            form_state,
-                            grpc_client,
-                            current_position,
-                            total_count,
-                        ).await?;
-                        return Ok((false, message));
-                    },
-                    _ => {}
+                // Handle admin panel mode
+                if app_state.ui.show_admin {
+                    if let Some(action) = config.get_admin_action(key_code, modifiers) {
+                        match action {
+                            "move_up" => {
+                                // Handle up movement using app_state directly
+                                app_state.admin_selected_item = app_state.admin_selected_item.saturating_sub(1);
+                            }
+                            "move_down" => {
+                                // Handle down movement using app_state
+                                app_state.admin_selected_item = app_state.admin_selected_item.saturating_add(1);
+                            }
+                            _ => {}
+                        }
+                        return Ok((false, format!("Admin: {}", action)));
+                    }
+                    return Ok((false, String::new()));
                 }
-            }
-
-            if self.command_mode {
-                let (should_exit, message, exit_command_mode) = command_mode::handle_command_event(
-                    key,
+                if UiStateHandler::toggle_sidebar(
+                    &mut app_state.ui,
                     config,
-                    form_state,
-                    &mut self.command_input,
-                    &mut self.command_message,
-                    grpc_client,
-                    &mut app_state.ui.is_saved,
-                    current_position,
-                    total_count,
-                ).await?;
-
-                if exit_command_mode {
-                    self.command_mode = false;
+                    key_code,
+                    modifiers,
+                ) {
+                    return Ok((false, format!("Sidebar {}",
+                        if app_state.ui.show_sidebar { "shown" } else { "hidden" }
+                    )));
                 }
 
-                return Ok((should_exit, message));
-            }
+                // Handle edit mode first to allow normal character input
+                if self.is_edit_mode {
+                    if config.is_exit_edit_mode(key_code, modifiers) {
+                        if form_state.has_unsaved_changes {
+                            self.command_message = "Unsaved changes! Use :w to save or :q! to discard".to_string();
+                            return Ok((false, self.command_message.clone()));
+                        }
+                        self.is_edit_mode = false;
+                        self.edit_mode_cooldown = true;
+                        self.command_message = "Read-only mode".to_string();
+                        terminal.set_cursor_style(SetCursorStyle::SteadyBlock)?;
 
-            if self.is_edit_mode {
-                if config.is_exit_edit_mode(key_code, modifiers) {
-                    if form_state.has_unsaved_changes {
-                        self.command_message = "Unsaved changes! Use :w to save or :q! to discard".to_string();
+                        let current_input = form_state.get_current_input();
+                        if !current_input.is_empty() && form_state.current_cursor_pos >= current_input.len() {
+                            form_state.current_cursor_pos = current_input.len() - 1;
+                            self.ideal_cursor_column = form_state.current_cursor_pos;
+                        }
                         return Ok((false, self.command_message.clone()));
                     }
-                    self.is_edit_mode = false;
-                    self.edit_mode_cooldown = true;
-                    self.command_message = "Read-only mode".to_string();
-                    terminal.set_cursor_style(SetCursorStyle::SteadyBlock)?;
 
-                    let current_input = form_state.get_current_input();
-                    if !current_input.is_empty() && form_state.current_cursor_pos >= current_input.len() {
-                        form_state.current_cursor_pos = current_input.len() - 1;
-                        self.ideal_cursor_column = form_state.current_cursor_pos;
-                    }
-                    return Ok((false, self.command_message.clone()));
+                    let result = edit::handle_edit_event_internal(
+                        key,
+                        config,
+                        form_state,
+                        &mut self.ideal_cursor_column,
+                        &mut self.command_message,
+                        &mut app_state.ui.is_saved,
+                        current_position,
+                        total_count,
+                        grpc_client,
+                    ).await?;
+
+                    self.key_sequence_tracker.reset();
+                    return Ok((false, result));
                 }
 
-                let result = edit::handle_edit_event_internal(
-                    key,
-                    config,
-                    form_state,
-                    &mut self.ideal_cursor_column,
-                    &mut self.command_message,
-                    &mut app_state.ui.is_saved,
-                    current_position,
-                    total_count,
-                    grpc_client,
-                ).await?;
+                // Global command mode activation
+                let context_action = config.get_action_for_current_context(
+                    self.is_edit_mode,
+                    self.command_mode,
+                    app_state.ui.show_intro,
+                    app_state.ui.show_admin,
+                    key_code,
+                    modifiers
+                );
+
+                if let Some("enter_command_mode") = context_action {
+                    self.command_mode = true;
+                    self.command_input.clear();
+                    self.command_message.clear();
+                    return Ok((false, String::new()));
+                }
+
+                if let Some(action) = config.get_action_for_key_in_mode(
+                    &config.keybindings.common,
+                    key_code,
+                    modifiers
+                ) {
+                    match action {
+                        "save" => {
+                            let message = common::save(
+                                form_state,
+                                grpc_client,
+                                &mut app_state.ui.is_saved,
+                                current_position,
+                                total_count,
+                            ).await?;
+                            return Ok((false, message));
+                        },
+                        "force_quit" => {
+                            let (should_exit, message) = command_handler.handle_command("force_quit", terminal).await?;
+                            return Ok((should_exit, message));
+                        },
+                        "save_and_quit" => {
+                            let (should_exit, message) = command_handler.handle_command("save_and_quit", terminal).await?;
+                            return Ok((should_exit, message));
+                        },
+                        "revert" => {
+                            let message = common::revert(
+                                form_state,
+                                grpc_client,
+                                current_position,
+                                total_count,
+                            ).await?;
+                            return Ok((false, message));
+                        },
+                        _ => {}
+                    }
+                }
+
+                if self.command_mode {
+                    let (should_exit, message, exit_command_mode) = command_mode::handle_command_event(
+                        key,
+                        config,
+                        form_state,
+                        &mut self.command_input,
+                        &mut self.command_message,
+                        grpc_client,
+                        &mut app_state.ui.is_saved,
+                        current_position,
+                        total_count,
+                    ).await?;
+
+                    if exit_command_mode {
+                        self.command_mode = false;
+                    }
+
+                    return Ok((should_exit, message));
+                }
 
-                self.key_sequence_tracker.reset();
-                return Ok((false, result));
-            } else {
                 if let Some(action) = config.get_read_only_action_for_key(key_code, modifiers) {
                     if action == "enter_command_mode" {
                         self.command_mode = true;
@@ -218,7 +254,6 @@ impl EventHandler {
                     &mut self.ideal_cursor_column,
                 ).await;
             }
-        }
 
         self.edit_mode_cooldown = false;
         Ok((false, self.command_message.clone()))

client/src/modes/mod.rs

@@ -1,4 +1,6 @@
 // src/client/modes/mod.rs
 pub mod handlers;
+pub mod canvas;
 
 pub use handlers::*;
+pub use canvas::*;

client/src/state/state.rs

@@ -17,6 +17,8 @@ pub struct AppState {
     pub current_position: u64,
     pub profile_tree: ProfileTreeResponse,
     pub selected_profile: Option<String>,
+    pub admin_selected_item: usize,  // Tracks selection in admin panel
+    pub admin_profiles: Vec<String>, // Stores admin panel data
 
     // UI preferences
     pub ui: UiState,
@@ -33,6 +35,8 @@ impl AppState {
             current_position: 0,
             profile_tree: ProfileTreeResponse::default(),
             selected_profile: None,
+            admin_selected_item: 0,
+            admin_profiles: Vec::new(),
             ui: UiState::default(),
         })
     }

client/src/ui/handlers/form.rs

@@ -1,5 +1,5 @@
 // src/client/ui/handlers/form.rs
-use crate::config::colors::Theme;
+use crate::config::colors::themes::Theme;
 use ratatui::layout::Rect;
 use ratatui::Frame;
 

client/src/ui/handlers/rat_state.rs

@@ -1,6 +1,6 @@
 // src/ui/handlers/rat_state.rs
 use crossterm::event::{KeyCode, KeyModifiers};
-use crate::config::config::Config;
+use crate::config::binds::config::Config;
 use crate::state::state::UiState;
 
 pub struct UiStateHandler;

client/src/ui/handlers/render.rs

@@ -8,7 +8,7 @@ use crate::components::{
     intro::{intro},
     admin::{admin_panel::AdminPanelState},
 };
-use crate::config::colors::Theme;
+use crate::config::colors::themes::Theme;
 use ratatui::layout::{Constraint, Direction, Layout};
 use ratatui::Frame;
 use super::form::FormState;
@@ -27,7 +27,6 @@ pub fn render_ui(
     command_message: &str,
     app_state: &AppState,
     intro_state: &intro::IntroState,
-    admin_panel_state: &mut AdminPanelState,
 ) {
     render_background(f, f.area(), theme);
 
@@ -44,11 +43,30 @@ pub fn render_ui(
     if app_state.ui.show_intro {
         intro_state.render(f, main_content_area, theme);
     } else if app_state.ui.show_admin {
-        admin_panel_state.render(
+        // Create temporary AdminPanelState for rendering
+        let mut admin_state = AdminPanelState::new(
+            if app_state.admin_profiles.is_empty() {
+                // Fallback if admin_profiles is empty
+                app_state.profile_tree.profiles
+                    .iter()
+                    .map(|p| p.name.clone())
+                    .collect()
+            } else {
+                app_state.admin_profiles.clone()
+            }
+        );
+
+        // Set the selected item
+        if !admin_state.profiles.is_empty() {
+            let safe_index = app_state.admin_selected_item.min(admin_state.profiles.len() - 1);
+            admin_state.list_state.select(Some(safe_index));
+        }
+
+        admin_state.render(
             f,
             main_content_area,
             theme,
-            &app_state.profile_tree,
+            &app_state.profile_tree, 
             &app_state.selected_profile,
         );
     } else {

client/src/ui/handlers/ui.rs

@@ -4,8 +4,8 @@ use crate::tui::terminal::TerminalCore;
 use crate::tui::terminal::GrpcClient;
 use crate::tui::terminal::CommandHandler;
 use crate::tui::terminal::EventReader;
-use crate::config::colors::Theme;
-use crate::config::config::Config;
+use crate::config::colors::themes::Theme;
+use crate::config::binds::config::Config;
 use crate::ui::handlers::{form::FormState, render::render_ui};
 use crate::modes::handlers::event::EventHandler;
 use crate::state::state::AppState;
@@ -28,11 +28,14 @@ pub async fn run_ui() -> Result<(), Box<dyn std::error::Error>> {
     app_state.profile_tree = profile_tree;
 
     // Now create admin panel with profiles from app_state
-    let profiles = app_state.profile_tree.profiles
-        .iter()
-        .map(|p| p.name.clone())
-        .collect();
-    let mut admin_panel_state = AdminPanelState::new(profiles);
+    if intro_state.selected_option == 1 {
+        app_state.ui.show_admin = true;
+        app_state.admin_profiles = app_state.profile_tree.profiles
+            .iter()
+            .map(|p| p.name.clone())
+            .collect();
+        app_state.admin_selected_item = 0;
+    }
 
     // Fetch table structure at startup (one-time)
     let table_structure = grpc_client.get_table_structure().await?;
@@ -75,7 +78,6 @@ pub async fn run_ui() -> Result<(), Box<dyn std::error::Error>> {
                 &event_handler.command_message,
                 &app_state,
                 &intro_state,
-                &mut admin_panel_state,
             );
         })?;