gitkraft_gui/

view.rs

//! Main view entry point — builds the top-level layout shell and delegates to
//! feature views for each region of the UI.
//!
//! Layout (when a repo is open):
//! ```text
//! ┌──────────────────────────────────────────┐
//! │  header toolbar                          │
//! ├────────┬─────────────────┬───────────────┤
//! │        │                 │               │
//! │ side-  │  commit log     │  diff viewer  │
//! │ bar    │                 │               │
//! │        │                 │               │
//! ├────────┴─────────────────┴───────────────┤
//! │  staging area (unstaged | staged | msg)  │
//! ├──────────────────────────────────────────┤
//! │  status bar                              │
//! └──────────────────────────────────────────┘
//! ```
//!
//! All vertical and horizontal dividers between panes are **draggable** — the
//! user can resize the sidebar, commit-log, diff-viewer, and staging area by
//! grabbing the thin divider lines and dragging.
//!
//! The outer-most widget is a `mouse_area` that captures `on_release` events
//! unconditionally, and `on_move` events **only while a drag is in progress**.
//! This avoids firing `PaneDragMove → update() → view()` on every cursor
//! movement when no resize drag is active.

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

use crate::features;
use crate::icons;
use crate::message::Message;
use crate::state::{DragTarget, DragTargetH, GitKraft};
use crate::theme;
use crate::theme::ThemeColors;
use crate::view_utils;
use crate::widgets;

impl GitKraft {
    /// Top-level view — called by the Iced runtime on every frame.
    pub fn view(&self) -> Element<'_, Message> {
        let c = self.colors();

        // ── Tab bar (always visible) ──────────────────────────────────────
        let tab_bar = widgets::tab_bar::view(self);

        if !self.has_repo() {
            // Show the tab bar above the welcome screen so users can
            // switch between tabs even when the active one has no repo.
            let welcome = features::repo::view::welcome_view(self);
            let tab = self.active_tab();
            let mut outer = column![tab_bar];
            // Error banner and status bar are shown even without a repo so
            // messages like "Settings opened in …" are always visible.
            if let Some(ref err) = tab.error_message {
                outer = outer.push(error_banner(err, &c));
            }
            outer = outer.push(welcome);
            if tab.status_message.is_some() {
                outer = outer.push(status_bar_view(self));
            }
            let welcome_screen: Element<'_, Message> = container(outer)
                .width(Length::Fill)
                .height(Length::Fill)
                .style(theme::bg_style)
                .into();
            return self.with_about_overlay(welcome_screen);
        }

        let tab = self.active_tab();

        // ── Header toolbar ────────────────────────────────────────────────
        let header = widgets::header::view(self);

        // ── Sidebar (branches + stash + remotes) ──────────────────────
        // ── Responsive layout: clamp pane sizes to the window ─────────
        let dims = self.layout();
        let (show_sidebar, sidebar_w, commit_w, staging_h) = (
            dims.show_sidebar,
            dims.sidebar_width,
            dims.commit_log_width,
            dims.staging_height,
        );

        let sidebar: Element<'_, Message> = if show_sidebar || dims.overlay_sidebar {
            let branches = features::branches::view::view(self);
            let stash = features::stash::view::view(self);
            let remotes = features::remotes::view::view(self);

            let branches_divider =
                widgets::divider::horizontal_divider(DragTargetH::SidebarBranchesBottom, &c);
            let stash_divider =
                widgets::divider::horizontal_divider(DragTargetH::SidebarStashBottom, &c);

            // Three sections share the sidebar height using ratios.
            let branches_pct = (self.sidebar_branches_ratio * 100.0) as u16;
            let stash_pct = (self.sidebar_stash_ratio * 100.0) as u16;
            let remotes_pct = 100u16
                .saturating_sub(branches_pct)
                .saturating_sub(stash_pct)
                .max(5);

            let sidebar_content = container(
                column![
                    container(branches)
                        .width(Length::Fill)
                        .height(Length::FillPortion(branches_pct)),
                    branches_divider,
                    container(stash)
                        .width(Length::Fill)
                        .height(Length::FillPortion(stash_pct)),
                    stash_divider,
                    container(remotes)
                        .width(Length::Fill)
                        .height(Length::FillPortion(remotes_pct)),
                ]
                .width(Length::Fill)
                .height(Length::Fill),
            )
            .width(Length::Fixed(sidebar_w))
            .height(Length::Fill)
            .style(theme::sidebar_style);

            let divider = widgets::divider::vertical_divider(DragTarget::SidebarRight, &c);

