polish tiny mode centering, help menu, processes panel, demo tape

tiny: center vertically and horizontally via centerFrame instead of
only horizontal centerInline; wraps output in full terminal frame

help: only ? toggles help now; removed default key handler that
closed help on any keypress; text updated to press ? to return

processes: redesigned with rounded indigo border matching help menu
aesthetic, consistent padding, muted separators, cleaner table layout

tape: add n key demo for network processes panel; bump curl max-time
values by 10s to compensate; tighten some sleep durations

mod: go mod tidy adds indirect deps for gopsutil process pkg

Author: programmersd21

docs/demo.gif

@@ -49,31 +49,30 @@ Ctrl+L
 Sleep 300ms
 
 # Steady medium-contention traffic — long-running throttled downloads
-# All --max-time values are generous to cover the full demo duration
-Type "curl -L --limit-rate 4M --max-time 65 -o /dev/null https://speed.hetzner.de/100MB.bin &>/dev/null &"
+Type "curl -L --limit-rate 4M --max-time 75 -o /dev/null https://speed.hetzner.de/100MB.bin &>/dev/null &"
 Enter
 Sleep 400ms
-Type "curl -L --limit-rate 3M --max-time 60 -o /dev/null https://proof.ovh.net/files/100Mb.dat &>/dev/null &"
+Type "curl -L --limit-rate 3M --max-time 70 -o /dev/null https://proof.ovh.net/files/100Mb.dat &>/dev/null &"
 Enter
 Sleep 400ms
-Type "curl -L --limit-rate 5M --max-time 62 -o /dev/null https://speed.hetzner.de/100MB.bin &>/dev/null &"
+Type "curl -L --limit-rate 5M --max-time 72 -o /dev/null https://speed.hetzner.de/100MB.bin &>/dev/null &"
 Enter
 Sleep 400ms
-Type "curl -L --limit-rate 2M --max-time 55 -o /dev/null https://proof.ovh.net/files/100Mb.dat &>/dev/null &"
+Type "curl -L --limit-rate 2M --max-time 65 -o /dev/null https://proof.ovh.net/files/100Mb.dat &>/dev/null &"
 Enter
 Sleep 400ms
-Type "curl -L --limit-rate 3M --max-time 68 -o /dev/null https://speed.hetzner.de/100MB.bin &>/dev/null &"
+Type "curl -L --limit-rate 3M --max-time 78 -o /dev/null https://speed.hetzner.de/100MB.bin &>/dev/null &"
 Enter
 Sleep 400ms
-Type "curl -X POST --limit-rate 3M --max-time 58 -o /dev/null https://httpbin.org/post &>/dev/null &"
+Type "curl -X POST --limit-rate 3M --max-time 68 -o /dev/null https://httpbin.org/post &>/dev/null &"
 Enter
 Sleep 400ms
 
 # Small delayed bumps for visual texture on the steady baseline
-Type "(sleep 6; curl -L --limit-rate 4M --max-time 45 -o /dev/null https://speed.hetzner.de/100MB.bin &>/dev/null) &"
+Type "(sleep 6; curl -L --limit-rate 4M --max-time 55 -o /dev/null https://speed.hetzner.de/100MB.bin &>/dev/null) &"
 Enter
 Sleep 400ms
-Type "(sleep 12; curl -L --limit-rate 3M --max-time 40 -o /dev/null https://proof.ovh.net/files/100Mb.dat &>/dev/null) &"
+Type "(sleep 12; curl -L --limit-rate 3M --max-time 50 -o /dev/null https://proof.ovh.net/files/100Mb.dat &>/dev/null) &"
 Enter
 Sleep 400ms
 
@@ -89,7 +88,7 @@ Sleep 3s
 
 # Reveal — hero logo, breathing dot, subtitle, traffic flowing
 Show
-Sleep 6s
+Sleep 5s
 
 # Reset peaks
 Type "r"
@@ -111,22 +110,28 @@ Sleep 2s
 Type "c"
 Sleep 2s
 
