feat: interactive picker functionality and ui

* feat: add interactive picker

Implement an interactive fuzzy finder picker component:
- Fuzzy matching with real-time filtering
- Keyboard navigation (↓/↑, Ctrl-n/p)
- Select with Enter, cancel with Esc/Ctrl-c
- Visual highlighting of matched characters

Co-Authored-By: Claude Sonnet 4.5 <noreply@anthropic.com>

* test: add picker UI tests and remove duplicates

- Add picker UI layout tests with snapshots
- Remove duplicate picker tests from src/tests/picker.rs
- Consolidate case-insensitive test into src/picker.rs
- Clean up 39 unreferenced snapshot files

* test(picker): add comprehensive tests for common use cases

Add tests covering generic picker functionality needed for branch
selection and similar use cases:

Logic tests (src/picker.rs):
- Scrolling through many items (20+)
- Navigation after filtering
- Custom input selection with state transitions
- Navigation with custom input at end of list

UI tests (src/ui/picker.rs):
- Scroll display at middle position
- Scroll display near end
- No matches display
- Filtered results with navigation

All tests are organized by category (basic → edge cases) and
placed next to related tests for better maintainability.

* feat(picker): make keybindings configurable

Add support for customizing picker keybindings through the config file.
Users can now configure next, previous, done, and cancel actions under
[bindings.picker] section in their config.toml.

* fix: update picker UI to use separator style from config

* test: update non_utf8_diff snapshot after merge

---------

Co-authored-by: Claude Sonnet 4.5 <noreply@anthropic.com>

Author: sei40kr

.pre-commit-config.yaml

@@ -0,0 +1 @@
+/nix/store/5jr06kaid73ilblgxp0njd5k35nxynnx-pre-commit-config.json

Cargo.lock

@@ -76,4 +76,5 @@ strum = { version = "0.26.3", features = ["strum_macros"] }
 tinyvec = "1.10.0"
 smashquote = "0.1.2"
 imara-diff = { version = "0.2.0", default-features = false }
+fuzzy-matcher = "0.3.7"
 url = "2.5.7"

Cargo.toml

@@ -38,6 +38,19 @@ Configuration is also loaded from:
 - Windows: `%USERPROFILE%\AppData\Roaming\gitu\config.toml`
 
 , refer to the [default configuration](src/default_config.toml).
+
+#### Picker Style Customization
+
+You can customize the appearance of the interactive picker by adding the following to your config:
+
+```toml
+[style.picker]
+prompt = { fg = "cyan" }                    # Prompt text color
+info = { mods = "DIM" }                     # Status line style (e.g., "3/10 matches")
+selection_line = { mods = "BOLD" }               # Selected item style
+matched = { fg = "yellow", mods = "BOLD" }  # Fuzzy-matched characters highlight
+```
+
 ### Installing Gitu
 Follow the install instructions: [Installing Gitu](docs/installing.md)\
 Or install from your package manager:

README.md

@@ -33,6 +33,8 @@ use crate::item_data::RefKind;
 use crate::menu::Menu;
 use crate::menu::PendingMenu;
 use crate::ops::Op;
+use crate::picker::PickerData;
+use crate::picker::PickerState;
 use crate::prompt;
 use crate::screen;
 use crate::screen::Screen;
