working perfectly well, needs bug fixes to proper shortcuts to proper windows

client/src/components/admin.rs

@@ -0,0 +1,4 @@
+// src/components/admin.rs
+pub mod admin_panel;
+
+pub use admin_panel::*;

client/src/components/admin/admin_panel.rs

@@ -0,0 +1,118 @@
+// src/components/admin/admin_panel.rs
+
+use ratatui::{
+    widgets::{Block, BorderType, Borders, List, ListItem, ListState, Paragraph},
+    style::Style,
+    text::{Line, Span, Text},
+    layout::{Alignment, Constraint, Direction, Layout, Rect},
+    Frame,
+};
+use common::proto::multieko2::table_definition::ProfileTreeResponse;
+use crate::config::colors::Theme;
+
+pub struct AdminPanelState {
+    pub list_state: ListState,
+    pub profiles: Vec<String>,
+}
+
+impl AdminPanelState {
+    pub fn new(profiles: Vec<String>) -> Self {
+        let mut list_state = ListState::default();
+        if !profiles.is_empty() {
+            list_state.select(Some(0));
+        }
+        Self { list_state, profiles }
+    }
+
+    pub fn next(&mut self) {
+        let i = self.list_state.selected().map_or(0, |i| 
+            if i >= self.profiles.len() - 1 { 0 } else { i + 1 });
+        self.list_state.select(Some(i));
+    }
+
+    pub fn previous(&mut self) {
+        let i = self.list_state.selected().map_or(0, |i| 
+            if i == 0 { self.profiles.len() - 1 } else { i - 1 });
+        self.list_state.select(Some(i));
+    }
+
+    pub fn render(
+        &mut self,
+        f: &mut Frame,
+        area: Rect,
+        theme: &Theme,
+        profile_tree: &ProfileTreeResponse,
+        selected_profile: &Option<String>,
+    ) {
+        let block = Block::default()
+            .borders(Borders::ALL)
+            .border_type(BorderType::Rounded)
+            .border_style(Style::default().fg(theme.accent))
+            .style(Style::default().bg(theme.bg));
+
+        let inner_area = block.inner(area);
+        f.render_widget(block, area);
+
+        let chunks = Layout::default()
+            .direction(Direction::Vertical)
+            .constraints([Constraint::Length(3), Constraint::Min(1)])
+            .split(inner_area);
+
+        // Title
+        let title = Line::from(Span::styled("Admin Panel", Style::default().fg(theme.highlight)));
+        let title_widget = Paragraph::new(title).alignment(Alignment::Center);
+        f.render_widget(title_widget, chunks[0]);
+
+        // Content
+        let content_chunks = Layout::default()
+            .direction(Direction::Horizontal)
+            .constraints([Constraint::Percentage(30), Constraint::Percentage(70)])
+            .split(chunks[1]);
+
+        // Profile list
+        let items: Vec<ListItem> = self.profiles.iter()
+            .map(|p| ListItem::new(Line::from(vec![
+                Span::styled(
+                    if Some(p) == selected_profile.as_ref() { "✓ " } else { "  " },
+                    Style::default().fg(theme.accent)
+                ),
+                Span::styled(p, Style::default().fg(theme.fg)),
+            ])))
+            .collect();
+
+        let list = List::new(items)
+            .block(Block::default().title("Profiles"))
+            .highlight_style(Style::default().bg(theme.highlight).fg(theme.bg));
+        
+        f.render_stateful_widget(list, content_chunks[0], &mut self.list_state);
+
+        // Profile details
+        if let Some(profile) = self.list_state.selected()
+            .and_then(|i| profile_tree.profiles.get(i)) 
+        {
+            let mut text = Text::default();
+            text.lines.push(Line::from(vec![
+                Span::styled("Profile: ", Style::default().fg(theme.accent)),
+                Span::styled(&profile.name, Style::default().fg(theme.highlight)),
+            ]));
+
+            text.lines.push(Line::from(""));
+            text.lines.push(Line::from(Span::styled("Tables:", Style::default().fg(theme.accent))));
+            
+            for table in &profile.tables {
+                let mut line = vec![Span::styled(format!("├─ {}", table.name), theme.fg)];
+                if !table.depends_on.is_empty() {
+                    line.push(Span::styled(
+                        format!(" → {}", table.depends_on.join(", ")),
+                        Style::default().fg(theme.secondary)
+                    ));
+                }
+                text.lines.push(Line::from(line));
+            }
+
+            let details_widget = Paragraph::new(text)
+                .block(Block::default().title("Details"));
+            f.render_widget(details_widget, content_chunks[1]);
+        }
+    }
+}