            row![sidebar_content, divider].height(Length::Fill).into()
        } else {
            Space::new().into()
        };

        // ── Commit log ────────────────────────────────────────────────────
        let commit_log_content = container(features::commits::view::view(self))
            .width(Length::Fixed(commit_w))
            .height(Length::Fill);

        let commit_divider = widgets::divider::vertical_divider(DragTarget::CommitLogRight, &c);

        let commit_log: Element<'_, Message> = row![commit_log_content, commit_divider]
            .height(Length::Fill)
            .into();

        // ── Diff viewer (fills all remaining horizontal space) ────────────
        let diff_panel_content: Element<'_, Message> = {
            let tab = self.active_tab();
            if tab.file_history_path.is_some() {
                features::diff::view::file_history_view(self)
            } else if tab.blame_path.is_some() {
                features::diff::view::blame_view(self)
            } else {
                features::diff::view::view(self)
            }
        };
        let diff_viewer = container(diff_panel_content)
            .width(Length::Fill)
            .height(Length::Fill);

        // ── Middle row: sidebar | divider | commit log | divider | diff ───
        let middle: Element<'_, Message> = if dims.overlay_sidebar {
            let base = row![commit_log, diff_viewer]
                .height(Length::Fill)
                .width(Length::Fill);
            // Click outside the floating sidebar to close it.
            let scrim = mouse_area(
                container(Space::new().width(Length::Fill).height(Length::Fill))
                    .style(theme::backdrop_style),
            )
            .on_press(Message::ToggleSidebar);
            iced::widget::stack![base, scrim, sidebar]
                .width(Length::Fill)
                .height(Length::Fill)
                .into()
        } else {
            row![sidebar, commit_log, diff_viewer]
                .height(Length::Fill)
                .width(Length::Fill)
                .into()
        };

        // ── Horizontal divider between middle and staging ─────────────────
        let h_divider = widgets::divider::horizontal_divider(DragTargetH::StagingTop, &c);

        // ── Staging area ──────────────────────────────────────────────────
        let staging = container(features::staging::view::view(self))
            .width(Length::Fill)
            .height(Length::Fixed(staging_h));

        // ── Status bar ────────────────────────────────────────────────────
        let status_bar = status_bar_view(self);

        // ── Error banner (if any) ─────────────────────────────────────────
        let mut main_col = column![].width(Length::Fill).height(Length::Fill);

        main_col = main_col.push(tab_bar);

        if let Some(ref err) = tab.error_message {
            main_col = main_col.push(error_banner(err, &c));
        }

        if let Some(ref path) = tab.pending_delete_file {
            let file_name = gitkraft_core::path_basename(path);
            main_col = main_col.push(delete_confirmation_banner(file_name, &c));
        }

        main_col = main_col
            .push(header)
            .push(middle)
            .push(h_divider)
            .push(staging)
            .push(status_bar);

        let body = container(main_col)
            .width(Length::Fill)
            .height(Length::Fill)
            .style(theme::bg_style);

        // on_move is always active so cursor_pos stays current for context
        // menus.  Virtual scrolling keeps the per-frame rebuild cost low
        // (~66 commit rows instead of 500) so this is acceptable.
        let ma: Element<'_, Message> = mouse_area(body)
            .on_move(|p| Message::PaneDragMove(p.x, p.y))
            .on_release(Message::PaneDragEnd)
            .into();

        // ── Search overlay ────────────────────────────────────────────────
        let ma: Element<'_, Message> = if self.search_visible {
            let search_panel = search_overlay(self, &c);
            iced::widget::stack![ma, search_panel].into()
        } else {
            ma
        };

        // ── Context menu overlay ──────────────────────────────────
        let with_menu: Element<'_, Message> = if self.active_tab().context_menu.is_some() {
            // Transparent full-screen backdrop — clicking it dismisses the menu.
            let backdrop = mouse_area(
                container(Space::new().width(Length::Fill).height(Length::Fill))
                    .style(theme::backdrop_style),
            )
            .on_press(Message::CloseContextMenu)
            .on_right_press(Message::CloseContextMenu);

            let (cx, cy) = self.active_tab().context_menu_pos;
            let menu_content = context_menu_panel(self, &c);

            let positioned = crate::widgets::bounded_popup::bounded_popup(
                menu_content,
                cx,
                cy,
                self.window_width,
                self.window_height,
            )
            .width(280.0)
            .max_height(500.0)
            .style(theme::context_menu_style)
            .build();

            iced::widget::stack![ma, backdrop, positioned].into()
        } else {
            ma
        };

        self.with_about_overlay(with_menu)
    }

    /// Stack the About dialog on top of `base` when it is open.
    fn with_about_overlay<'a>(&'a self, base: Element<'a, Message>) -> Element<'a, Message> {
        if self.show_about {
            iced::widget::stack![base, widgets::about::view(self)].into()
        } else {
            base
        }
    }
}

/// Render the status bar at the very bottom of the window.
fn status_bar_view(state: &GitKraft) -> Element<'_, Message> {
    let tab = state.active_tab();
    let c = state.colors();

    let status_text = if tab.is_loading {
        tab.status_message
            .as_deref()
            .unwrap_or("Loading…")
            .to_string()
    } else {
        tab.status_message.as_deref().unwrap_or("Ready").to_string()
    };

    let dims = state.layout();
    let status_label = container(
        text(status_text)
            .size(12)
            .color(c.text_secondary)
            .wrapping(iced::widget::text::Wrapping::None),
    )
    .width(Length::Fill)
    .clip(true);

    let branch_info: Element<'_, Message> = if let Some(ref branch) = tab.current_branch {
        let icon = icon!(icons::GIT_BRANCH, 12, c.accent);
        let label = text(branch.as_str()).size(12).color(c.text_primary);
        row![icon, Space::new().width(4), label]
            .align_y(Alignment::Center)
            .into()
    } else {
        Space::new().into()
    };

    let repo_state_info: Element<'_, Message> = if let Some(ref info) = tab.repo_info {
        let state_str = format!("{}", info.state);
        if state_str != "Clean" {
            text(state_str).size(12).color(c.yellow).into()
        } else {
            Space::new().into()
        }
    } else {
        Space::new().into()
    };

    let changes_summary = {
        let unstaged_count = tab.unstaged_changes.len();
        let staged_count = tab.staged_changes.len();
        if unstaged_count > 0 || staged_count > 0 {
            text(format!("{unstaged_count} unstaged, {staged_count} staged"))
                .size(12)
                .color(c.muted)
        } else {
            text("Working tree clean").size(12).color(c.muted)
        }
    };

    let zoom_label: Element<'_, Message> = if (state.ui_scale - 1.0).abs() > 0.01 {
        text(format!("{}%", (state.ui_scale * 100.0).round() as u32))
            .size(11)
            .color(c.muted)
            .into()
    } else {
        Space::new().into()
    };

    // Drop lower-priority items as the window narrows; the message and the
    // branch stay.
    let mut bar = row![status_label].spacing(16);
    if !dims.tiny_toolbar {
        bar = bar.push(changes_summary);
    }
    if !dims.minimal_toolbar {
        bar = bar.push(zoom_label).push(repo_state_info);
    }
    bar = bar.push(branch_info);
    let bar = bar
        .align_y(Alignment::Center)
        .padding([4, 10])
        .width(Length::Fill);

    container(bar)
        .width(Length::Fill)
        .style(theme::header_style)
        .into()
}

