leaf-tui 0.1.12

//! The host's chrome around the editor widget. There is deliberately almost
//! none: the editing surface fills a centered document column, and everything else —
//! the Save/Discard/Cancel and conflict dialogs, the right-click context menu,
//! the single-line text prompt, and the transient status toast — floats over it
//! only while it's needed, then gets out of the way. The editing surface itself
//! (the document body, its code boxes, images, scrollbar, and caret) is drawn by
//! [`leaf_ratatui::render`] into that column.

use ratatui::{
    Frame,
    layout::{Position, Rect},
    style::{Modifier, Style},
    text::{Line, Span},
    widgets::{Clear, Paragraph},
};

use leaf_ratatui::Theme;

use leaf_core::Doc;
use leaf_core::wysiwyg::text_width;

use crate::commands::{Ctx, GROUPS};
use crate::find::{Find, FindField};
use crate::palette::Palette;
use crate::{App, ContextMenu, DirtyAction, MenuEntry, TextPrompt};

/// The styles every floating overlay paints with, resolved once per frame from
/// the editing surface's own [`Theme`].
///
/// The host used to spell these as ANSI constants — `DarkGray` behind `White`,
/// `Cyan` for a key, `Yellow` for a warning. That is a dark-terminal assumption
/// wearing no label: on a light terminal it drops a near-black slab onto a cream
/// page, and the dim grey and the yellow it puts on that slab are the two least
/// readable colors available. Meanwhile the *body* had adapted correctly all
/// along, because the widget asks the terminal whether it is light or dark and
/// paints from a palette. This is the chrome finally reading the same answer.
#[derive(Clone, Copy)]
struct Chrome {
    /// A panel's ordinary text on its own fill.
    base: Style,
    /// A title or a query — `base`, emphasised.
    bold: Style,
    /// Section headers, footers, and rows this document can't run.
    dim: Style,
    /// A key chord, a checked row, the palette's prompt.
    key: Style,
    /// The row under the highlight.
    selected: Style,
    /// What a dialog is warning about, and the status toast.
    warn: Style,
}

impl Chrome {
    fn new(theme: &Theme) -> Self {
        let base = Style::default().bg(theme.panel_bg).fg(theme.panel_fg);
        Chrome {
            base,
            bold: base.add_modifier(Modifier::BOLD),
            dim: base.fg(theme.panel_dim),
            key: base.fg(theme.panel_accent),
            selected: base.bg(theme.panel_selected_bg).fg(theme.panel_selected_fg),
            warn: base.fg(theme.panel_warning).add_modifier(Modifier::BOLD),
        }
    }
}