-# Pause — hold longer to show the frozen state
+# Pause — hold to show the frozen state
 Type "p"
-Sleep 4s
+Sleep 3s
 
 # Resume
 Type "p"
 Sleep 2s
 
 # Show the help overlay
 Type "?"
-Sleep 4s
+Sleep 3s
 Type "?"
 Sleep 2s
 
-# Let the fresh burst animate through
+# Show the network processes panel
+Type "n"
 Sleep 4s
+Type "n"
+Sleep 2s
+
+# Let the traffic animate through
+Sleep 3s
 
 # Hide before quitting so the GIF ends on the clean TUI screen
 Hide

flow.tape

@@ -23,6 +23,7 @@ require (
 	github.com/erikgeiser/coninput v0.0.0-20211004153227-1c3628e74d0f // indirect
 	github.com/go-ole/go-ole v1.2.6 // indirect
 	github.com/lucasb-eyer/go-colorful v1.3.0 // indirect
+	github.com/lufia/plan9stats v0.0.0-20211012122336-39d0f177ccd0 // indirect
 	github.com/mattn/go-isatty v0.0.20 // indirect
 	github.com/mattn/go-localereader v0.0.1 // indirect
 	github.com/mattn/go-runewidth v0.0.19 // indirect
@@ -31,6 +32,9 @@ require (
 	github.com/muesli/termenv v0.16.0 // indirect
 	github.com/power-devops/perfstat v0.0.0-20210106213030-5aafc221ea8c // indirect
 	github.com/rivo/uniseg v0.4.7 // indirect
+	github.com/shoenig/go-m1cpu v0.1.6 // indirect
+	github.com/tklauser/go-sysconf v0.3.12 // indirect
+	github.com/tklauser/numcpus v0.6.1 // indirect
 	github.com/xo/terminfo v0.0.0-20220910002029-abceb7e1c41e // indirect
 	github.com/yusufpapurcu/wmi v1.2.4 // indirect
 	golang.org/x/sys v0.38.0 // indirect

go.mod

@@ -28,8 +28,13 @@ github.com/erikgeiser/coninput v0.0.0-20211004153227-1c3628e74d0f h1:Y/CXytFA4m6
 github.com/erikgeiser/coninput v0.0.0-20211004153227-1c3628e74d0f/go.mod h1:vw97MGsxSvLiUE2X8qFplwetxpGLQrlU1Q9AUEIzCaM=
 github.com/go-ole/go-ole v1.2.6 h1:/Fpf6oFPoeFik9ty7siob0G6Ke8QvQEuVcuChpwXzpY=
 github.com/go-ole/go-ole v1.2.6/go.mod h1:pprOEPIfldk/42T2oK7lQ4v4JSDwmV0As9GaiUsvbm0=
+github.com/google/go-cmp v0.5.6/go.mod h1:v8dTdLbMG2kIc/vJvl+f65V22dbkXbowE6jgT/gNBxE=
+github.com/google/go-cmp v0.6.0 h1:ofyhxvXcZhMsU5ulbFiLKl/XBFqE1GSq7atu8tAmTRI=
+github.com/google/go-cmp v0.6.0/go.mod h1:17dUlkBOakJ0+DkrSSNjCkIjxS6bF9zb3elmeNGIjoY=
 github.com/lucasb-eyer/go-colorful v1.3.0 h1:2/yBRLdWBZKrf7gB40FoiKfAWYQ0lqNcbuQwVHXptag=
 github.com/lucasb-eyer/go-colorful v1.3.0/go.mod h1:R4dSotOR9KMtayYi1e77YzuveK+i7ruzyGqttikkLy0=
+github.com/lufia/plan9stats v0.0.0-20211012122336-39d0f177ccd0 h1:6E+4a0GO5zZEnZ81pIr0yLvtUWk2if982qA3F3QD6H4=
+github.com/lufia/plan9stats v0.0.0-20211012122336-39d0f177ccd0/go.mod h1:zJYVVT2jmtg6P3p1VtQj7WsuWi/y4VnjVBn7F8KPB3I=
 github.com/mattn/go-isatty v0.0.20 h1:xfD0iDuEKnDkl03q4limB+vH+GxLEtL/jb4xVJSWWEY=
 github.com/mattn/go-isatty v0.0.20/go.mod h1:W+V8PltTTMOvKvAeJH7IuucS94S2C6jfK/D7dTCTo3Y=
 github.com/mattn/go-localereader v0.0.1 h1:ygSAOl7ZXTx4RdPYinUpg6W99U8jWvWi9Ye2JC/oIi4=
@@ -50,8 +55,16 @@ github.com/rivo/uniseg v0.4.7 h1:WUdvkW8uEhrYfLC4ZzdpI2ztxP1I582+49Oc5Mq64VQ=
 github.com/rivo/uniseg v0.4.7/go.mod h1:FN3SvrM+Zdj16jyLfmOkMNblXMcoc8DfTHruCPUcx88=
 github.com/shirou/gopsutil/v3 v3.24.5 h1:i0t8kL+kQTvpAYToeuiVk3TgDeKOFioZO3Ztz/iZ9pI=
 github.com/shirou/gopsutil/v3 v3.24.5/go.mod h1:bsoOS1aStSs9ErQ1WWfxllSeS1K5D+U30r2NfcubMVk=
+github.com/shoenig/go-m1cpu v0.1.6 h1:nxdKQNcEB6vzgA2E2bvzKIYRuNj7XNJ4S/aRSwKzFtM=
+github.com/shoenig/go-m1cpu v0.1.6/go.mod h1:1JJMcUBvfNwpq05QDQVAnx3gUHr9IYF7GNg9SUEw2VQ=
+github.com/shoenig/test v0.6.4 h1:kVTaSd7WLz5WZ2IaoM0RSzRsUD+m8wRR+5qvntpn4LU=
+github.com/shoenig/test v0.6.4/go.mod h1:byHiCGXqrVaflBLAMq/srcZIHynQPQgeyvkvXnjqq0k=
 github.com/stretchr/testify v1.9.0 h1:HtqpIVDClZ4nwg75+f6Lvsy/wHu+3BoSGCbBAcpTsTg=
 github.com/stretchr/testify v1.9.0/go.mod h1:r2ic/lqez/lEtzL7wO/rwa5dbSLXVDPFyf8C91i36aY=
+github.com/tklauser/go-sysconf v0.3.12 h1:0QaGUFOdQaIVdPgfITYzaTegZvdCjmYO52cSFAEVmqU=
+github.com/tklauser/go-sysconf v0.3.12/go.mod h1:Ho14jnntGE1fpdOqQEEaiKRpvIavV0hSfmBq8nJbHYI=
+github.com/tklauser/numcpus v0.6.1 h1:ng9scYS7az0Bk4OZLvrNXNSAO2Pxr1XXRAPyjhIx+Fk=
+github.com/tklauser/numcpus v0.6.1/go.mod h1:1XfjsgE2zo8GVw7POkMbHENHzVg3GzmoZ9fESEdAacY=
 github.com/xo/terminfo v0.0.0-20220910002029-abceb7e1c41e h1:JVG44RsyaB9T2KIHavMF/ppJZNG9ZpyihvCd0w101no=
 github.com/xo/terminfo v0.0.0-20220910002029-abceb7e1c41e/go.mod h1:RbqR21r5mrJuqunuUZ/Dhy/avygyECGrLceyNeo4LiM=
 github.com/yusufpapurcu/wmi v1.2.4 h1:zFUKzehAFReQwLys1b/iSMl+JQGSCSjtVqQn9bBrPo0=
@@ -62,9 +75,12 @@ golang.org/x/sys v0.0.0-20190916202348-b4ddaad3f8a3/go.mod h1:h1NjWce9XRLGQEsW7w
 golang.org/x/sys v0.0.0-20201204225414-ed752295db88/go.mod h1:h1NjWce9XRLGQEsW7wpKNCjG9DtNlClVuFLEZdDNbEs=
 golang.org/x/sys v0.0.0-20210809222454-d867a43fc93e/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.6.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.8.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
+golang.org/x/sys v0.11.0/go.mod h1:oPkhp1MJrh7nUepCBck5+mAzfO9JrbApNNgaTdGDITg=
 golang.org/x/sys v0.38.0 h1:3yZWxaJjBmCWXqhN1qh02AkOnCQ1poK6oF+a7xWL6Gc=
 golang.org/x/sys v0.38.0/go.mod h1:OgkHotnGiDImocRcuBABYBEXf8A9a87e/uXjp9XT3ks=
 golang.org/x/text v0.3.8 h1:nAL+RVCQ9uMn3vJZbV+MRnydTJFPf8qqY42YiA6MrqY=
 golang.org/x/text v0.3.8/go.mod h1:E6s5w1FMmriuDzIBO73fBruAKo1PCIq6d2Q6DHfQ8WQ=
+golang.org/x/xerrors v0.0.0-20191204190536-9bdfabe68543/go.mod h1:I/5z698sn9Ka8TeJc9MKroUUfqBBauWjQqLJ2OPfmY0=
 gopkg.in/yaml.v3 v3.0.1 h1:fxVm/GzAzEWqLHuvctI91KS9hhNmmWOoWu0XTYJS7CA=
 gopkg.in/yaml.v3 v3.0.1/go.mod h1:K4uyk7z7BCEPqu6E+C64Yfv1cQ7kz7rIZviUmN+EgEM=

go.sum

@@ -237,9 +237,6 @@ func (m Model) handleKey(msg tea.KeyMsg) (tea.Model, tea.Cmd) {
 		}
 
 	default:
-		if m.showHelp {
-			m.showHelp = false
-		}
 	}
 
 	return m, nil

internal/ui/model.go

@@ -28,10 +28,15 @@ func renderTiny(m Model) string {
 	left := lbl.Render("↓ download") + " " + theme.ValuePrimary(downRatio, true).Render(m.FormatBps(m.dispDown))
 	right := lbl.Render("↑ upload") + " " + theme.ValuePrimary(upRatio, false).Render(m.FormatBps(m.dispUp))
 	line := left + "   " + right
-	if m.width > 0 {
-		return centerInline(line, m.width)
+	w := m.width
+	if w <= 0 {
+		w = 80
 	}
-	return line
+	h := m.height
+	if h <= 0 {
+		h = 24
+	}
+	return centerFrame(line, w, h)
 }
 
 func renderProcesses(m Model) string {
@@ -49,25 +54,21 @@ func renderProcesses(m Model) string {
 		contentW = max(termW-2, 40)
 	}
 
-	title := lipgloss.NewStyle().
+	titleStyle := lipgloss.NewStyle().
 		Foreground(lipgloss.Color("#f8fafc")).
-		Bold(true).
-		Render("network processes")
+		Bold(true)
 
-	var lines []string
-	lines = append(lines, "  "+title)
-	lines = append(lines, "")
+	title := titleStyle.Render("network processes")
+
+	var block []string
+	block = append(block, "")
+	block = append(block, "  "+title)
+	block = append(block, "")
 
 	if len(m.procs) == 0 {
-		muted := theme.Muted().Render("no active network processes detected")
-		pad := (contentW - lipgloss.Width(muted)) / 2
-		if pad < 0 {
-			pad = 0
-		}
-		lines = append(lines, strings.Repeat(" ", pad)+muted)
+		block = append(block, "  "+theme.Muted().Render("no active network processes detected"))
 	} else {
-		// Truncate to top entries that fit the terminal height
-		maxRows := termH - 8
+		maxRows := termH - 10
 		if maxRows < 5 {
 			maxRows = 5
 		}
@@ -76,47 +77,52 @@ func renderProcesses(m Model) string {
 			list = list[:maxRows]
 		}
 
-		// Column widths
+		innerW := contentW - 8
+		if innerW < 30 {
+			innerW = 30
+		}
 		pidW := 7
-		nameW := contentW - pidW - 16
+		nameW := innerW - pidW - 10
 		if nameW < 10 {
 			nameW = 10
 		}
 
-		headerKey := lipgloss.NewStyle().
+		keyStyle := lipgloss.NewStyle().
 			Foreground(lipgloss.Color("#a5b4fc")).
 			Bold(true)
-		headerMuted := theme.Muted()
+		muted := theme.Muted()
 
-		header := fmt.Sprintf("  %s  %s  %s",
-			headerKey.Render(fmt.Sprintf("%-*s", pidW, "PID")),
-			headerKey.Render(fmt.Sprintf("%-*s", nameW, "Process")),
-			headerKey.Render(fmt.Sprintf("%*s", 7, "Conns")))
+		pidH := keyStyle.Render(fmt.Sprintf("%-*s", pidW, "PID"))
+		nameH := keyStyle.Render(fmt.Sprintf("%-*s", nameW, "Process"))
+		connH := keyStyle.Render(fmt.Sprintf("%*s", 7, "Conns"))
+		header := fmt.Sprintf("  %s  %s  %s", pidH, nameH, connH)
 
-		sep := theme.Dim().Render(strings.Repeat("─", contentW-2))
-		lines = append(lines, "  "+sep)
-		lines = append(lines, header)
-		lines = append(lines, "  "+sep)
+		sep := muted.Render(strings.Repeat("─", innerW+6))
+
+		block = append(block, "  "+sep)
+		block = append(block, header)
+		block = append(block, "  "+sep)
 
 		for _, p := range list {
-			pidStr := fmt.Sprintf("%-*d", pidW, p.PID)
-			nameStr := fmt.Sprintf("%-*s", nameW, truncate(p.Name, nameW))
-			connStr := fmt.Sprintf("%*d", 7, p.Connections)
-
-			row := fmt.Sprintf("  %s  %s  %s",
-				headerMuted.Render(pidStr),
-				theme.Accent().Render(nameStr),
-				headerKey.Render(connStr))
-			lines = append(lines, row)
+			pidS := muted.Render(fmt.Sprintf("%-*d", pidW, p.PID))
+			nameS := theme.Accent().Render(fmt.Sprintf("%-*s", nameW, truncate(p.Name, nameW)))
+			connS := keyStyle.Render(fmt.Sprintf("%*d", 7, p.Connections))
+			block = append(block, fmt.Sprintf("  %s  %s  %s", pidS, nameS, connS))
 		}
-		lines = append(lines, "  "+sep)
+		block = append(block, "  "+sep)
 	}
 
-	lines = append(lines, "")
-	lines = append(lines, "  "+theme.Dim().Render("press n to return"))
+	block = append(block, "")
+	block = append(block, "  "+theme.Dim().Render("press n to return"))
+	block = append(block, "")
 
-	content := strings.Join(lines, "\n")
-	return centerFrame(content, termW, termH)
+	box := lipgloss.NewStyle().
+		Border(lipgloss.RoundedBorder()).
+		BorderForeground(lipgloss.Color("#6366f1")).
+		Padding(0, 2).
+		Render(strings.Join(block, "\n"))
+
+	return centerFrame(box, termW, termH)
 }
 
 func truncate(s string, max int) string {
@@ -176,7 +182,7 @@ func renderHelp(m Model) string {
 	block = append(block, "")
 	block = append(block, keyLines...)
 	block = append(block, "")
-	block = append(block, "  "+theme.Dim().Render("press any key to return"))
+	block = append(block, "  "+theme.Dim().Render("press ? to return"))
 	block = append(block, "")
 
 	helpBox := lipgloss.NewStyle().