fn delete_confirmation_banner<'a>(file_name: &str, c: &ThemeColors) -> Element<'a, Message> {
    use iced::widget::{button, row, text, Space};

    let label = text(format!("Delete '{file_name}' permanently?"))
        .size(13)
        .color(c.text_primary);

    let confirm_btn = button(text("Delete").size(12).color(c.red))
        .padding([3, 12])
        .style(theme::toolbar_button)
        .on_press(Message::ConfirmDeleteFile);

    let cancel_btn = button(text("Cancel").size(12).color(c.text_secondary))
        .padding([3, 12])
        .style(theme::toolbar_button)
        .on_press(Message::CancelDeleteFile);

    container(
        row![
            label,
            Space::new().width(12),
            confirm_btn,
            Space::new().width(6),
            cancel_btn
        ]
        .align_y(iced::Alignment::Center)
        .padding([6, 12]),
    )
    .width(Length::Fill)
    .style(|theme| {
        let palette = theme.palette();
        iced::widget::container::Style {
            background: Some(iced::Background::Color(iced::Color {
                r: 0.5,
                g: 0.1,
                b: 0.1,
                a: 0.5,
            })),
            border: iced::Border {
                color: palette.danger,
                width: 0.0,
                radius: 0.0.into(),
            },
            ..Default::default()
        }
    })
    .into()
}

/// Render an error banner at the top of the window with a dismiss button.
fn error_banner<'a>(message: &str, c: &ThemeColors) -> Element<'a, Message> {
    let icon = icon!(icons::EXCLAMATION_TRIANGLE, 14, c.red);

    let msg = text(message.to_string()).size(13).color(c.text_primary);

    let dismiss = iced::widget::button(icon!(icons::X_CIRCLE, 14, c.text_secondary))
        .padding([2, 6])
        .on_press(Message::DismissError);

    let banner_row = row![
        icon,
        Space::new().width(8),
        msg,
        Space::new().width(Length::Fill),
        dismiss,
    ]
    .align_y(Alignment::Center)
    .padding([6, 12])
    .width(Length::Fill);

    container(banner_row)
        .width(Length::Fill)
        .style(theme::error_banner_style)
        .into()
}

