sabiql 1.9.1

A fast, driver-less TUI for browsing and editing PostgreSQL databases
Documentation 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114

use ratatui::Frame;
use ratatui::layout::Rect;
use ratatui::style::Style;
use ratatui::widgets::{Block, Borders, Clear, List, ListItem};

use crate::app::model::app_state::AppState;
use crate::app::model::sql_editor::completion::CompletionKind;
use crate::ui::theme::Theme;

pub(super) fn render_completion_popup(
    frame: &mut Frame,
    modal_area: Rect,
    editor_area: Rect,
    state: &AppState,
) {
    let (cursor_row, cursor_col) = state.sql_modal.editor.cursor_to_position();
    let scroll_row = state.sql_modal.editor.scroll_row();

    let max_items = 8;
    let visible_count = state.sql_modal.completion.candidates.len().min(max_items);
    let popup_height = (visible_count as u16) + 2;
    let popup_width = 45u16.min(modal_area.width);

    let popup_x = if modal_area.width < popup_width {
        modal_area.x
    } else {
        (editor_area.x + cursor_col as u16).min(modal_area.right().saturating_sub(popup_width))
    };
    let visible_row = cursor_row.saturating_sub(scroll_row);
    let cursor_screen_y = editor_area.y + visible_row as u16;

    let popup_y = if cursor_screen_y + 1 + popup_height > modal_area.bottom() {
        cursor_screen_y.saturating_sub(popup_height)
    } else {
        cursor_screen_y + 1
    };

    let popup_area = Rect::new(popup_x, popup_y, popup_width, popup_height);

    frame.render_widget(Clear, popup_area);

    let selected = state.sql_modal.completion.selected_index;
    let total = state.sql_modal.completion.candidates.len();
    let scroll_offset = if total <= max_items {
        0
    } else {
        let half = max_items / 2;
        if selected < half {
            0
        } else if selected >= total - half {
            total - max_items
        } else {
            selected - half
        }
    };

    let max_text_width = state
        .sql_modal
        .completion
        .candidates
        .iter()
        .skip(scroll_offset)
        .take(max_items)
        .map(|c| c.text.len())
        .max()
        .unwrap_or(0);

    let items: Vec<ListItem> = state
        .sql_modal
        .completion
        .candidates
        .iter()
        .enumerate()
        .skip(scroll_offset)
        .take(max_items)
        .map(|(i, candidate)| {
            let is_selected = i == selected;

            let kind_label = match candidate.kind {
                CompletionKind::Keyword => "keyword",
                CompletionKind::Table => "table",
                CompletionKind::Column => "column",
            };

            let padding = max_text_width.saturating_sub(candidate.text.len()) + 2;
            let text = format!(
                " {}{:padding$}{}",
                candidate.text,
                "",
                kind_label,
                padding = padding
            );

            let style = if is_selected {
                Style::default()
                    .bg(Theme::COMPLETION_SELECTED_BG)
                    .fg(Theme::TEXT_PRIMARY)
            } else {
                Style::default().fg(Theme::TEXT_SECONDARY)
            };

            ListItem::new(text).style(style)
        })
        .collect();

    let list = List::new(items).block(
        Block::default()
            .borders(Borders::ALL)
            .border_style(Style::default().fg(Theme::MODAL_BORDER))
            .style(Style::default()),
    );

    frame.render_widget(list, popup_area);
}