4runr-os 2.4.0 → 2.4.2

package/mk3-tui/src/ui/run_manager.rs

@@ -1,676 +1,676 @@
-/// Run Manager Screen
-/// View, filter, and manage agent runs
-
-use ratatui::prelude::*;
-use ratatui::widgets::{Block, Borders, Paragraph, Wrap, List, ListItem};
-use crate::app::AppState;
-
-// === 4RUNR BRAND COLORS (matching layout.rs) ===
-const BRAND_PURPLE: Color = Color::Rgb(138, 43, 226);
-const CYBER_CYAN: Color = Color::Rgb(0, 255, 255);
-const NEON_GREEN: Color = Color::Rgb(57, 255, 20);
-const AMBER_WARN: Color = Color::Rgb(255, 191, 0);
-const TEXT_PRIMARY: Color = Color::Rgb(230, 230, 240);
-const TEXT_DIM: Color = Color::Rgb(100, 100, 120);
-const TEXT_MUTED: Color = Color::Rgb(60, 60, 80);
-const BG_PANEL: Color = Color::Rgb(18, 18, 25);
-
-/// Run Manager state
-#[derive(Debug, Clone)]
-pub struct RunManagerState {
-    /// List of runs
-    pub runs: Vec<RunInfo>,
-    
-    /// Selected run index
-    pub selected_index: usize,
-    
-    /// Filter state
-    pub filter: RunFilter,
-    
-    /// Sort state
-    pub sort: RunSort,
-    
-    /// Loading state
-    pub loading: bool,
-    
-    /// Last refresh time
-    pub last_refresh: Option<std::time::Instant>,
-    
-    /// Detailed view state (None = list view, Some(index) = detail view)
-    pub detail_view: Option<usize>,
-}
-
-#[derive(Debug, Clone)]
-pub struct RunInfo {
-    pub id: String,
-    pub name: String,
-    pub agent_name: String,
-    pub status: RunStatus,
-    pub started_at: String,
-    pub duration: Option<String>,
-    pub progress: Option<f32>,  // 0.0-1.0
-    
-    // Extended details
-    pub input_tokens: Option<u32>,
-    pub output_tokens: Option<u32>,
-    pub total_cost: Option<f64>,
-    pub model: Option<String>,
-    pub error_message: Option<String>,
-    pub logs: Vec<String>,
-}
-
-#[derive(Debug, Clone, PartialEq)]
-pub enum RunStatus {
-    Pending,
-    Running,
-    Completed,
-    Failed,
-    Cancelled,
-}
-
-impl RunStatus {
-    pub fn as_str(&self) -> &str {
-        match self {
-            RunStatus::Pending => "PENDING",
-            RunStatus::Running => "RUNNING",
-            RunStatus::Completed => "COMPLETED",
-            RunStatus::Failed => "FAILED",
-            RunStatus::Cancelled => "CANCELLED",
-        }
-    }
-    
-    pub fn color(&self) -> Color {
-        match self {
-            RunStatus::Pending => AMBER_WARN,
-            RunStatus::Running => CYBER_CYAN,
-            RunStatus::Completed => NEON_GREEN,
-            RunStatus::Failed => Color::Rgb(255, 69, 69), // Bright red
-            RunStatus::Cancelled => TEXT_DIM,
-        }
-    }
-}
-
-#[derive(Debug, Clone, PartialEq)]
-pub enum RunFilter {
-    All,
-    Active,      // Pending + Running
-    Completed,
-    Failed,
-}
-
-impl RunFilter {
-    pub fn as_str(&self) -> &str {
-        match self {
-            RunFilter::All => "All",
-            RunFilter::Active => "Active",
-            RunFilter::Completed => "Completed",
-            RunFilter::Failed => "Failed",
-        }
-    }
-    
-    pub fn matches(&self, status: &RunStatus) -> bool {
-        match self {
-            RunFilter::All => true,
-            RunFilter::Active => matches!(status, RunStatus::Pending | RunStatus::Running),
-            RunFilter::Completed => matches!(status, RunStatus::Completed),
-            RunFilter::Failed => matches!(status, RunStatus::Failed),
-        }
-    }
-}
-
-#[derive(Debug, Clone, PartialEq)]
-pub enum RunSort {
-    DateDesc,    // Newest first
-    DateAsc,     // Oldest first
-    Status,
-    Agent,
-}
-
-impl RunSort {
-    pub fn as_str(&self) -> &str {
-        match self {
-            RunSort::DateDesc => "Date ↓",
-            RunSort::DateAsc => "Date ↑",
-            RunSort::Status => "Status",
-            RunSort::Agent => "Agent",
-        }
-    }
-}
-
-impl Default for RunManagerState {
-    fn default() -> Self {
-        Self {
-            runs: vec![
-                // Mock data for testing
-                RunInfo {
-                    id: "run-001".to_string(),
-                    name: "Data Analysis Task".to_string(),
-                    agent_name: "data-analyst".to_string(),
-                    status: RunStatus::Running,
-                    started_at: "2m ago".to_string(),
-                    duration: Some("2m 15s".to_string()),
-                    progress: Some(0.65),
-                    input_tokens: Some(1250),
-                    output_tokens: Some(850),
-                    total_cost: Some(0.0315),
-                    model: Some("gpt-4-turbo".to_string()),
-                    error_message: None,
-                    logs: vec![
-                        "[00:00] Run started".to_string(),
-                        "[00:15] Loading data from source...".to_string(),
-                        "[00:45] Processing 1,234 records...".to_string(),
-                        "[01:30] Analyzing patterns...".to_string(),
-                        "[02:15] Generating insights...".to_string(),
-                    ],
-                },
-                RunInfo {
-                    id: "run-002".to_string(),
-                    name: "Code Review".to_string(),
-                    agent_name: "code-reviewer".to_string(),
-                    status: RunStatus::Completed,
-                    started_at: "15m ago".to_string(),
-                    duration: Some("3m 42s".to_string()),
-                    progress: Some(1.0),
-                    input_tokens: Some(3200),
-                    output_tokens: Some(1800),
-                    total_cost: Some(0.075),
-                    model: Some("gpt-4".to_string()),
-                    error_message: None,
-                    logs: vec![
-                        "[00:00] Run started".to_string(),
-                        "[00:30] Analyzing code structure...".to_string(),
-                        "[01:45] Checking for issues...".to_string(),
-                        "[02:30] Generating recommendations...".to_string(),
-                        "[03:42] Review complete".to_string(),
-                    ],
-                },
-                RunInfo {
-                    id: "run-003".to_string(),
-                    name: "Document Generation".to_string(),
-                    agent_name: "writer".to_string(),
-                    status: RunStatus::Failed,
-                    started_at: "1h ago".to_string(),
-                    duration: Some("1m 05s".to_string()),
-                    progress: Some(0.25),
-                    input_tokens: Some(450),
-                    output_tokens: Some(120),
-                    total_cost: Some(0.0086),
-                    model: Some("gpt-3.5-turbo".to_string()),
-                    error_message: Some("API rate limit exceeded".to_string()),
-                    logs: vec![
-                        "[00:00] Run started".to_string(),
-                        "[00:30] Loading template...".to_string(),
-                        "[01:05] ERROR: API rate limit exceeded".to_string(),
-                    ],
-                },
-            ],
-            selected_index: 0,
-            filter: RunFilter::All,
-            sort: RunSort::DateDesc,
-            loading: false,
-            last_refresh: None,
-            detail_view: None,
-        }
-    }
-}
-
-impl RunManagerState {
-    /// Get filtered and sorted runs
-    pub fn filtered_runs(&self) -> Vec<&RunInfo> {
-        let mut runs: Vec<&RunInfo> = self.runs.iter()
-            .filter(|r| self.filter.matches(&r.status))
-            .collect();
-        
-        // Sort
-        match self.sort {
-            RunSort::DateDesc => {
-                // Already in desc order (newest first)
-            }
-            RunSort::DateAsc => {
-                runs.reverse();
-            }
-            RunSort::Status => {
-                runs.sort_by_key(|r| r.status.as_str());
-            }
-            RunSort::Agent => {
-                runs.sort_by_key(|r| &r.agent_name);
-            }
-        }
-        
-        runs
-    }
-    
-    /// Get currently selected run
-    pub fn selected_run(&self) -> Option<&RunInfo> {
-        let filtered = self.filtered_runs();
-        filtered.get(self.selected_index).copied()
-    }
-    
-    /// Toggle detail view for selected run
-    pub fn toggle_detail_view(&mut self) {
-        if self.detail_view.is_some() {
-            // Close detail view
-            self.detail_view = None;
-        } else {
-            // Open detail view for selected run
-            self.detail_view = Some(self.selected_index);
-        }
-    }
-    
-    /// Close detail view
-    pub fn close_detail_view(&mut self) {
-        self.detail_view = None;
-    }
-    
-    /// Check if in detail view
-    pub fn is_detail_view(&self) -> bool {
-        self.detail_view.is_some()
-    }
-    
-    /// Move selection up
-    pub fn select_previous(&mut self) {
-        if self.selected_index > 0 {
-            self.selected_index -= 1;
-        }
-    }
-    
-    /// Move selection down
-    pub fn select_next(&mut self) {
-        let filtered_count = self.filtered_runs().len();
-        if self.selected_index + 1 < filtered_count {
-            self.selected_index += 1;
-        }
-    }
-    
-    /// Cycle to next filter
-    pub fn next_filter(&mut self) {
-        self.filter = match self.filter {
-            RunFilter::All => RunFilter::Active,
-            RunFilter::Active => RunFilter::Completed,
-            RunFilter::Completed => RunFilter::Failed,
-            RunFilter::Failed => RunFilter::All,
-        };
-        self.selected_index = 0;  // Reset selection
-    }
-    
-    /// Cycle to next sort
-    pub fn next_sort(&mut self) {
-        self.sort = match self.sort {
-            RunSort::DateDesc => RunSort::DateAsc,
-            RunSort::DateAsc => RunSort::Status,
-            RunSort::Status => RunSort::Agent,
-            RunSort::Agent => RunSort::DateDesc,
-        };
-    }
-}
-
-/// Render the Run Manager screen
-pub fn render(f: &mut Frame, state: &AppState) {
-    let area = f.size();
-    
-    // Get run manager state from AppState
-    let run_state = &state.run_manager;
-    
-    // Check if in detail view
-    if run_state.is_detail_view() {
-        render_detail_view(f, area, run_state);
-    } else {
-        // Split screen into sections
-        use ratatui::layout::{Constraint, Direction, Layout};
-        
-        let chunks = Layout::default()
-            .direction(Direction::Vertical)
-            .constraints([
-                Constraint::Length(3),   // Header
-                Constraint::Min(10),     // Run list
-                Constraint::Length(8),   // Details panel
-                Constraint::Length(3),   // Actions
-            ])
-            .split(area);
-        
-        render_header(f, chunks[0], run_state);
-        render_run_list(f, chunks[1], run_state);
-        render_details_panel(f, chunks[2], run_state);
-        render_actions(f, chunks[3]);
-    }
-}
-
-fn render_header(f: &mut Frame, area: Rect, state: &RunManagerState) {
-    let filtered_count = state.filtered_runs().len();
-    let total_count = state.runs.len();
-    
-    let block = Block::default()
-        .title(format!(
-            " ⚡ Run Manager - {} ({}/{} runs) ",
-            state.filter.as_str(),
-            filtered_count,
-            total_count
-        ))
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(BRAND_PURPLE))
-        .style(Style::default().bg(BG_PANEL));
-    
-    f.render_widget(block, area);
-}
-
-fn render_run_list(f: &mut Frame, area: Rect, state: &RunManagerState) {
-    let block = Block::default()
-        .title(format!(" 📋 Runs (Sort: {}) ", state.sort.as_str()))
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(CYBER_CYAN))
-        .style(Style::default().bg(BG_PANEL));
-    
-    let inner = block.inner(area);
-    f.render_widget(block, area);
-    
-    let filtered_runs = state.filtered_runs();
-    
-    if filtered_runs.is_empty() {
-        let text = Paragraph::new("No runs found")
-            .style(Style::default().fg(Color::DarkGray))
-            .alignment(Alignment::Center);
-        f.render_widget(text, inner);
-        return;
-    }
-    
-    let items: Vec<ListItem> = filtered_runs.iter().enumerate().map(|(i, run)| {
-        let is_selected = i == state.selected_index;
-        
-        let progress_bar = if let Some(progress) = run.progress {
-            let filled = (progress * 20.0) as usize;
-            let empty = 20 - filled;
-            format!("[{}{}]", "█".repeat(filled), "░".repeat(empty))
-        } else {
-            "[░░░░░░░░░░░░░░░░░░░░]".to_string()
-        };
-        
-        let duration_str = run.duration.as_deref().unwrap_or("--");
-        
-        // Build line with colored spans
-        let line = Line::from(vec![
-            Span::styled(
-                if is_selected { "▶ " } else { "  " },
-                Style::default().fg(BRAND_PURPLE).bold()
-            ),
-            Span::styled(
-                format!("{:<10}", run.status.as_str()),
-                Style::default().fg(run.status.color()).bold()
-            ),
-            Span::styled(" │ ", Style::default().fg(TEXT_DIM)),
-            Span::styled(
-                format!("{:<20}", run.name),
-                Style::default().fg(if is_selected { CYBER_CYAN } else { TEXT_PRIMARY }).bold()
-            ),
-            Span::styled(" │ ", Style::default().fg(TEXT_DIM)),
-            Span::styled(
-                format!("{:<15}", run.agent_name),
-                Style::default().fg(TEXT_DIM)
-            ),
-            Span::styled(" │ ", Style::default().fg(TEXT_DIM)),
-            Span::styled(
-                format!("{:>8}", duration_str),
-                Style::default().fg(TEXT_MUTED)
-            ),
-            Span::raw(" "),
-            Span::styled(
-                progress_bar,
-                Style::default().fg(if run.progress.unwrap_or(0.0) > 0.5 { NEON_GREEN } else { AMBER_WARN })
-            ),
-        ]);
-        
-        ListItem::new(line)
-    }).collect();
-    
-    let list = List::new(items);
-    f.render_widget(list, inner);
-}
-
-fn render_details_panel(f: &mut Frame, area: Rect, state: &RunManagerState) {
-    let block = Block::default()
-        .title(" 🔍 Run Details ")
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(NEON_GREEN))
-        .style(Style::default().bg(BG_PANEL));
-    
-    let inner = block.inner(area);
-    f.render_widget(block, area);
-    
-    if let Some(run) = state.selected_run() {
-        let text = vec![
-            Line::from(vec![
-                Span::styled("ID: ", Style::default().fg(TEXT_DIM)),
-                Span::styled(&run.id, Style::default().fg(AMBER_WARN)),
-            ]),
-            Line::from(vec![
-                Span::styled("Name: ", Style::default().fg(TEXT_DIM)),
-                Span::styled(&run.name, Style::default().fg(TEXT_PRIMARY).bold()),
-            ]),
-            Line::from(vec![
-                Span::styled("Agent: ", Style::default().fg(TEXT_DIM)),
-                Span::styled(&run.agent_name, Style::default().fg(CYBER_CYAN)),
-            ]),
-            Line::from(vec![
-                Span::styled("Status: ", Style::default().fg(TEXT_DIM)),
-                Span::styled(run.status.as_str(), Style::default().fg(run.status.color()).bold()),
-            ]),
-            Line::from(vec![
-                Span::styled("Started: ", Style::default().fg(TEXT_DIM)),
-                Span::styled(&run.started_at, Style::default().fg(TEXT_MUTED)),
-            ]),
-        ];
-        
-        let paragraph = Paragraph::new(text).wrap(Wrap { trim: false });
-        f.render_widget(paragraph, inner);
-    } else {
-        let text = Paragraph::new("No run selected")
-            .style(Style::default().fg(TEXT_DIM))
-            .alignment(Alignment::Center);
-        f.render_widget(text, inner);
-    }
-}
-
-fn render_detail_view(f: &mut Frame, area: Rect, state: &RunManagerState) {
-    use ratatui::layout::{Constraint, Direction, Layout};
-    
-    // Split into header, content, and footer
-    let chunks = Layout::default()
-        .direction(Direction::Vertical)
-        .constraints([
-            Constraint::Length(3),   // Header
-            Constraint::Min(10),     // Content
-            Constraint::Length(3),   // Footer
-        ])
-        .split(area);
-    
-    // Get the selected run
-    let run = match state.selected_run() {
-        Some(r) => r,
-        None => {
-            let block = Block::default()
-                .title(" Run Details ")
-                .borders(Borders::ALL)
-                .border_style(Style::default().fg(TEXT_DIM));
-            f.render_widget(block, area);
-            return;
-        }
-    };
-    
-    // Header
-    let header_block = Block::default()
-        .title(format!(" 📊 Run Details - {} ", run.name))
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(BRAND_PURPLE))
-        .style(Style::default().bg(BG_PANEL));
-    f.render_widget(header_block, chunks[0]);
-    
-    // Content - split into left (info) and right (logs)
-    let content_chunks = Layout::default()
-        .direction(Direction::Horizontal)
-        .constraints([
-            Constraint::Percentage(40),  // Info
-            Constraint::Percentage(60),  // Logs
-        ])
-        .split(chunks[1]);
-    
-    // Left: Run Info
-    let info_block = Block::default()
-        .title(" ℹ️  Information ")
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(CYBER_CYAN))
-        .style(Style::default().bg(BG_PANEL));
-    
-    let info_inner = info_block.inner(content_chunks[0]);
-    f.render_widget(info_block, content_chunks[0]);
-    
-    let mut info_lines = vec![
-        Line::from(""),
-        Line::from(vec![
-            Span::styled("ID: ", Style::default().fg(TEXT_DIM)),
-            Span::styled(&run.id, Style::default().fg(TEXT_PRIMARY)),
-        ]),
-        Line::from(vec![
-            Span::styled("Agent: ", Style::default().fg(TEXT_DIM)),
-            Span::styled(&run.agent_name, Style::default().fg(CYBER_CYAN).bold()),
-        ]),
-        Line::from(vec![
-            Span::styled("Status: ", Style::default().fg(TEXT_DIM)),
-            Span::styled(run.status.as_str(), Style::default().fg(run.status.color()).bold()),
-        ]),
-        Line::from(""),
-        Line::from(vec![
-            Span::styled("Started: ", Style::default().fg(TEXT_DIM)),
-            Span::styled(&run.started_at, Style::default().fg(TEXT_PRIMARY)),
-        ]),
-        Line::from(vec![
-            Span::styled("Duration: ", Style::default().fg(TEXT_DIM)),
-            Span::styled(run.duration.as_deref().unwrap_or("--"), Style::default().fg(TEXT_PRIMARY)),
-        ]),
-        Line::from(""),
-    ];
-    
-    // Add model info if available
-    if let Some(model) = &run.model {
-        info_lines.push(Line::from(vec![
-            Span::styled("Model: ", Style::default().fg(TEXT_DIM)),
-            Span::styled(model, Style::default().fg(TEXT_PRIMARY)),
-        ]));
-    }
-    
-    // Add token usage if available
-    if let (Some(input), Some(output)) = (run.input_tokens, run.output_tokens) {
-        info_lines.push(Line::from(""));
-        info_lines.push(Line::from("Token Usage:").style(Style::default().fg(NEON_GREEN).bold()));
-        info_lines.push(Line::from(vec![
-            Span::styled("  Input: ", Style::default().fg(TEXT_DIM)),
-            Span::styled(format!("{}", input), Style::default().fg(TEXT_PRIMARY)),
-        ]));
-        info_lines.push(Line::from(vec![
-            Span::styled("  Output: ", Style::default().fg(TEXT_DIM)),
-            Span::styled(format!("{}", output), Style::default().fg(TEXT_PRIMARY)),
-        ]));
-        info_lines.push(Line::from(vec![
-            Span::styled("  Total: ", Style::default().fg(TEXT_DIM)),
-            Span::styled(format!("{}", input + output), Style::default().fg(NEON_GREEN).bold()),
-        ]));
-    }
-    
-    // Add cost if available
-    if let Some(cost) = run.total_cost {
-        info_lines.push(Line::from(""));
-        info_lines.push(Line::from(vec![
-            Span::styled("Cost: ", Style::default().fg(TEXT_DIM)),
-            Span::styled(format!("${:.4}", cost), Style::default().fg(AMBER_WARN).bold()),
-        ]));
-    }
-    
-    // Add error if present
-    if let Some(error) = &run.error_message {
-        info_lines.push(Line::from(""));
-        info_lines.push(Line::from("Error:").style(Style::default().fg(Color::Rgb(255, 69, 69)).bold()));
-        info_lines.push(Line::from(format!("  {}", error)).style(Style::default().fg(Color::Rgb(255, 69, 69))));
-    }
-    
-    let info_paragraph = Paragraph::new(info_lines)
-        .wrap(Wrap { trim: false });
-    f.render_widget(info_paragraph, info_inner);
-    
-    // Right: Logs
-    let logs_block = Block::default()
-        .title(" 📜 Execution Logs ")
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(NEON_GREEN))
-        .style(Style::default().bg(BG_PANEL));
-    
-    let logs_inner = logs_block.inner(content_chunks[1]);
-    f.render_widget(logs_block, content_chunks[1]);
-    
-    let log_lines: Vec<Line> = if run.logs.is_empty() {
-        vec![
-            Line::from(""),
-            Line::from("No logs available").style(Style::default().fg(TEXT_DIM)),
-        ]
-    } else {
-        run.logs.iter().map(|log| {
-            Line::from(log.as_str()).style(Style::default().fg(TEXT_PRIMARY))
-        }).collect()
-    };
-    
-    let logs_paragraph = Paragraph::new(log_lines)
-        .wrap(Wrap { trim: false });
-    f.render_widget(logs_paragraph, logs_inner);
-    
-    // Footer
-    let footer_block = Block::default()
-        .title(" ⌨️  Actions ")
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(TEXT_DIM))
-        .style(Style::default().bg(BG_PANEL));
-    
-    let footer_inner = footer_block.inner(chunks[2]);
-    f.render_widget(footer_block, chunks[2]);
-    
-    let footer_text = Line::from(vec![
-        Span::styled("ESC/Enter", Style::default().fg(BRAND_PURPLE).bold()),
-        Span::styled(" Back to List  │  ", Style::default().fg(TEXT_DIM)),
-        Span::styled("R", Style::default().fg(NEON_GREEN).bold()),
-        Span::styled(" Refresh", Style::default().fg(TEXT_DIM)),
-    ]);
-    
-    let footer_paragraph = Paragraph::new(footer_text)
-        .alignment(Alignment::Center);
-    f.render_widget(footer_paragraph, footer_inner);
-}
-
-fn render_actions(f: &mut Frame, area: Rect) {
-    let block = Block::default()
-        .title(" ⌨️  Actions ")
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(TEXT_DIM))
-        .style(Style::default().bg(BG_PANEL));
-    
-    let inner = block.inner(area);
-    f.render_widget(block, area);
-    
-    let text = Line::from(vec![
-        Span::styled("↑/↓", Style::default().fg(CYBER_CYAN).bold()),
-        Span::styled(" Select  │  ", Style::default().fg(TEXT_DIM)),
-        Span::styled("F", Style::default().fg(AMBER_WARN).bold()),
-        Span::styled(" Filter  │  ", Style::default().fg(TEXT_DIM)),
-        Span::styled("S", Style::default().fg(AMBER_WARN).bold()),
-        Span::styled(" Sort  │  ", Style::default().fg(TEXT_DIM)),
-        Span::styled("R", Style::default().fg(NEON_GREEN).bold()),
-        Span::styled(" Refresh  │  ", Style::default().fg(TEXT_DIM)),
-        Span::styled("C", Style::default().fg(Color::Rgb(255, 69, 69)).bold()),
-        Span::styled(" Cancel  │  ", Style::default().fg(TEXT_DIM)),
-        Span::styled("D", Style::default().fg(Color::Rgb(255, 69, 69)).bold()),
-        Span::styled(" Delete  │  ", Style::default().fg(TEXT_DIM)),
-        Span::styled("ESC", Style::default().fg(BRAND_PURPLE).bold()),
-        Span::styled(" Close", Style::default().fg(TEXT_DIM)),
-    ]);
-    
-    let paragraph = Paragraph::new(text)
-        .style(Style::default().fg(TEXT_PRIMARY))
-        .alignment(Alignment::Center);
-    
-    f.render_widget(paragraph, inner);
-}
+/// Run Manager Screen
+/// View, filter, and manage agent runs
+
+use ratatui::prelude::*;
+use ratatui::widgets::{Block, Borders, Paragraph, Wrap, List, ListItem};
+use crate::app::AppState;
+
+// === 4RUNR BRAND COLORS (matching layout.rs) ===
+const BRAND_PURPLE: Color = Color::Rgb(138, 43, 226);
+const CYBER_CYAN: Color = Color::Rgb(0, 255, 255);
+const NEON_GREEN: Color = Color::Rgb(57, 255, 20);
+const AMBER_WARN: Color = Color::Rgb(255, 191, 0);
+const TEXT_PRIMARY: Color = Color::Rgb(230, 230, 240);
+const TEXT_DIM: Color = Color::Rgb(100, 100, 120);
+const TEXT_MUTED: Color = Color::Rgb(60, 60, 80);
+const BG_PANEL: Color = Color::Rgb(18, 18, 25);
+
+/// Run Manager state
+#[derive(Debug, Clone)]
+pub struct RunManagerState {
+    /// List of runs
+    pub runs: Vec<RunInfo>,
+    
+    /// Selected run index
+    pub selected_index: usize,
+    
+    /// Filter state
+    pub filter: RunFilter,
+    
+    /// Sort state
+    pub sort: RunSort,
+    
+    /// Loading state
+    pub loading: bool,
+    
+    /// Last refresh time
+    pub last_refresh: Option<std::time::Instant>,
+    
+    /// Detailed view state (None = list view, Some(index) = detail view)
+    pub detail_view: Option<usize>,
+}
+
+#[derive(Debug, Clone)]
+pub struct RunInfo {
+    pub id: String,
+    pub name: String,
+    pub agent_name: String,
+    pub status: RunStatus,
+    pub started_at: String,
+    pub duration: Option<String>,
+    pub progress: Option<f32>,  // 0.0-1.0
+    
+    // Extended details
+    pub input_tokens: Option<u32>,
+    pub output_tokens: Option<u32>,
+    pub total_cost: Option<f64>,
+    pub model: Option<String>,
+    pub error_message: Option<String>,
+    pub logs: Vec<String>,
+}
+
+#[derive(Debug, Clone, PartialEq)]
+pub enum RunStatus {
+    Pending,
+    Running,
+    Completed,
+    Failed,
+    Cancelled,
+}
+
+impl RunStatus {
+    pub fn as_str(&self) -> &str {
+        match self {
+            RunStatus::Pending => "PENDING",
+            RunStatus::Running => "RUNNING",
+            RunStatus::Completed => "COMPLETED",
+            RunStatus::Failed => "FAILED",
+            RunStatus::Cancelled => "CANCELLED",
+        }
+    }
+    
+    pub fn color(&self) -> Color {
+        match self {
+            RunStatus::Pending => AMBER_WARN,
+            RunStatus::Running => CYBER_CYAN,
+            RunStatus::Completed => NEON_GREEN,
+            RunStatus::Failed => Color::Rgb(255, 69, 69), // Bright red
+            RunStatus::Cancelled => TEXT_DIM,
+        }
+    }
+}
+
+#[derive(Debug, Clone, PartialEq)]
+pub enum RunFilter {
+    All,
+    Active,      // Pending + Running
+    Completed,
+    Failed,
+}
+
+impl RunFilter {
+    pub fn as_str(&self) -> &str {
+        match self {
+            RunFilter::All => "All",
+            RunFilter::Active => "Active",
+            RunFilter::Completed => "Completed",
+            RunFilter::Failed => "Failed",
+        }
+    }
+    
+    pub fn matches(&self, status: &RunStatus) -> bool {
+        match self {
+            RunFilter::All => true,
+            RunFilter::Active => matches!(status, RunStatus::Pending | RunStatus::Running),
+            RunFilter::Completed => matches!(status, RunStatus::Completed),
+            RunFilter::Failed => matches!(status, RunStatus::Failed),
+        }
+    }
+}
+
+#[derive(Debug, Clone, PartialEq)]
+pub enum RunSort {
+    DateDesc,    // Newest first
+    DateAsc,     // Oldest first
+    Status,
+    Agent,
+}
+
+impl RunSort {
+    pub fn as_str(&self) -> &str {
+        match self {
+            RunSort::DateDesc => "Date ↓",
+            RunSort::DateAsc => "Date ↑",
+            RunSort::Status => "Status",
+            RunSort::Agent => "Agent",
+        }
+    }
+}
+
+impl Default for RunManagerState {
+    fn default() -> Self {
+        Self {
+            runs: vec![
+                // Mock data for testing
+                RunInfo {
+                    id: "run-001".to_string(),
+                    name: "Data Analysis Task".to_string(),
+                    agent_name: "data-analyst".to_string(),
+                    status: RunStatus::Running,
+                    started_at: "2m ago".to_string(),
+                    duration: Some("2m 15s".to_string()),
+                    progress: Some(0.65),
+                    input_tokens: Some(1250),
+                    output_tokens: Some(850),
+                    total_cost: Some(0.0315),
+                    model: Some("gpt-4-turbo".to_string()),
+                    error_message: None,
+                    logs: vec![
+                        "[00:00] Run started".to_string(),
+                        "[00:15] Loading data from source...".to_string(),
+                        "[00:45] Processing 1,234 records...".to_string(),
+                        "[01:30] Analyzing patterns...".to_string(),
+                        "[02:15] Generating insights...".to_string(),
+                    ],
+                },
+                RunInfo {
+                    id: "run-002".to_string(),
+                    name: "Code Review".to_string(),
+                    agent_name: "code-reviewer".to_string(),
+                    status: RunStatus::Completed,
+                    started_at: "15m ago".to_string(),
+                    duration: Some("3m 42s".to_string()),
+                    progress: Some(1.0),
+                    input_tokens: Some(3200),
+                    output_tokens: Some(1800),
+                    total_cost: Some(0.075),
+                    model: Some("gpt-4".to_string()),
+                    error_message: None,
+                    logs: vec![
+                        "[00:00] Run started".to_string(),
+                        "[00:30] Analyzing code structure...".to_string(),
+                        "[01:45] Checking for issues...".to_string(),
+                        "[02:30] Generating recommendations...".to_string(),
+                        "[03:42] Review complete".to_string(),
+                    ],
+                },
+                RunInfo {
+                    id: "run-003".to_string(),
+                    name: "Document Generation".to_string(),
+                    agent_name: "writer".to_string(),
+                    status: RunStatus::Failed,
+                    started_at: "1h ago".to_string(),
+                    duration: Some("1m 05s".to_string()),
+                    progress: Some(0.25),
+                    input_tokens: Some(450),
+                    output_tokens: Some(120),
+                    total_cost: Some(0.0086),
+                    model: Some("gpt-3.5-turbo".to_string()),
+                    error_message: Some("API rate limit exceeded".to_string()),
+                    logs: vec![
+                        "[00:00] Run started".to_string(),
+                        "[00:30] Loading template...".to_string(),
+                        "[01:05] ERROR: API rate limit exceeded".to_string(),
+                    ],
+                },
+            ],
+            selected_index: 0,
+            filter: RunFilter::All,
+            sort: RunSort::DateDesc,
+            loading: false,
+            last_refresh: None,
+            detail_view: None,
+        }
+    }
+}
+
+impl RunManagerState {
+    /// Get filtered and sorted runs
+    pub fn filtered_runs(&self) -> Vec<&RunInfo> {
+        let mut runs: Vec<&RunInfo> = self.runs.iter()
+            .filter(|r| self.filter.matches(&r.status))
+            .collect();
+        
+        // Sort
+        match self.sort {
+            RunSort::DateDesc => {
+                // Already in desc order (newest first)
+            }
+            RunSort::DateAsc => {
+                runs.reverse();
+            }
+            RunSort::Status => {
+                runs.sort_by_key(|r| r.status.as_str());
+            }
+            RunSort::Agent => {
+                runs.sort_by_key(|r| &r.agent_name);
+            }
+        }
+        
+        runs
+    }
+    
+    /// Get currently selected run
+    pub fn selected_run(&self) -> Option<&RunInfo> {
+        let filtered = self.filtered_runs();
+        filtered.get(self.selected_index).copied()
+    }
+    
+    /// Toggle detail view for selected run
+    pub fn toggle_detail_view(&mut self) {
+        if self.detail_view.is_some() {
+            // Close detail view
+            self.detail_view = None;
+        } else {
+            // Open detail view for selected run
+            self.detail_view = Some(self.selected_index);
+        }
+    }
+    
+    /// Close detail view
+    pub fn close_detail_view(&mut self) {
+        self.detail_view = None;
+    }
+    
+    /// Check if in detail view
+    pub fn is_detail_view(&self) -> bool {
+        self.detail_view.is_some()
+    }
+    
+    /// Move selection up
+    pub fn select_previous(&mut self) {
+        if self.selected_index > 0 {
+            self.selected_index -= 1;
+        }
+    }
+    
+    /// Move selection down
+    pub fn select_next(&mut self) {
+        let filtered_count = self.filtered_runs().len();
+        if self.selected_index + 1 < filtered_count {
+            self.selected_index += 1;
+        }
+    }
+    
+    /// Cycle to next filter
+    pub fn next_filter(&mut self) {
+        self.filter = match self.filter {
+            RunFilter::All => RunFilter::Active,
+            RunFilter::Active => RunFilter::Completed,
+            RunFilter::Completed => RunFilter::Failed,
+            RunFilter::Failed => RunFilter::All,
+        };
+        self.selected_index = 0;  // Reset selection
+    }
+    
+    /// Cycle to next sort
+    pub fn next_sort(&mut self) {
+        self.sort = match self.sort {
+            RunSort::DateDesc => RunSort::DateAsc,
+            RunSort::DateAsc => RunSort::Status,
+            RunSort::Status => RunSort::Agent,
+            RunSort::Agent => RunSort::DateDesc,
+        };
+    }
+}
+
+/// Render the Run Manager screen
+pub fn render(f: &mut Frame, state: &AppState) {
+    let area = f.size();
+    
+    // Get run manager state from AppState
+    let run_state = &state.run_manager;
+    
+    // Check if in detail view
+    if run_state.is_detail_view() {
+        render_detail_view(f, area, run_state);
+    } else {
+        // Split screen into sections
+        use ratatui::layout::{Constraint, Direction, Layout};
+        
+        let chunks = Layout::default()
+            .direction(Direction::Vertical)
+            .constraints([
+                Constraint::Length(3),   // Header
+                Constraint::Min(10),     // Run list
+                Constraint::Length(8),   // Details panel
+                Constraint::Length(3),   // Actions
+            ])
+            .split(area);
+        
+        render_header(f, chunks[0], run_state);
+        render_run_list(f, chunks[1], run_state);
+        render_details_panel(f, chunks[2], run_state);
+        render_actions(f, chunks[3]);
+    }
+}
+
+fn render_header(f: &mut Frame, area: Rect, state: &RunManagerState) {
+    let filtered_count = state.filtered_runs().len();
+    let total_count = state.runs.len();
+    
+    let block = Block::default()
+        .title(format!(
+            " ⚡ Run Manager - {} ({}/{} runs) ",
+            state.filter.as_str(),
+            filtered_count,
+            total_count
+        ))
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(BRAND_PURPLE))
+        .style(Style::default().bg(BG_PANEL));
+    
+    f.render_widget(block, area);
+}
+
+fn render_run_list(f: &mut Frame, area: Rect, state: &RunManagerState) {
+    let block = Block::default()
+        .title(format!(" 📋 Runs (Sort: {}) ", state.sort.as_str()))
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(CYBER_CYAN))
+        .style(Style::default().bg(BG_PANEL));
+    
+    let inner = block.inner(area);
+    f.render_widget(block, area);
+    
+    let filtered_runs = state.filtered_runs();
+    
+    if filtered_runs.is_empty() {
+        let text = Paragraph::new("No runs found")
+            .style(Style::default().fg(Color::DarkGray))
+            .alignment(Alignment::Center);
+        f.render_widget(text, inner);
+        return;
+    }
+    
+    let items: Vec<ListItem> = filtered_runs.iter().enumerate().map(|(i, run)| {
+        let is_selected = i == state.selected_index;
+        
+        let progress_bar = if let Some(progress) = run.progress {
+            let filled = (progress * 20.0) as usize;
+            let empty = 20 - filled;
+            format!("[{}{}]", "█".repeat(filled), "░".repeat(empty))
+        } else {
+            "[░░░░░░░░░░░░░░░░░░░░]".to_string()
+        };
+        
+        let duration_str = run.duration.as_deref().unwrap_or("--");
+        
+        // Build line with colored spans
+        let line = Line::from(vec![
+            Span::styled(
+                if is_selected { "▶ " } else { "  " },
+                Style::default().fg(BRAND_PURPLE).bold()
+            ),
+            Span::styled(
+                format!("{:<10}", run.status.as_str()),
+                Style::default().fg(run.status.color()).bold()
+            ),
+            Span::styled(" │ ", Style::default().fg(TEXT_DIM)),
+            Span::styled(
+                format!("{:<20}", run.name),
+                Style::default().fg(if is_selected { CYBER_CYAN } else { TEXT_PRIMARY }).bold()
+            ),
+            Span::styled(" │ ", Style::default().fg(TEXT_DIM)),
+            Span::styled(
+                format!("{:<15}", run.agent_name),
+                Style::default().fg(TEXT_DIM)
+            ),
+            Span::styled(" │ ", Style::default().fg(TEXT_DIM)),
+            Span::styled(
+                format!("{:>8}", duration_str),
+                Style::default().fg(TEXT_MUTED)
+            ),
+            Span::raw(" "),
+            Span::styled(
+                progress_bar,
+                Style::default().fg(if run.progress.unwrap_or(0.0) > 0.5 { NEON_GREEN } else { AMBER_WARN })
+            ),
+        ]);
+        
+        ListItem::new(line)
+    }).collect();
+    
+    let list = List::new(items);
+    f.render_widget(list, inner);
+}
+
+fn render_details_panel(f: &mut Frame, area: Rect, state: &RunManagerState) {
+    let block = Block::default()
+        .title(" 🔍 Run Details ")
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(NEON_GREEN))
+        .style(Style::default().bg(BG_PANEL));
+    
+    let inner = block.inner(area);
+    f.render_widget(block, area);
+    
+    if let Some(run) = state.selected_run() {
+        let text = vec![
+            Line::from(vec![
+                Span::styled("ID: ", Style::default().fg(TEXT_DIM)),
+                Span::styled(&run.id, Style::default().fg(AMBER_WARN)),
+            ]),
+            Line::from(vec![
+                Span::styled("Name: ", Style::default().fg(TEXT_DIM)),
+                Span::styled(&run.name, Style::default().fg(TEXT_PRIMARY).bold()),
+            ]),
+            Line::from(vec![
+                Span::styled("Agent: ", Style::default().fg(TEXT_DIM)),
+                Span::styled(&run.agent_name, Style::default().fg(CYBER_CYAN)),
+            ]),
+            Line::from(vec![
+                Span::styled("Status: ", Style::default().fg(TEXT_DIM)),
+                Span::styled(run.status.as_str(), Style::default().fg(run.status.color()).bold()),
+            ]),
+            Line::from(vec![
+                Span::styled("Started: ", Style::default().fg(TEXT_DIM)),
+                Span::styled(&run.started_at, Style::default().fg(TEXT_MUTED)),
+            ]),
+        ];
+        
+        let paragraph = Paragraph::new(text).wrap(Wrap { trim: false });
+        f.render_widget(paragraph, inner);
+    } else {
+        let text = Paragraph::new("No run selected")
+            .style(Style::default().fg(TEXT_DIM))
+            .alignment(Alignment::Center);
+        f.render_widget(text, inner);
+    }
+}
+
+fn render_detail_view(f: &mut Frame, area: Rect, state: &RunManagerState) {
+    use ratatui::layout::{Constraint, Direction, Layout};
+    
+    // Split into header, content, and footer
+    let chunks = Layout::default()
+        .direction(Direction::Vertical)
+        .constraints([
+            Constraint::Length(3),   // Header
+            Constraint::Min(10),     // Content
+            Constraint::Length(3),   // Footer
+        ])
+        .split(area);
+    
+    // Get the selected run
+    let run = match state.selected_run() {
+        Some(r) => r,
+        None => {
+            let block = Block::default()
+                .title(" Run Details ")
+                .borders(Borders::ALL)
+                .border_style(Style::default().fg(TEXT_DIM));
+            f.render_widget(block, area);
+            return;
+        }
+    };
+    
+    // Header
+    let header_block = Block::default()
+        .title(format!(" 📊 Run Details - {} ", run.name))
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(BRAND_PURPLE))
+        .style(Style::default().bg(BG_PANEL));
+    f.render_widget(header_block, chunks[0]);
+    
+    // Content - split into left (info) and right (logs)
+    let content_chunks = Layout::default()
+        .direction(Direction::Horizontal)
+        .constraints([
+            Constraint::Percentage(40),  // Info
+            Constraint::Percentage(60),  // Logs
+        ])
+        .split(chunks[1]);
+    
+    // Left: Run Info
+    let info_block = Block::default()
+        .title(" ℹ️  Information ")
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(CYBER_CYAN))
+        .style(Style::default().bg(BG_PANEL));
+    
+    let info_inner = info_block.inner(content_chunks[0]);
+    f.render_widget(info_block, content_chunks[0]);
+    
+    let mut info_lines = vec![
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("ID: ", Style::default().fg(TEXT_DIM)),
+            Span::styled(&run.id, Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(vec![
+            Span::styled("Agent: ", Style::default().fg(TEXT_DIM)),
+            Span::styled(&run.agent_name, Style::default().fg(CYBER_CYAN).bold()),
+        ]),
+        Line::from(vec![
+            Span::styled("Status: ", Style::default().fg(TEXT_DIM)),
+            Span::styled(run.status.as_str(), Style::default().fg(run.status.color()).bold()),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("Started: ", Style::default().fg(TEXT_DIM)),
+            Span::styled(&run.started_at, Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(vec![
+            Span::styled("Duration: ", Style::default().fg(TEXT_DIM)),
+            Span::styled(run.duration.as_deref().unwrap_or("--"), Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+    ];
+    
+    // Add model info if available
+    if let Some(model) = &run.model {
+        info_lines.push(Line::from(vec![
+            Span::styled("Model: ", Style::default().fg(TEXT_DIM)),
+            Span::styled(model, Style::default().fg(TEXT_PRIMARY)),
+        ]));
+    }
+    
+    // Add token usage if available
+    if let (Some(input), Some(output)) = (run.input_tokens, run.output_tokens) {
+        info_lines.push(Line::from(""));
+        info_lines.push(Line::from("Token Usage:").style(Style::default().fg(NEON_GREEN).bold()));
+        info_lines.push(Line::from(vec![
+            Span::styled("  Input: ", Style::default().fg(TEXT_DIM)),
+            Span::styled(format!("{}", input), Style::default().fg(TEXT_PRIMARY)),
+        ]));
+        info_lines.push(Line::from(vec![
+            Span::styled("  Output: ", Style::default().fg(TEXT_DIM)),
+            Span::styled(format!("{}", output), Style::default().fg(TEXT_PRIMARY)),
+        ]));
+        info_lines.push(Line::from(vec![
+            Span::styled("  Total: ", Style::default().fg(TEXT_DIM)),
+            Span::styled(format!("{}", input + output), Style::default().fg(NEON_GREEN).bold()),
+        ]));
+    }
+    
+    // Add cost if available
+    if let Some(cost) = run.total_cost {
+        info_lines.push(Line::from(""));
+        info_lines.push(Line::from(vec![
+            Span::styled("Cost: ", Style::default().fg(TEXT_DIM)),
+            Span::styled(format!("${:.4}", cost), Style::default().fg(AMBER_WARN).bold()),
+        ]));
+    }
+    
+    // Add error if present
+    if let Some(error) = &run.error_message {
+        info_lines.push(Line::from(""));
+        info_lines.push(Line::from("Error:").style(Style::default().fg(Color::Rgb(255, 69, 69)).bold()));
+        info_lines.push(Line::from(format!("  {}", error)).style(Style::default().fg(Color::Rgb(255, 69, 69))));
+    }
+    
+    let info_paragraph = Paragraph::new(info_lines)
+        .wrap(Wrap { trim: false });
+    f.render_widget(info_paragraph, info_inner);
+    
+    // Right: Logs
+    let logs_block = Block::default()
+        .title(" 📜 Execution Logs ")
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(NEON_GREEN))
+        .style(Style::default().bg(BG_PANEL));
+    
+    let logs_inner = logs_block.inner(content_chunks[1]);
+    f.render_widget(logs_block, content_chunks[1]);
+    
+    let log_lines: Vec<Line> = if run.logs.is_empty() {
+        vec![
+            Line::from(""),
+            Line::from("No logs available").style(Style::default().fg(TEXT_DIM)),
+        ]
+    } else {
+        run.logs.iter().map(|log| {
+            Line::from(log.as_str()).style(Style::default().fg(TEXT_PRIMARY))
+        }).collect()
+    };
+    
+    let logs_paragraph = Paragraph::new(log_lines)
+        .wrap(Wrap { trim: false });
+    f.render_widget(logs_paragraph, logs_inner);
+    
+    // Footer
+    let footer_block = Block::default()
+        .title(" ⌨️  Actions ")
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(TEXT_DIM))
+        .style(Style::default().bg(BG_PANEL));
+    
+    let footer_inner = footer_block.inner(chunks[2]);
+    f.render_widget(footer_block, chunks[2]);
+    
+    let footer_text = Line::from(vec![
+        Span::styled("ESC/Enter", Style::default().fg(BRAND_PURPLE).bold()),
+        Span::styled(" Back to List  │  ", Style::default().fg(TEXT_DIM)),
+        Span::styled("R", Style::default().fg(NEON_GREEN).bold()),
+        Span::styled(" Refresh", Style::default().fg(TEXT_DIM)),
+    ]);
+    
+    let footer_paragraph = Paragraph::new(footer_text)
+        .alignment(Alignment::Center);
+    f.render_widget(footer_paragraph, footer_inner);
+}
+
+fn render_actions(f: &mut Frame, area: Rect) {
+    let block = Block::default()
+        .title(" ⌨️  Actions ")
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(TEXT_DIM))
+        .style(Style::default().bg(BG_PANEL));
+    
+    let inner = block.inner(area);
+    f.render_widget(block, area);
+    
+    let text = Line::from(vec![
+        Span::styled("↑/↓", Style::default().fg(CYBER_CYAN).bold()),
+        Span::styled(" Select  │  ", Style::default().fg(TEXT_DIM)),
+        Span::styled("F", Style::default().fg(AMBER_WARN).bold()),
+        Span::styled(" Filter  │  ", Style::default().fg(TEXT_DIM)),
+        Span::styled("S", Style::default().fg(AMBER_WARN).bold()),
+        Span::styled(" Sort  │  ", Style::default().fg(TEXT_DIM)),
+        Span::styled("R", Style::default().fg(NEON_GREEN).bold()),
+        Span::styled(" Refresh  │  ", Style::default().fg(TEXT_DIM)),
+        Span::styled("C", Style::default().fg(Color::Rgb(255, 69, 69)).bold()),
+        Span::styled(" Cancel  │  ", Style::default().fg(TEXT_DIM)),
+        Span::styled("D", Style::default().fg(Color::Rgb(255, 69, 69)).bold()),
+        Span::styled(" Delete  │  ", Style::default().fg(TEXT_DIM)),
+        Span::styled("ESC", Style::default().fg(BRAND_PURPLE).bold()),
+        Span::styled(" Close", Style::default().fg(TEXT_DIM)),
+    ]);
+    
+    let paragraph = Paragraph::new(text)
+        .style(Style::default().fg(TEXT_PRIMARY))
+        .alignment(Alignment::Center);
+    
+    f.render_widget(paragraph, inner);
+}