pub fn render(f: &mut Frame, doc: &mut Doc, app: &mut App) {
    // The editing surface owns the whole terminal, less whatever the find bar
    // takes off the bottom. That bar is the one piece of host chrome that
    // *reserves* rows instead of floating over them: a search is read against
    // the document it is searching, so a panel over the page would hide the
    // thing being looked for — and giving the surface its true height is also
    // what keeps `follow_caret` honest, so a match on the last row scrolls into
    // view above the bar rather than underneath it.
    let screen = f.area();
    let bar_rows = app.find.as_ref().map_or(0, Find::rows).min(screen.height);
    let available = Rect {
        height: screen.height - bar_rows,
        ..screen
    };
    app.editor
        .set_line_width((app.line_width > 0).then_some(app.line_width));
    let body = available;
    leaf_ratatui::render(f, body, doc, &mut app.editor);
    // Stashed for the find bar, which asks the visual map what it draws and so
    // has to be able to rebuild it at the width it was drawn at — see
    // `App::body_width`.
    app.body_width = doc.body_width;

    // After the surface has painted, so a theme the widget only just resolved
    // (the `OSC 11` reply arrives on the first frame) is the one the chrome uses
    // — rather than the chrome trailing the body by a frame on startup.
    let chrome = Chrome::new(app.editor.theme());

    // The two safety dialogs take over the keyboard until answered, so they float
    // centered and modal (the widest, most attention-drawing chrome we have) —
    // the terminal analogue of a sheet dropping over the document.
    if let Some(prompt) = &app.dirty_prompt {
        let verb = match prompt.action {
            DirtyAction::Quit => "quit",
            DirtyAction::New => "start a new document",
        };
        render_choice_overlay(
            f,
            &format!("Unsaved changes — {verb}?"),
            &["Save", "Discard", "Cancel"],
            prompt.selected,
            &chrome,
        );
    } else if let Some(prompt) = &app.conflict {
        render_choice_overlay(
            f,
            "File changed on disk since it was opened",
            &["Overwrite", "Reload", "Cancel"],
            prompt.selected,
            &chrome,
        );
    } else if let Some(msg) = &doc.status {
        // A status ("copied", "pasted", "clipboard unavailable", a list-nest
        // note) is feedback, not a question — so it's a small toast in the
        // bottom-right corner, drawn over the body and cleared by the next edit,
        // rather than a line of permanent chrome. Suppressed while a dialog is up
        // so the two never fight for the same glance.
        render_toast(f, body, msg, chrome.warn);
    } else if doc.read_only() {
        // The read-only badge: a standing fact about the session rather than
        // news, so it is quiet (dim, not the toast's warning ink) and it yields
        // to a real status the moment there is one — a transient message is the
        // thing somebody is actually waiting to read.
        //
        // It borrows the toast's corner because leaf-tui has no header or
        // footer to put it in: the editing surface fills the terminal (see this
        // module's own doc comment), and inventing a chrome row for one word
        // would cost every document a line forever.
        render_toast(f, body, "read-only", chrome.dim);
    }

    // Under the body and over nothing: it has rows of its own, and the caret it
    // draws is the one the terminal shows while the bar has the keyboard — so it
    // goes on after the surface has placed its own and before any overlay that
    // would take the keyboard back.
    if let Some(find) = &app.find {
        render_find_bar(f, screen, find, doc.read_only(), &chrome);
    }

    if let Some(menu) = &mut app.context_menu {
        let ctx = Ctx::read(doc);
        render_context_menu(f, f.area(), menu, &ctx, &chrome);
    }
    if let Some(palette) = &mut app.palette {
        let ctx = Ctx::read(doc);
        render_palette(f, f.area(), palette, &ctx, &chrome);
    }
    if let Some(prompt) = &app.text_prompt {
        render_text_prompt(f, f.area(), prompt, &chrome);
    }
    // Last, and over everything: the key reference is the one overlay that is
    // asked for *while* something else is confusing, so it must not be able to
    // end up underneath whatever prompted the question.
    if app.help {
        render_help(f, f.area(), doc, &chrome);
    }
}

/// A centered modal box for the two three-way safety dialogs: a warning line
/// naming what's at stake, then the choices with `selected` reversed and a
/// first-letter mnemonic per item (the caller's key handling and this agree on
/// what those letters are; there's only ever three, so they're spelled out in
/// the label rather than derived). Shaped like [`render_text_prompt`] — a
/// `Clear`ed, bordered island floated over the document — because both suspend
/// editing until answered.
fn render_choice_overlay(
    f: &mut Frame,
    message: &str,
    items: &[&str],
    selected: usize,
    chrome: &Chrome,
) {
    let mut choices = Vec::new();
    for (i, label) in items.iter().enumerate() {
        if i > 0 {
            choices.push(Span::styled("   ", chrome.base));
        }
        let style = if i == selected {
            chrome.selected
        } else {
            chrome.key
        };
        let mnemonic = label.chars().next().unwrap_or(' ').to_ascii_lowercase();
        choices.push(Span::styled(format!(" {label} ({mnemonic}) "), style));
    }
    let lines = vec![
        Line::from(Span::styled(format!(" {message} "), chrome.warn)),
        Line::from(choices),
    ];

    let screen = f.area();
    let choices_w: usize = items.iter().map(|l| l.chars().count() + 7).sum::<usize>() + 2;
    let width = (message.chars().count() + 2)
        .max(choices_w)
        .min(screen.width.max(1) as usize) as u16;
    let height = 2u16.min(screen.height.max(1));
    let rect = centered(screen, width, height);
    f.render_widget(Clear, rect);
    f.render_widget(Paragraph::new(lines).style(chrome.base), rect);
}

