4runr-os 2.6.4 → 2.6.6

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

@@ -1,341 +1,293 @@
-/// Agent List Screen
-/// View and manage AI agents
-
-use ratatui::prelude::*;
-use ratatui::widgets::{Block, Borders, Paragraph, Wrap, Table, Row, Cell};
-use crate::app::{AppState, AgentInfo};
-
-// === 4RUNR BRAND COLORS ===
-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 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);
-
-/// Render agent list screen
-pub fn render(f: &mut Frame, state: &AppState) {
-    let area = f.size();
-    
-    if state.agent_list.detail_view.is_some() {
-        // Render detail popup
-        render_detail_popup(f, area, state);
-    } else {
-        // Render list view
-        render_list_view(f, area, state);
-    }
-}
-
-fn render_list_view(f: &mut Frame, area: Rect, state: &AppState) {
-    use ratatui::layout::{Constraint, Direction, Layout};
-    
-    // Split into header, content, footer
-    let chunks = Layout::default()
-        .direction(Direction::Vertical)
-        .constraints([
-            Constraint::Length(3),  // Header
-            Constraint::Min(0),      // Content
-            Constraint::Length(3),  // Footer
-        ])
-        .split(area);
-    
-    // === HEADER ===
-    let agent_count = state.agent_list.agents.len();
-    let header_block = Block::default()
-        .title(format!(" 🤖 Agent List ", ))
-        .title_style(Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD))
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(CYBER_CYAN))
-        .style(Style::default().bg(BG_PANEL));
-    
-    let header_inner = header_block.inner(chunks[0]);
-    f.render_widget(header_block, chunks[0]);
-    
-    // Add count on the right side
-    let count_text = Line::from(vec![
-        Span::styled(format!("{} total", agent_count), Style::default().fg(TEXT_DIM)),
-    ]);
-    
-    f.render_widget(
-        Paragraph::new(count_text).alignment(Alignment::Right),
-        header_inner
-    );
-    
-    // === CONTENT: Agent Table ===
-    let content_block = Block::default()
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(TEXT_MUTED))
-        .style(Style::default().bg(BG_PANEL));
-    
-    let table_area = content_block.inner(chunks[1]);
-    f.render_widget(content_block, chunks[1]);
-    
-    if state.agent_list.agents.is_empty() {
-        // Show "No agents" message
-        f.render_widget(
-            Paragraph::new("No agents available.\n\nUse Agent Builder to create new agents.")
-                .style(Style::default().fg(TEXT_DIM))
-                .alignment(Alignment::Center),
-            table_area
-        );
-    } else {
-        // Create table rows
-        let rows: Vec<Row> = state.agent_list.agents.iter().enumerate().map(|(i, agent)| {
-            let is_selected = i == state.agent_list.selected_index;
-            let style = if is_selected {
-                Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)
-            } else {
-                Style::default().fg(TEXT_PRIMARY)
-            };
-            
-            let name = if is_selected {
-                format!("▶ {}", agent.name)
-            } else {
-                format!("  {}", agent.name)
-            };
-            
-            let desc = agent.description.as_deref().unwrap_or("No description");
-            let desc_display = if desc.is_empty() || desc == "No description" {
-                "—".to_string()
-            } else {
-                desc.chars().take(35).collect::<String>()
-            };
-            
-            let model_display = if agent.model.is_empty() || agent.model == "unknown" {
-                "—".to_string()
-            } else {
-                agent.model.chars().take(15).collect::<String>()
-            };
-            
-            let provider_display = if agent.provider.is_empty() || agent.provider == "unknown" {
-                "—".to_string()
-            } else {
-                agent.provider.chars().take(12).collect::<String>()
-            };
-            
-            Row::new(vec![
-                Cell::from(name).style(style),
-                Cell::from(desc_display).style(style),
-                Cell::from(model_display).style(style),
-                Cell::from(provider_display).style(style),
-            ])
-        }).collect();
-        
-        let table = Table::new(rows, [
-                Constraint::Percentage(25),
-                Constraint::Percentage(35),
-                Constraint::Percentage(20),
-                Constraint::Percentage(20),
-            ])
-            .header(Row::new(vec![
-                Cell::from("NAME").style(Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
-                Cell::from("DESCRIPTION").style(Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
-                Cell::from("MODEL").style(Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
-                Cell::from("PROVIDER").style(Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
-            ]))
-            .column_spacing(1)
-            .style(Style::default().fg(TEXT_PRIMARY));
-        
-        f.render_widget(table, table_area);
-    }
-    
-    // === FOOTER ===
-    let footer_text = Line::from(vec![
-        Span::styled("↑/↓", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
-        Span::styled(" Navigate", Style::default().fg(TEXT_PRIMARY)),
-        Span::styled("  │  ", Style::default().fg(TEXT_MUTED)),
-        Span::styled("Enter", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
-        Span::styled(" View Details", Style::default().fg(TEXT_PRIMARY)),
-        Span::styled("  │  ", Style::default().fg(TEXT_MUTED)),
-        Span::styled("ESC", Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD)),
-        Span::styled(" Close", Style::default().fg(TEXT_PRIMARY)),
-    ]);
-    
-    f.render_widget(
-        Paragraph::new(footer_text)
-            .alignment(Alignment::Center)
-            .style(Style::default().bg(BG_PANEL))
-            .block(Block::default().borders(Borders::ALL).border_style(Style::default().fg(TEXT_MUTED))),
-        chunks[2]
-    );
-}
-
-fn render_detail_popup(f: &mut Frame, area: Rect, state: &AppState) {
-    // Render full-screen dimmed overlay first
-    f.render_widget(
-        Block::default().style(Style::default().bg(Color::Black)),
-        area
-    );
-    
-    // Then render detail popup on top
-    let detail_index = state.agent_list.detail_view.unwrap();
-    if let Some(agent) = state.agent_list.agents.get(detail_index) {
-        render_agent_detail(f, area, agent);
-    }
-}
-
-fn render_agent_detail(f: &mut Frame, area: Rect, agent: &AgentInfo) {
-    use ratatui::layout::{Constraint, Direction, Layout};
-    
-    // Calculate popup size (65% width, 75% height, centered)
-    let popup_width = (area.width * 65 / 100).max(55);
-    let popup_height = (area.height * 75 / 100).max(18);
-    let popup_x = (area.width.saturating_sub(popup_width)) / 2;
-    let popup_y = (area.height.saturating_sub(popup_height)) / 2;
-    
-    let popup_area = Rect {
-        x: popup_x,
-        y: popup_y,
-        width: popup_width,
-        height: popup_height,
-    };
-    
-    // Split popup into header, content, footer
-    let chunks = Layout::default()
-        .direction(Direction::Vertical)
-        .constraints([
-            Constraint::Length(3),  // Header
-            Constraint::Min(0),      // Content
-            Constraint::Length(1),  // Footer
-        ])
-        .split(popup_area);
-    
-    // === HEADER ===
-    let header_block = Block::default()
-        .title(format!(" 📋 Agent: {} ", agent.name))
-        .title_style(Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD))
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(CYBER_CYAN))
-        .style(Style::default().bg(BG_PANEL));
-    
-    let header_inner = header_block.inner(chunks[0]);
-    f.render_widget(header_block, chunks[0]);
-    
-    // Add ESC instruction
-    let esc_text = Line::from(vec![
-        Span::styled("[ESC]", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
-    ]);
-    f.render_widget(
-        Paragraph::new(esc_text).alignment(Alignment::Right),
-        header_inner
-    );
-    
-    // === CONTENT ===
-    let content_block = Block::default()
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(TEXT_MUTED))
-        .style(Style::default().bg(BG_PANEL));
-    
-    let content_inner = content_block.inner(chunks[1]);
-    f.render_widget(content_block, chunks[1]);
-    
-    // Create detail text with cleaner layout
-    let mut detail_lines: Vec<Line> = vec![
-        Line::from(""),
-    ];
-    
-    // Basic Info
-    add_field(&mut detail_lines, "Name", agent.name.clone());
-    
-    if let Some(desc) = &agent.description {
-        if !desc.is_empty() {
-            add_field(&mut detail_lines, "Description", desc.clone());
-        }
-    }
-    
-    let model_display = if agent.model.is_empty() || agent.model == "unknown" { "—".to_string() } else { agent.model.clone() };
-    add_field(&mut detail_lines, "Model", model_display);
-    
-    let provider_display = if agent.provider.is_empty() || agent.provider == "unknown" { "—".to_string() } else { agent.provider.clone() };
-    add_field(&mut detail_lines, "Provider", provider_display);
-    
-    if let Some(temp) = agent.temperature {
-        let temp_str = format!("{:.2}", temp);
-        add_field(&mut detail_lines, "Temperature", temp_str);
-    }
-    
-    if let Some(max_tokens) = agent.max_tokens {
-        let tokens_str = format!("{}", max_tokens);
-        add_field(&mut detail_lines, "Max Tokens", tokens_str);
-    }
-    
-    if !agent.tools.is_empty() {
-        detail_lines.push(Line::from(""));
-        detail_lines.push(Line::from(vec![
-            Span::styled("  Tools:         ", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
-        ]));
-        for tool in &agent.tools {
-            detail_lines.push(Line::from(vec![
-                Span::raw("                 • "),
-                Span::styled(tool, Style::default().fg(NEON_GREEN)),
-            ]));
-        }
-    }
-    
-    if let Some(prompt) = &agent.system_prompt {
-        if !prompt.is_empty() {
-            detail_lines.push(Line::from(""));
-            detail_lines.push(Line::from(vec![
-                Span::styled("  ────────────────────────────────────────", Style::default().fg(TEXT_MUTED)),
-            ]));
-            detail_lines.push(Line::from(""));
-            detail_lines.push(Line::from(vec![
-                Span::styled("  System Prompt:", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
-            ]));
-            detail_lines.push(Line::from(""));
-            // Wrap system prompt text (simple manual wrapping)
-            let words: Vec<&str> = prompt.split_whitespace().collect();
-            let max_width = (popup_width as usize).saturating_sub(8);
-            let mut current_line = String::from("  ");
-            
-            for word in words {
-                if current_line.len() + word.len() + 1 > max_width {
-                    detail_lines.push(Line::from(vec![
-                        Span::styled(current_line.trim_end().to_string(), Style::default().fg(TEXT_DIM)),
-                    ]));
-                    current_line = format!("  {}", word);
-                } else {
-                    if current_line.len() > 2 {
-                        current_line.push(' ');
-                    }
-                    current_line.push_str(word);
-                }
-            }
-            if current_line.trim().len() > 0 {
-                detail_lines.push(Line::from(vec![
-                    Span::styled(current_line.trim_end().to_string(), Style::default().fg(TEXT_DIM)),
-                ]));
-            }
-        }
-    }
-    
-    // Render content
-    f.render_widget(
-        Paragraph::new(detail_lines)
-            .wrap(Wrap { trim: false }),
-        content_inner
-    );
-    
-    // === FOOTER ===
-    let footer_text = Line::from(vec![
-        Span::styled("Press ", Style::default().fg(TEXT_DIM)),
-        Span::styled("ESC", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
-        Span::styled(" to close", Style::default().fg(TEXT_DIM)),
-    ]);
-    
-    f.render_widget(
-        Paragraph::new(footer_text)
-            .alignment(Alignment::Center)
-            .style(Style::default().bg(BG_PANEL)),
-        chunks[2]
-    );
-}
-
-/// Helper function to add a field line
-fn add_field(lines: &mut Vec<Line>, label: &str, value: String) {
-    lines.push(Line::from(vec![
-        Span::styled(format!("  {:<15}", format!("{}:", label)), Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
-        Span::styled(value, Style::default().fg(TEXT_PRIMARY)),
-    ]));
-}
+/// Agent List Screen
+/// View and manage AI agents
+
+use ratatui::prelude::*;
+use ratatui::widgets::{Block, Borders, Paragraph, Wrap, Table, Row, Cell};
+use crate::app::{AppState, AgentInfo};
+
+// === 4RUNR BRAND COLORS ===
+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 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);
+
+/// Render agent list screen
+pub fn render(f: &mut Frame, state: &AppState) {
+    let area = f.size();
+    
+    if state.agent_list.detail_view.is_some() {
+        // Render detail popup
+        render_detail_popup(f, area, state);
+    } else {
+        // Render list view
+        render_list_view(f, area, state);
+    }
+}
+
+fn render_list_view(f: &mut Frame, area: Rect, state: &AppState) {
+    use ratatui::layout::{Constraint, Direction, Layout};
+    
+    // Split into header, content, footer
+    let chunks = Layout::default()
+        .direction(Direction::Vertical)
+        .constraints([
+            Constraint::Length(3),  // Header
+            Constraint::Min(0),      // Content
+            Constraint::Length(3),  // Footer
+        ])
+        .split(area);
+    
+    // === HEADER ===
+    let agent_count = state.agent_list.agents.len();
+    let header_block = Block::default()
+        .title(format!(" 🤖 Agent List ({} agents) ", agent_count))
+        .title_style(Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD))
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(CYBER_CYAN))
+        .style(Style::default().bg(BG_PANEL));
+    
+    f.render_widget(header_block, chunks[0]);
+    
+    // === CONTENT: Agent Table ===
+    let content_block = Block::default()
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(TEXT_MUTED))
+        .style(Style::default().bg(BG_PANEL));
+    
+    let table_area = content_block.inner(chunks[1]);
+    f.render_widget(content_block, chunks[1]);
+    
+    if state.agent_list.agents.is_empty() {
+        // Show "No agents" message
+        f.render_widget(
+            Paragraph::new("No agents available.\n\nUse Agent Builder to create new agents.")
+                .style(Style::default().fg(TEXT_DIM))
+                .alignment(Alignment::Center),
+            table_area
+        );
+    } else {
+        // Create table rows
+        let rows: Vec<Row> = state.agent_list.agents.iter().enumerate().map(|(i, agent)| {
+            let is_selected = i == state.agent_list.selected_index;
+            let style = if is_selected {
+                Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)
+            } else {
+                Style::default().fg(TEXT_PRIMARY)
+            };
+            
+            let name = if is_selected {
+                format!("▶ {}", agent.name)
+            } else {
+                format!("  {}", agent.name)
+            };
+            
+            let desc = agent.description.as_deref().unwrap_or("No description").chars().take(30).collect::<String>();
+            let model = agent.model.chars().take(15).collect::<String>();
+            let provider = agent.provider.chars().take(10).collect::<String>();
+            
+            Row::new(vec![
+                Cell::from(name).style(style),
+                Cell::from(desc).style(style),
+                Cell::from(model).style(style),
+                Cell::from(provider).style(style),
+            ])
+        }).collect();
+        
+        let table = Table::new(rows, [
+                Constraint::Percentage(25),
+                Constraint::Percentage(35),
+                Constraint::Percentage(20),
+                Constraint::Percentage(20),
+            ])
+            .header(Row::new(vec![
+                Cell::from("Name").style(Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+                Cell::from("Description").style(Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+                Cell::from("Model").style(Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+                Cell::from("Provider").style(Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+            ]))
+            .column_spacing(1)
+            .style(Style::default().fg(TEXT_PRIMARY));
+        
+        f.render_widget(table, table_area);
+    }
+    
+    // === FOOTER ===
+    let footer_text = Line::from(vec![
+        Span::styled("↑/↓", Style::default().fg(CYBER_CYAN)),
+        Span::styled(" Navigate  |  ", Style::default().fg(TEXT_DIM)),
+        Span::styled("Enter", Style::default().fg(NEON_GREEN)),
+        Span::styled(" View Details  |  ", Style::default().fg(TEXT_DIM)),
+        Span::styled("ESC", Style::default().fg(BRAND_PURPLE)),
+        Span::styled(" Close", Style::default().fg(TEXT_DIM)),
+    ]);
+    
+    f.render_widget(
+        Paragraph::new(footer_text)
+            .alignment(Alignment::Center)
+            .style(Style::default().bg(BG_PANEL))
+            .block(Block::default().borders(Borders::ALL).border_style(Style::default().fg(TEXT_MUTED))),
+        chunks[2]
+    );
+}
+
+fn render_detail_popup(f: &mut Frame, area: Rect, state: &AppState) {
+    // First render a full-screen dim overlay
+    let dim_overlay = Block::default()
+        .style(Style::default().bg(Color::Black));
+    f.render_widget(dim_overlay, area);
+    
+    // Then render detail popup on top
+    let detail_index = state.agent_list.detail_view.unwrap();
+    if let Some(agent) = state.agent_list.agents.get(detail_index) {
+        render_agent_detail(f, area, agent);
+    }
+}
+
+fn render_agent_detail(f: &mut Frame, area: Rect, agent: &AgentInfo) {
+    use ratatui::layout::{Constraint, Direction, Layout};
+    
+    // Calculate popup size (75% width, 85% height, centered)
+    let popup_width = (area.width * 75 / 100).max(60);
+    let popup_height = (area.height * 85 / 100).max(20);
+    let popup_x = (area.width.saturating_sub(popup_width)) / 2;
+    let popup_y = (area.height.saturating_sub(popup_height)) / 2;
+    
+    let popup_area = Rect {
+        x: popup_x,
+        y: popup_y,
+        width: popup_width,
+        height: popup_height,
+    };
+    
+    // Render detail popup block
+    let detail_block = Block::default()
+        .title(format!(" 📋 Agent Details: {} ", agent.name))
+        .title_style(Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD))
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(CYBER_CYAN))
+        .style(Style::default().bg(BG_PANEL));
+    
+    let inner = detail_block.inner(popup_area);
+    f.render_widget(detail_block, popup_area);
+    
+    // Split inner area for better layout
+    let content_chunks = Layout::default()
+        .direction(Direction::Vertical)
+        .constraints([
+            Constraint::Min(0),      // Main content
+            Constraint::Length(2),   // Footer
+        ])
+        .split(inner);
+    
+    // Create detail text with better spacing
+    let mut detail_lines = vec![
+        Line::from(""),  // Top padding
+        Line::from(vec![
+            Span::styled("Name:              ", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+            Span::styled(&agent.name, Style::default().fg(NEON_GREEN)),
+        ]),
+        Line::from(""),
+    ];
+    
+    if let Some(desc) = &agent.description {
+        detail_lines.push(Line::from(vec![
+            Span::styled("Description:       ", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+            Span::styled(desc, Style::default().fg(TEXT_PRIMARY)),
+        ]));
+        detail_lines.push(Line::from(""));
+    }
+    
+    detail_lines.push(Line::from(vec![
+        Span::styled("Model:             ", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+        Span::styled(&agent.model, Style::default().fg(TEXT_PRIMARY)),
+    ]));
+    detail_lines.push(Line::from(""));
+    
+    detail_lines.push(Line::from(vec![
+        Span::styled("Provider:          ", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+        Span::styled(&agent.provider, Style::default().fg(TEXT_PRIMARY)),
+    ]));
+    detail_lines.push(Line::from(""));
+    
+    if let Some(temp) = agent.temperature {
+        detail_lines.push(Line::from(vec![
+            Span::styled("Temperature:       ", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+            Span::styled(format!("{:.2}", temp), Style::default().fg(TEXT_PRIMARY)),
+        ]));
+        detail_lines.push(Line::from(""));
+    }
+    
+    if let Some(max_tokens) = agent.max_tokens {
+        detail_lines.push(Line::from(vec![
+            Span::styled("Max Tokens:        ", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+            Span::styled(format!("{}", max_tokens), Style::default().fg(TEXT_PRIMARY)),
+        ]));
+        detail_lines.push(Line::from(""));
+    }
+    
+    if !agent.tools.is_empty() {
+        detail_lines.push(Line::from(""));
+        detail_lines.push(Line::from(vec![
+            Span::styled("Tools:", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+        ]));
+        for tool in &agent.tools {
+            detail_lines.push(Line::from(vec![
+                Span::raw("  • "),
+                Span::styled(tool, Style::default().fg(NEON_GREEN)),
+            ]));
+        }
+        detail_lines.push(Line::from(""));
+    }
+    
+    if let Some(prompt) = &agent.system_prompt {
+        detail_lines.push(Line::from(""));
+        detail_lines.push(Line::from(vec![
+            Span::styled("System Prompt:", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+        ]));
+        detail_lines.push(Line::from(""));
+        // Show first 300 chars of prompt
+        let prompt_preview = prompt.chars().take(300).collect::<String>();
+        // Simple word wrapping
+        let wrap_width = (popup_width.saturating_sub(6)) as usize;
+        let words: Vec<&str> = prompt_preview.split_whitespace().collect();
+        let mut current_line = String::from("  ");
+        
+        for word in words {
+            if current_line.len() + word.len() + 1 > wrap_width {
+                detail_lines.push(Line::from(current_line.clone()).style(Style::default().fg(TEXT_DIM)));
+                current_line = format!("  {}", word);
+            } else {
+                if current_line.len() > 2 {
+                    current_line.push(' ');
+                }
+                current_line.push_str(word);
+            }
+        }
+        if current_line.len() > 2 {
+            detail_lines.push(Line::from(current_line).style(Style::default().fg(TEXT_DIM)));
+        }
+    }
+    
+    // Render main content
+    f.render_widget(
+        Paragraph::new(detail_lines)
+            .wrap(Wrap { trim: false }),
+        content_chunks[0]
+    );
+    
+    // Render footer
+    let footer_text = Line::from(vec![
+        Span::styled("Press ", Style::default().fg(TEXT_DIM)),
+        Span::styled("ESC", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        Span::styled(" to close", Style::default().fg(TEXT_DIM)),
+    ]);
+    
+    f.render_widget(
+        Paragraph::new(footer_text)
+            .alignment(Alignment::Center),
+        content_chunks[1]
+    );
+}

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

@@ -1,211 +1,284 @@
-/// Help popup screen - Professional card-based layout
-/// Clean, readable command reference
-
-use ratatui::prelude::*;
-use ratatui::widgets::{Block, Borders, Paragraph, Wrap};
-use crate::app::AppState;
-
-// === 4RUNR BRAND COLORS ===
-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);
-
-/// Render help popup overlay
-pub fn render_help(f: &mut Frame, area: Rect, _state: &AppState) {
-    // Calculate popup size (85% width, 90% height, centered)
-    let popup_width = (area.width * 85 / 100).max(70);
-    let popup_height = (area.height * 90 / 100).max(25);
-    let popup_x = (area.width.saturating_sub(popup_width)) / 2;
-    let popup_y = (area.height.saturating_sub(popup_height)) / 2;
-    
-    let popup_area = Rect {
-        x: popup_x,
-        y: popup_y,
-        width: popup_width,
-        height: popup_height,
-    };
-    
-    // Render dimmed overlay
-    f.render_widget(
-        Block::default().style(Style::default().bg(Color::Black)),
-        area
-    );
-    
-    // Render help popup
-    render_help_content(f, popup_area);
-}
-
-fn render_help_content(f: &mut Frame, area: Rect) {
-    use ratatui::layout::{Constraint, Direction, Layout};
-    
-    // Split into header, content, footer
-    let chunks = Layout::default()
-        .direction(Direction::Vertical)
-        .constraints([
-            Constraint::Length(3),  // Header
-            Constraint::Min(0),      // Content
-            Constraint::Length(1),  // Footer
-        ])
-        .split(area);
-    
-    // === HEADER ===
-    let header_block = Block::default()
-        .title(" 📖 4Runr AI Agent OS - Command Reference ")
-        .title_style(Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD))
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(CYBER_CYAN))
-        .style(Style::default().bg(BG_PANEL));
-    
-    let header_inner = header_block.inner(chunks[0]);
-    f.render_widget(header_block, chunks[0]);
-    
-    let header_text = Line::from(vec![
-        Span::styled("Press ", Style::default().fg(TEXT_DIM)),
-        Span::styled("ESC", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
-        Span::styled(" to close", Style::default().fg(TEXT_DIM)),
-    ]);
-    
-    f.render_widget(
-        Paragraph::new(header_text).alignment(Alignment::Right),
-        header_inner
-    );
-    
-    // === CONTENT ===
-    let content_block = Block::default()
-        .borders(Borders::ALL)
-        .border_style(Style::default().fg(TEXT_MUTED))
-        .style(Style::default().bg(BG_PANEL));
-    
-    let content_inner = content_block.inner(chunks[1]);
-    f.render_widget(content_block, chunks[1]);
-    
-    // Build help content with card-based sections
-    let mut lines: Vec<Line> = Vec::new();
-    
-    // Navigation Commands Section
-    lines.push(Line::from(vec![
-        Span::styled(" ", Style::default()),
-    ]));
-    lines.push(Line::from(vec![
-        Span::styled(" 🧭 NAVIGATION COMMANDS ", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
-    ]));
-    lines.push(Line::from(vec![
-        Span::styled(" ", Style::default()),
-    ]));
-    
-    add_command(&mut lines, "build", "Open Agent Builder (6-step wizard)");
-    add_command(&mut lines, "runs", "Open Run Manager (filter & sort)");
-    add_command(&mut lines, "config, settings", "Open Settings (mode & provider)");
-    add_command(&mut lines, "ESC", "Close overlay or clear input");
-    
-    lines.push(Line::from(vec![Span::styled(" ", Style::default())]));
-    
-    // Local Commands Section
-    lines.push(Line::from(vec![
-        Span::styled(" 💻 LOCAL COMMANDS ", Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD)),
-    ]));
-    lines.push(Line::from(vec![
-        Span::styled(" ", Style::default()),
-    ]));
-    
-    add_command(&mut lines, "quit, exit", "Exit application");
-    add_command(&mut lines, "clear", "Clear operations log");
-    add_command(&mut lines, "help", "Show this help");
-    add_command(&mut lines, ":perf", "Show performance stats");
-    
-    lines.push(Line::from(vec![Span::styled(" ", Style::default())]));
-    
-    // WebSocket Commands Section
-    lines.push(Line::from(vec![
-        Span::styled(" 🌐 WEBSOCKET COMMANDS ", Style::default().fg(AMBER_WARN).add_modifier(Modifier::BOLD)),
-        Span::styled(" (requires connection)", Style::default().fg(TEXT_DIM)),
-    ]));
-    lines.push(Line::from(vec![
-        Span::styled(" ", Style::default()),
-    ]));
-    
-    add_command(&mut lines, "agent.list", "List all agents");
-    add_command(&mut lines, "agent.get", "Get agent details");
-    add_command(&mut lines, "agent.create", "Create new agent");
-    add_command(&mut lines, "agent.delete", "Delete agent");
-    add_command(&mut lines, "system.status", "Get system status");
-    add_command(&mut lines, "run.list", "List all runs");
-    add_command(&mut lines, "tool.list", "List available tools");
-    
-    lines.push(Line::from(vec![Span::styled(" ", Style::default())]));
-    
-    // Keyboard Shortcuts Section
-    lines.push(Line::from(vec![
-        Span::styled(" ⌨️  KEYBOARD SHORTCUTS ", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
-    ]));
-    lines.push(Line::from(vec![
-        Span::styled(" ", Style::default()),
-    ]));
-    
-    lines.push(Line::from(vec![
-        Span::styled("   Agent Builder:  ", Style::default().fg(CYBER_CYAN)),
-        Span::styled("Enter", Style::default().fg(NEON_GREEN)),
-        Span::styled("=Next  ", Style::default().fg(TEXT_PRIMARY)),
-        Span::styled("Backspace", Style::default().fg(NEON_GREEN)),
-        Span::styled("=Prev  ", Style::default().fg(TEXT_PRIMARY)),
-        Span::styled("ESC", Style::default().fg(NEON_GREEN)),
-        Span::styled("=Cancel", Style::default().fg(TEXT_PRIMARY)),
-    ]));
-    
-    lines.push(Line::from(vec![
-        Span::styled("   Run Manager:    ", Style::default().fg(CYBER_CYAN)),
-        Span::styled("↑/↓", Style::default().fg(NEON_GREEN)),
-        Span::styled("=Navigate  ", Style::default().fg(TEXT_PRIMARY)),
-        Span::styled("F", Style::default().fg(NEON_GREEN)),
-        Span::styled("=Filter  ", Style::default().fg(TEXT_PRIMARY)),
-        Span::styled("S", Style::default().fg(NEON_GREEN)),
-        Span::styled("=Sort  ", Style::default().fg(TEXT_PRIMARY)),
-        Span::styled("R", Style::default().fg(NEON_GREEN)),
-        Span::styled("=Refresh", Style::default().fg(TEXT_PRIMARY)),
-    ]));
-    
-    lines.push(Line::from(vec![
-        Span::styled("   Settings:       ", Style::default().fg(CYBER_CYAN)),
-        Span::styled("↑/↓", Style::default().fg(NEON_GREEN)),
-        Span::styled("=Navigate  ", Style::default().fg(TEXT_PRIMARY)),
-        Span::styled("Space", Style::default().fg(NEON_GREEN)),
-        Span::styled("=Toggle  ", Style::default().fg(TEXT_PRIMARY)),
-        Span::styled("Enter", Style::default().fg(NEON_GREEN)),
-        Span::styled("=Save", Style::default().fg(TEXT_PRIMARY)),
-    ]));
-    
-    // Render content
-    f.render_widget(
-        Paragraph::new(lines)
-            .wrap(Wrap { trim: false }),
-        content_inner
-    );
-    
-    // === FOOTER ===
-    let footer_text = Line::from(vec![
-        Span::styled("Press ", Style::default().fg(TEXT_DIM)),
-        Span::styled("ESC", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
-        Span::styled(" to close", Style::default().fg(TEXT_DIM)),
-    ]);
-    
-    f.render_widget(
-        Paragraph::new(footer_text)
-            .alignment(Alignment::Center)
-            .style(Style::default().bg(BG_PANEL)),
-        chunks[2]
-    );
-}
-
-/// Helper function to add a command line
-fn add_command(lines: &mut Vec<Line>, command: &str, description: &str) {
-    lines.push(Line::from(vec![
-        Span::styled("   ", Style::default()),
-        Span::styled(format!("{:<20}", command), Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
-        Span::styled(description, Style::default().fg(TEXT_PRIMARY)),
-    ]));
-}
+/// Help popup screen
+/// Professional, organized command reference - REDESIGNED
+
+use ratatui::prelude::*;
+use ratatui::widgets::{Block, Borders, Paragraph, Wrap};
+use crate::app::AppState;
+
+// === 4RUNR BRAND COLORS ===
+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 BG_PANEL: Color = Color::Rgb(18, 18, 25);
+
+/// Render help popup overlay
+pub fn render_help(f: &mut Frame, area: Rect, _state: &AppState) {
+    // Render background overlay (dimmed)
+    let overlay = Block::default()
+        .style(Style::default().bg(Color::Black));
+    f.render_widget(overlay, area);
+    
+    // Calculate popup size (85% width, 90% height, centered)
+    let popup_width = (area.width * 85 / 100).max(70);
+    let popup_height = (area.height * 90 / 100).max(25);
+    let popup_x = (area.width.saturating_sub(popup_width)) / 2;
+    let popup_y = (area.height.saturating_sub(popup_height)) / 2;
+    
+    let popup_area = Rect {
+        x: popup_x,
+        y: popup_y,
+        width: popup_width,
+        height: popup_height,
+    };
+    
+    // Render help popup
+    render_help_content(f, popup_area);
+}
+
+fn render_help_content(f: &mut Frame, area: Rect) {
+    use ratatui::layout::{Constraint, Direction, Layout};
+    
+    // Split into header, content, footer
+    let chunks = Layout::default()
+        .direction(Direction::Vertical)
+        .constraints([
+            Constraint::Length(3),  // Header
+            Constraint::Min(0),     // Content
+            Constraint::Length(3),  // Footer
+        ])
+        .split(area);
+    
+    // === HEADER ===
+    let header_block = Block::default()
+        .title(" 📖 4Runr AI Agent OS - Command Reference ")
+        .title_style(Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD))
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(CYBER_CYAN))
+        .style(Style::default().bg(BG_PANEL));
+    
+    f.render_widget(header_block, chunks[0]);
+    
+    // === CONTENT ===
+    let content_block = Block::default()
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(CYBER_CYAN))
+        .style(Style::default().bg(BG_PANEL));
+    
+    let inner = content_block.inner(chunks[1]);
+    f.render_widget(content_block, chunks[1]);
+    
+    // Build help text - single column, vertical layout
+    let mut help_lines = vec![
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("═══════════════════════════════════════════════════════════════", Style::default().fg(CYBER_CYAN)),
+        ]),
+        Line::from(vec![
+            Span::styled("  🧭 NAVIGATION COMMANDS", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("═══════════════════════════════════════════════════════════════", Style::default().fg(CYBER_CYAN)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    build", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    Open Agent Builder (6-step wizard)", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    runs", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    Open Run Manager (list, filter, sort)", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    config, settings", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    Open Settings (mode, AI provider)", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("═══════════════════════════════════════════════════════════════", Style::default().fg(BRAND_PURPLE)),
+        ]),
+        Line::from(vec![
+            Span::styled("  💻 LOCAL COMMANDS", Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("═══════════════════════════════════════════════════════════════", Style::default().fg(BRAND_PURPLE)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    quit, exit", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    Exit application", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    clear", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    Clear operations log", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    help", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    Show this help", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    :perf", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    Show performance stats", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("═══════════════════════════════════════════════════════════════", Style::default().fg(AMBER_WARN)),
+        ]),
+        Line::from(vec![
+            Span::styled("  🌐 WEBSOCKET COMMANDS (requires connection)", Style::default().fg(AMBER_WARN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("═══════════════════════════════════════════════════════════════", Style::default().fg(AMBER_WARN)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    agent.list", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    List all agents", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    agent.get", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    Get agent details (data: {name})", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    agent.create", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    Create agent (use Agent Builder)", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    agent.delete", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    Delete agent (data: {name})", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    system.status", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    Get system status", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    run.list", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    List runs (requires gateway)", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("    tool.list", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    List available tools", Style::default().fg(TEXT_PRIMARY)),
+        ]),
+        Line::from(""),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("═══════════════════════════════════════════════════════════════", Style::default().fg(CYBER_CYAN)),
+        ]),
+        Line::from(vec![
+            Span::styled("  ⌨️  SCREEN CONTROLS", Style::default().fg(CYBER_CYAN).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("═══════════════════════════════════════════════════════════════", Style::default().fg(CYBER_CYAN)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("  Agent Builder:", Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    Enter", Style::default().fg(NEON_GREEN)),
+            Span::styled(" = Next step  |  ", Style::default().fg(TEXT_DIM)),
+            Span::styled("Backspace", Style::default().fg(NEON_GREEN)),
+            Span::styled(" = Previous  |  ", Style::default().fg(TEXT_DIM)),
+            Span::styled("ESC", Style::default().fg(NEON_GREEN)),
+            Span::styled(" = Cancel", Style::default().fg(TEXT_DIM)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("  Run Manager:", Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    ↑/↓", Style::default().fg(NEON_GREEN)),
+            Span::styled(" = Navigate  |  ", Style::default().fg(TEXT_DIM)),
+            Span::styled("F", Style::default().fg(NEON_GREEN)),
+            Span::styled(" = Filter  |  ", Style::default().fg(TEXT_DIM)),
+            Span::styled("S", Style::default().fg(NEON_GREEN)),
+            Span::styled(" = Sort  |  ", Style::default().fg(TEXT_DIM)),
+            Span::styled("R", Style::default().fg(NEON_GREEN)),
+            Span::styled(" = Refresh", Style::default().fg(TEXT_DIM)),
+        ]),
+        Line::from(""),
+        Line::from(vec![
+            Span::styled("  Settings:", Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD)),
+        ]),
+        Line::from(vec![
+            Span::styled("    ↑/↓", Style::default().fg(NEON_GREEN)),
+            Span::styled(" = Navigate  |  ", Style::default().fg(TEXT_DIM)),
+            Span::styled("Space", Style::default().fg(NEON_GREEN)),
+            Span::styled(" = Toggle  |  ", Style::default().fg(TEXT_DIM)),
+            Span::styled("Enter", Style::default().fg(NEON_GREEN)),
+            Span::styled(" = Save", Style::default().fg(TEXT_DIM)),
+        ]),
+        Line::from(""),
+    ];
+    
+    f.render_widget(
+        Paragraph::new(help_lines)
+            .style(Style::default().bg(BG_PANEL))
+            .wrap(Wrap { trim: false }),
+        inner
+    );
+    
+    // === FOOTER ===
+    let footer_text = Line::from(vec![
+        Span::styled("Press ", Style::default().fg(TEXT_DIM)),
+        Span::styled("ESC", Style::default().fg(NEON_GREEN).add_modifier(Modifier::BOLD)),
+        Span::styled(" to close", Style::default().fg(TEXT_DIM)),
+    ]);
+    
+    let footer_block = Block::default()
+        .borders(Borders::ALL)
+        .border_style(Style::default().fg(CYBER_CYAN))
+        .style(Style::default().bg(BG_PANEL));
+    
+    let footer_inner = footer_block.inner(chunks[2]);
+    f.render_widget(footer_block, chunks[2]);
+    f.render_widget(
+        Paragraph::new(footer_text)
+            .style(Style::default().bg(BG_PANEL))
+            .alignment(Alignment::Center),
+        footer_inner
+    );
+}

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

@@ -120,7 +120,7 @@ fn render_header(f: &mut Frame, area: Rect, state: &AppState) {
     
     // Line 1: Brand + version + uptime - Bug 3 fix: Use "4Runr." with dot (matches brand logo)
     // Use npm package version (2.3.5) - matches package.json
-    const PACKAGE_VERSION: &str = "2.6.4";
+    const PACKAGE_VERSION: &str = "2.6.6";
     let brand_line = Line::from(vec![
         Span::styled("4Runr.", Style::default().fg(BRAND_PURPLE).add_modifier(Modifier::BOLD)),
         Span::styled(" AI AGENT OS", Style::default().fg(BRAND_VIOLET)),

package/package.json

@@ -1,8 +1,8 @@
 {
   "name": "4runr-os",
-  "version": "2.6.4",
+  "version": "2.6.6",
   "type": "module",
-  "description": "4Runr AI Agent OS - Secure terminal interface for AI agents. v2.6.4: Fixed lifetime errors by removing 'static constraint from Line vectors, allowing Rust to infer appropriate lifetimes. Complete UI polish with redesigned help popup, fixed agent detail popup overlay, and enhanced agent list. Professional, clean, readable interface. Built with Rust + Ratatui. ⚠️ Pre-MVP / Development Phase",
+  "description": "4Runr AI Agent OS - Secure terminal interface for AI agents. v2.6.6: CRITICAL FIX - Help popup transparency fixed (solid background). Completely redesigned help popup (clean, readable, single-column layout). Fixed agent detail popup rendering bugs (proper dimming, no overlap). Enhanced visual hierarchy with better spacing. Built with Rust + Ratatui. ⚠️ Pre-MVP / Development Phase",
   "main": "dist/index.js",
   "bin": {
     "4runr": "dist/index.js",