gitkraft_gui/widgets/

header.rs

//! Top toolbar / header bar for the GitKraft main layout.
//!
//! Shows: repo name │ branch name │ fetch button │ toggle sidebar.

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

use crate::features::editor::editor_selector;
use crate::features::theme::view::theme_selector;
use crate::icons;
use crate::message::Message;
use crate::state::GitKraft;
use crate::theme;
use crate::view_utils;

/// Render the top toolbar row.
pub fn view(state: &GitKraft) -> Element<'_, Message> {
    let tab = state.active_tab();
    let c = state.colors();
    let dims = state.layout();
    let compact = dims.compact_toolbar;

    // ── Repo name ─────────────────────────────────────────────────────────
    let repo_icon = icon!(icons::FOLDER_OPEN, 14, c.accent);

    let repo_name = text(state.repo_display_name())
        .size(14)
        .color(c.text_primary)
        .wrapping(iced::widget::text::Wrapping::None);

    let separator = || text("|").size(14).color(c.border);

    // ── Branch indicator ──────────────────────────────────────────────────
    let branch_icon = icon!(icons::GIT_BRANCH, 14, c.green);

    let branch_name_str = tab.current_branch.as_deref().unwrap_or("(detached)");

    let branch_label = text(branch_name_str)
        .size(14)
        .color(c.text_primary)
        .wrapping(iced::widget::text::Wrapping::None);

    // ── Repo state badge (if not clean) ───────────────────────────────────
    let state_badge: Element<'_, Message> = if let Some(ref info) = tab.repo_info {
        if info.state != gitkraft_core::RepoState::Clean {
            text(format!(" [{}]", info.state))
                .size(12)
                .color(c.yellow)
                .into()
        } else {
            Space::new().into()
        }
    } else {
        Space::new().into()
    };

    // ── Fetch button ──────────────────────────────────────────────────────
    let fetch_icon = icon!(icons::CLOUD_ARROW_DOWN, 14, c.accent);

    let fetch_msg = (!tab.remotes.is_empty()).then_some(Message::Fetch);
    let fetch_btn = crate::view_utils::on_press_maybe(
        button(if compact {
            row![fetch_icon].align_y(Alignment::Center)
        } else {
            row![fetch_icon, Space::new().width(4), text("Fetch").size(12)]
                .align_y(Alignment::Center)
        })
        .padding([4, if compact { 8 } else { 10 }])
        .style(theme::toolbar_button),
        fetch_msg,
    );

    // ── Open another repo button ──────────────────────────────────────────
    let open_icon = icon!(icons::FOLDER_OPEN, 14, c.text_secondary);

    let open_btn = view_utils::toolbar_btn_adaptive(open_icon, "Open", Message::OpenRepo, compact);

    // ── Close repo button (return to welcome screen) ──────────────────────
    let close_icon = icon!(icons::X_CIRCLE, 14, c.text_secondary);

    let close_btn =
        view_utils::toolbar_btn_adaptive(close_icon, "Close", Message::CloseRepo, compact);

    // ── Toggle sidebar ────────────────────────────────────────────────────
    let sidebar_icon_char = if state.sidebar_expanded {
        icons::CHEVRON_LEFT
    } else {
        icons::CHEVRON_RIGHT
    };
    let sidebar_icon = icon!(sidebar_icon_char, 14, c.text_secondary);

    let sidebar_btn = button(sidebar_icon)
        .padding([4, 8])
        .style(theme::icon_button)
        .on_press(Message::ToggleSidebar);

    // ── Loading indicator ─────────────────────────────────────────────
    // Use FluxFrames::CORNERS from tui-spinner so both GUI and TUI share
    // the same symbol set — no duplication.
    let spinner_frame: String = {
        let frames = tui_spinner::FluxFrames::CORNERS; // &'static [char]
        let ch = frames[state.animation_tick as usize % frames.len()];
        ch.to_string()
    };

    let loading_indicator: Element<'_, Message> = if tab.is_loading {
        let spinner = text(spinner_frame)
            .size(14)
            .color(c.accent)
            .font(iced::Font::MONOSPACE);
        if compact {
            spinner.into()
        } else {
            row![
                spinner,
                iced::widget::Space::new().width(4),
                text("Loading…").size(12).color(c.yellow),
            ]
            .align_y(iced::Alignment::Center)
            .into()
        }
    } else {
        Space::new().into()
    };

    // ── Assemble ──────────────────────────────────────────────────────────
    let left_items = row![
        sidebar_btn,
        Space::new().width(8),
        repo_icon,
        Space::new().width(6),
        repo_name,
        Space::new().width(10),
        separator(),
        Space::new().width(10),
        branch_icon,
        Space::new().width(6),
        branch_label,
        state_badge,
        Space::new().width(10),
        separator(),
        Space::new().width(10),
        loading_indicator,
    ]
    .align_y(Alignment::Center);

    let theme_w = if compact { 140.0 } else { 180.0 };
    let mut right_items = row![
        fetch_btn,
        Space::new().width(4),
        open_btn,
        Space::new().width(4),
        close_btn,
    ]
    .align_y(Alignment::Center);
    if !dims.tiny_toolbar {
        right_items = right_items.push(Space::new().width(8)).push(theme_selector(
            state.current_theme_index,
            state.follow_system,
            theme_w,
        ));
    }
    if !dims.minimal_toolbar {
        right_items = right_items
            .push(Space::new().width(4))
            .push(editor_selector(&state.editor));
    }

    let toolbar = row![
        container(left_items).width(Length::Fill).clip(true),
        right_items,
    ]
    .align_y(Alignment::Center)
    .padding([
        if dims.compact_vertical { 2 } else { 6 },
        if compact { 8 } else { 12 },
    ])
    .width(Length::Fill);

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