/// A small toast in the bottom-right corner of `area`, drawn over the body.
/// Right-aligned and one row tall so it stays out of the way of the text and the
/// caret, which usually sit up and to the left.
///
/// `area` is the *body*, not the screen, so the toast rides above the find bar
/// when there is one rather than being painted over its hints.
///
/// It takes its `style` rather than reading one off the [`Chrome`], because the
/// two things drawn here want opposite volumes: a status message is news and is
/// painted in the warning ink, while the read-only badge is a standing
/// condition and is painted dim.
fn render_toast(f: &mut Frame, area: Rect, msg: &str, style: Style) {
    if area.width == 0 || area.height == 0 {
        return;
    }
    let text = format!(" {msg} ");
    let width = (text.chars().count() as u16).min(area.width);
    let rect = Rect {
        x: area.x + area.width - width,
        y: area.y + area.height - 1,
        width,
        height: 1,
    };
    f.render_widget(Clear, rect);
    f.render_widget(
        Paragraph::new(Line::from(Span::styled(text, style))).style(style),
        rect,
    );
}

/// The find bar: a query row, a replacement row when there is one, and a row of
/// key hints, filling the bottom of the screen.
///
/// A strip rather than a floating panel — see [`render`] for why — and drawn
/// like the palette's query line: a `›` prompt so an empty field still reads as
/// a field, the focused one accented, and the real terminal cursor placed into
/// it so there is one caret on screen and one mechanism putting it there.
fn render_find_bar(f: &mut Frame, screen: Rect, find: &Find, read_only: bool, chrome: &Chrome) {
    let rows = find.rows().min(screen.height);
    if rows == 0 || screen.width == 0 {
        return;
    }
    let rect = Rect {
        y: screen.y + screen.height - rows,
        height: rows,
        ..screen
    };
    f.render_widget(Clear, rect);

    // The count sits at the right-hand end of the query row, where a browser
    // puts it, with the field given whatever is left. Every one of these is a
    // *column* count and not a character count: `你好` is four columns wide, and
    // a field measured in characters puts the caption — and the terminal cursor
    // — two cells off the text it belongs to.
    let caption = find.caption();
    let caption_w = text_width(&caption) + 2;
    let field_w = (rect.width as usize).saturating_sub(FIELD_PREFIX + caption_w);

    let mut lines = vec![field_line(
        "find",
        &find.query,
        find.query_cursor,
        find.field == FindField::Query,
        field_w,
        &caption,
        chrome,
    )];
    if let Some(replacement) = &find.replacement {
        lines.push(field_line(
            "with",
            replacement,
            find.replacement_cursor,
            find.field == FindField::Replacement,
            field_w,
            "",
            chrome,
        ));
    }
    // Only the keys this bar actually answers to, and only the ones it has:
    // there is nothing to replace on a bar with no replacement field, so ^r
    // isn't offered on one.
    let mut hints = vec![
        Span::styled(" enter ", chrome.key),
        Span::styled("next  ", chrome.dim),
        Span::styled("↑↓ ", chrome.key),
        Span::styled("prev/next  ", chrome.dim),
    ];
    if find.replacement.is_some() {
        hints.extend([
            Span::styled("tab ", chrome.key),
            Span::styled("field  ", chrome.dim),
            Span::styled("^r ", chrome.key),
            Span::styled("replace all  ", chrome.dim),
        ]);
    } else if !read_only {
        // Not offered in a reading session: ^h is refused there, and a hint row
        // that names a key which answers "read-only" is an invitation to press
        // it. Finding is reading, so the rest of the row stands.
        hints.extend([
            Span::styled("^h ", chrome.key),
            Span::styled("replace  ", chrome.dim),
        ]);
    }
    hints.extend([
        Span::styled("esc ", chrome.key),
        Span::styled("close ", chrome.dim),
    ]);
    lines.push(Line::from(hints));

    f.render_widget(Paragraph::new(lines).style(chrome.base), rect);

    // The cursor goes into whichever field has the keyboard — row 0 for the
    // query, row 1 for the replacement, which is the order they are drawn in —
    // and at the column the *window* puts it in, which is what keeps it on
    // screen no matter how long the value has grown.
    let (value, cursor) = find.field();
    let row = match find.field {
        FindField::Query => rect.y,
        FindField::Replacement => rect.y + 1,
    };
    let (_, cursor_col) = field_window(value, cursor, field_w);
    let cursor_x = rect.x.saturating_add((FIELD_PREFIX + cursor_col) as u16);
    if row < rect.y + rect.height && cursor_x < rect.x + rect.width {
        f.set_cursor_position(Position::new(cursor_x, row));
    }
}