/// Render the search overlay — a centered panel with an input and results list.
/// When a commit is selected, the panel expands to show changed files and diffs.
fn search_overlay<'a>(state: &'a GitKraft, c: &ThemeColors) -> Element<'a, Message> {
    use iced::widget::{
        button, checkbox, column, container, mouse_area, row, scrollable, text, text_input, Space,
    };
    use iced::{Alignment, Length};

    // Clamp dialog size to the window (16px margin each side).
    let (win_w, win_h) = (state.window_width, state.window_height);
    let sw = move |w: f32| crate::layout::clamp_dialog(w, win_w);
    let sh = move |h: f32| crate::layout::clamp_dialog(h, win_h);

    let has_diff_files = !state.search_diff_files.is_empty();
    let has_diff_content = !state.search_diff_content.is_empty();

    // ── Close button ──────────────────────────────────────────────────────
    let close_btn = button(text("\u{2715}").size(14).color(c.text_secondary))
        .padding([4, 8])
        .style(theme::ghost_button)
        .on_press(Message::ToggleSearch);

    // ── Left panel: search input + commit results ─────────────────────────
    let input = text_input("Search commits…", &state.search_query)
        .on_input(Message::SearchQueryChanged)
        .on_submit(Message::ConfirmSearchResult)
        .padding(10)
        .size(16);

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

    if state.search_results.is_empty() && state.search_query.len() >= 2 {
        results_col = results_col.push(
            container(text("No results found").size(13).color(c.muted))
                .padding([12, 8])
                .width(Length::Fill)
                .center_x(Length::Fill),
        );
    }

    for (i, commit) in state.search_results.iter().take(50).enumerate() {
        let is_selected = state.search_selected == Some(i);
        let is_diffed = state
            .search_diff_oid
            .as_ref()
            .is_some_and(|oid| *oid == commit.oid);
        let bg_style = row_style!(
            is_diffed => theme::selected_row_style,
            is_selected => theme::selected_row_style,
        );

        let oid_label = text(commit.short_oid())
            .size(12)
            .color(c.accent)
            .font(iced::Font::MONOSPACE);

        let summary_label = text(&commit.summary).size(13).color(c.text_primary);

        let author_label = text(&commit.author_name).size(11).color(c.text_secondary);

        let time_label = text(commit.relative_time()).size(11).color(c.muted);

        let row_content = row![
            oid_label,
            Space::new().width(8),
            summary_label,
            Space::new().width(Length::Fill),
            author_label,
            Space::new().width(8),
            time_label,
        ]
        .align_y(Alignment::Center)
        .padding([6, 10]);

        let result_btn = button(row_content)
            .padding(0)
            .width(Length::Fill)
            .style(theme::ghost_button)
            .on_press(Message::ConfirmSearchResult);

        let result_row: Element<'a, Message> =
            mouse_area(container(result_btn).width(Length::Fill).style(bg_style))
                .on_press(Message::SelectSearchResult(i))
                .on_right_press(Message::OpenSearchResultContextMenu(i))
                .into();

        results_col = results_col.push(result_row);
    }

    let result_count = if !state.search_results.is_empty() {
        text(format!("{} result(s)", state.search_results.len()))
            .size(11)
            .color(c.muted)
    } else {
        text("").size(1)
    };

    let left_header = row![
        icon!(icons::CLOCK_HISTORY, 16, c.accent),
        Space::new().width(8),
        text("Search Commits").size(16).color(c.text_primary),
        Space::new().width(Length::Fill),
        result_count,
        Space::new().width(8),
        close_btn,
    ]
    .align_y(Alignment::Center)
    .padding([8, 12]);

    let scrollable_results = scrollable(results_col)
        .height(Length::Fill)
        .direction(crate::view_utils::thin_scrollbar())
        .style(crate::theme::overlay_scrollbar);

    let left_panel = column![left_header, input, scrollable_results]
        .width(Length::Fill)
        .height(Length::Fill)
        .spacing(4);

    // ── Right panel: file list + diff (only when a commit is selected) ────
    let panel: Element<'a, Message> = if has_diff_content {
        // Show combined diff content for the selected file(s)
        let file_count = state.search_diff_content.len();
        let title_label = if file_count == 1 {
            state.search_diff_content[0].display_path().to_string()
        } else {
            format!("{file_count} file(s)")
        };

        let back_btn = button(
            row![
                text("← ").size(14).color(c.accent),
                text("Back to file list").size(13).color(c.text_primary),
            ]
            .align_y(Alignment::Center),
        )
        .padding([6, 12])
        .style(theme::ghost_button)
        .on_press(Message::SearchDiffBack);

        let close_btn2 = button(text("\u{2715}").size(14).color(c.text_secondary))
            .padding([4, 8])
            .style(theme::ghost_button)
            .on_press(Message::ToggleSearch);

        let diff_header = row![
            back_btn,
            Space::new().width(Length::Fill),
            text(title_label).size(13).color(c.accent),
            Space::new().width(8),
            close_btn2,
        ]
        .align_y(Alignment::Center)
        .padding([4, 8]);

        let mut diff_lines_col = column![].spacing(0).width(Length::Fill);
        for diff in &state.search_diff_content {
            // File separator header
            let status_color = match diff.status.color_category() {
                gitkraft_core::StatusColorCategory::Added => c.green,
                gitkraft_core::StatusColorCategory::Modified => c.yellow,
                gitkraft_core::StatusColorCategory::Deleted => c.red,
                gitkraft_core::StatusColorCategory::Renamed => c.accent,
            };
            if file_count > 1 {
                diff_lines_col = diff_lines_col.push(
                    container(
                        row![
                            text(format!("{}", diff.status))
                                .size(12)
                                .color(status_color)
                                .font(iced::Font::MONOSPACE),
                            Space::new().width(8),
                            text(diff.display_path()).size(13).color(c.text_primary),
                        ]
                        .align_y(Alignment::Center),
                    )
                    .padding([6, 8])
                    .width(Length::Fill)
                    .style(theme::surface_style),
                );
            }
            for hunk in &diff.hunks {
                for line in &hunk.lines {
                    let (prefix, content, color) = match line {
                        gitkraft_core::DiffLine::Context(s) => (" ", s.as_str(), c.diff_context),
                        gitkraft_core::DiffLine::Addition(s) => ("+", s.as_str(), c.green),
                        gitkraft_core::DiffLine::Deletion(s) => ("-", s.as_str(), c.red),
                        gitkraft_core::DiffLine::HunkHeader(s) => ("@@", s.as_str(), c.accent),
                    };
                    diff_lines_col = diff_lines_col.push(
                        text(format!("{prefix} {content}"))
                            .size(12)
                            .color(color)
                            .font(iced::Font::MONOSPACE),
                    );
                }
            }
        }

        let scrollable_diff = scrollable(
            container(diff_lines_col)
                .padding([4, 8])
                .width(Length::Fill),
        )
        .height(Length::Fill)
        .direction(crate::view_utils::thin_scrollbar())
        .style(crate::theme::overlay_scrollbar);

        let right_panel = column![diff_header, scrollable_diff]
            .width(Length::Fill)
            .height(Length::Fill)
            .spacing(4);

        let content = row![
            container(left_panel).width(Length::FillPortion(2)),
            container(right_panel).width(Length::FillPortion(3)),
        ]
        .spacing(4)
        .width(Length::Fill)
        .height(Length::Fill);

        container(content)
            .width(sw(1100.0))
            .height(sh(600.0))
            .style(theme::context_menu_style)
            .padding(8)
            .into()
    } else if has_diff_files {
        // Show file list for the selected commit
        let oid_short = state
            .search_diff_oid
            .as_ref()
            .map(|o| &o[..7.min(o.len())])
            .unwrap_or("???");

        let file_count = state.search_diff_files.len();
        let selected_count = state.search_diff_selected.len();

        let select_all_label = if selected_count == file_count {
            "Deselect All"
        } else {
            "Select All"
        };

        let select_all_btn = button(text(select_all_label).size(12).color(c.accent))
            .padding([4, 8])
            .style(theme::ghost_button)
            .on_press(Message::ToggleSearchDiffSelectAll);

        let diff_selected_btn: Element<'a, Message> = if selected_count > 0 {
            button(
                text(format!("Diff Selected ({selected_count})"))
                    .size(12)
                    .color(c.green),
            )
            .padding([4, 8])
            .style(theme::ghost_button)
            .on_press(Message::DiffSelectedFiles)
            .into()
        } else {
            Space::new().width(0).into()
        };

        let close_btn3 = button(text("\u{2715}").size(14).color(c.text_secondary))
            .padding([4, 8])
            .style(theme::ghost_button)
            .on_press(Message::ToggleSearch);

        let right_header = row![
            text(format!("Files changed vs working tree ({oid_short})"))
                .size(14)
                .color(c.text_primary),
            Space::new().width(Length::Fill),
            text(format!("{file_count} file(s)"))
                .size(11)
                .color(c.muted),
            Space::new().width(8),
            diff_selected_btn,
            Space::new().width(4),
            select_all_btn,
            Space::new().width(4),
            close_btn3,
        ]
        .align_y(Alignment::Center)
        .padding([8, 12]);

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

        for (i, file) in state.search_diff_files.iter().enumerate() {
            let is_checked = state.search_diff_selected.contains(&i);
            let status_str = format!("{}", file.status);
            let status_color = match file.status.color_category() {
                gitkraft_core::StatusColorCategory::Added => c.green,
                gitkraft_core::StatusColorCategory::Modified => c.yellow,
                gitkraft_core::StatusColorCategory::Deleted => c.red,
                gitkraft_core::StatusColorCategory::Renamed => c.accent,
            };

            let file_row = button(
                row![
                    checkbox(is_checked).on_toggle(move |_| Message::ToggleSearchDiffFile(i)),
                    Space::new().width(4),
                    text(status_str)
                        .size(12)
                        .color(status_color)
                        .font(iced::Font::MONOSPACE),
                    Space::new().width(8),
                    text(file.display_path()).size(13).color(c.text_primary),
                    Space::new().width(Length::Fill),
                ]
                .align_y(Alignment::Center)
                .padding([4, 8]),
            )
            .padding(0)
            .width(Length::Fill)
            .style(theme::ghost_button)
            .on_press(Message::ViewSearchDiffFile(i));

            files_col = files_col.push(file_row);
        }

        let scrollable_files = scrollable(files_col)
            .height(Length::Fill)
            .direction(crate::view_utils::thin_scrollbar())
            .style(crate::theme::overlay_scrollbar);

        let right_panel = column![right_header, scrollable_files]
            .width(Length::Fill)
            .height(Length::Fill)
            .spacing(4);

        let content = row![
            container(left_panel).width(Length::FillPortion(2)),
            container(right_panel).width(Length::FillPortion(3)),
        ]
        .spacing(4)
        .width(Length::Fill)
        .height(Length::Fill);

        container(content)
            .width(1100)
            .height(600)
            .style(theme::context_menu_style)
            .padding(8)
            .into()
    } else {
        // No commit selected yet — just show the search panel
        container(left_panel)
            .width(sw(700.0))
            .height(sh(500.0))
            .style(theme::context_menu_style)
            .padding(8)
            .into()
    };

    // Center the panel on screen with a backdrop
    let backdrop = mouse_area(
        container(Space::new().width(Length::Fill).height(Length::Fill))
            .style(theme::backdrop_style),
    )
    .on_press(Message::ToggleSearch);

    // Wrap the panel in a mouse_area that swallows clicks so they don't
    // bubble up to the backdrop and dismiss the dialog.
    let panel_intercepted = mouse_area(panel).on_press(Message::Noop);

    let centered = container(panel_intercepted)
        .width(Length::Fill)
        .height(Length::Fill)
        .center_x(Length::Fill)
        .center_y(Length::Fill);

    iced::widget::stack![backdrop, centered].into()
}

