fix: cream background fills entire terminal, bottom bar pinned to bottom

- PadLine now wraps entire line content with Background(ScreenBg) so
  cream color shows behind all text, not just the right-edge padding
- Added PadLineWithBg for active row warm highlight (#f8f0e6)
- Restructured View() to pin bottom bar at terminal bottom with blank
  fill between file list and footer
- Removed 'd remove' from bottom bar keybindings to match web reference
This commit is contained in:
noah
2026-03-09 23:13:32 +01:00
parent c9f1242823
commit ddab9087d8
2 changed files with 87 additions and 63 deletions
+13 -9
View File
@@ -18,7 +18,7 @@ var (
Teal = lipgloss.Color("#2dd4bf")
Cream = lipgloss.Color("#fdf6ef")
Warm = lipgloss.Color("#faf0e6")
Warm = lipgloss.Color("#f8f0e6")
Peach = lipgloss.Color("#fce8d5")
Dark = lipgloss.Color("#2d1f14")
@@ -149,18 +149,22 @@ var (
Bold(true)
)
// PadLine pads a single rendered line to the given width with the screen
// background color. This ensures every line carries the background color
// all the way to the right edge of the terminal.
// PadLine pads a single rendered line to the full terminal width and applies
// the cream background behind ALL content (not just the padding). This is
// achieved by placing the line inside a full-width style with Background set.
func PadLine(line string, width int) string {
return PadLineWithBg(line, width, ScreenBg)
}
// PadLineWithBg pads a line to full width with a specific background color.
func PadLineWithBg(line string, width int, bg color.Color) string {
w := lipgloss.Width(line)
if w >= width {
return line
// Even if the line is already wide enough, wrap with background
return lipgloss.NewStyle().Background(bg).Render(line)
}
pad := lipgloss.NewStyle().
Background(ScreenBg).
Render(strings.Repeat(" ", width-w))
return line + pad
pad := strings.Repeat(" ", width-w)
return lipgloss.NewStyle().Background(bg).Render(line + pad)
}
// FillBlankLines returns n blank lines fully painted with the screen
+74 -54
View File
@@ -31,51 +31,85 @@ func nameWidth(termW int) int {
return w
}
// pad is a shortcut that pads a line to full width with cream background.
func (m Model) pad(line string) string {
return theme.PadLine(line, m.width)
}
// padWarm pads a line to full width with the warm (highlighted) background.
func (m Model) padWarm(line string) string {
return theme.PadLineWithBg(line, m.width, theme.Warm)
}
// blank returns a full-width blank line with cream background.
func (m Model) blank() string {
return theme.PadLine("", m.width)
}
// View renders the entire TUI, filling the full terminal.
func (m Model) View() string {
if m.width == 0 || m.height == 0 {
return "Loading..."
}
var sections []string
// We build an array of pre-padded lines (each already full-width with bg).
var lines []string
sections = append(sections, m.renderTitleBar())
sections = append(sections, m.renderDivider())
// Title bar (1 line)
lines = append(lines, m.pad(m.renderTitleBar()))
// Divider (1 line)
lines = append(lines, m.pad(m.renderDivider()))
// State-specific content
var bottomLines []string // lines that go at the very bottom
switch m.state {
case stateFileList:
sections = append(sections, m.renderColumnHeader())
sections = append(sections, m.renderFileList())
sections = append(sections, m.renderDivider())
sections = append(sections, m.renderBottomBar())
// Column header
lines = append(lines, m.pad(m.renderColumnHeader()))
// File rows
fileLines := m.renderFileRows()
lines = append(lines, fileLines...)
// Bottom section: divider + bottom bar (pinned to bottom)
bottomLines = append(bottomLines, m.pad(m.renderDivider()))
bottomLines = append(bottomLines, m.pad(m.renderBottomBar()))
case stateConverting:
sections = append(sections, m.renderConverting())
for _, l := range strings.Split(m.renderConverting(), "\n") {
lines = append(lines, m.pad(l))
}
case stateResults:
sections = append(sections, m.renderResults())
sections = append(sections, m.renderDivider())
sections = append(sections, m.renderResultsFooter())
for _, l := range strings.Split(m.renderResults(), "\n") {
lines = append(lines, m.pad(l))
}
bottomLines = append(bottomLines, m.pad(m.renderDivider()))
bottomLines = append(bottomLines, m.pad(m.renderResultsFooter()))
}
// Help overlay (if visible, goes right after content)
if m.showHelp {
sections = append(sections, m.renderHelp())
for _, l := range strings.Split(m.renderHelp(), "\n") {
lines = append(lines, m.pad(l))
}
}
content := lipgloss.JoinVertical(lipgloss.Left, sections...)
// Split into individual lines and pad each to full width with background
lines := strings.Split(content, "\n")
for i, line := range lines {
lines[i] = theme.PadLine(line, m.width)
}
// Fill remaining vertical space with background-colored blank lines
remaining := m.height - len(lines)
// Calculate how many blank lines we need between content and bottom bar
totalUsed := len(lines) + len(bottomLines)
remaining := m.height - totalUsed
if remaining > 0 {
fill := theme.FillBlankLines(remaining, m.width)
return strings.Join(lines, "\n") + "\n" + fill
for i := 0; i < remaining; i++ {
lines = append(lines, m.blank())
}
}
// Truncate if content exceeds terminal height
// Append bottom bar lines
lines = append(lines, bottomLines...)
// Truncate if somehow we exceed terminal height
if len(lines) > m.height {
lines = lines[:m.height]
}
@@ -122,7 +156,6 @@ func (m Model) renderDivider() string {
func (m Model) renderColumnHeader() string {
nw := nameWidth(m.width)
// "Name" sits after the cursor+check prefix (6 chars), indented
nameHdr := theme.Breadcrumb.Copy().Width(colCursor + colCheck + nw).Render(
strings.Repeat(" ", colCursor+colCheck) + "Name")
sizeHdr := theme.Breadcrumb.Copy().Width(colSize).Align(lipgloss.Right).Render("Size")
@@ -132,16 +165,16 @@ func (m Model) renderColumnHeader() string {
return nameHdr + " " + sizeHdr + " " + fmtHdr + " " + statHdr
}
// ─── File list ───────────────────────────────────────────────
// ─── File rows ───────────────────────────────────────────────
func (m Model) renderFileList() string {
// renderFileRows returns already-padded lines for the file list area.
func (m Model) renderFileRows() []string {
if len(m.files) == 0 {
empty := lipgloss.NewStyle().
Foreground(theme.Light).
Italic(true).
Padding(2, 4).
Render("No supported files found. Pass file paths or glob patterns as arguments.")
return empty
Render(" No supported files found. Pass file paths or glob patterns as arguments.")
return []string{m.blank(), m.pad(empty), m.blank()}
}
maxVisible := m.maxVisibleFiles()
@@ -152,26 +185,23 @@ func (m Model) renderFileList() string {
var rows []string
for i := m.scroll; i < end; i++ {
rows = append(rows, m.renderFileRow(i))
}
// Pad with empty rows so the file list always fills the available space
rendered := len(rows)
if rendered < maxVisible {
emptyRow := strings.Repeat(" ", m.width)
for i := rendered; i < maxVisible; i++ {
rows = append(rows, emptyRow)
row := m.renderFileRow(i)
isCursor := i == m.cursor
if isCursor {
rows = append(rows, m.padWarm(row))
} else {
rows = append(rows, m.pad(row))
}
}
// Scrollbar indicator
// Scrollbar indicator (if needed)
if len(m.files) > maxVisible {
scrollInfo := theme.Help.Render(fmt.Sprintf(
" showing %d\u2013%d of %d", m.scroll+1, end, len(m.files)))
rows = append(rows, scrollInfo)
rows = append(rows, m.pad(scrollInfo))
}
return lipgloss.JoinVertical(lipgloss.Left, rows...)
return rows
}
func (m Model) renderFileRow(idx int) string {
@@ -197,7 +227,6 @@ func (m Model) renderFileRow(idx int) string {
extBadge := theme.ExtBadge(catColor).Render(strings.ToUpper(f.ext))
nameText := f.name
// Reserve space for icon(2) + space(1) + ext(max 5) + space(1) + ...
maxName := nw - 10
if maxName < 8 {
maxName = 8
@@ -213,7 +242,6 @@ func (m Model) renderFileRow(idx int) string {
nameStyle = theme.FileName
}
// Build the name cell content, then wrap in a fixed-width style
nameContent := icon + " " + extBadge + " " + nameStyle.Render(nameText)
nameCell := lipgloss.NewStyle().Width(nw).MaxWidth(nw).Render(nameContent)
@@ -238,15 +266,7 @@ func (m Model) renderFileRow(idx int) string {
}
statusCell := lipgloss.NewStyle().Width(colStatus).Align(lipgloss.Center).Render(statusStr)
// ── Assemble row ──
row := cursor + check + nameCell + " " + sizeCell + " " + fmtCell + " " + statusCell
// Highlight active row with warm background
if isCursor {
row = lipgloss.NewStyle().Background(theme.Warm).Render(row)
}
return row
return cursor + check + nameCell + " " + sizeCell + " " + fmtCell + " " + statusCell
}
func renderFormatSelector(f fileEntry, active bool) string {