/// The columns `field_line` spends before a field's own text: `" find "` and the
/// `"› "` prompt after it.
///
/// Derived from the spans that row actually emits rather than written as the 8
/// it comes to. The terminal cursor is placed against this number, so a literal
/// here is a second copy of the layout — and the copy that drifts is the one
/// that puts the caret a cell away from the character it is in front of.
const FIELD_PREFIX: usize = FIELD_LABEL_W + 2 + 2;

/// The widest of the two field labels. They are the same width today, which is
/// the point: the two rows' fields start in the same column and read as one
/// control rather than as two.
const FIELD_LABEL_W: usize = "find".len();

/// One labelled field row of the find bar, with an optional right-aligned
/// caption ("3 of 12"). The label column is fixed so the two rows' fields start
/// in the same column and read as one control rather than two.
#[allow(clippy::too_many_arguments)]
fn field_line(
    label: &str,
    value: &str,
    cursor: usize,
    focused: bool,
    field_w: usize,
    caption: &str,
    chrome: &Chrome,
) -> Line<'static> {
    let ink = if focused { chrome.bold } else { chrome.dim };
    let (window, _) = field_window(value, cursor, field_w);
    Line::from(vec![
        Span::styled(format!(" {label:<FIELD_LABEL_W$} "), chrome.key),
        Span::styled("› ", if focused { chrome.key } else { chrome.dim }),
        Span::styled(window, ink),
        Span::styled(format!(" {caption} "), chrome.dim),
    ])
}

/// The slice of a field's value to draw — a window exactly `width` columns wide
/// with the cursor inside it — and the cursor's column within that window.
///
/// A one-row field holds more than it can show. This used to draw the *head* of
/// the value and place the terminal cursor at `x + 8 + value[..cursor].chars()`;
/// once the value grew past the field, that column failed the bar's own bounds
/// check, so the cursor stayed wherever the document body had left it while the
/// keystrokes went into a tail nothing drew. A window keyed to the cursor keeps
/// it on screen: the field scrolls under it, the way every other one-line field
/// in every other editor does.
///
/// Columns throughout, never `char`s — `你好` is two characters and four cells,
/// and a cursor placed by character count lands inside the first of them.
fn field_window(value: &str, cursor: usize, width: usize) -> (String, usize) {
    let cursor_col = text_width(&value[..cursor.min(value.len())]);
    // Scrolled just far enough that the cursor is in the last column, and no
    // further — so a value that fits shows its head and one that doesn't follows
    // the typing.
    let start = cursor_col.saturating_sub(width.saturating_sub(1));
    let end = start + width;
    let mut out = String::new();
    let mut drawn = 0usize;
    let mut col = 0usize;
    for ch in value.chars() {
        let w = text_width(ch.encode_utf8(&mut [0u8; 4]));
        if col >= start && col + w <= end {
            // A wide character clipped by the left edge is drawn as the blank it
            // half-covers rather than as half of itself.
            while drawn < col - start {
                out.push(' ');
                drawn += 1;
            }
            out.push(ch);
            drawn += w;
        }
        col += w;
    }
    // Padded here rather than with `{:<w$}`, which pads by characters and would
    // leave the caption ragged the moment a field held a wide glyph.
    while drawn < width {
        out.push(' ');
        drawn += 1;
    }
    (out, cursor_col.saturating_sub(start))
}

/// Center a `width`×`height` rect within `screen`.
fn centered(screen: Rect, width: u16, height: u16) -> Rect {
    Rect {
        x: screen.x + (screen.width.saturating_sub(width)) / 2,
        y: screen.y + (screen.height.saturating_sub(height)) / 2,
        width,
        height,
    }
}

