gitkraft_gui/features/staging/

view.rs

//! Staging area view — shows unstaged changes, staged changes, and commit
//! message input side-by-side as three columns at the bottom of the main
//! layout.

use iced::widget::{
    button, column, container, mouse_area, row, scrollable, text, text_input, Space,
};
use iced::{Alignment, Element, Font, Length};

use crate::icons;
use crate::message::Message;
use crate::state::GitKraft;
use crate::theme;
use crate::view_utils;

/// Render the full staging area panel (unstaged | staged | commit input).
pub fn view(state: &GitKraft) -> Element<'_, Message> {
    let unstaged_panel = unstaged_view(state);
    let staged_panel = staged_view(state);
    let commit_panel = commit_view(state);

    let content = row![unstaged_panel, staged_panel, commit_panel]
        .spacing(1)
        .height(Length::Fill)
        .width(Length::Fill);

    container(content)
        .width(Length::Fill)
        .style(theme::surface_style)
        .into()
}

/// Render the "Unstaged Changes" file list.
fn unstaged_view(state: &GitKraft) -> Element<'_, Message> {
    let tab = state.active_tab();
    let c = state.colors();

    let header_icon = icon!(icons::FILE_DIFF, 13, c.yellow);

    let header_label = text("Unstaged").size(13).color(c.text_primary);

    let count_label = text(format!("({})", tab.unstaged_changes.len()))
        .size(11)
        .color(c.muted);

    let stage_msg = (!tab.unstaged_changes.is_empty()).then_some(Message::StageAll);
    let stage_all_btn = view_utils::on_press_maybe(
        button(text("Stage All").size(11))
            .padding([2, 8])
            .style(theme::toolbar_button),
        stage_msg,
    );

    let header_row = row![
        header_icon,
        Space::new().width(4),
        header_label,
        Space::new().width(4),
        count_label,
        Space::new().width(Length::Fill),
        stage_all_btn,
    ]
    .align_y(Alignment::Center)
    .padding([6, 8]);

    let file_rows: Vec<Element<'_, Message>> = tab
        .unstaged_changes
        .iter()
        .map(|diff| {
            let file_path_display = diff.display_path();

            let status_color = theme::status_color(&diff.status, &c);

            let status_badge = text(format!("{}", diff.status))
                .size(11)
                .font(Font::MONOSPACE)
                .color(status_color);

            let is_selected = tab.selected_unstaged.contains(file_path_display);

            let name_color = if is_selected {
                c.accent
            } else {
                c.text_primary
            };
            let file_label = text(file_path_display)
                .size(12)
                .color(name_color)
                .wrapping(iced::widget::text::Wrapping::None);

            let view_btn = button(icon!(icons::CLOUD_UPLOAD, 11, c.accent))
                .padding([2, 4])
                .style(theme::icon_button)
                .on_press(Message::SelectDiff(diff.clone()));

            let stage_btn = button(icon!(icons::PLUS_CIRCLE, 11, c.green))
                .padding([2, 4])
                .style(theme::icon_button)
                .on_press(Message::StageFile(file_path_display.to_string()));

            let discard_btn = button(icon!(icons::TRASH, 11, c.red))
                .padding([2, 4])
                .style(theme::icon_button)
                .on_press(Message::DiscardFile(file_path_display.to_string()));

            let file_row = row![
                status_badge,
                Space::new().width(6),
                file_label,
                Space::new().width(Length::Fill),
                view_btn,
                Space::new().width(2),
                stage_btn,
                Space::new().width(2),
                discard_btn,
            ]
            .align_y(Alignment::Center)
            .padding([2, 8]);

            let row_style = if is_selected {
                theme::selected_row_style as fn(&iced::Theme) -> iced::widget::container::Style
            } else {
                theme::surface_style as fn(&iced::Theme) -> iced::widget::container::Style
            };

            mouse_area(container(file_row).width(Length::Fill).style(row_style))
                .on_press(Message::ToggleSelectUnstaged(file_path_display.to_string()))
                .on_right_press(Message::OpenUnstagedFileContextMenu(
                    file_path_display.to_string(),
                ))
                .into()
        })
        .collect();

    let mut list_col = column![].spacing(1).width(Length::Fill);

    if file_rows.is_empty() {
        list_col = list_col.push(view_utils::empty_list_hint("No unstaged changes", c.muted));
    } else {
        for row_el in file_rows {
            list_col = list_col.push(row_el);
        }
    }

    let content = column![
        header_row,
        scrollable(list_col)
            .height(Length::Fill)
            .direction(view_utils::thin_scrollbar())
            .style(crate::theme::overlay_scrollbar)
    ]
    .width(Length::Fill)
    .height(Length::Fill);

    view_utils::surface_panel(content, Length::FillPortion(3))
}

