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::{
layout::{Constraint, Layout, Rect},
style::{Modifier, Style},
text::{Line, Span},
widgets::Paragraph,
Frame,
};
use super::widgets::{
action_button_width, modal_stack_areas, panel_contrast_fg, render_action_button,
render_modal_shell,
};
use crate::app::AppState;
const ONBOARDING_PREFIX_LABEL: &str = "ctrl+b";
pub(super) fn render_onboarding_overlay(app: &AppState, frame: &mut Frame, area: Rect) {
super::dim_background(frame, area);
render_onboarding_welcome(app, frame, area);
}
pub(crate) fn onboarding_welcome_continue_rect(area: Rect) -> Rect {
Rect::new(
area.x,
area.y,
action_button_width(Some("↵"), "continue"),
1,
)
}
fn render_onboarding_welcome(app: &AppState, frame: &mut Frame, area: Rect) {
let Some(inner) = render_modal_shell(frame, area, 64, 16, &app.palette) else {
return;
};
if inner.height < 11 {
return;
}
let stack = modal_stack_areas(inner, 2, 0, 1, 1);
let header_rows =
Layout::vertical([Constraint::Length(1), Constraint::Length(1)]).areas::<2>(stack.header);
let content_rows = Layout::vertical([
Constraint::Length(3),
Constraint::Length(1),
Constraint::Length(1),
Constraint::Min(0),
])
.areas::<4>(stack.content);
frame.render_widget(
Paragraph::new(" herdr").style(
Style::default()
.fg(app.palette.text)
.add_modifier(Modifier::BOLD),
),
header_rows[0],
);
frame.render_widget(
Paragraph::new(" terminal workspace manager for coding agents")
.style(Style::default().fg(app.palette.overlay0)),
header_rows[1],
);
frame.render_widget(
Paragraph::new(
" this is a mouse-first terminal.\n click the sidebar to switch workspaces, drag pane\n borders to resize, right-click for context menus.",
)
.style(Style::default().fg(app.palette.overlay1)),
content_rows[0],
);
let key_line = Line::from(vec![
Span::styled(" ", Style::default()),
Span::styled(
ONBOARDING_PREFIX_LABEL,
Style::default()
.fg(app.palette.accent)
.add_modifier(Modifier::BOLD),
),
Span::styled(
" enters prefix mode · ",
Style::default().fg(app.palette.overlay1),
),
Span::styled(
"?",
Style::default()
.fg(app.palette.accent)
.add_modifier(Modifier::BOLD),
),
Span::styled(
" shows keybinds and settings",
Style::default().fg(app.palette.overlay1),
),
]);
frame.render_widget(Paragraph::new(key_line), content_rows[2]);
frame.render_widget(
Paragraph::new(" next: install optional agent integrations for more reliable state")
.style(Style::default().fg(app.palette.overlay1)),
content_rows[3],
);
let continue_rect = onboarding_welcome_continue_rect(stack.actions.unwrap_or_default());
render_action_button(
frame,
continue_rect,
Some("↵"),
"continue",
Style::default()
.fg(panel_contrast_fg(&app.palette))
.bg(app.palette.accent)
.add_modifier(Modifier::BOLD),
);
}
|