/// The right-click menu and any submenu drilled into it. Each level is a
/// `Clear`ed, bordered-by-background island: the root anchored at the click
/// (nudged back onto `screen` if it wouldn't fit, the terminal equivalent of the
/// GUI menu's `snap_to_window`), each submenu flying out from its parent's
/// selected row (to the left instead if there's no room on the right). Every
/// level stashes the rect it painted at back onto itself, so `ContextMenu::hit`
/// can map a later click or hover to a row against the exact geometry drawn here.
///
/// Rows carry live state: an active inline mark or the caret's heading level
/// shows a `✓`, read once off `doc` up front so a menu of sixteen rows doesn't
/// re-query the AST sixteen times a frame.
fn render_context_menu(
    f: &mut Frame,
    screen: Rect,
    menu: &mut ContextMenu,
    ctx: &Ctx,
    chrome: &Chrome,
) {
    // Walk parent → child: a submenu's position depends on the rect its parent
    // was just painted at, and its top aligns with the parent row it opened from.
    let mut parent: Option<(Rect, usize)> = None;
    for i in 0..menu.levels.len() {
        let items = menu.levels[i].items;
        let selected = menu.levels[i].selected;
        let (label_w, hint_w) = menu_columns(items);
        let width = menu_level_width(items);
        let height = items.len() as u16;
        let (x, y) = match parent {
            None => {
                let (ax, ay) = menu.anchor;
                (
                    ax.min(screen.width.saturating_sub(width)),
                    ay.min(screen.height.saturating_sub(height)),
                )
            }
            Some((prect, prow)) => {
                let x = if prect.x + prect.width + width <= screen.width {
                    prect.x + prect.width
                } else {
                    prect.x.saturating_sub(width)
                };
                let y = (prect.y + prow as u16).min(screen.height.saturating_sub(height));
                (x, y)
            }
        };
        let rect = Rect {
            x,
            y,
            width,
            height,
        };
        menu.levels[i].rect = Some(rect);

        let lines: Vec<Line<'static>> = items
            .iter()
            .enumerate()
            .map(|(r, entry)| menu_row(*entry, r == selected, ctx, label_w, hint_w, chrome))
            .collect();

        f.render_widget(Clear, rect);
        f.render_widget(Paragraph::new(lines).style(chrome.base), rect);

        parent = Some((rect, selected));
    }
}

/// A level's two variable columns: the widest label, and the widest key hint
/// (zero when no row in the level has a key, which collapses the column away
/// rather than leaving a ragged gutter of blanks).
fn menu_columns(items: &[MenuEntry]) -> (usize, usize) {
    let label = items
        .iter()
        .map(|e| e.label().chars().count())
        .max()
        .unwrap_or(0);
    let hint = items
        .iter()
        .map(|e| e.hint().chars().count())
        .max()
        .unwrap_or(0);
    (label, hint)
}

/// A menu level's box width: its widest label plus the fixed gutters — a left
/// check column (`✓`/blank), the key column when the level has any keys, and a
/// right submenu-arrow column (`▸`/blank) — so every row aligns whether or not
/// it's checked, keyed, or a submenu.
fn menu_level_width(items: &[MenuEntry]) -> u16 {
    let (label, hint) = menu_columns(items);
    // " ✓ " (3) + label + ["  " + hint] + " ▸ " (3)
    let keys = if hint > 0 { hint + 2 } else { 0 };
    (label + keys + 6) as u16
}

