modalx 0.1.1

A polished, modal-driven terminal UI framework for Rust featuring dynamic boxed frames, interactive forms, and context-aware shortcuts.
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
115

# Declarative Sections

Complex terminal interfaces often combine multiple disparate visual blocks: title banners, status grids, item menus, and footer shortcut bars. `modalx` models these elements as composable `ModalSection` blocks.

---

## The `ModalSection` Architecture

A modal's content area is constructed from a sequence of strongly-typed sections:

```rust
pub enum ModalSection {
    Title(TitleSection),
    Fields(FieldSection),
    Text(TextSection),
    Menu(MenuSection),
    Footer(FooterSection),
}
```

Sections can be chained together in any order. The layout engine renders divider lines (`├─┤`) between distinct sections, maintaining structured visual encapsulation.

---

## Available Sections

### 1. `TitleSection`
Renders the top banner of the modal:

```rust
let title = TitleSection::new("INFRASTRUCTURE DASHBOARD")
    .with_main_menu(true)
    .with_subtitle("Active Region: us-east-1");
```

### 2. `FieldSection`
Renders key-value metadata with greedy line reflow:

```rust
let fields = FieldSection::new()
    .with_separator(" | ")
    .add_field("Host: worker-01")
    .add_field("RAM: 14.2 / 32 GB")
    .add_field("Status: [HEALTHY]");
```

When the terminal window narrows, `FieldSection` automatically distributes these fields across multiple neatly aligned rows rather than truncating them.

### 3. `TextSection`
Renders arbitrary multi-line explanatory or helper text:

```rust
let text = TextSection::new(
    "Select a virtual machine instance from the list below to inspect live \
     telemetry, restart background services, or view error logs."
);
```

### 4. `MenuSection`
Holds selectable list entries with hotkey mappings and descriptions:

```rust
let menu = MenuSection::new()
    .item("1", "Node Pools")
    .item("2", "Security Groups")
    .item("q", "Exit");
```

### 5. `FooterSection`
Renders the bottom keybinding bar:

```rust
let footer = FooterSection::from_shortcuts(
    Shortcuts::new()
        .add(Shortcut::move_selection())
        .add(Shortcut::select())
        .add(Shortcut::exit())
);
```

---

## Composing Custom Dashboards

```rust
use modalx::prelude::*;

fn main() -> modalx::Result<()> {
    let mut selected = 0;

    let modal = SelectModal::new()
        .with_title("KUBERNETES CLUSTER DASHBOARD", false)
        .with_section(ModalSection::Fields(
            FieldSection::new()
                .with_separator(" | ")
                .add_field("Cluster: prod-k8s-01")
                .add_field("Nodes: 24 Ready")
                .add_field("Pods: 142/150"),
        ))
        .with_section(ModalSection::Fields(
            FieldSection::new()
                .with_separator(" | ")
                .add_field("CPU: 38.4%")
                .add_field("Memory: 64.2%")
                .add_field("Network: 4.8 Gbps"),
        ))
        .item("1", "View Pod Status")
        .item("2", "Scale Deployments")
        .item("3", "Cluster Events & Warnings")
        .item("q", "Exit");

    modal.run(&mut selected)?;
    Ok(())
}
```