zesdex/crates/zesdex-backend/src/view/overlays/mod.rs

//! Overlay rendering: each overlay variant gets its own module with a
//! `pub fn render(frame, area, block, state)` entry point, dispatched by
//! the top-level `render_overlay` function in this module.

pub mod bash;
pub mod clear_confirm;
pub mod editor;
pub mod effort;
pub mod help;
pub mod key_input;
pub mod learning;
pub mod loading;
pub mod mcp;
pub mod model_selector;
pub mod quit_confirm;
pub mod rewind;
pub mod settings;
pub mod todo;
pub mod usage;

use ratatui::layout::Rect;
use ratatui::style::Style;
use ratatui::widgets::{Block, Borders, Clear};
use ratatui::Frame;
use super::theme::Theme;

/// Compute a centered rectangle within `area` at the given percentage width
/// and height. The result is always at least 40 cols wide and 10 rows tall.
pub fn centered_rect(area: Rect, percent_x: u16, percent_y: u16) -> Rect {
    let x_pad = (area.width.saturating_sub(area.width * percent_x / 100)) / 2;
    let y_pad = (area.height.saturating_sub(area.height * percent_y / 100)) / 2;

    Rect {
        x: area.x.saturating_add(x_pad),
        y: area.y.saturating_add(y_pad),
        width: area.width.saturating_sub(x_pad * 2).max(40),
        height: area.height.saturating_sub(y_pad * 2).max(10),
    }
}

/// Render the active modal overlay as a centered panel.
///
/// Each overlay gets a surface-colored panel with:
/// - A top accent border strip (colored per variant)
/// - A title line with icon
/// - Content area with proper spacing
pub fn render_overlay(
    frame: &mut Frame,
    area: Rect,
    overlay: crate::app::state::types::Overlay,
    state: &crate::app::state::rest::AppStateRest,
) {
    let overlay_area = centered_rect(area, 75, 70);

    // Clear the area behind the overlay (semi-transparent effect)
    frame.render_widget(Clear, overlay_area);

    let block = Block::default()
        .borders(Borders::ALL)
        .border_style(Style::default().fg(Theme::BORDER))
        .style(Style::default().bg(Theme::BG));

    match overlay {
        crate::app::state::types::Overlay::None => {}

        crate::app::state::types::Overlay::Help => {
            help::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::Settings => {
            settings::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::Bash => {
            bash::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::QuitConfirm => {
            quit_confirm::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::KeyInput => {
            key_input::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::Editor => {
            editor::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::Effort => {
            effort::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::Mcp => {
            mcp::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::Todo => {
            todo::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::Rewind => {
            rewind::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::Learning => {
            learning::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::Usage => {
            usage::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::Loading => {
            loading::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::ModelSelector => {
            model_selector::render(frame, overlay_area, block, state);
        }

        crate::app::state::types::Overlay::ClearConfirm => {
            clear_confirm::render(frame, overlay_area, block, state);
        }
    }
}