/// One rendered menu row. Actions carry a check gutter (lit when the style is
/// active) and their key on the right; submenus carry a trailing `▸`; headers
/// are a dim, unhighlightable section label.
///
/// A row this document can't run is drawn dim and never highlighted — the
/// gray-out `Capabilities` exists for. It stays *present*, because the absence
/// of a Highlight row in a Markdown document teaches nothing, while a dim one
/// says "this exists, and not in this format".
fn menu_row(
    entry: MenuEntry,
    selected: bool,
    ctx: &Ctx,
    label_w: usize,
    hint_w: usize,
    chrome: &Chrome,
) -> Line<'static> {
    let keys = |hint: &str| -> String {
        if hint_w == 0 {
            String::new()
        } else {
            format!("  {hint:>hint_w$}")
        }
    };
    match entry {
        MenuEntry::Header(label) => {
            // Non-selectable: dim and never highlighted, so it reads as a divider
            // rather than a choice.
            let w = label_w + hint_w + if hint_w > 0 { 2 } else { 0 } + 4;
            Line::from(Span::styled(format!(" {label:<w$} "), chrome.dim))
        }
        MenuEntry::Action(cmd) => {
            let enabled = cmd.enabled(ctx);
            let active = enabled && cmd.active(ctx);
            let check = if active { '✓' } else { ' ' };
            let style = if !enabled {
                chrome.dim
            } else if selected {
                chrome.selected
            } else if active {
                // Lit even without the pointer on it, so what's already on is
                // legible at a glance, not only under the highlight.
                chrome.key
            } else {
                chrome.base
            };
            Line::from(Span::styled(
                format!(
                    " {check} {label:<label_w$}{k}   ",
                    label = cmd.label(),
                    k = keys(cmd.hint())
                ),
                style,
            ))
        }
        MenuEntry::Submenu(label, items) => {
            let enabled = items.iter().any(|e| match e {
                MenuEntry::Action(c) => c.enabled(ctx),
                _ => false,
            });
            let style = if !enabled {
                chrome.dim
            } else if selected {
                chrome.selected
            } else {
                chrome.base
            };
            Line::from(Span::styled(
                format!("   {label:<label_w$}{k} ▸ ", k = keys("")),
                style,
            ))
        }
    }
}

/// The command palette: a query line above a scrolling list of every command,
/// each with its key and its availability. Centered and wide, because unlike the
/// context menu it is read as much as it is aimed at — the only surface in the
/// editor that answers "what can I do here?".
///
/// The list scrolls to keep the highlight visible rather than paging, and stashes
/// the rect it painted at so a click maps to a row the same way the menu's does.
fn render_palette(f: &mut Frame, screen: Rect, palette: &mut Palette, ctx: &Ctx, chrome: &Chrome) {
    let width = 52u16.min(screen.width.max(1));
    // Two rows of chrome (the query line and the hint line) plus the list. The
    // list is as tall as it has rows, capped both by what fits and by a ceiling
    // that keeps the palette from swallowing the document behind it — so a query
    // narrowed to two matches draws a box two rows tall rather than a mostly
    // empty panel that has to be read to discover it's empty.
    let room = (screen.height.saturating_sub(6)).clamp(1, 14);
    let list_h = (palette.rows.len() as u16).clamp(1, room);
    let height = (list_h + 2).min(screen.height.max(1));
    let rect = centered(screen, width, height);
    f.render_widget(Clear, rect);
    f.render_widget(Paragraph::new(Vec::<Line>::new()).style(chrome.base), rect);

    // The query line, with a `›` prompt so an empty box still reads as a box.
    let query = Rect { height: 1, ..rect };
    f.render_widget(
        Paragraph::new(Line::from(vec![
            Span::styled(" › ", chrome.key),
            Span::styled(palette.query.clone(), chrome.bold),
        ]))
        .style(chrome.base),
        query,
    );

    // Scroll the window so the highlight is always inside it.
    let list_h = rect.height.saturating_sub(2) as usize;
    let first = palette.selected.saturating_sub(list_h.saturating_sub(1));
    let list_rect = Rect {
        y: rect.y + 1,
        height: rect.height.saturating_sub(2),
        ..rect
    };
    let lines: Vec<Line<'static>> = palette
        .rows
        .iter()
        .skip(first)
        .take(list_h)
        .enumerate()
        .map(|(i, row)| {
            let selected = first + i == palette.selected;
            let active = row.enabled && row.command.active(ctx);
            let label_w = (width as usize).saturating_sub(14);
            let style = if !row.enabled {
                chrome.dim
            } else if selected {
                chrome.selected
            } else if active {
                chrome.key
            } else {
                chrome.base
            };
            Line::from(Span::styled(
                format!(
                    " {check} {label:<label_w$} {hint:>8} ",
                    check = if active { '✓' } else { ' ' },
                    label = truncate(row.command.label(), label_w),
                    hint = row.command.hint()
                ),
                style,
            ))
        })
        .collect();
    f.render_widget(Paragraph::new(lines).style(chrome.base), list_rect);
    // Stashed against the *painted* geometry, exactly as the menu does — and
    // offset by the scroll, so a click maps to the row under the pointer rather
    // than to the row that would be there if the list had never scrolled.
    palette.list_rect = Some(list_rect);
    palette.scrolled_by = first;

    let hint = Rect {
        y: rect.y + rect.height - 1,
        height: 1,
        ..rect
    };
    f.render_widget(
        Paragraph::new(Line::from(vec![
            Span::styled(" ↑↓ ", chrome.key),
            Span::styled("choose  ", chrome.dim),
            Span::styled("enter ", chrome.key),
            Span::styled("run  ", chrome.dim),
            Span::styled("esc ", chrome.key),
            Span::styled("close ", chrome.dim),
        ]))
        .style(chrome.base),
        hint,
    );

    let cursor_x = rect.x + 3 + palette.query[..palette.cursor].chars().count() as u16;
    if cursor_x < rect.x + rect.width {
        f.set_cursor_position(Position::new(cursor_x, rect.y));
    }
}