/// Build context menu items for an unstaged or staged file.
///
/// `staged` controls whether this is for a staged file (`true`) or unstaged
/// file (`false`), which determines the labels, messages, and available actions.
fn file_context_menu_items<'a>(
    state: &'a GitKraft,
    c: &ThemeColors,
    path: &str,
    staged: bool,
    menu_item: impl Fn(&str, Message) -> iced::widget::Button<'a, Message>,
) -> iced::widget::Column<'a, Message> {
    use iced::widget::column;

    let tab = state.active_tab();

    let (selected_count, changes, selected) = if staged {
        (
            tab.selected_staged.len(),
            &tab.staged_changes,
            &tab.selected_staged,
        )
    } else {
        (
            tab.selected_unstaged.len(),
            &tab.unstaged_changes,
            &tab.selected_unstaged,
        )
    };

    let is_multi = selected_count > 1;

    let header_text = if is_multi {
        format!("{} files selected", selected_count)
    } else {
        let prefix = if staged { "Staged" } else { "Unstaged" };
        format!("{}: {}", prefix, gitkraft_core::path_basename(path))
    };
    let header = view_utils::context_menu_header::<Message>(header_text, c.muted);

    let mut col = column![header];

    if is_multi {
        // Collect selected file paths
        let selected_paths: Vec<String> = changes
            .iter()
            .filter(|d| selected.contains(d.display_path()))
            .map(|d| d.display_path().to_string())
            .collect();

        let action_label = if staged { "Unstage" } else { "Stage" };
        let action_msg = if staged {
            Message::UnstageSelected
        } else {
            Message::StageSelected
        };

        // Batch operations for multi-select
        col = col.push(menu_item(
            &format!("{} {} file(s)", action_label, selected_count),
            action_msg,
        ));
        col = col.push(view_utils::context_menu_separator::<Message>());
        col = col.push(menu_item(
            &format!("Open {} file(s) in editor", selected_count),
            Message::OpenFilesInEditor(selected_paths.clone()),
        ));
        col = col.push(menu_item(
            &format!("Open {} file(s)", selected_count),
            Message::OpenFilesInDefaultProgram(selected_paths),
        ));
        col = col.push(view_utils::context_menu_separator::<Message>());
        col = col.push(menu_item(
            &format!("Discard {} file(s)", selected_count),
            Message::DiscardSelected,
        ));
    } else {
        // Single file operations
        col = col.push(menu_item(
            "File History",
            Message::ViewFileHistory(path.to_string()),
        ));
        col = col.push(menu_item(
            "File Blame",
            Message::ViewFileBlame(path.to_string()),
        ));
        col = col.push(view_utils::context_menu_separator::<Message>());
        col = col.push(menu_item(
            "View diff",
            Message::LoadStagingFileDiff(path.to_string(), staged),
        ));
        col = col.push(menu_item(
            "Preview file",
            Message::PreviewFile(path.to_string()),
        ));
        col = col.push(menu_item(
            "Open in editor",
            Message::OpenInEditor(path.to_string()),
        ));
        col = col.push(menu_item(
            "Open file",
            Message::OpenInDefaultProgram(path.to_string()),
        ));
        col = col.push(view_utils::context_menu_separator::<Message>());

        if staged {
            col = col.push(menu_item(
                "Unstage file",
                Message::UnstageFile(path.to_string()),
            ));
            col = col.push(view_utils::context_menu_separator::<Message>());
            col = col.push(menu_item(
                "Discard changes",
                Message::DiscardStagedFile(path.to_string()),
            ));
        } else {
            col = col.push(menu_item(
                "Stage file",
                Message::StageFile(path.to_string()),
            ));
            col = col.push(view_utils::context_menu_separator::<Message>());
            col = col.push(menu_item(
                "Discard changes",
                Message::DiscardFile(path.to_string()),
            ));
        }
    }

    // Footer: copy info & show in folder
    col = col.push(view_utils::context_menu_separator::<Message>());
    col = col.push(menu_item(
        "Copy filename",
        Message::CopyText(gitkraft_core::path_basename(path).to_string()),
    ));
    col = col.push(menu_item(
        "Copy file path",
        Message::CopyText(path.to_string()),
    ));
    col = col.push(menu_item(
        "Show in folder",
        Message::ShowInFolder(path.to_string()),
    ));

    // Delete file is only available for unstaged files
    if !staged {
        col = col.push(view_utils::context_menu_separator::<Message>());
        col = col.push(menu_item(
            "Delete file",
            Message::DeleteFile(path.to_string()),
        ));
    }

    col
}

