Preview uncommitted changes in the detail pane

For a dirty submodule, list the changed files so the user can remember
what they were doing there:

  Changes   5 files · 2M 1A 1D 1R · +37 −12
            ──────────────────────────────────
            M  render.go  src/render/  +20 −4  3d ago
            ?  scratch.txt                     5m ago

- Status.Changes: files changed against HEAD (staged and unstaged
  combined) with kind, line counts and modification time; sorted by kind,
  then by size; capped at 200 with totals over all files.
- Git provider: parse `status --porcelain=v2 -z` and one
  `diff HEAD --numstat -z -M`, only for dirty submodules.
- Detail pane: flat list with a colored status letter per file, like IDE
  source-control views; counts and age in compact columns; up to 10 files,
  every kind keeps a line, the rest is summarized as "n more".
- Fixture gains libs/work with every kind of change; mock data extended.
- Docs: F24, change preview in the UX guide, D17.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

internal/tui/theme/issues.go

@@ -25,6 +25,42 @@ func IssueWord(k submodule.IssueKind) string {
 	}
 }
 
+// ChangeLetter is the one-letter label of a changed file.
+func ChangeLetter(k submodule.ChangeKind) string {
+	switch k {
+	case submodule.ChangeConflicted:
+		return "!"
+	case submodule.ChangeModified:
+		return "M"
+	case submodule.ChangeAdded:
+		return "A"
+	case submodule.ChangeRemoved:
+		return "D"
+	case submodule.ChangeRenamed:
+		return "R"
+	default:
+		return "?"
+	}
+}
+
+// ChangeStyle returns base with the color of a change kind.
+func (t Theme) ChangeStyle(k submodule.ChangeKind, base lipgloss.Style) lipgloss.Style {
+	switch k {
+	case submodule.ChangeConflicted:
+		return base.Foreground(t.Danger).Bold(true)
+	case submodule.ChangeModified:
+		return base.Foreground(t.Warn)
+	case submodule.ChangeAdded:
+		return base.Foreground(t.Added)
+	case submodule.ChangeRemoved:
+		return base.Foreground(t.Danger)
+	case submodule.ChangeRenamed:
+		return base.Foreground(t.Primary)
+	default:
+		return base.Foreground(t.Muted)
+	}
+}
+
 // LevelStyle returns base with the text color (and weight) for a level.
 func (t Theme) LevelStyle(l submodule.Level, base lipgloss.Style) lipgloss.Style {
 	switch l {

internal/tui/theme/theme.go

@@ -13,6 +13,7 @@ import (
 type Theme struct {
 	Primary  lipgloss.TerminalColor // accent: branch names, commit hashes
 	Info     lipgloss.TerminalColor
+	Added    lipgloss.TerminalColor // added lines and files
 	Warn     lipgloss.TerminalColor
 	Danger   lipgloss.TerminalColor
 	Muted    lipgloss.TerminalColor
@@ -31,6 +32,7 @@ func Default() Theme {
 	return Theme{
 		Primary:  lipgloss.Color("6"), // cyan
 		Info:     lipgloss.Color("4"), // blue
+		Added:    lipgloss.Color("2"), // green
 		Warn:     lipgloss.Color("3"), // yellow
 		Danger:   lipgloss.Color("1"), // red
 		Muted:    lipgloss.Color("8"), // bright black / grey
@@ -49,17 +51,17 @@ func Fg(c lipgloss.TerminalColor) lipgloss.Style {
 
 // Glyphs are the few symbols used next to the state words.
 type Glyphs struct {
-	Staged, Ahead, Behind, Collapsed, Expanded, Problems string
+	Staged, Ahead, Behind, Collapsed, Expanded, Problems, Minus, From, Rule string
 }
 
 func Unicode() Glyphs {
 	return Glyphs{
-		Staged: "●", Ahead: "↑", Behind: "↓", Collapsed: "▸", Expanded: "▾", Problems: "·",
+		Staged: "●", Ahead: "↑", Behind: "↓", Collapsed: "▸", Expanded: "▾", Problems: "·", Minus: "−", From: "←", Rule: "─",
 	}
 }
 
 func ASCII() Glyphs {
 	return Glyphs{
-		Staged: "*", Ahead: "^", Behind: "v", Collapsed: ">", Expanded: "v", Problems: ".",
+		Staged: "*", Ahead: "^", Behind: "v", Collapsed: ">", Expanded: "v", Problems: ".", Minus: "-", From: "<-", Rule: "-",
 	}
 }