mermaid-cli 0.7.1

Open-source AI pair programmer with agentic capabilities. Local-first with Ollama, native tool calling, and beautiful TUI.
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

//! Attachment indicator widget
//!
//! Renders [Image #N] indicators above the input box when images are attached.
//! Shows help text for navigation: "(up to select)" normally, or navigation hints when focused.

use ratatui::{
    buffer::Buffer,
    layout::Rect,
    style::{Modifier, Style},
    text::{Line, Span},
    widgets::Widget,
};

use crate::domain::Attachment;
use crate::render::theme::Theme;

/// Widget that displays attached image indicators
pub struct AttachmentWidget<'a> {
    pub attachments: &'a [Attachment],
    pub theme: &'a Theme,
    /// Whether the attachment area is focused (for selection highlight)
    pub focused: bool,
    /// Which attachment is selected (only relevant when focused)
    pub selected: usize,
}

impl<'a> Widget for AttachmentWidget<'a> {
    fn render(self, area: Rect, buf: &mut Buffer) {
        if self.attachments.is_empty() || area.height == 0 {
            return;
        }

        let hint_style = Style::new().fg(self.theme.colors.text_secondary.to_color());

        // Render all attachments on a single line with help text
        let mut spans = vec![Span::raw("  ")];

        for (i, attachment) in self.attachments.iter().enumerate() {
            let is_selected = self.focused && i == self.selected;
            let size_display = format_size(attachment.size_bytes);

            let label_style = if is_selected {
                Style::new()
                    .fg(self.theme.colors.background.to_color())
                    .bg(self.theme.colors.info.to_color())
                    .add_modifier(Modifier::BOLD)
            } else {
                Style::new()
                    .fg(self.theme.colors.info.to_color())
                    .add_modifier(Modifier::BOLD)
            };

            spans.push(Span::styled(format!("[Image #{}]", i + 1), label_style));
            spans.push(Span::styled(
                format!(
                    " ({}, {})  ",
                    attachment.format.to_uppercase(),
                    size_display
                ),
                hint_style,
            ));
        }

        // Add help text after the images
        if self.focused {
            spans.push(Span::styled(
                "→ to next · ← to prev · Delete to remove · Esc to cancel",
                hint_style,
            ));
        } else {
            spans.push(Span::styled("(↑ to select)", hint_style));
        }

        let line = Line::from(spans);
        buf.set_line(area.x, area.y, &line, area.width);
    }
}

fn format_size(bytes: usize) -> String {
    if bytes < 1024 {
        format!("{}B", bytes)
    } else if bytes < 1024 * 1024 {
        format!("{:.0}KB", bytes as f64 / 1024.0)
    } else {
        format!("{:.1}MB", bytes as f64 / (1024.0 * 1024.0))
    }
}