So much better

src/views/render.rs

@@ -3,7 +3,7 @@ use std::time::Instant;
 use ratatui::layout::{Alignment, Constraint, Layout, Rect};
 use ratatui::style::{Color, Modifier, Style};
 use ratatui::text::{Line, Span};
-use ratatui::widgets::{Block, Borders, Paragraph};
+use ratatui::widgets::{Block, Borders, Clear, Paragraph};
 use ratatui::Frame;
 
 use crate::app::App;
@@ -626,5 +626,91 @@ fn render_modal(frame: &mut Frame, app: &App, snapshot: &SequencerSnapshot, term
             };
             frame.render_widget(Paragraph::new(hint).alignment(Alignment::Right), hint_area);
         }
+        Modal::PatternProps {
+            bank,
+            pattern,
+            field,
+            name,
+            length,
+            speed,
+            quantization,
+            sync_mode,
+        } => {
+            use crate::state::PatternPropsField;
+
+            let width = 50u16;
+            let height = 12u16;
+            let x = (term.width.saturating_sub(width)) / 2;
+            let y = (term.height.saturating_sub(height)) / 2;
+            let area = Rect::new(x, y, width, height);
+
+            let block = Block::bordered()
+                .title(format!(" Pattern B{:02}:P{:02} ", bank + 1, pattern + 1))
+                .border_style(Style::default().fg(Color::Cyan));
+
+            let inner = block.inner(area);
+            frame.render_widget(Clear, area);
+            frame.render_widget(block, area);
+
+            let fields = [
+                ("Name", name.as_str(), *field == PatternPropsField::Name),
+                ("Length", length.as_str(), *field == PatternPropsField::Length),
+                ("Speed", speed.label(), *field == PatternPropsField::Speed),
+                (
+                    "Quantization",
+                    quantization.label(),
+                    *field == PatternPropsField::Quantization,
+                ),
+                (
+                    "Sync Mode",
+                    sync_mode.label(),
+                    *field == PatternPropsField::SyncMode,
+                ),
+            ];
+
+            for (i, (label, value, selected)) in fields.iter().enumerate() {
+                let y = inner.y + i as u16;
+                if y >= inner.y + inner.height {
+                    break;
+                }
+
+                let (label_style, value_style) = if *selected {
+                    (
+                        Style::default().fg(Color::Cyan).add_modifier(Modifier::BOLD),
+                        Style::default().fg(Color::White).bg(Color::DarkGray),
+                    )
+                } else {
+                    (
+                        Style::default().fg(Color::Gray),
+                        Style::default().fg(Color::White),
+                    )
+                };
+
+                let label_area = Rect::new(inner.x + 1, y, 14, 1);
+                let value_area = Rect::new(inner.x + 16, y, inner.width.saturating_sub(18), 1);
+
+                frame.render_widget(
+                    Paragraph::new(format!("{label}:")).style(label_style),
+                    label_area,
+                );
+                frame.render_widget(
+                    Paragraph::new(*value).style(value_style),
+                    value_area,
+                );
+            }
+
+            let hint_area = Rect::new(inner.x, inner.y + inner.height - 1, inner.width, 1);
+            let hint = Line::from(vec![
+                Span::styled("↑↓", Style::default().fg(Color::Yellow)),
+                Span::styled(" nav  ", Style::default().fg(Color::DarkGray)),
+                Span::styled("←→", Style::default().fg(Color::Yellow)),
+                Span::styled(" change  ", Style::default().fg(Color::DarkGray)),
+                Span::styled("Enter", Style::default().fg(Color::Yellow)),
+                Span::styled(" save  ", Style::default().fg(Color::DarkGray)),
+                Span::styled("Esc", Style::default().fg(Color::Yellow)),
+                Span::styled(" cancel", Style::default().fg(Color::DarkGray)),
+            ]);
+            frame.render_widget(Paragraph::new(hint), hint_area);
+        }
     }
 }