client/src/components/common.rs

@@ -0,0 +1,8 @@
+// src/components/common.rs
+pub mod command_line;
+pub mod status_line;
+pub mod background;
+
+pub use command_line::*;
+pub use status_line::*;
+pub use background::*;

client/src/components/handlers.rs

@@ -1,16 +1,8 @@
 // src/components/handlers.rs
 pub mod form;
-pub mod command_line;
-pub mod status_line;
 pub mod canvas;
 pub mod sidebar;
-pub mod background;
-pub mod intro;
 
-pub use command_line::render_command_line;
 pub use form::*;
-pub use status_line::render_status_line;
 pub use canvas::*;
 pub use sidebar::*;
-pub use background::*;
-pub use intro::*;

client/src/components/handlers/sidebar.rs

@@ -26,41 +26,51 @@ pub fn calculate_sidebar_layout(show_sidebar: bool, main_content_area: Rect) ->
     }
 }
 
-pub fn render_sidebar(f: &mut Frame, area: Rect, theme: &Theme, profile_tree: &ProfileTreeResponse) {
-    let sidebar_block = Block::default()
-        .style(Style::default().bg(theme.bg));
-
+pub fn render_sidebar(
+    f: &mut Frame,
+    area: Rect,
+    theme: &Theme,
+    profile_tree: &ProfileTreeResponse,
+    selected_profile: &Option<String>,
+) {
+    let sidebar_block = Block::default().style(Style::default().bg(theme.bg));
     let mut items = Vec::new();
 
-    for profile in &profile_tree.profiles {
-        // Profile header
-        items.push(ListItem::new(Line::from(vec![
-            Span::styled("📁 ", Style::default().fg(theme.accent)),
-            Span::styled(&profile.name, Style::default().fg(theme.highlight)),
-        ])));
-
-        // Profile tables
-        for (table_idx, table) in profile.tables.iter().enumerate() {
-            let is_last_table = table_idx == profile.tables.len() - 1;
-            let tree_prefix = if is_last_table { "└─ " } else { "├─ " };
-
-            // Table name
+    if let Some(profile_name) = selected_profile {
+        if let Some(profile) = profile_tree.profiles.iter()
+            .find(|p| &p.name == profile_name)
+        {
+            // Profile header
             items.push(ListItem::new(Line::from(vec![
-                Span::styled(format!("  {}", tree_prefix), Style::default().fg(theme.fg)),
-                Span::styled(&table.name, Style::default().fg(theme.fg)),
+                Span::styled("📁 ", Style::default().fg(theme.accent)),
+                Span::styled(&profile.name, Style::default().fg(theme.highlight)),
             ])));
 
-            // Dependencies
-            if !table.depends_on.is_empty() {
-                let dep_prefix = if is_last_table { "   " } else { "│  " };
-                let deps = table.depends_on.join(", ");
+            // Tables
+            for (table_idx, table) in profile.tables.iter().enumerate() {
+                let is_last = table_idx == profile.tables.len() - 1;
+                let prefix = if is_last { "└─ " } else { "├─ " };
 
-                items.push(ListItem::new(Line::from(vec![
-                    Span::styled(format!("  {}   └─ ", dep_prefix), Style::default().fg(theme.secondary)),
-                    Span::styled(format!("→ {}", deps), Style::default().fg(theme.secondary)),
-                ])));
+                let mut line = vec![
+                    Span::styled(format!("  {}", prefix), Style::default().fg(theme.fg)),
+                    Span::styled(&table.name, Style::default().fg(theme.fg)),
+                ];
+
+                if !table.depends_on.is_empty() {
+                    line.push(Span::styled(
+                        format!(" → {}", table.depends_on.join(", ")),
+                        Style::default().fg(theme.secondary)
+                    ));
+                }
+
+                items.push(ListItem::new(Line::from(line)));
             }
         }
+    } else {
+        items.push(ListItem::new(Span::styled(
+            "No profile selected",
+            Style::default().fg(theme.secondary)
+        )));
     }
 
     let list = List::new(items)

client/src/components/intro.rs

@@ -0,0 +1,4 @@
+// src/components/intro.rs
+pub mod intro;
+
+pub use intro::*;

client/src/components/mod.rs

@@ -1,5 +1,10 @@
 // src/components/mod.rs
-pub mod models;
 pub mod handlers;
+pub mod intro;
+pub mod admin;
+pub mod common;
 
 pub use handlers::*;
+pub use intro::*;
+pub use admin::*;
+pub use common::*;

client/src/modes/handlers/event.rs

@@ -47,7 +47,7 @@ impl EventHandler {
         app_state: &mut crate::state::state::AppState,
         total_count: u64,
         current_position: &mut u64,
-        intro_state: &mut crate::components::handlers::intro::IntroState,
+        intro_state: &mut crate::components::intro::intro::IntroState,
     ) -> Result<(bool, String), Box<dyn std::error::Error>> {
         if app_state.ui.show_intro {
             if let Event::Key(key) = event {
@@ -58,7 +58,8 @@ impl EventHandler {
                         if intro_state.selected_option == 0 {
                             app_state.ui.show_intro = false;
                         } else {
-                            self.command_message = "Admin panel coming soon".to_string();
+                            app_state.ui.show_intro = false;
+                            app_state.ui.show_admin = true;
                         }
                         return Ok((false, String::new()));
                     }

client/src/state/state.rs

@@ -1,4 +1,4 @@
-// src/client/ui/handlers/state.rs
+// src/state/state.rs
 
 use std::env;
 use common::proto::multieko2::table_definition::ProfileTreeResponse;
@@ -7,6 +7,7 @@ pub struct UiState {
     pub show_sidebar: bool,
     pub is_saved: bool,
     pub show_intro: bool,
+    pub show_admin: bool,
 }
 
 pub struct AppState {
@@ -15,6 +16,7 @@ pub struct AppState {
     pub total_count: u64,
     pub current_position: u64,
     pub profile_tree: ProfileTreeResponse,
+    pub selected_profile: Option<String>,
 
     // UI preferences
     pub ui: UiState,
@@ -30,6 +32,7 @@ impl AppState {
             total_count: 0,
             current_position: 0,
             profile_tree: ProfileTreeResponse::default(),
+            selected_profile: None,
             ui: UiState::default(),
         })
     }
@@ -50,6 +53,7 @@ impl Default for UiState {
             show_sidebar: true,
             is_saved: false,
             show_intro: true,
+            show_admin: false,
         }
     }
 }

client/src/ui/handlers/render.rs

@@ -1,9 +1,12 @@
 // src/ui/handlers/render.rs
+
 use crate::components::{
     render_background,
     render_command_line,
     render_status_line,
-    handlers::{sidebar::{self, calculate_sidebar_layout}, intro},
+    handlers::{sidebar::{self, calculate_sidebar_layout}, form::render_form},
+    intro::{intro},
+    admin::{admin_panel::AdminPanelState},
 };
 use crate::config::colors::Theme;
 use ratatui::layout::{Constraint, Direction, Layout};
@@ -24,58 +27,86 @@ 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);
 
-    if app_state.ui.show_intro {
-        intro_state.render(f, f.area(), theme);
-        return;
-    }
-
     let root = Layout::default()
         .direction(Direction::Vertical)
         .constraints([
-            Constraint::Min(10),
+            Constraint::Min(1),
             Constraint::Length(1),
             Constraint::Length(1),
         ])
         .split(f.area());
 
     let main_content_area = root[0];
-    let (sidebar_area, form_area) = calculate_sidebar_layout(app_state.ui.show_sidebar, main_content_area);
-    let available_width = form_area.width;
-
-    let form_constraint = if available_width >= 80 {
-        Layout::default()
-            .direction(Direction::Horizontal)
-            .constraints([
-                Constraint::Min(0),
-                Constraint::Length(80),
-                Constraint::Min(0),
-            ])
-            .split(main_content_area)[1]
+    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(
+            f,
+            main_content_area,
+            theme,
+            &app_state.profile_tree,
+            &app_state.selected_profile,
+        );
     } else {
-        Layout::default()
-            .direction(Direction::Horizontal)
-            .constraints([
-                Constraint::Min(0),
-                Constraint::Length(80.min(available_width)),
-                Constraint::Min(0),
-            ])
-            .split(form_area)[1]
-    };
+        let (sidebar_area, form_area) = calculate_sidebar_layout(
+            app_state.ui.show_sidebar,
+            main_content_area
+        );
 
-    form_state.render(
-        f,
-        form_constraint,
-        theme,
-        is_edit_mode,
-        total_count,
-        current_position,
-    );
+        if let Some(sidebar_rect) = sidebar_area {
+            sidebar::render_sidebar(
+                f, 
+                sidebar_rect, 
+                theme, 
+                &app_state.profile_tree, 
+                &app_state.selected_profile  // Remove trailing comma
+            );
+        }
 
-    if let Some(sidebar_rect) = sidebar_area {
-        sidebar::render_sidebar(f, sidebar_rect, theme, &app_state.profile_tree);
+        // This change makes the form stay stationary when toggling sidebar
+        let available_width = form_area.width;
+        let form_constraint = if available_width >= 80 {
+            // Use main_content_area for centering when enough space
+            Layout::default()
+                .direction(Direction::Horizontal)
+                .constraints([
+                    Constraint::Min(0),
+                    Constraint::Length(80),
+                    Constraint::Min(0),
+                ])
+                .split(main_content_area)[1]
+        } else {
+            // Use form_area (post sidebar) when limited space
+            Layout::default()
+                .direction(Direction::Horizontal)
+                .constraints([
+                    Constraint::Min(0),
+                    Constraint::Length(80.min(available_width)),
+                    Constraint::Min(0),
+                ])
+                .split(form_area)[1]
+        };
+
+        // Convert fields to &[&str] and values to &[&String]
+        let fields: Vec<&str> = form_state.fields.iter().map(|s| s.as_str()).collect();
+        let values: Vec<&String> = form_state.values.iter().collect();
+
+        render_form(
+            f,
+            form_constraint,
+            form_state,
+            &fields,
+            &form_state.current_field,
+            &values,
+            theme,
+            is_edit_mode,
+            total_count,
+            current_position,
+        );
     }
 
     render_status_line(f, root[1], current_dir, theme, is_edit_mode);

client/src/ui/handlers/ui.rs

@@ -1,4 +1,4 @@
-// src/client/ui/handlers/ui.rs
+// src/ui/handlers/ui.rs
 
 use crate::tui::terminal::TerminalCore;
 use crate::tui::terminal::GrpcClient;
@@ -9,7 +9,8 @@ use crate::config::config::Config;
 use crate::ui::handlers::{form::FormState, render::render_ui};
 use crate::modes::handlers::event::EventHandler;
 use crate::state::state::AppState;
-use crate::components::handlers::intro::IntroState;
+use crate::components::admin::{admin_panel::AdminPanelState};
+use crate::components::intro::{intro::IntroState};
 
 pub async fn run_ui() -> Result<(), Box<dyn std::error::Error>> {
     let config = Config::load()?;
@@ -19,8 +20,21 @@ pub async fn run_ui() -> Result<(), Box<dyn std::error::Error>> {
     let theme = Theme::from_str(&config.colors.theme);
     let mut intro_state = IntroState::new();
 
+    // Initialize app_state first
+    let mut app_state = AppState::new()?;
+
+    // Fetch profile tree and table structure
+    let profile_tree = grpc_client.get_profile_tree().await?;
+    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);
+
     // Fetch table structure at startup (one-time)
-    // TODO: Later, consider implementing a live update for table structure changes.
     let table_structure = grpc_client.get_table_structure().await?;
 
     // Extract the column names from the response
@@ -33,13 +47,9 @@ pub async fn run_ui() -> Result<(), Box<dyn std::error::Error>> {
     // Initialize FormState with dynamic fields
     let mut form_state = FormState::new(column_names);
 
-        // Fetch profile tree and table structure
-    let profile_tree = grpc_client.get_profile_tree().await?;
     // The rest of your UI initialization remains the same
     let mut event_handler = EventHandler::new();
     let event_reader = EventReader::new();
-    let mut app_state = AppState::new()?;
-    app_state.profile_tree = profile_tree;
 
     // Fetch the total count of Adresar entries
     let total_count = grpc_client.get_adresar_count().await?;
@@ -65,6 +75,7 @@ pub async fn run_ui() -> Result<(), Box<dyn std::error::Error>> {
                 &event_handler.command_message,
                 &app_state,
                 &intro_state,
+                &mut admin_panel_state,
             );
         })?;
 
@@ -97,7 +108,6 @@ pub async fn run_ui() -> Result<(), Box<dyn std::error::Error>> {
             };
             form_state.current_cursor_pos = event_handler.ideal_cursor_column.min(max_cursor_pos);
 
-
             // Ensure position never exceeds total_count + 1
             if app_state.current_position > total_count + 1 {
                 app_state.current_position = total_count + 1;