@@ -52,6 +54,7 @@ pub(crate) struct State {
     enable_async_cmds: bool,
     pub current_cmd_log: CmdLog,
     pub prompt: prompt::Prompt,
+    pub picker: Option<PickerState>,
     pub clipboard: Option<Clipboard>,
     needs_redraw: bool,
     file_watcher: Option<FileWatcher>,
@@ -103,6 +106,7 @@ impl App {
                 pending_menu,
                 current_cmd_log: CmdLog::new(),
                 prompt: prompt::Prompt::new(),
+                picker: None,
                 clipboard,
                 file_watcher: None,
                 needs_redraw: true,
@@ -213,7 +217,9 @@ impl App {
                     self.state.current_cmd_log.clear();
                 }
 
-                if self.state.prompt.state.is_focused() {
+                if self.state.picker.is_some() {
+                    self.handle_picker_input(key);
+                } else if self.state.prompt.state.is_focused() {
                     self.state.prompt.state.handle_key_event(key);
                 } else {
                     self.handle_key_input(term, key)?;
@@ -618,6 +624,95 @@ impl App {
             self.redraw_now(term)?;
         }
     }
+
+    /// Show a picker and wait for user to select an item or cancel.
+    ///
+    /// Returns:
+    /// - `Ok(Some(data))` - User selected an item
+    /// - `Ok(None)` - User cancelled (Esc or Ctrl-C)
+    /// - `Err(e)` - An error occurred
+    ///
+    /// # Example
+    /// ```ignore
+    /// let items = vec![
+    ///     PickerItem::new("main", PickerData::Revision("main".to_string())),
+    ///     PickerItem::new("develop", PickerData::Revision("develop".to_string())),
+    /// ];
+    /// let picker = PickerState::new("Select branch", items, false);
+    ///
+    /// match app.picker(term, picker)? {
+    ///     Some(PickerData::Revision(name)) => {
+    ///         // User selected a branch
+    ///         println!("Selected: {}", name);
+    ///     }
+    ///     Some(PickerData::CustomInput(_)) => {
+    ///         // Should not happen when allow_custom_input is false
+    ///     }
+    ///     None => {
+    ///         // User cancelled
+    ///         println!("Cancelled");
+    ///     }
+    /// }
+    /// ```
+    #[allow(dead_code)]
+    pub fn picker(
+        &mut self,
+        term: &mut Term,
+        picker_state: PickerState,
+    ) -> Res<Option<PickerData>> {
+        self.state.picker = Some(picker_state);
+        let result = self.handle_picker(term);
+
+        self.state.picker = None;
+
+        result
+    }
+
+    fn handle_picker(&mut self, term: &mut Term) -> Res<Option<PickerData>> {
+        self.redraw_now(term)?;
+
+        loop {
+            let event = term.backend_mut().read_event()?;
+            self.handle_event(term, event)?;
+
+            if let Some(ref picker) = self.state.picker {
+                if picker.is_done() {
+                    // User selected an item
+                    return Ok(picker.selected().map(|item| item.data.clone()));
+                } else if picker.is_cancelled() {
+                    // User cancelled - this is not an error
+                    return Ok(None);
+                }
+            }
+
+            self.redraw_now(term)?;
+        }
+    }
+
+    fn handle_picker_input(&mut self, key: event::KeyEvent) {
+        if let Some(ref mut picker) = self.state.picker {
+            // The character received in the KeyEvent changes as shift is pressed,
+            // e.g. '/' becomes '?' on a US keyboard. So just ignore SHIFT.
+            let mods_without_shift = key.modifiers.difference(KeyModifiers::SHIFT);
+            let key_combo = vec![(mods_without_shift, key.code)];
+
+            let bindings = &self.state.config.picker_bindings;
+
+            if bindings.next.iter().any(|b| b == &key_combo) {
+                picker.next();
+            } else if bindings.previous.iter().any(|b| b == &key_combo) {
+                picker.previous();
+            } else if bindings.done.iter().any(|b| b == &key_combo) {
+                picker.done();
+            } else if bindings.cancel.iter().any(|b| b == &key_combo) {
+                picker.cancel();
+            } else {
+                // Text input - delegate to text state
+                picker.input_state.handle_key_event(key);
+                picker.update_filter();
+            }
+        }
+    }
 }
 
 fn get_prompt_result(params: &PromptParams, app: &mut App) -> Res<String> {

src/app.rs

@@ -1,6 +1,7 @@
 use std::{collections::BTreeMap, path::PathBuf};
 
-use crate::{Bindings, Res, error::Error, menu::Menu, ops::Op};
+use crate::{Bindings, Res, error::Error, key_parser, menu::Menu, ops::Op};
+use crossterm::event::{KeyCode, KeyModifiers};
 use etcetera::{BaseStrategy, choose_base_strategy};
 use figment::{
     Figment,
@@ -15,6 +16,27 @@ pub struct Config {
     pub general: GeneralConfig,
     pub style: StyleConfig,
     pub bindings: Bindings,
+    pub picker_bindings: PickerBindings,
+}
+
+#[derive(Default, Deserialize)]
+pub(crate) struct PickerBindingsConfig {
+    #[serde(default)]
+    pub next: Vec<String>,
+    #[serde(default)]
+    pub previous: Vec<String>,
+    #[serde(default)]
+    pub done: Vec<String>,
+    #[serde(default)]
+    pub cancel: Vec<String>,
+}
+
+#[derive(Default, Deserialize)]
+pub(crate) struct BindingsConfig {
+    #[serde(flatten)]
+    pub menus: BTreeMap<Menu, BTreeMap<Op, Vec<String>>>,
+    #[serde(default)]
+    pub picker: PickerBindingsConfig,
 }
 
 #[derive(Default, Deserialize)]
@@ -23,7 +45,7 @@ pub struct Config {
 pub(crate) struct FigmentConfig {
     pub general: GeneralConfig,
     pub style: StyleConfig,
-    pub bindings: BTreeMap<Menu, BTreeMap<Op, Vec<String>>>,
+    pub bindings: BindingsConfig,
 }
 
 #[derive(Default, Debug, Deserialize)]
@@ -78,6 +100,9 @@ pub struct StyleConfig {
     #[serde(default)]
     pub syntax_highlight: SyntaxHighlightConfig,
 
+    #[serde(default)]
+    pub picker: PickerStyleConfig,
+
     pub cursor: SymbolStyleConfigEntry,
     pub selection_bar: SymbolStyleConfigEntry,
     pub selection_line: StyleConfigEntry,
@@ -170,6 +195,18 @@ pub struct SyntaxHighlightConfig {
     pub variable_parameter: StyleConfigEntry,
 }
 
+#[derive(Default, Debug, Deserialize)]
+pub struct PickerStyleConfig {
+    #[serde(default)]
+    pub prompt: StyleConfigEntry,
+    #[serde(default)]
+    pub info: StyleConfigEntry,
+    #[serde(default)]
+    pub selection_line: StyleConfigEntry,
+    #[serde(default)]
+    pub matched: StyleConfigEntry,
+}
+
 #[derive(Default, Debug, Deserialize)]
 pub struct StyleConfigEntry {
     #[serde(default)]
@@ -216,6 +253,55 @@ impl From<&SymbolStyleConfigEntry> for Style {
     }
 }
 
+pub struct PickerBindings {
+    pub next: Vec<Vec<(KeyModifiers, KeyCode)>>,
+    pub previous: Vec<Vec<(KeyModifiers, KeyCode)>>,
+    pub done: Vec<Vec<(KeyModifiers, KeyCode)>>,
+    pub cancel: Vec<Vec<(KeyModifiers, KeyCode)>>,
+}
+
+impl TryFrom<PickerBindingsConfig> for PickerBindings {
+    type Error = crate::error::Error;
+
+    fn try_from(config: PickerBindingsConfig) -> Result<Self, Self::Error> {
+        let mut bad_bindings = Vec::new();
+
+        let next = parse_picker_keys(&config.next, "picker.next", &mut bad_bindings);
+        let previous = parse_picker_keys(&config.previous, "picker.previous", &mut bad_bindings);
+        let done = parse_picker_keys(&config.done, "picker.done", &mut bad_bindings);
+        let cancel = parse_picker_keys(&config.cancel, "picker.cancel", &mut bad_bindings);
+
+        if !bad_bindings.is_empty() {
+            return Err(Error::Bindings { bad_key_bindings: bad_bindings });
+        }
+
+        Ok(Self {
+            next,
+            previous,
+            done,
+            cancel,
+        })
+    }
+}
+
+fn parse_picker_keys(
+    raw_keys: &[String],
+    action_name: &str,
+    bad_bindings: &mut Vec<String>,
+) -> Vec<Vec<(KeyModifiers, KeyCode)>> {
+    raw_keys
+        .iter()
+        .filter_map(|keys| {
+            if let Ok(("", parsed)) = key_parser::parse_config_keys(keys) {
+                Some(parsed)
+            } else {
+                bad_bindings.push(format!("- {} = {}", action_name, keys));
+                None
+            }
+        })
+        .collect()
+}
+
 pub fn init_config(path: Option<PathBuf>) -> Res<Config> {
     let config_path = path.unwrap_or_else(config_path);
 
@@ -228,19 +314,21 @@ pub fn init_config(path: Option<PathBuf>) -> Res<Config> {
     let FigmentConfig {
         general,
         style,
-        bindings: raw_bindings,
+        bindings: bindings_config,
     } = Figment::new()
         .merge(Toml::string(DEFAULT_CONFIG))
         .merge(Toml::file(config_path))
         .extract()
         .map_err(Box::new)
         .map_err(Error::Config)?;
-    let bindings = Bindings::try_from(raw_bindings)?;
+    let bindings = Bindings::try_from(bindings_config.menus)?;
+    let picker_bindings = PickerBindings::try_from(bindings_config.picker)?;
 
     Ok(Config {
         general,
         style,
         bindings,
+        picker_bindings,
     })
 }
 
@@ -256,7 +344,7 @@ pub(crate) fn init_test_config() -> Res<Config> {
     let FigmentConfig {
         mut general,
         style,
-        bindings: raw_bindings,
+        bindings: bindings_config,
     } = Figment::new()
         .merge(Toml::string(DEFAULT_CONFIG))
         .extract()
@@ -269,7 +357,8 @@ pub(crate) fn init_test_config() -> Res<Config> {
     Ok(Config {
         general,
         style,
-        bindings: Bindings::try_from(raw_bindings).unwrap(),
+        bindings: Bindings::try_from(bindings_config.menus).unwrap(),
+        picker_bindings: PickerBindings::try_from(bindings_config.picker).unwrap(),
     })
 }
 

src/config.rs

@@ -83,6 +83,11 @@ syntax_highlight.type_builtin = { fg = "yellow" }
 syntax_highlight.variable_builtin = {}
 syntax_highlight.variable_parameter = {}
 
+picker.prompt = { fg = "cyan" }
+picker.info = { mods = "DIM" }
+picker.selection_line = { mods = "BOLD" }
+picker.matched = { fg = "yellow", mods = "BOLD" }
+
 cursor = { symbol = "▌", fg = "blue" }
 selection_bar = { symbol = "▌", fg = "blue", mods = "DIM" }
 selection_line = { mods = "BOLD" }
@@ -227,3 +232,8 @@ stash_menu.stash_pop = ["p"]
 stash_menu.stash_apply = ["a"]
 stash_menu.stash_drop = ["k"]
 stash_menu.quit = ["q", "esc"]
+
+picker.next = ["down", "ctrl+n"]
+picker.previous = ["up", "ctrl+p"]
+picker.done = ["enter"]
+picker.cancel = ["esc", "ctrl+c"]