feat(tui-components): add ColorScheme and migrate Toast/SelectionList with dynamic theming

- Add color_scheme.rs with customizable ColorScheme struct (dark/light themes)
- Migrate Toast component with ColorScheme support and with_colors() builder
- Add SelectionList component with navigation, search, shortcuts, and ColorScheme
- Centralize ROUNDED_BORDER from 5 files to single import
- Fix compilation errors (unstable feature, platform deps, unsafe extern)
- Fix brain animation FPS (4 -> 120 FPS) on welcome screen
- Update spinner styles (Breathing, HalfCircle)
- Update checkbox symbol [x] -> [✓]
- Update key_hints separator and styling

Author: Factory Bot

Cargo.lock

@@ -24,9 +24,6 @@ tracing = { workspace = true }
 serde = { workspace = true }
 serde_json = { workspace = true }
 
-[target.'cfg(unix)'.dependencies]
-libc = "0.2"
-
 # Markdown rendering dependencies
 opentui-syntax = { workspace = true }
 opentui-text = { workspace = true }
@@ -37,6 +34,9 @@ ahash = { workspace = true }
 tree-sitter = { workspace = true }
 tree-sitter-bash = { workspace = true }
 
+[target.'cfg(unix)'.dependencies]
+libc = "0.2"
+
 [dev-dependencies]
 tokio-test = { workspace = true }
 

cortex-core/Cargo.toml

