4runr-os 2.9.23 → 2.9.25

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

@@ -58,9 +58,9 @@ pub fn render(f: &mut Frame, state: &AppState) {
         .direction(Direction::Vertical)
         .constraints([
             Constraint::Length(3),   // Header
-            Constraint::Length(2),   // Description
-            Constraint::Length(9),   // Input fields
-            Constraint::Min(10),     // Content area (error/success/connecting) - increased for bordered boxes
+            Constraint::Length(2),   // Description  
+            Constraint::Length(3),   // Input field (single bordered block)
+            Constraint::Min(10),     // Content area (error/success/connecting)
             Constraint::Length(3),   // Actions
         ])
         .split(portal_area);
@@ -74,6 +74,9 @@ pub fn render(f: &mut Frame, state: &AppState) {
 }
 
 fn render_header(f: &mut Frame, area: Rect, state: &AppState) {
+    // Clear area to prevent duplication
+    f.render_widget(Clear, area);
+    
     let portal = &state.connection_portal;
     
     let (title, border_color) = if portal.connection_success {
@@ -96,6 +99,9 @@ fn render_header(f: &mut Frame, area: Rect, state: &AppState) {
 }
 
 fn render_description(f: &mut Frame, area: Rect) {
+    // Clear area to prevent duplication
+    f.render_widget(Clear, area);
+    
     let text = Paragraph::new("Connect to a Gateway server to enable advanced features")
         .style(Style::default().fg(TEXT_DIM))
         .alignment(Alignment::Center);
@@ -104,6 +110,9 @@ fn render_description(f: &mut Frame, area: Rect) {
 }
 
 fn render_input_fields(f: &mut Frame, area: Rect, state: &AppState) {
+    // CRITICAL: Clear the input area first to prevent duplication
+    f.render_widget(Clear, area);
+    
     let portal = &state.connection_portal;
     let url_focused = portal.focused_field == PortalField::GatewayUrl;
     let input_enabled = !portal.connecting;
@@ -118,37 +127,27 @@ fn render_input_fields(f: &mut Frame, area: Rect, state: &AppState) {
     };
     
     let url_display = if portal.gateway_url.is_empty() {
-        " ".to_string()
+        "".to_string()
     } else {
         portal.gateway_url.clone()
     };
     
-    let lines = vec![
-        Line::from(""),
-        Line::from(vec![
-            Span::styled("  Gateway URL", Style::default().fg(TEXT_DIM)),
-        ]),
-        Line::from(vec![
-            Span::styled("  ┌", url_style),
-            Span::styled("─".repeat((area.width.saturating_sub(5)) as usize), url_style),
-            Span::styled("┐", url_style),
-        ]),
-        Line::from(vec![
-            Span::styled("  │ ", url_style),
-            Span::styled(url_display, url_style),
-        ]),
-        Line::from(vec![
-            Span::styled("  └", url_style),
-            Span::styled("─".repeat((area.width.saturating_sub(5)) as usize), url_style),
-            Span::styled("┘", url_style),
-        ]),
-        Line::from(""),
-    ];
+    // Use a bordered Block for the input field
+    let block = Block::default()
+        .title(" Gateway URL ")
+        .borders(Borders::ALL)
+        .border_style(url_style)
+        .style(Style::default().bg(BG_PANEL));
     
-    let paragraph = Paragraph::new(lines)
+    let inner = block.inner(area);
+    f.render_widget(block, area);
+    
+    // Render the URL text inside the block
+    let text = Paragraph::new(url_display)
+        .style(url_style)
         .alignment(Alignment::Left);
     
-    f.render_widget(paragraph, area);
+    f.render_widget(text, inner);
 }
 
 fn render_content_area(f: &mut Frame, area: Rect, state: &AppState) {
@@ -343,6 +342,9 @@ fn render_instructions(f: &mut Frame, area: Rect) {
 }
 
 fn render_actions(f: &mut Frame, area: Rect, state: &AppState) {
+    // Clear area to prevent duplication
+    f.render_widget(Clear, area);
+    
     let portal = &state.connection_portal;
     
     let text = if portal.connecting {

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

@@ -143,8 +143,8 @@ fn render_header(f: &mut Frame, area: Rect, state: &AppState) {
     };
     
     // Line 1: Brand + version + mode + uptime - Bug 3 fix: Use "4Runr." with dot (matches brand logo)
-    // Use npm package version (2.9.23) - matches package.json
-    const PACKAGE_VERSION: &str = "2.9.23";
+    // Use npm package version (2.9.24) - matches package.json
+    const PACKAGE_VERSION: &str = "2.9.25";
     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.9.23",
+  "version": "2.9.25",
   "type": "module",
-  "description": "4Runr AI Agent OS - Secure terminal interface for AI agents. v2.9.23: Cleaned up Connection Portal status displays - removed duplicates, improved spacing, cleaner formatting. v2.9.22: Status fixes with immediate render. v2.9.21: Improved status display. ⚠️ Pre-MVP / Development Phase",
+  "description": "4Runr AI Agent OS - Secure terminal interface for AI agents. v2.9.25: Completely rewrote Connection Portal input field rendering - replaced manual box drawing with clean Ratatui Block widget to eliminate duplication. v2.9.24: Fixed Connection Portal duplication - added Clear widgets to all render areas to prevent artifacts. ⚠️ Pre-MVP / Development Phase",
   "main": "dist/index.js",
   "bin": {
     "4runr": "dist/index.js",