Function render

src/interactive/view.rs:8–152

(state: &AppState, f: &mut Frame)

use ratatui::widgets::{Block, BorderType, Borders, List, ListItem, ListState, Paragraph, Wrap};

pub fn render(state: &AppState, f: &mut Frame) {
    let size = f.area();
    // Divide the screen: main area and footer.
    let chunks = Layout::default()
        .direction(Direction::Vertical)
        .constraints([Constraint::Min(5), Constraint::Length(3)].as_ref())
        .split(size);

    match &state.mode {
        Mode::List => {
            let items: Vec<ListItem> = state
                .entries
                .iter()
                .enumerate()
                .map(|(i, (k, v))| {
                    let marker = if i == state.current_index { "> " } else { "  " };
                    let key_field = format!("{:30}", k);
                    let content = format!("{}{}  {}", marker, key_field, v);
                    let style = if i == state.current_index {
                        Style::default()
                            .fg(Color::Green)
                            .add_modifier(Modifier::BOLD)
                    } else {
                        Style::default().fg(Color::White)
                    };
                    ListItem::new(Line::from(Span::styled(content, style)))
                })
                .collect();

            let list = List::new(items).block(
                Block::default()
                    .borders(Borders::ALL)
                    .border_type(BorderType::Rounded)
                    .border_style(Style::default().fg(Color::Blue))
                    .title("Variables"),
            );
            let mut list_state = ListState::default();
            list_state.select(Some(state.current_index));
            f.render_stateful_widget(list, chunks[0], &mut list_state);
        }
        Mode::Add => {
            let modal = Paragraph::new(vec![
                Line::from(Span::styled(
                    "Add New Variable",
                    Style::default()
                        .fg(Color::Yellow)
                        .add_modifier(Modifier::BOLD),
                )),
                Line::from(format!("Key: {}", state.input_key)),
                Line::from(format!("Value: {}", state.input_value)),
                Line::from("Enter=confirm, Esc=cancel, Tab=switch field, ←/→ move cursor"),
            ])
            .block(
                Block::default()
                    .borders(Borders::ALL)
                    .border_type(BorderType::Rounded)
                    .border_style(Style::default().fg(Color::Blue))
                    .title("Add"),