4runr-os 2.3.5 → 2.3.8

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

@@ -2,13 +2,17 @@ use crate::app::AppState;
 use ratatui::prelude::*;
 use ratatui::widgets::{Block, Borders, Gauge, Paragraph};
 
-// Color constants matching the TUI palette
+// Color constants matching the TUI palette (exact match from layout.rs)
 const BRAND_PURPLE: Color = Color::Rgb(138, 43, 226);
+#[allow(dead_code)]
+const BRAND_VIOLET: Color = Color::Rgb(148, 103, 189);
 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_PRIMARY: Color = Color::Rgb(220, 220, 240);
-const BG_DARK: Color = Color::Rgb(10, 10, 15);
+#[allow(dead_code)]
+const TEXT_MUTED: Color = Color::Rgb(60, 60, 80);
+const BG_PANEL: Color = Color::Rgb(18, 18, 25);
 
 /// Exact logo from requirements (monospace, preserve spacing)
 const LOGO: &str = r#"██╗  ██╗██████╗ ██╗   ██╗███╗   ██╗██████╗      ██████╗ ███████╗
@@ -21,49 +25,55 @@ const LOGO: &str = r#"██╗  ██╗██████╗ ██╗   █
 pub fn render_boot(f: &mut Frame, area: Rect, state: &AppState) {
     // Clear background
     f.render_widget(
-        Block::default().style(Style::default().bg(BG_DARK)),
+        Block::default().style(Style::default().bg(BG_PANEL)),
         area,
     );
     
-    // Calculate layout: logo on top half, boot logs below, progress bar, footer
-    let logo_height = 6; // Logo is 6 lines
-    let boot_logs_height = state.boot_lines.len().min(10) as u16; // Max 10 lines visible
-    let progress_height = 3;
-    let footer_height = 1;
+    // Fixed layout: logo stays at fixed position, elements below it
+    let logo_height: u16 = 6; // Logo is 6 lines
+    let boot_logs_height: u16 = 5; // Fixed height for logs (not dynamic)
+    let progress_height: u16 = 3;
     
-    let total_content_height = logo_height + 2 + boot_logs_height + 2 + progress_height + 2 + footer_height;
-    let start_y = (area.height.saturating_sub(total_content_height)) / 2;
+    // Logo starts at a fixed position from top (about 1/4 down the screen)
+    let logo_start_y: u16 = area.height / 4;
     
-    // === LOGO (centered horizontally) ===
+    // === LOGO (centered horizontally, fixed vertical position) ===
     let logo_lines: Vec<&str> = LOGO.lines().collect();
-    let logo_width = logo_lines.iter().map(|l| l.len()).max().unwrap_or(0) as u16;
-    let logo_x = (area.width.saturating_sub(logo_width)) / 2;
+    let logo_width: u16 = logo_lines.iter().map(|l| l.len()).max().unwrap_or(0) as u16;
+    // Center horizontally: (area.width - logo_width) / 2
+    let logo_x: u16 = area.x + (area.width.saturating_sub(logo_width)) / 2;
     
     for (i, line) in logo_lines.iter().enumerate() {
-        if start_y + i as u16 < area.height {
-            let logo_rect = Rect {
+        let line_y = logo_start_y + i as u16;
+        if line_y < area.height {
+            // Center each line within the available width
+            let line_rect = Rect {
                 x: logo_x,
-                y: start_y + i as u16,
+                y: line_y,
                 width: logo_width.min(area.width.saturating_sub(logo_x)),
                 height: 1,
             };
             f.render_widget(
                 Paragraph::new(*line)
                     .style(Style::default().fg(BRAND_PURPLE))
-                    .alignment(Alignment::Left),
-                logo_rect,
+                    .alignment(Alignment::Center), // Center alignment for perfect centering
+                line_rect,
             );
         }
     }
     
-    let current_y = start_y + logo_height + 2;
+    let current_y = logo_start_y + logo_height + 2;
     
     // === BOOT LOGS ===
     if !state.boot_lines.is_empty() && current_y < area.height {
+        // Center logs horizontally
+        let logs_width: u16 = (area.width * 60 / 100).min(area.width.saturating_sub(40)); // 60% width, safe margins
+        let logs_x: u16 = area.x + (area.width.saturating_sub(logs_width)) / 2;
+        
         let logs_area = Rect {
-            x: area.x + (area.width * 10 / 100), // 10% margin from left
+            x: logs_x,
             y: current_y,
-            width: (area.width * 80 / 100).min(area.width.saturating_sub(20)), // 80% width, safe from right edge
+            width: logs_width,
             height: boot_logs_height,
         };
         
@@ -76,7 +86,7 @@ pub fn render_boot(f: &mut Frame, area: Rect, state: &AppState) {
         f.render_widget(
             Paragraph::new(log_text.trim())
                 .style(Style::default().fg(TEXT_PRIMARY))
-                .alignment(Alignment::Left),
+                .alignment(Alignment::Center), // Center logs too
             logs_area,
         );
     }
@@ -85,10 +95,14 @@ pub fn render_boot(f: &mut Frame, area: Rect, state: &AppState) {
     
     // === PROGRESS BAR ===
     if current_y < area.height {
+        // Center progress bar horizontally
+        let progress_width: u16 = (area.width * 60 / 100).min(area.width.saturating_sub(40));
+        let progress_x: u16 = area.x + (area.width.saturating_sub(progress_width)) / 2;
+        
         let progress_area = Rect {
-            x: area.x + (area.width * 10 / 100),
+            x: progress_x,
             y: current_y,
-            width: (area.width * 80 / 100).min(area.width.saturating_sub(20)),
+            width: progress_width,
             height: 3,
         };
         
@@ -118,9 +132,9 @@ pub fn render_boot(f: &mut Frame, area: Rect, state: &AppState) {
     // === FOOTER: "Press any key to continue" (only when boot done) ===
     if state.boot_done && current_y < area.height {
         let footer_area = Rect {
-            x: area.x + (area.width * 10 / 100),
+            x: area.x,
             y: current_y,
-            width: (area.width * 80 / 100).min(area.width.saturating_sub(20)),
+            width: area.width,
             height: footer_height,
         };
         

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.3.5";
+    const PACKAGE_VERSION: &str = "2.3.8";
     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,6 +1,6 @@
 {
   "name": "4runr-os",
-  "version": "2.3.5",
+  "version": "2.3.8",
   "type": "module",
   "description": "4Runr AI Agent OS - Secure terminal interface for AI agents. v2.3.5: Fixed boot screen logo rendering (restored original working version), fully functional Agent Builder with input handling and TUI styling. Built with Rust + Ratatui. ⚠️ Pre-MVP / Development Phase",
   "main": "dist/index.js",