/// Build the context menu panel widget for the currently active menu.
fn context_menu_panel<'a>(state: &'a GitKraft, c: &ThemeColors) -> Element<'a, Message> {
    use iced::widget::{button, column, row, text, Space};
    use iced::{Alignment, Length};

    let text_primary = c.text_primary;
    let menu_item = move |label: &str, msg: Message| {
        button(
            row![
                Space::new().width(4),
                text(label.to_string()).size(13).color(text_primary),
            ]
            .align_y(Alignment::Center),
        )
        .padding([7, 12])
        .width(Length::Fill)
        .style(theme::context_menu_item)
        .on_press(msg)
    };

    match &state.active_tab().context_menu {
        Some(crate::state::ContextMenu::Branch {
            name, is_current, ..
        }) => {
            let tab = state.active_tab();
            let remote = tab
                .remotes
                .first()
                .map(|r| r.name.clone())
                .unwrap_or_else(|| "origin".to_string());

            // Look up the branch tip OID for SHA copy and tag creation.
            let tip_oid: Option<String> = tab
                .branches
                .iter()
                .find(|b| &b.name == name)
                .and_then(|b| b.target_oid.clone());

            let header =
                view_utils::context_menu_header::<Message>(format!("Branch: {name}"), c.muted);

            let mut col = column![header];

            // Group 1: Checkout (when not on this branch)
            if !is_current {
                col = col.push(menu_item("Checkout", Message::CheckoutBranch(name.clone())));
            }

            // Group 2: Remote sync
            let push_label = format!("Push to {remote}");
            let pull_label = format!("Pull from {remote} (rebase)");
            col = col
                .push(menu_item(&push_label, Message::PushBranch(name.clone())))
                .push(menu_item(&pull_label, Message::PullBranch(name.clone())));

            // Group 3: Rebase / merge
            col = col.push(view_utils::context_menu_separator::<Message>());
            let rebase_label = format!("Rebase current onto '{name}'");
            col = col.push(menu_item(&rebase_label, Message::RebaseOnto(name.clone())));
            if !is_current {
                col = col.push(menu_item(
                    "Merge into current branch",
                    Message::MergeBranch(name.clone()),
                ));
            }

            // Group 4: Branch management
            col = col.push(view_utils::context_menu_separator::<Message>());
            col = col
                .push(menu_item(
                    "Rename\u{2026}",
                    Message::BeginRenameBranch(name.clone()),
                ))
                .push(menu_item("Delete", Message::DeleteBranch(name.clone())));

            // Group 5: Copy info
            col = col.push(view_utils::context_menu_separator::<Message>());
            col = col.push(menu_item(
                "Copy branch name",
                Message::CopyText(name.clone()),
            ));
            if let Some(ref oid) = tip_oid {
                col = col.push(menu_item(
                    "Copy tip commit SHA",
                    Message::CopyText(oid.clone()),
                ));
            }

            // Group 6: Tag creation
            if let Some(oid) = tip_oid {
                col = col.push(view_utils::context_menu_separator::<Message>());
                col = col
                    .push(menu_item(
                        "Create tag here",
                        Message::BeginCreateTag(oid.clone(), false),
                    ))
                    .push(menu_item(
                        "Create annotated tag here\u{2026}",
                        Message::BeginCreateTag(oid, true),
                    ));
            }

            col.into()
        }

        Some(crate::state::ContextMenu::RemoteBranch { name }) => {
            // Extract remote and branch parts for display
            let (remote, short_name) = name.split_once('/').unwrap_or(("", name.as_str()));

            let header =
                view_utils::context_menu_header::<Message>(format!("Remote: {name}"), c.muted);

            // Check if a local branch with the same short name already exists
            let local_exists =
                state.active_tab().branches.iter().any(|b| {
                    b.branch_type == gitkraft_core::BranchType::Local && b.name == short_name
                });

            let mut col = column![header];

            // Checkout (only if no local branch with same name exists)
            if !local_exists {
                col = col.push(menu_item(
                    &format!("Checkout as '{short_name}'"),
                    Message::CheckoutRemoteBranch(name.clone()),
                ));
            }

            // Delete from remote
            col = col.push(view_utils::context_menu_separator::<Message>());
            col = col.push(menu_item(
                &format!("Delete from {remote}"),
                Message::DeleteRemoteBranch(name.clone()),
            ));

            // Copy info
            col = col.push(view_utils::context_menu_separator::<Message>());
            col = col.push(menu_item(
                "Copy branch name",
                Message::CopyText(name.clone()),
            ));
            col = col.push(menu_item(
                &format!("Copy short name '{short_name}'"),
                Message::CopyText(short_name.to_string()),
            ));

            // Look up tip OID
            let tip_oid: Option<String> = state
                .active_tab()
                .branches
                .iter()
                .find(|b| &b.name == name)
                .and_then(|b| b.target_oid.clone());

            if let Some(ref oid) = tip_oid {
                col = col.push(menu_item(
                    "Copy tip commit SHA",
                    Message::CopyText(oid.clone()),
                ));
            }

            col.into()
        }

        Some(crate::state::ContextMenu::Commit { index, oid }) => {
            let tab = state.active_tab();
            let multi_count = tab.selected_commits.len();

            if multi_count > 1 {
                // ── Multi-commit ─────────────────────────────────────────────────
                let header = view_utils::context_menu_header::<Message>(
                    format!("{} commits selected", multi_count),
                    c.accent,
                );

                // Collect OIDs for the selected commits in selection order
                let oids: Vec<String> = tab
                    .selected_commits
                    .iter()
                    .filter_map(|&i| tab.commits.get(i).map(|c| c.oid.clone()))
                    .collect();

                let shas_joined = oids
                    .iter()
                    .filter_map(|o| tab.commits.iter().find(|c| c.oid == *o))
                    .map(|c| c.short_oid().to_string())
                    .collect::<Vec<_>>()
                    .join("\n");

                let messages_joined = oids
                    .iter()
                    .filter_map(|o| tab.commits.iter().find(|c| c.oid == *o))
                    .map(|c| c.summary.trim().to_string())
                    .collect::<Vec<_>>()
                    .join("\n\n");

                let mut col = column![header];
                col = col.push(menu_item(
                    &format!("Cherry-pick {} commits", multi_count),
                    Message::CherryPickCommits(oids.clone()),
                ));
                col = col.push(menu_item(
                    &format!("Revert {} commits", multi_count),
                    Message::RevertCommits(oids),
                ));
                col = col.push(view_utils::context_menu_separator::<Message>());
                col = col.push(menu_item(
                    "Copy commit SHAs",
                    Message::CopyText(shas_joined),
                ));
                col = col.push(menu_item(
                    "Copy commit messages",
                    Message::CopyText(messages_joined),
                ));
                col.into()
            } else {
                // ── Single commit ────────────────────────────────────────────
                let short = gitkraft_core::utils::short_oid_str(oid);
                let msg_text = tab
                    .commits
                    .get(*index)
                    .map(|c| c.summary.clone())
                    .unwrap_or_default();

                let header =
                    view_utils::context_menu_header::<Message>(format!("Commit: {short}"), c.muted);

                let mut col = column![header];

                for (group_idx, group) in gitkraft_core::COMMIT_MENU_GROUPS.iter().enumerate() {
                    if group_idx > 0 {
                        col = col.push(view_utils::context_menu_separator::<Message>());
                    }
                    for &kind in *group {
                        let msg = match kind.as_simple_action() {
                            // No input needed — dispatch directly
                            Some(action) => Message::ExecuteCommitAction(oid.clone(), action),
                            // Needs input — use the existing Begin* messages
                            None => match kind {
                                gitkraft_core::CommitActionKind::CreateBranchHere => {
                                    Message::BeginCreateBranchAtCommit(oid.clone())
                                }
                                gitkraft_core::CommitActionKind::CreateTag => {
                                    Message::BeginCreateTag(oid.clone(), false)
                                }
                                gitkraft_core::CommitActionKind::CreateAnnotatedTag => {
                                    Message::BeginCreateTag(oid.clone(), true)
                                }
                                _ => Message::Noop,
                            },
                        };
                        col = col.push(menu_item(kind.label(), msg));
                    }
                }

                // Copy group — metadata, not a git operation
                col = col.push(view_utils::context_menu_separator::<Message>());
                col = col
                    .push(menu_item("Copy commit SHA", Message::CopyText(oid.clone())))
                    .push(menu_item(
                        "Copy commit message",
                        Message::CopyText(msg_text),
                    ));

                col.into()
            }
        }

        Some(crate::state::ContextMenu::Stash { index }) => {
            let index = *index;
            let header =
                view_utils::context_menu_header::<Message>(format!("stash@{{{index}}}"), c.muted);

            column![
                header,
                menu_item("View diff", Message::ViewStashDiff(index)),
                menu_item("Apply (keep stash)", Message::StashApply(index)),
                menu_item("Pop (apply + remove)", Message::StashPop(index)),
                view_utils::context_menu_separator::<Message>(),
                menu_item("Drop (delete)", Message::StashDrop(index)),
            ]
            .into()
        }

        Some(crate::state::ContextMenu::UnstagedFile { path }) => {
            file_context_menu_items(state, c, path, false, menu_item).into()
        }

        Some(crate::state::ContextMenu::StagedFile { path }) => {
            file_context_menu_items(state, c, path, true, menu_item).into()
        }

        Some(crate::state::ContextMenu::CommitFile { oid, file_path }) => {
            let tab = state.active_tab();
            let multi_count = tab.selected_commit_file_indices.len();

            if multi_count > 1 {
                // ── Multi-file ────────────────────────────────────────────────────
                let header = view_utils::context_menu_header::<Message>(
                    format!("{} files selected", multi_count),
                    c.accent,
                );

                // Collect file paths in selection order
                let file_paths: Vec<String> = tab
                    .selected_commit_file_indices
                    .iter()
                    .filter_map(|&i| {
                        tab.commit_files
                            .get(i)
                            .map(|f| f.display_path().to_string())
                    })
                    .collect();

                let paths_joined = file_paths.join("\n");

                let mut col = column![header];

                // Group 1: actions
                col = col.push(menu_item(
                    &format!("Diff {} files with working tree", multi_count),
                    Message::DiffMultiWithWorkingTree(oid.clone(), file_paths.clone()),
                ));
                col = col.push(menu_item(
                    &format!("Checkout {} files from this commit", multi_count),
                    Message::CheckoutMultiFilesAtCommit(oid.clone(), file_paths),
                ));

                // Group 2: copy
                col = col.push(view_utils::context_menu_separator::<Message>());
                col = col.push(menu_item(
                    "Copy file paths",
                    Message::CopyText(paths_joined),
                ));
                col = col.push(menu_item("Copy commit SHA", Message::CopyText(oid.clone())));

                col.into()
            } else {
                // ── Single file ───────────────────────────────────────────────────
                let file_name = gitkraft_core::path_basename(file_path);
                let header = view_utils::context_menu_header::<Message>(
                    format!("File: {}", file_name),
                    c.muted,
                );

                // Group 0: file analysis
                let mut col = column![header];
                col = col.push(menu_item(
                    "File History",
                    Message::ViewFileHistory(file_path.clone()),
                ));
                col = col.push(menu_item(
                    "File Blame",
                    Message::ViewFileBlame(file_path.clone()),
                ));
                col = col.push(view_utils::context_menu_separator::<Message>());

                // Group 1: file actions
                col = col.push(menu_item(
                    "Diff with working tree",
                    Message::DiffFileWithWorkingTree(oid.clone(), file_path.clone()),
                ));
                col = col.push(menu_item(
                    "Checkout file from this commit",
                    Message::CheckoutFileAtCommit(oid.clone(), file_path.clone()),
                ));
                col = col.push(menu_item(
                    "Preview file",
                    Message::PreviewFile(file_path.clone()),
                ));

                // Group 2: copy info
                col = col.push(view_utils::context_menu_separator::<Message>());
                col = col.push(menu_item(
                    "Copy filename",
                    Message::CopyText(file_name.to_string()),
                ));
                col = col.push(menu_item(
                    "Copy file path",
                    Message::CopyText(file_path.clone()),
                ));
                col = col.push(menu_item("Copy commit SHA", Message::CopyText(oid.clone())));

                // Group 3: open
                col = col.push(view_utils::context_menu_separator::<Message>());
                col = col.push(menu_item(
                    "Open in editor",
                    Message::OpenInEditor(file_path.clone()),
                ));
                col = col.push(menu_item(
                    "Open in default program",
                    Message::OpenInDefaultProgram(file_path.clone()),
                ));
                col = col.push(menu_item(
                    "Show in folder",
                    Message::ShowInFolder(file_path.clone()),
                ));

                col.into()
            }
        }

        None => Space::new().into(),
    }
}