/// Render the "Staged Changes" file list.
fn staged_view(state: &GitKraft) -> Element<'_, Message> {
    let tab = state.active_tab();
    let c = state.colors();

    let header_icon = icon!(icons::CHECK_CIRCLE_FILL, 13, c.green);

    let header_label = text("Staged").size(13).color(c.text_primary);

    let count_label = text(format!("({})", tab.staged_changes.len()))
        .size(11)
        .color(c.muted);

    let unstage_msg = (!tab.staged_changes.is_empty()).then_some(Message::UnstageAll);
    let unstage_all_btn = view_utils::on_press_maybe(
        button(text("Unstage All").size(11))
            .padding([2, 8])
            .style(theme::toolbar_button),
        unstage_msg,
    );

    let header_row = row![
        header_icon,
        Space::new().width(4),
        header_label,
        Space::new().width(4),
        count_label,
        Space::new().width(Length::Fill),
        unstage_all_btn,
    ]
    .align_y(Alignment::Center)
    .padding([6, 8]);

    let file_rows: Vec<Element<'_, Message>> = tab
        .staged_changes
        .iter()
        .map(|diff| {
            let file_path_display = diff.display_path();

            let status_color = theme::status_color(&diff.status, &c);

            let status_badge = text(format!("{}", diff.status))
                .size(11)
                .font(Font::MONOSPACE)
                .color(status_color);

            let is_selected = tab.selected_staged.contains(file_path_display);

            let name_color = if is_selected {
                c.accent
            } else {
                c.text_primary
            };
            let file_label = text(file_path_display)
                .size(12)
                .color(name_color)
                .wrapping(iced::widget::text::Wrapping::None);

            let view_btn = button(icon!(icons::CLOUD_UPLOAD, 11, c.accent))
                .padding([2, 4])
                .style(theme::icon_button)
                .on_press(Message::SelectDiff(diff.clone()));

            let unstage_btn = button(icon!(icons::DASH_CIRCLE, 11, c.yellow))
                .padding([2, 4])
                .style(theme::icon_button)
                .on_press(Message::UnstageFile(file_path_display.to_string()));

            let file_row = row![
                status_badge,
                Space::new().width(6),
                file_label,
                Space::new().width(Length::Fill),
                view_btn,
                Space::new().width(2),
                unstage_btn,
            ]
            .align_y(Alignment::Center)
            .padding([2, 8]);

            let row_style = if is_selected {
                theme::selected_row_style as fn(&iced::Theme) -> iced::widget::container::Style
            } else {
                theme::surface_style as fn(&iced::Theme) -> iced::widget::container::Style
            };

            mouse_area(container(file_row).width(Length::Fill).style(row_style))
                .on_press(Message::ToggleSelectStaged(file_path_display.to_string()))
                .on_right_press(Message::OpenStagedFileContextMenu(
                    file_path_display.to_string(),
                ))
                .into()
        })
        .collect();

    let mut list_col = column![].spacing(1).width(Length::Fill);

    if file_rows.is_empty() {
        list_col = list_col.push(view_utils::empty_list_hint("No staged changes", c.muted));
    } else {
        for row_el in file_rows {
            list_col = list_col.push(row_el);
        }
    }

    let content = column![
        header_row,
        scrollable(list_col)
            .height(Length::Fill)
            .direction(view_utils::thin_scrollbar())
            .style(crate::theme::overlay_scrollbar)
    ]
    .width(Length::Fill)
    .height(Length::Fill);

    view_utils::surface_panel(content, Length::FillPortion(3))
}

/// Render the commit message input and "Commit" button.
fn commit_view(state: &GitKraft) -> Element<'_, Message> {
    let tab = state.active_tab();
    let c = state.colors();

    let header_icon = icon!(icons::COMMIT, 13, c.accent);

    let header_label = text("Commit").size(13).color(c.text_primary);

    let header_row = row![header_icon, Space::new().width(4), header_label,]
        .align_y(Alignment::Center)
        .padding([6, 8]);

    let input = text_input("Commit message…", &tab.commit_message)
        .on_input(Message::CommitMessageChanged)
        .padding(8)
        .size(13);

    let can_commit = !tab.commit_message.trim().is_empty() && !tab.staged_changes.is_empty();

    let commit_icon = icon!(
        icons::CHECK_CIRCLE_FILL,
        14,
        if can_commit { c.green } else { c.muted }
    );

    let commit_btn_content = row![commit_icon, Space::new().width(6), text("Commit").size(13),]
        .align_y(Alignment::Center);

    let commit_msg = can_commit.then_some(Message::CreateCommit);
    let commit_btn = view_utils::on_press_maybe(
        button(commit_btn_content)
            .padding([8, 16])
            .width(Length::Fill)
            .style(theme::toolbar_button),
        commit_msg,
    );

    let staged_hint = if tab.staged_changes.is_empty() {
        text("Stage files before committing")
            .size(11)
            .color(c.muted)
    } else {
        text(format!("{} file(s) staged", tab.staged_changes.len()))
            .size(11)
            .color(c.text_secondary)
    };

    let content = column![
        header_row,
        container(
            column![
                input,
                Space::new().height(6),
                commit_btn,
                Space::new().height(4),
                staged_hint,
            ]
            .spacing(2)
            .width(Length::Fill),
        )
        .padding([4, 8]),
    ]
    .width(Length::Fill)
    .height(Length::Fill);

    view_utils::surface_panel(content, Length::FillPortion(2))
}