fix(stats): bars leave a consistent margin before the number

The right-aligned compact counts lined up (every row is the same width), but
when the top row's bar was full and its number widest, the coloured bar butted
straight against the digits while other rows had a dotted gap. Cap the coloured
bar 2 cells short so the dim track always leaves a margin and the leader runs
to every number identically. Add TestPanelRowsAligned to pin it.

Author: Zingzy

internal/tui/stats/panels.go

@@ -10,6 +10,9 @@ import (
 	"github.com/spoo-me/spoo-cli/internal/ui"
 )
 
+// barGap is the minimum dim margin a coloured bar leaves before its number.
+const barGap = 2
+
 // panelGrid lays the breakdown panels out in responsive columns. A
 // one-column gutter visually matches the stacked borders between rows
 // (terminal cells are ~2:1), and the division remainder widens the
@@ -77,10 +80,11 @@ func (m Model) panelView(idx, width, contentRows, topN int) string {
 	for i, pt := range pts {
 		label := kit.PadToWidth(kit.TruncateToWidth(m.rowLabel(p.key, pt.Label), labelW), labelW)
 
-		// dotted leader fills the count's right-align padding so the bar's
-		// track runs continuously up to every number, no floating gap
+		// cap the coloured bar 2 cells short so it never touches the number;
+		// the dim track + leader fills that margin and the right-align
+		// padding, so every row reads the same with no floating gap
 		compact := kit.CompactNum(pt.Value)
-		leader := ui.Dim.Render(strings.Repeat("·", countW-len(compact)))
+		leader := ui.Dim.Render(strings.Repeat("·", barGap+countW-len(compact)))
 		pct := "     "
 		if total > 0 {
 			pct = fmt.Sprintf("%4.0f%%", pt.Value/total*100)
@@ -91,7 +95,7 @@ func (m Model) panelView(idx, width, contentRows, topN int) string {
 			marker, labelStyle = ui.Title.Render("▸ "), ui.Title
 		}
 		lines = append(lines, marker+labelStyle.Render(label)+" "+
-			ui.Bar(dashBarStyle, pt.Value, maxV, barMax, entityColor(pt.Label, panelHue))+
+			ui.Bar(dashBarStyle, pt.Value, maxV, barMax-barGap, entityColor(pt.Label, panelHue))+
 			leader+compact+ui.Dim.Render(pct))
 	}
 	return m.boxed(p.title, strings.Join(lines, "\n"), width, contentRows+3, focused, panelHue)
@@ -260,7 +264,7 @@ func (m Model) focusPanelBody(idx, width int) string {
 	for i, pt := range pts {
 		label := kit.PadToWidth(kit.TruncateToWidth(m.rowLabel(p.key, pt.Label), labelW), labelW)
 		compact := kit.CompactNum(pt.Value)
-		leader := ui.Dim.Render(strings.Repeat("·", countW-len(compact)))
+		leader := ui.Dim.Render(strings.Repeat("·", barGap+countW-len(compact)))
 		pct := "     "
 		if total > 0 {
 			pct = fmt.Sprintf("%4.0f%%", pt.Value/total*100)
@@ -270,7 +274,7 @@ func (m Model) focusPanelBody(idx, width int) string {
 			marker, labelStyle = ui.Title.Render("▸ "), ui.Title
 		}
 		lines = append(lines, marker+labelStyle.Render(label)+" "+
-			ui.Bar(dashBarStyle, pt.Value, maxV, barMax, entityColor(pt.Label, panelHue))+
+			ui.Bar(dashBarStyle, pt.Value, maxV, barMax-barGap, entityColor(pt.Label, panelHue))+
 			leader+compact+ui.Dim.Render(pct))
 	}
 	return strings.Join(lines, "\n")

internal/tui/stats/panels_test.go

@@ -0,0 +1,60 @@
+package stats
+
+import (
+	"regexp"
+	"strings"
+	"testing"
+
+	tea "charm.land/bubbletea/v2"
+	lipgloss "charm.land/lipgloss/v2"
+	"github.com/zalando/go-keyring"
+
+	"github.com/spoo-me/spoo-cli/internal/api"
+	"github.com/spoo-me/spoo-cli/internal/auth"
+)
+
+var ansiRe = regexp.MustCompile("\x1b\\[[0-9;]*m")
+
+// TestPanelRowsAligned renders a panel whose values span widths (132k …
+// 8.6k) and asserts every line is the same display width — the bar +
+// dotted leader + compact count + percentage must always line up, with
+// no row's bar touching its number.
+func TestPanelRowsAligned(t *testing.T) {
+	keyring.MockInit()
+	client := api.New("http://x", auth.NewStore(t.TempDir()))
+	m := New(client, "", "all", "")
+	resp := &api.StatsResponse{
+		Scope:   "all",
+		Summary: api.StatsSummary{TotalClicks: 287558},
+		Metrics: map[string][]map[string]any{
+			"clicks_by_browser": {
+				{"browser": "Chrome", "clicks": 131881.0},
+				{"browser": "Safari", "clicks": 68807.0},
+				{"browser": "Firefox", "clicks": 31537.0},
+				{"browser": "Edge", "clicks": 25803.0},
+				{"browser": "Brave", "clicks": 14335.0},
+				{"browser": "Arc", "clicks": 8601.0},
+			},
+		},
+	}
+	next, _ := m.Update(statsLoadedMsg{res: resp})
+	m = next.(Model)
+	next, _ = m.Update(tea.WindowSizeMsg{Width: 200, Height: 50})
+	m = next.(Model)
+
+	clean := ansiRe.ReplaceAllString(m.panelView(1, 50, 6, 6), "")
+	lines := strings.Split(clean, "\n")
+	want := lipgloss.Width(lines[0])
+	for i, ln := range lines {
+		if got := lipgloss.Width(ln); got != want {
+			t.Errorf("panel line %d width = %d, want %d:\n%q", i, got, want, ln)
+		}
+		// a coloured bar block (▀) must never sit directly against a digit
+		runes := []rune(ln)
+		for j := 1; j < len(runes); j++ {
+			if runes[j-1] == '▀' && runes[j] >= '0' && runes[j] <= '9' {
+				t.Errorf("panel line %d: bar touches the number: %q", i, ln)
+			}
+		}
+	}
+}