/// The key reference — every command that has a key, grouped the way the palette
/// groups them, in two columns so the whole map fits one screen.
///
/// Generated from [`GROUPS`] rather than written out, which is the only reason
/// it can be trusted: a command that gains a key gains a line here in the same
/// commit, and one that loses it loses the line.
fn render_help(f: &mut Frame, screen: Rect, doc: &mut Doc, chrome: &Chrome) {
    // Only the keyed commands: this is the *key* reference, and the palette is
    // where the keyless ones are found.
    //
    // Read once, off the same `Ctx` the palette and the context menu are filtered
    // by, so all three surfaces dim the same rows for the same reasons — the
    // whole point of their coming out of one command table. A reading session is
    // the coarsest of those reasons and the one the README has been promising:
    // "refused, says so, and is dimmed in the palette, the context menu and the
    // key reference".
    let ctx = Ctx::read(doc);
    let mut rows: Vec<HelpRow> = Vec::new();
    for (group, commands) in GROUPS {
        let keyed: Vec<_> = commands.iter().filter(|c| !c.hint().is_empty()).collect();
        if keyed.is_empty() {
            continue;
        }
        if !rows.is_empty() {
            rows.push(HelpRow::Blank);
        }
        rows.push(HelpRow::Group(group));
        for cmd in keyed {
            rows.push(HelpRow::Key(cmd.hint(), cmd.label(), cmd.enabled(&ctx)));
        }
    }
    // The one line the command table can't produce: the palette is how you reach
    // everything that has no key, so the key reference has to name it. Always
    // live — a reading session has a palette, it just has fewer rows in it.
    rows.push(HelpRow::Blank);
    rows.push(HelpRow::Key("⌥p", "the command palette", true));

    // Columns, because the reference is fifty-odd rows and a terminal is
    // typically twenty-four. Take the *fewest* columns that fit the screen's
    // height, bounded by how many fit its width: one wide column reads best, and
    // every extra column is paid for only when the height demands it. Nothing
    // fits on a genuinely tiny terminal, and there the widest allowed clips —
    // still a better answer than a card that shows only its first group.
    //
    // The split is by count rather than by group so the columns stay even; a
    // group heading landing at the foot of a column is the smaller cost.
    const COLUMN: usize = 32;
    let by_width = (screen.width as usize / COLUMN).clamp(1, 3);
    let fits = |n: usize| rows.len().div_ceil(n) < screen.height as usize;
    let columns = (1..=by_width).find(|n| fits(*n)).unwrap_or(by_width);
    let per_column = rows.len().div_ceil(columns);

    let mut lines: Vec<Line<'static>> = Vec::new();
    for i in 0..per_column {
        let mut spans = Vec::new();
        for c in 0..columns {
            spans.extend(help_spans(rows.get(i + c * per_column), COLUMN, chrome));
        }
        lines.push(Line::from(spans));
    }
    // The footer: what document this is, what the two rendering dials are set to,
    // and how to put the card away. Useful precisely here, because the ⌥⇧W and
    // ⌥⇧F rows above are the keys that move them.
    lines.push(Line::from(Span::styled(
        format!(
            " {} · {} · markup {} · line flow {} · any key closes",
            doc.format_name(),
            doc.view_name(),
            leaf_ratatui::markup_mode_name(doc.markup_mode()),
            leaf_ratatui::line_flow_name(doc.line_flow()),
        ),
        chrome.dim,
    )));

    let width = ((COLUMN * columns) as u16).min(screen.width.max(1));
    let height = (lines.len() as u16).min(screen.height.max(1));
    let rect = centered(screen, width, height);
    f.render_widget(Clear, rect);
    f.render_widget(Paragraph::new(lines).style(chrome.base), rect);
}

