4runr-os 2.3.8 → 2.4.0

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

@@ -5,6 +5,16 @@ 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 {
@@ -25,6 +35,9 @@ pub struct RunManagerState {
     
     /// 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)]
@@ -36,6 +49,14 @@ pub struct RunInfo {
     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)]
@@ -60,11 +81,11 @@ impl RunStatus {
     
     pub fn color(&self) -> Color {
         match self {
-            RunStatus::Pending => Color::Yellow,
-            RunStatus::Running => Color::Cyan,
-            RunStatus::Completed => Color::Green,
-            RunStatus::Failed => Color::Red,
-            RunStatus::Cancelled => Color::DarkGray,
+            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,
         }
     }
 }
@@ -129,6 +150,18 @@ impl Default for RunManagerState {
                     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(),
@@ -138,6 +171,18 @@ impl Default for RunManagerState {
                     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(),
@@ -147,6 +192,16 @@ impl Default for RunManagerState {
                     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,
@@ -154,6 +209,7 @@ impl Default for RunManagerState {
             sort: RunSort::DateDesc,
             loading: false,
             last_refresh: None,
+            detail_view: None,
         }
     }
 }
@@ -190,6 +246,27 @@ impl RunManagerState {
         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 {
@@ -234,23 +311,28 @@ pub fn render(f: &mut Frame, state: &AppState) {
     // Get run manager state from AppState
     let run_state = &state.run_manager;
     
-    // 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]);
+    // 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) {
@@ -259,22 +341,24 @@ fn render_header(f: &mut Frame, area: Rect, state: &RunManagerState) {
     
     let block = Block::default()
         .title(format!(
-            " Run Manager - {} ({}/{} runs) ",
+            " ⚡ Run Manager - {} ({}/{} runs) ",
             state.filter.as_str(),
             filtered_count,
             total_count
         ))
         .borders(Borders::ALL)
-        .border_style(Style::default().fg(Color::Green));
+        .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()))
+        .title(format!(" 📋 Runs (Sort: {}) ", state.sort.as_str()))
         .borders(Borders::ALL)
-        .border_style(Style::default().fg(Color::Green));
+        .border_style(Style::default().fg(CYBER_CYAN))
+        .style(Style::default().bg(BG_PANEL));
     
     let inner = block.inner(area);
     f.render_widget(block, area);
@@ -302,23 +386,39 @@ fn render_run_list(f: &mut Frame, area: Rect, state: &RunManagerState) {
         
         let duration_str = run.duration.as_deref().unwrap_or("--");
         
-        let line = format!(
-            "{} {} | {} | {} | {} | {}",
-            if is_selected { "▶" } else { " " },
-            run.status.as_str(),
-            run.name,
-            run.agent_name,
-            duration_str,
-            progress_bar
-        );
-        
-        let style = if is_selected {
-            Style::default().fg(Color::Yellow).bold()
-        } else {
-            Style::default().fg(run.status.color())
-        };
+        // 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).style(style)
+        ListItem::new(line)
     }).collect();
     
     let list = List::new(items);
@@ -327,9 +427,10 @@ fn render_run_list(f: &mut Frame, area: Rect, state: &RunManagerState) {
 
 fn render_details_panel(f: &mut Frame, area: Rect, state: &RunManagerState) {
     let block = Block::default()
-        .title(" Run Details ")
+        .title(" 🔍 Run Details ")
         .borders(Borders::ALL)
-        .border_style(Style::default().fg(Color::Green));
+        .border_style(Style::default().fg(NEON_GREEN))
+        .style(Style::default().bg(BG_PANEL));
     
     let inner = block.inner(area);
     f.render_widget(block, area);
@@ -337,24 +438,24 @@ fn render_details_panel(f: &mut Frame, area: Rect, state: &RunManagerState) {
     if let Some(run) = state.selected_run() {
         let text = vec![
             Line::from(vec![
-                Span::raw("ID: "),
-                Span::styled(&run.id, Style::default().fg(Color::Yellow)),
+                Span::styled("ID: ", Style::default().fg(TEXT_DIM)),
+                Span::styled(&run.id, Style::default().fg(AMBER_WARN)),
             ]),
             Line::from(vec![
-                Span::raw("Name: "),
-                Span::styled(&run.name, Style::default().fg(Color::Cyan)),
+                Span::styled("Name: ", Style::default().fg(TEXT_DIM)),
+                Span::styled(&run.name, Style::default().fg(TEXT_PRIMARY).bold()),
             ]),
             Line::from(vec![
-                Span::raw("Agent: "),
-                Span::styled(&run.agent_name, Style::default().fg(Color::Cyan)),
+                Span::styled("Agent: ", Style::default().fg(TEXT_DIM)),
+                Span::styled(&run.agent_name, Style::default().fg(CYBER_CYAN)),
             ]),
             Line::from(vec![
-                Span::raw("Status: "),
-                Span::styled(run.status.as_str(), Style::default().fg(run.status.color())),
+                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::raw("Started: "),
-                Span::styled(&run.started_at, Style::default().fg(Color::DarkGray)),
+                Span::styled("Started: ", Style::default().fg(TEXT_DIM)),
+                Span::styled(&run.started_at, Style::default().fg(TEXT_MUTED)),
             ]),
         ];
         
@@ -362,39 +463,213 @@ fn render_details_panel(f: &mut Frame, area: Rect, state: &RunManagerState) {
         f.render_widget(paragraph, inner);
     } else {
         let text = Paragraph::new("No run selected")
-            .style(Style::default().fg(Color::DarkGray))
+            .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 ")
+        .title(" ⌨️  Actions ")
         .borders(Borders::ALL)
-        .border_style(Style::default().fg(Color::DarkGray));
+        .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::raw("↑/↓ Select  |  "),
-        Span::styled("F", Style::default().fg(Color::Yellow)),
-        Span::raw(" Filter  |  "),
-        Span::styled("S", Style::default().fg(Color::Yellow)),
-        Span::raw(" Sort  |  "),
-        Span::styled("R", Style::default().fg(Color::Yellow)),
-        Span::raw(" Refresh  |  "),
-        Span::styled("C", Style::default().fg(Color::Yellow)),
-        Span::raw(" Cancel  |  "),
-        Span::styled("D", Style::default().fg(Color::Yellow)),
-        Span::raw(" Delete  |  "),
-        Span::styled("ESC", Style::default().fg(Color::Red)),
-        Span::raw(" Close"),
+        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(Color::DarkGray))
+        .style(Style::default().fg(TEXT_PRIMARY))
         .alignment(Alignment::Center);
     
     f.render_widget(paragraph, inner);