fix(tui): center all tabs, full-screen SFTP, muted inline keybindings

pkg/tui/host_form_tab.go

@@ -7,6 +7,7 @@ import (
 
 	"github.com/charmbracelet/bubbles/textinput"
 	tea "github.com/charmbracelet/bubbletea"
+	"github.com/charmbracelet/lipgloss"
 
 	"git.tukangketik.id/swanadiva/hostkeeper/internal/models"
 )
@@ -283,18 +284,28 @@ func (t *HostFormTab) submit() (Tab, tea.Cmd) {
 }
 
 func (t *HostFormTab) View() string {
-	var b strings.Builder
+	contentW := t.width - 12
+	if contentW < 50 {
+		contentW = 50
+	}
+	if contentW > 70 {
+		contentW = 70
+	}
+
+	var inner strings.Builder
 
 	title := "Add New Host"
 	if t.mode == formModeEdit {
 		title = "Edit Host"
 	}
-	b.WriteString(AppTitleStyle.Render(title))
-	b.WriteString("\n\n")
+	inner.WriteString(lipgloss.PlaceHorizontal(contentW, lipgloss.Center,
+		lipgloss.NewStyle().Bold(true).Foreground(gbYellow).Render(title)))
+	inner.WriteString("\n\n")
 
 	if t.err != nil {
-		b.WriteString(ErrorStyle.Render(fmt.Sprintf("Error: %v", t.err)))
-		b.WriteString("\n\n")
+		inner.WriteString(lipgloss.PlaceHorizontal(contentW, lipgloss.Center,
+			ErrorStyle.Render(fmt.Sprintf("Error: %v", t.err))))
+		inner.WriteString("\n\n")
 	}
 
 	for i := fieldID(0); i < fieldCount; i++ {
@@ -305,11 +316,10 @@ func (t *HostFormTab) View() string {
 		if i == t.focus {
 			style = HighlightStyle
 		}
-		b.WriteString(style.Render(label + ":"))
-		b.WriteString("\n")
+		inner.WriteString(style.Render(label + ":"))
+		inner.WriteString("\n")
 
 		if i == fieldAuthType {
-			// Render auth type as toggle pills
 			current := input.Value()
 			pills := []string{"password", "key"}
 			var parts []string
@@ -324,25 +334,28 @@ func (t *HostFormTab) View() string {
 					parts = append(parts, SubtitleStyle.Render(" "+p+" "))
 				}
 			}
-			b.WriteString("  ")
-			b.WriteString(strings.Join(parts, " "))
-			b.WriteString("\n")
+			inner.WriteString("  ")
+			inner.WriteString(strings.Join(parts, " "))
+			inner.WriteString("\n")
 			if i == t.focus {
-				b.WriteString(InfoStyle.Render("   Space/←/→ to toggle"))
+				inner.WriteString("   " + InfoStyle.Render("Space/←/→ to toggle"))
 			}
-			b.WriteString("\n")
+			inner.WriteString("\n\n")
 		} else {
 			renderedInput := input.View()
-			b.WriteString("  ")
-			b.WriteString(renderedInput)
-			b.WriteString("\n\n")
+			inner.WriteString("  ")
+			inner.WriteString(renderedInput)
+			inner.WriteString("\n\n")
 		}
 	}
 
-	// Help text
-	b.WriteString(SubtitleStyle.Render(
-		"↑↓: navigate  Enter: next  Ctrl+S: save  Esc: cancel"))
+	inner.WriteString("\n")
+	inner.WriteString(lipgloss.PlaceHorizontal(contentW, lipgloss.Center,
+		SubtitleStyle.Render("↑↓: navigate  Enter: next  Ctrl+S: save  Esc: cancel")))
 
+	box := BorderStyle.Render(inner.String())
+	var b strings.Builder
+	b.WriteString(lipgloss.PlaceHorizontal(t.width, lipgloss.Center, box))
 	return b.String()
 }