/// One line of the key reference before it's been placed in a column.
#[derive(Clone, Copy)]
enum HelpRow {
    Group(&'static str),
    /// A chord, what it does, and whether this document can run it — `false`
    /// dims the row rather than dropping it, the same as the palette and the
    /// context menu do, so what is unavailable stays legible instead of merely
    /// absent.
    Key(&'static str, &'static str, bool),
    Blank,
}

/// Render one help row into exactly `width` columns, so the second column of a
/// two-up card starts in the same place on every line. `None` — the right column
/// running out of rows before the left does — is that many spaces.
fn help_spans(row: Option<&HelpRow>, width: usize, chrome: &Chrome) -> Vec<Span<'static>> {
    match row {
        None | Some(HelpRow::Blank) => vec![Span::styled(" ".repeat(width), chrome.base)],
        Some(HelpRow::Group(name)) => {
            vec![Span::styled(
                format!(" {name:<w$}", w = width - 1),
                chrome.bold,
            )]
        }
        Some(HelpRow::Key(hint, label, enabled)) => {
            // The key is right-aligned in its own narrow column so the chords
            // line up as a list rather than as ragged text.
            let label_w = width.saturating_sub(9);
            let (key, ink) = if *enabled {
                (chrome.key, chrome.base)
            } else {
                (chrome.dim, chrome.dim)
            };
            vec![
                Span::styled(format!("  {hint:>4}  "), key),
                Span::styled(format!("{:<label_w$} ", truncate(label, label_w)), ink),
            ]
        }
    }
}

/// Cut `s` to `width` columns, with an ellipsis when it doesn't fit. Counted in
/// `char`s, which is what the rest of this file counts in.
fn truncate(s: &str, width: usize) -> String {
    if s.chars().count() <= width {
        return s.to_string();
    }
    s.chars().take(width.saturating_sub(1)).collect::<String>() + "…"
}

/// The single-line input: a label row, a value row, and an Enter/Esc hint,
/// centered over `screen` — there's no click anchor to hang it off the way
/// the context menu has, and nothing in it is clickable, so unlike that menu
/// this stashes no rect back for hit-testing. The caret is the real terminal
/// cursor, positioned into the value row exactly the way the document body
/// positions it into the source — one visible caret, one mechanism.
fn render_text_prompt(f: &mut Frame, screen: Rect, prompt: &TextPrompt, chrome: &Chrome) {
    let hint = " enter confirm  esc cancel ";
    let content = [
        prompt.label.chars().count(),
        prompt.value.chars().count(),
        hint.chars().count(),
    ]
    .into_iter()
    .max()
    .unwrap_or(0) as u16
        + 2;
    let width = content.max(24).min(screen.width.max(1));
    let height = 3u16.min(screen.height.max(1));
    let rect = centered(screen, width, height);

    let lines = vec![
        Line::from(Span::styled(format!(" {} ", prompt.label), chrome.bold)),
        Line::from(Span::styled(format!(" {} ", prompt.value), chrome.base)),
        Line::from(vec![
            Span::styled(" enter ", chrome.key),
            Span::styled("confirm  ", chrome.dim),
            Span::styled("esc ", chrome.key),
            Span::styled("cancel ", chrome.dim),
        ]),
    ];

    f.render_widget(Clear, rect);
    f.render_widget(Paragraph::new(lines).style(chrome.base), rect);

    let cursor_x = rect.x + 1 + prompt.value[..prompt.cursor].chars().count() as u16;
    if rect.height >= 2 && cursor_x < rect.x + rect.width {
        f.set_cursor_position(Position::new(cursor_x, rect.y + 1));
    }
}