feat(tui): add SLA reporting view

Full-screen SLA report accessible via [s] from detail panel.
Computes uptime%, downtime, outage count, longest outage, MTTR,
and MTBF from state_changes table. Includes daily breakdown with
bar chart, switchable time periods (24h/7d/30d/90d), and
scrollable viewport. LATE/STALE treated as UP for SLA purposes.

internal/tui/tui.go

@@ -71,6 +71,7 @@ const (
 	stateConfirmDelete
 	stateFormMaint
 	stateHistory
+	stateSLA
 )
 
 type Model struct {
@@ -96,8 +97,16 @@ type Model struct {
 	historyViewport viewport.Model
 	historyChanges  []models.StateChange
 	historySiteName string
-	isAdmin         bool
-	zones           *zone.Manager
+
+	slaViewport       viewport.Model
+	slaReport         monitor.SLAReport
+	slaDailyBreakdown []monitor.DayReport
+	slaSiteName       string
+	slaSiteID         int
+	slaPeriodIdx      int
+
+	isAdmin bool
+	zones   *zone.Manager
 
 	deleteID   int
 	deleteName string

internal/tui/update.go

@@ -4,6 +4,8 @@ import (
 	"fmt"
 	"time"
 
+	"gitea.lerkolabs.com/lerkolabs/uptop/internal/models"
+	"gitea.lerkolabs.com/lerkolabs/uptop/internal/monitor"
 	"github.com/charmbracelet/bubbles/viewport"
 	tea "github.com/charmbracelet/bubbletea"
 	"github.com/charmbracelet/huh"
@@ -128,6 +130,8 @@ func (m *Model) handleResize(msg tea.WindowSizeMsg) (tea.Model, tea.Cmd) {
 	m.logViewport.Height = msg.Height - (chromePadV + chromeHeader + chromeGaps + chromeFooter)
 	m.historyViewport.Width = msg.Width - chromePadH
 	m.historyViewport.Height = msg.Height - 10
+	m.slaViewport.Width = msg.Width - chromePadH
+	m.slaViewport.Height = msg.Height - 16
 	return m, tea.ClearScreen
 }
 
@@ -149,6 +153,15 @@ func (m *Model) handleMouse(msg tea.MouseMsg) (tea.Model, tea.Cmd) {
 		}
 		return m, nil
 	}
+	if m.state == stateSLA {
+		switch msg.Button {
+		case tea.MouseButtonWheelUp:
+			m.slaViewport.ScrollUp(3)
+		case tea.MouseButtonWheelDown:
+			m.slaViewport.ScrollDown(3)
+		}
+		return m, nil
+	}
 	if m.state != stateDashboard && m.state != stateLogs && m.state != stateUsers {
 		return m, nil
 	}
@@ -204,6 +217,8 @@ func (m *Model) handleKey(msg tea.KeyMsg) (tea.Model, tea.Cmd) {
 		return m.handleDetailKey(msg)
 	case stateHistory:
 		return m.handleHistoryKey(msg)
+	case stateSLA:
+		return m.handleSLAKey(msg)
 	case stateAlertDetail:
 		return m.handleAlertDetailKey(msg)
 	case stateDashboard, stateLogs, stateUsers:
@@ -261,12 +276,69 @@ func (m *Model) handleDetailKey(msg tea.KeyMsg) (tea.Model, tea.Cmd) {
 			m.historyViewport.GotoTop()
 			m.state = stateHistory
 		}
+	case "s":
+		if m.cursor < len(m.sites) {
+			m.openSLAView(m.sites[m.cursor])
+		}
 	case "q":
 		return m, tea.Quit
 	}
 	return m, nil
 }
 
+func (m *Model) handleSLAKey(msg tea.KeyMsg) (tea.Model, tea.Cmd) {
+	switch msg.String() {
+	case "q", "esc":
+		m.state = stateDetail
+	case "1", "2", "3", "4":
+		idx := int(msg.String()[0]-'0') - 1
+		if idx >= 0 && idx < len(slaPeriods) {
+			m.slaPeriodIdx = idx
+			m.recomputeSLA()
+		}
+	case "up", "k":
+		m.slaViewport.ScrollUp(1)
+	case "down", "j":
+		m.slaViewport.ScrollDown(1)
+	case "pgup":
+		m.slaViewport.HalfPageUp()
+	case "pgdown":
+		m.slaViewport.HalfPageDown()
+	case "ctrl+c":
+		return m, tea.Quit
+	}
+	return m, nil
+}
+
+func (m *Model) openSLAView(site models.Site) {
+	m.slaSiteName = site.Name
+	m.slaSiteID = site.ID
+	m.slaPeriodIdx = 2 // default 30d
+	m.recomputeSLA()
+	m.state = stateSLA
+}
+
+func (m *Model) recomputeSLA() {
+	period := slaPeriods[m.slaPeriodIdx]
+	since := time.Now().Add(-period.duration)
+	changes := m.engine.GetStateChangesSince(m.slaSiteID, since)
+
+	var currentStatus string
+	if m.cursor < len(m.sites) {
+		currentStatus = m.sites[m.cursor].Status
+	}
+
+	m.slaReport = monitor.ComputeSLA(changes, currentStatus, period.duration)
+	m.slaDailyBreakdown = monitor.ComputeDailyBreakdown(changes, currentStatus, period.days)
+
+	m.slaViewport = viewport.New(
+		m.termWidth-chromePadH,
+		m.termHeight-16,
+	)
+	m.slaViewport.SetContent(m.buildSLADailyContent())
+	m.slaViewport.GotoTop()
+}
+
 func (m *Model) handleHistoryKey(msg tea.KeyMsg) (tea.Model, tea.Cmd) {
 	switch msg.String() {
 	case "q", "esc":

internal/tui/view_dashboard.go

@@ -98,6 +98,8 @@ func (m Model) View() string {
 		return m.viewDetailPanel()
 	case stateHistory:
 		return m.viewHistoryPanel()
+	case stateSLA:
+		return m.viewSLAPanel()
 	case stateAlertDetail:
 		return m.viewAlertDetailPanel()
 	default:

internal/tui/view_detail.go

@@ -239,7 +239,7 @@ func (m Model) viewDetailPanel() string {
 	}
 
 	b.WriteString("\n\n")
-	b.WriteString(subtleStyle.Render("  [i/Esc] Back  [e] Edit  [h] History  [q] Quit"))
+	b.WriteString(subtleStyle.Render("  [i/Esc] Back  [e] Edit  [h] History  [s] SLA  [q] Quit"))
 
 	return lipgloss.NewStyle().Padding(1, 2).Render(b.String())
 }

internal/tui/view_sla.go

@@ -0,0 +1,141 @@
+package tui
+
+import (
+	"fmt"
+	"math"
+	"strings"
+	"time"
+
+	"github.com/charmbracelet/lipgloss"
+)
+
+var slaPeriods = []struct {
+	label    string
+	key      string
+	duration time.Duration
+	days     int
+}{
+	{"24h", "1", 24 * time.Hour, 1},
+	{"7d", "2", 7 * 24 * time.Hour, 7},
+	{"30d", "3", 30 * 24 * time.Hour, 30},
+	{"90d", "4", 90 * 24 * time.Hour, 90},
+}
+
+func (m Model) viewSLAPanel() string {
+	var b strings.Builder
+
+	header := "  " + titleStyle.Render("SLA REPORT: "+m.slaSiteName)
+	header += "  " + subtleStyle.Render("[q] Back")
+	b.WriteString(header + "\n")
+
+	divWidth := m.termWidth - chromePadH - 4
+	if divWidth < 40 {
+		divWidth = 40
+	}
+	b.WriteString("  " + subtleStyle.Render(strings.Repeat("─", divWidth)) + "\n")
+
+	period := slaPeriods[m.slaPeriodIdx]
+	b.WriteString("  " + subtleStyle.Render("Period: Last "+period.label) + "\n\n")
+
+	r := m.slaReport
+
+	// Uptime bar
+	barWidth := divWidth - 30
+	if barWidth < 10 {
+		barWidth = 10
+	}
+	bar := uptimeBar(r.UptimePct, barWidth)
+	uptimeColor := specialStyle
+	if r.UptimePct < 99.9 {
+		uptimeColor = warnStyle
+	}
+	if r.UptimePct < 99.0 {
+		uptimeColor = dangerStyle
+	}
+	fmt.Fprintf(&b, "  %-14s %s  %s\n", subtleStyle.Render("Uptime"), uptimeColor.Render(fmt.Sprintf("%s%%", fmtPct(r.UptimePct))), bar)
+	fmt.Fprintf(&b, "  %-14s %s\n", subtleStyle.Render("Downtime"), fmtDuration(r.Downtime))
+	fmt.Fprintf(&b, "  %-14s %d\n", subtleStyle.Render("Outages"), r.OutageCount)
+
+	if r.OutageCount > 0 {
+		fmt.Fprintf(&b, "  %-14s %s\n", subtleStyle.Render("Longest"), fmtDuration(r.LongestOut))
+		fmt.Fprintf(&b, "  %-14s %s\n", subtleStyle.Render("MTTR"), fmtDuration(r.MTTR))
+		fmt.Fprintf(&b, "  %-14s %s\n", subtleStyle.Render("MTBF"), fmtDuration(r.MTBF))
+	}
+
+	b.WriteString("\n  " + subtleStyle.Render(strings.Repeat("─", divWidth)) + "\n")
+
+	if len(m.slaDailyBreakdown) > 0 {
+		b.WriteString(m.slaViewport.View())
+	}
+
+	b.WriteString("\n  " + subtleStyle.Render(strings.Repeat("─", divWidth)) + "\n")
+
+	var keys []string
+	for i, p := range slaPeriods {
+		label := fmt.Sprintf("[%s] %s", p.key, p.label)
+		if i == m.slaPeriodIdx {
+			keys = append(keys, titleStyle.Render(label))
+		} else {
+			keys = append(keys, subtleStyle.Render(label))
+		}
+	}
+	b.WriteString("  " + strings.Join(keys, "  "))
+	b.WriteString("  " + subtleStyle.Render("[j/k/↑/↓] Scroll"))
+
+	return lipgloss.NewStyle().Padding(1, 2).Render(b.String())
+}
+
+func (m Model) buildSLADailyContent() string {
+	var b strings.Builder
+
+	barWidth := m.termWidth - chromePadH - 30
+	if barWidth < 10 {
+		barWidth = 10
+	}
+
+	b.WriteString("  " + subtleStyle.Render("DAILY BREAKDOWN") + "\n")
+	for _, day := range m.slaDailyBreakdown {
+		dateStr := day.Date.Format("Jan 02")
+		bar := uptimeBar(day.UptimePct, barWidth)
+		pctStr := fmtPct(day.UptimePct) + "%"
+
+		color := specialStyle
+		if day.UptimePct < 99.9 {
+			color = warnStyle
+		}
+		if day.UptimePct < 99.0 {
+			color = dangerStyle
+		}
+
+		fmt.Fprintf(&b, "  %-8s %s  %s\n", subtleStyle.Render(dateStr), bar, color.Render(pctStr))
+	}
+
+	return b.String()
+}
+
+func uptimeBar(pct float64, width int) string {
+	filled := int(math.Round(pct / 100 * float64(width)))
+	if filled > width {
+		filled = width
+	}
+	if filled < 0 {
+		filled = 0
+	}
+	empty := width - filled
+
+	bar := specialStyle.Render(strings.Repeat("█", filled))
+	if empty > 0 {
+		bar += subtleStyle.Render(strings.Repeat("░", empty))
+	}
+	return bar
+}
+
+func fmtPct(pct float64) string {
+	if pct == 100 {
+		return "100.00"
+	}
+	if pct >= 99.99 {
+		return fmt.Sprintf("%.3f", pct)
+	}
+	return fmt.Sprintf("%.2f", pct)
+}