Feat: ability to rename steps

src/views/main_view.rs

@@ -184,19 +184,63 @@ fn render_tile(
         (false, false, false, _, _) => (Color::Rgb(45, 48, 55), Color::Rgb(120, 125, 135)),
     };
 
+    let source_idx = step.and_then(|s| s.source);
     let symbol = if is_playing {
         "▶".to_string()
-    } else if let Some(source) = step.and_then(|s| s.source) {
+    } else if let Some(source) = source_idx {
         format!("→{:02}", source + 1)
     } else {
         format!("{:02}", step_idx + 1)
     };
 
-    let tile = Paragraph::new(symbol)
-        .alignment(Alignment::Center)
-        .style(Style::new().bg(bg).fg(fg).add_modifier(Modifier::BOLD));
+    // For linked steps, get the name from the source step
+    let step_name = if let Some(src) = source_idx {
+        pattern.step(src).and_then(|s| s.name.as_ref())
+    } else {
+        step.and_then(|s| s.name.as_ref())
+    };
+    let num_lines = if step_name.is_some() { 2u16 } else { 1u16 };
+    let content_height = num_lines;
+    let y_offset = area.height.saturating_sub(content_height) / 2;
 
-    frame.render_widget(tile, area);
+    // Fill background for entire tile
+    let bg_fill = Paragraph::new("").style(Style::new().bg(bg));
+    frame.render_widget(bg_fill, area);
+
+    if let Some(name) = step_name {
+        let name_area = Rect {
+            x: area.x,
+            y: area.y + y_offset,
+            width: area.width,
+            height: 1,
+        };
+        let name_widget = Paragraph::new(name.as_str())
+            .alignment(Alignment::Center)
+            .style(Style::new().bg(bg).fg(fg).add_modifier(Modifier::BOLD));
+        frame.render_widget(name_widget, name_area);
+
+        let symbol_area = Rect {
+            x: area.x,
+            y: area.y + y_offset + 1,
+            width: area.width,
+            height: 1,
+        };
+        let symbol_widget = Paragraph::new(symbol)
+            .alignment(Alignment::Center)
+            .style(Style::new().bg(bg).fg(fg).add_modifier(Modifier::BOLD));
+        frame.render_widget(symbol_widget, symbol_area);
+    } else {
+        let centered_area = Rect {
+            x: area.x,
+            y: area.y + y_offset,
+            width: area.width,
+            height: 1,
+        };
+        let tile = Paragraph::new(symbol)
+            .alignment(Alignment::Center)
+            .style(Style::new().bg(bg).fg(fg).add_modifier(Modifier::BOLD));
+        frame.render_widget(tile, centered_area);
+    }
 }
 
 fn render_scope(frame: &mut Frame, app: &App, area: Rect) {

src/views/render.rs

@@ -577,6 +577,12 @@ fn render_modal(frame: &mut Frame, app: &App, snapshot: &SequencerSnapshot, term
             .border_color(Color::Magenta)
             .render_centered(frame, term);
         }
+        Modal::RenameStep { step, name, .. } => {
+            TextInputModal::new(&format!("Name Step {:02}", step + 1), name)
+                .width(40)
+                .border_color(Color::Cyan)
+                .render_centered(frame, term);
+        }
         Modal::SetPattern { field, input } => {
             let (title, hint) = match field {
                 PatternField::Length => ("Set Length (1-128)", "Enter number"),
@@ -618,11 +624,13 @@ fn render_modal(frame: &mut Frame, app: &App, snapshot: &SequencerSnapshot, term
             let step_idx = app.editor_ctx.step;
             let step = pattern.step(step_idx);
             let source_idx = step.and_then(|s| s.source);
+            let step_name = step.and_then(|s| s.name.as_ref());
 
-            let title = if let Some(src) = source_idx {
-                format!("Step {:02} → {:02}", step_idx + 1, src + 1)
-            } else {
-                format!("Step {:02}", step_idx + 1)
+            let title = match (source_idx, step_name) {
+                (Some(src), Some(name)) => format!("Step {:02}: {} → {:02}", step_idx + 1, name, src + 1),
+                (None, Some(name)) => format!("Step {:02}: {}", step_idx + 1, name),
+                (Some(src), None) => format!("Step {:02} → {:02}", step_idx + 1, src + 1),
+                (None, None) => format!("Step {:02}", step_idx + 1),
             };
 
             let inner = ModalFrame::new(&title)
@@ -686,6 +694,7 @@ fn render_modal(frame: &mut Frame, app: &App, snapshot: &SequencerSnapshot, term
             let width = (term.width * 80 / 100).max(40);
             let height = (term.height * 60 / 100).max(10);
             let step_num = app.editor_ctx.step + 1;
+            let step = app.current_edit_pattern().step(app.editor_ctx.step);
 
             let flash_kind = app.ui.flash_kind();
             let border_color = match flash_kind {
@@ -695,7 +704,13 @@ fn render_modal(frame: &mut Frame, app: &App, snapshot: &SequencerSnapshot, term
                 None => Color::Rgb(100, 160, 180),
             };
 
-            let inner = ModalFrame::new(&format!("Step {step_num:02} Script"))
+            let title = if let Some(ref name) = step.and_then(|s| s.name.as_ref()) {
+                format!("Step {step_num:02}: {name}")
+            } else {
+                format!("Step {step_num:02} Script")
+            };
+
+            let inner = ModalFrame::new(&title)
                 .width(width)
                 .height(height)
                 .border_color(border_color)