@@ -306,6 +306,8 @@ fn preview_spinner() -> String {
     ascii.push_str("Loading indicators with various styles.\n\n");
 
     let styles = [
+        (SpinnerStyle::Breathing, "Breathing (default)"),
+        (SpinnerStyle::HalfCircle, "HalfCircle (tools)"),
         (SpinnerStyle::Dots, "Dots"),
         (SpinnerStyle::Line, "Line"),
         (SpinnerStyle::Braille, "Braille"),
@@ -319,7 +321,7 @@ fn preview_spinner() -> String {
 
         ascii.push_str(&format!("**{}:**\n", name));
         ascii.push_str("```\n");
-        ascii.push_str(&render_to_ascii(&spinner, 25, 1));
+        ascii.push_str(&render_to_ascii(&spinner, 35, 1));
         ascii.push_str("```\n\n");
     }
 

cortex-tui-capture/src/screenshot_generator.rs

@@ -99,7 +99,7 @@ impl Widget for &CheckboxGroup {
             }
 
             let is_focused = i == self.focused;
-            let checkbox = if item.checked { "[x]" } else { "[ ]" };
+            let checkbox = if item.checked { "[✓]" } else { "[ ]" };
 
             let style = if item.disabled {
                 Style::default().fg(TEXT_DIM)

cortex-tui-components/examples/dump_previews.rs

@@ -0,0 +1,168 @@
+//! Color Scheme for customizable TUI components.
+//!
+//! Provides a flexible color configuration that can be customized
+//! or use sensible defaults from cortex-core.
+
+use cortex_core::style::{
+    CYAN_PRIMARY, ERROR, INFO, SUCCESS, SURFACE_0, SURFACE_1, TEXT, TEXT_DIM, TEXT_MUTED, VOID,
+    WARNING,
+};
+use ratatui::style::Color;
+
+/// A flexible color scheme for TUI components.
+///
+/// All components in cortex-tui-components can be customized with this scheme.
+/// Use `Default::default()` for the standard Cortex theme.
+#[derive(Debug, Clone, Copy)]
+pub struct ColorScheme {
+    /// Primary accent color (selection, focus, highlights)
+    pub accent: Color,
+    /// Normal text color
+    pub text: Color,
+    /// Secondary/dimmed text color
+    pub text_dim: Color,
+    /// Muted/disabled text color
+    pub text_muted: Color,
+    /// Primary background/surface color
+    pub surface: Color,
+    /// Alternative background color
+    pub surface_alt: Color,
+    /// Inverted/void color (for text on accent backgrounds)
+    pub void: Color,
+    /// Success indicator color
+    pub success: Color,
+    /// Warning indicator color
+    pub warning: Color,
+    /// Error indicator color
+    pub error: Color,
+    /// Info indicator color
+    pub info: Color,
+}
+
+impl Default for ColorScheme {
+    fn default() -> Self {
+        Self {
+            accent: CYAN_PRIMARY,
+            text: TEXT,
+            text_dim: TEXT_DIM,
+            text_muted: TEXT_MUTED,
+            surface: SURFACE_0,
+            surface_alt: SURFACE_1,
+            void: VOID,
+            success: SUCCESS,
+            warning: WARNING,
+            error: ERROR,
+            info: INFO,
+        }
+    }
+}
+
+impl ColorScheme {
+    /// Creates a new color scheme with all colors specified.
+    pub fn new(
+        accent: Color,
+        text: Color,
+        text_dim: Color,
+        text_muted: Color,
+        surface: Color,
+        surface_alt: Color,
+        void: Color,
+        success: Color,
+        warning: Color,
+        error: Color,
+        info: Color,
+    ) -> Self {
+        Self {
+            accent,
+            text,
+            text_dim,
+            text_muted,
+            surface,
+            surface_alt,
+            void,
+            success,
+            warning,
+            error,
+            info,
+        }
+    }
+
+    /// Creates a color scheme with a custom accent color.
+    pub fn with_accent(mut self, accent: Color) -> Self {
+        self.accent = accent;
+        self
+    }
+
+    /// Creates a color scheme with custom text colors.
+    pub fn with_text(mut self, text: Color, dim: Color, muted: Color) -> Self {
+        self.text = text;
+        self.text_dim = dim;
+        self.text_muted = muted;
+        self
+    }
+
+    /// Creates a color scheme with custom surface colors.
+    pub fn with_surface(mut self, surface: Color, alt: Color) -> Self {
+        self.surface = surface;
+        self.surface_alt = alt;
+        self
+    }
+
+    /// Creates a color scheme with custom status colors.
+    pub fn with_status(mut self, success: Color, warning: Color, error: Color, info: Color) -> Self {
+        self.success = success;
+        self.warning = warning;
+        self.error = error;
+        self.info = info;
+        self
+    }
+
+    /// Creates a light theme color scheme.
+    pub fn light() -> Self {
+        Self {
+            accent: Color::Rgb(0, 150, 100),
+            text: Color::Rgb(30, 30, 30),
+            text_dim: Color::Rgb(100, 100, 100),
+            text_muted: Color::Rgb(150, 150, 150),
+            surface: Color::Rgb(255, 255, 255),
+            surface_alt: Color::Rgb(240, 240, 240),
+            void: Color::Rgb(255, 255, 255),
+            success: Color::Rgb(0, 150, 0),
+            warning: Color::Rgb(200, 150, 0),
+            error: Color::Rgb(200, 50, 50),
+            info: Color::Rgb(50, 100, 200),
+        }
+    }
+
+    /// Creates a dark theme color scheme (default Cortex theme).
+    pub fn dark() -> Self {
+        Self::default()
+    }
+}
+
+#[cfg(test)]
+mod tests {
+    use super::*;
+
+    #[test]
+    fn test_default_scheme() {
+        let scheme = ColorScheme::default();
+        assert_eq!(scheme.accent, CYAN_PRIMARY);
+        assert_eq!(scheme.text, TEXT);
+    }
+
+    #[test]
+    fn test_with_accent() {
+        let scheme = ColorScheme::default().with_accent(Color::Red);
+        assert_eq!(scheme.accent, Color::Red);
+    }
+
+    #[test]
+    fn test_light_theme() {
+        let scheme = ColorScheme::light();
+        // Light theme should have light surface
+        if let Color::Rgb(r, _, _) = scheme.surface {
+            assert!(r > 200);
+        }
+    }
+}

cortex-tui-components/src/checkbox.rs

@@ -47,7 +47,7 @@ impl KeyHintsBar {
     pub fn new() -> Self {
         Self {
             hints: Vec::new(),
-            separator: "  ".to_string(),
+            separator: " · ".to_string(), // Middle dot separator like main TUI
         }
     }
 
@@ -88,8 +88,8 @@ impl KeyHintsBar {
             if i > 0 {
                 width += self.separator.len();
             }
-            // Format: [key] description
-            width += 1 + hint.key.len() + 1 + 1 + hint.description.len();
+            // Format: key description (no brackets)
+            width += hint.key.len() + 1 + hint.description.len();
         }
         width
     }
@@ -102,7 +102,8 @@ impl KeyHintsBar {
         let mut current_width = 0;
 
         for hint in &self.hints {
-            let hint_width = 1 + hint.key.len() + 1 + 1 + hint.description.len();
+            // No brackets: key + space + description
+            let hint_width = hint.key.len() + 1 + hint.description.len();
             let needed = if result.is_empty() {
                 hint_width
             } else {
@@ -145,15 +146,14 @@ impl Widget for KeyHintsBar {
         }
 
         let key_style = Style::default().fg(CYAN_PRIMARY).bg(SURFACE_1);
-        let bracket_style = Style::default().fg(TEXT_DIM).bg(SURFACE_1);
-        let desc_style = Style::default().fg(TEXT).bg(SURFACE_1);
+        let desc_style = Style::default().fg(TEXT_DIM).bg(SURFACE_1);
         let sep_style = Style::default().fg(TEXT_DIM).bg(SURFACE_1);
 
         let mut x = area.x + 1;
 
         for (i, hint) in hints.iter().enumerate() {
             if i > 0 {
-                // Separator
+                // Separator (middle dot style like main TUI)
                 for ch in self.separator.chars() {
                     if x < area.right() {
                         if let Some(cell) = buf.cell_mut((x, area.y)) {
@@ -164,15 +164,7 @@ impl Widget for KeyHintsBar {
                 }
             }
 
-            // Opening bracket
-            if x < area.right() {
-                if let Some(cell) = buf.cell_mut((x, area.y)) {
-                    cell.set_char('[').set_style(bracket_style);
-                }
-                x += 1;
-            }
-
-            // Key
+            // Key (no brackets, like main TUI)
             for ch in hint.key.chars() {
                 if x < area.right() {
                     if let Some(cell) = buf.cell_mut((x, area.y)) {
@@ -182,14 +174,6 @@ impl Widget for KeyHintsBar {
                 }
             }
 
-            // Closing bracket
-            if x < area.right() {
-                if let Some(cell) = buf.cell_mut((x, area.y)) {
-                    cell.set_char(']').set_style(bracket_style);
-                }
-                x += 1;
-            }
-
             // Space
             if x < area.right() {
                 if let Some(cell) = buf.cell_mut((x, area.y)) {

cortex-tui-components/src/color_scheme.rs

@@ -113,6 +113,7 @@
 pub mod borders;
 pub mod card;
 pub mod checkbox;
+pub mod color_scheme;
 pub mod component;
 pub mod dropdown;
 pub mod focus;
@@ -125,6 +126,7 @@ pub mod panel;
 pub mod popup;
 pub mod radio;
 pub mod scroll;
+pub mod selection_list;
 pub mod selector;
 pub mod spinner;
 pub mod text;
@@ -139,6 +141,7 @@ pub mod prelude {
     pub use crate::borders::{BorderStyle, RoundedBorder};
     pub use crate::card::{Card, CardBuilder};
     pub use crate::checkbox::{CheckboxGroup, CheckboxItem};
+    pub use crate::color_scheme::ColorScheme;
     pub use crate::component::{Component, ComponentResult, FocusState};
     pub use crate::dropdown::{Dropdown, DropdownItem, DropdownPosition, DropdownState};
     pub use crate::focus::{FocusDirection, FocusManager};
@@ -151,10 +154,11 @@ pub mod prelude {
     pub use crate::popup::{Popup, PopupPosition};
     pub use crate::radio::{RadioGroup, RadioItem};
     pub use crate::scroll::{ScrollState, Scrollable};
+    pub use crate::selection_list::{SelectionItem, SelectionList, SelectionResult};
     pub use crate::selector::{SelectItem, SelectResult, Selector, SelectorState};
     pub use crate::spinner::{LoadingSpinner, SpinnerStyle};
     pub use crate::text::{StyledText, TextStyle};
-    pub use crate::toast::{Toast, ToastLevel, ToastManager};
+    pub use crate::toast::{Toast, ToastLevel, ToastManager, ToastPosition, ToastWidget};
 }
 
 // Re-export cortex-core style for convenience