feat: update theme and keybindings, enhance UI rendering, bumped up the big V

- Changed default theme from "midnight" to "catppuccin" in configuration.
- Added new keybindings for managing plugins, opening plugin directory, toggling strike, and accessing help.
- Refactored UI rendering in various components to improve performance and maintain consistency with the new theme.
- Introduced a new "Completed" view in the task management system.
- Updated styles for better visual hierarchy and user experience across different UI components.
- Adjusted keymap configuration to include new keybindings and ensure proper functionality.

Author: programmersd21

README.md

@@ -1 +1 @@
-1.0.1
+1.0.2

VERSION.txt

@@ -1,5 +1,5 @@
 [app]
-theme = "midnight"
+theme = "catppuccin"
 vim_mode = false
 show_help = true
 
@@ -44,3 +44,7 @@ view_upcoming = "3"
 view_tag = "4"
 view_priority = "5"
 cycle_theme = "t"
+manage_plugins = "p"
+open_plugin_dir = "ctrl+g"
+toggle_strike = "z"
+help = "?"

configs/kairo.example.toml

@@ -565,11 +565,10 @@ func (m *Model) View() string {
 		content = m.renderMainUI()
 	}
 
-	return lipgloss.NewStyle().
-		Width(m.width).
-		Height(m.height).
-		Background(m.s.Theme.Bg).
-		Render(content)
+	return lipgloss.Place(m.width, m.height, lipgloss.Left, lipgloss.Top, content,
+		lipgloss.WithWhitespaceChars(" "),
+		lipgloss.WithWhitespaceBackground(m.s.Theme.Bg),
+	)
 }
 
 func (m *Model) renderMainUI() string {
@@ -601,13 +600,7 @@ func (m *Model) renderMainUI() string {
 		Background(m.s.Theme.Bg).
 		Render(body)
 
-	// Join vertically and fill entire viewport with background
-	content := lipgloss.JoinVertical(lipgloss.Left, head, body, foot)
-	return lipgloss.NewStyle().
-		Width(m.width).
-		Height(m.height).
-		Background(m.s.Theme.Bg).
-		Render(content)
+	return lipgloss.JoinVertical(lipgloss.Left, head, body, foot)
 }
 
 func (m *Model) rebuildComponentSizes() {

internal/app/model.go

@@ -71,11 +71,13 @@ type KeymapConfig struct {
 	ViewInbox     string `toml:"view_inbox"`
 	ViewToday     string `toml:"view_today"`
 	ViewUpcoming  string `toml:"view_upcoming"`
+	ViewCompleted string `toml:"view_completed"`
 	ViewTag       string `toml:"view_tag"`
 	ViewPriority  string `toml:"view_priority"`
 	CycleTheme    string `toml:"cycle_theme"`
 	OpenPluginDir string `toml:"open_plugin_dir"`
 	ManagePlugins string `toml:"manage_plugins"`
+	ToggleStrike  string `toml:"toggle_strike"`
 	Help          string `toml:"help"`
 }
 
@@ -129,6 +131,7 @@ func Default() Config {
 			CycleTheme:    "t",
 			OpenPluginDir: "ctrl+g",
 			ManagePlugins: "p",
+			ToggleStrike:  "z",
 			Help:          "?",
 		},
 	}

internal/config/config.go

@@ -7,11 +7,12 @@ import (
 type ViewID string
 
 const (
-	ViewInbox    ViewID = "inbox"
-	ViewToday    ViewID = "today"
-	ViewUpcoming ViewID = "upcoming"
-	ViewTag      ViewID = "tag"
-	ViewPriority ViewID = "priority"
+	ViewInbox     ViewID = "inbox"
+	ViewToday     ViewID = "today"
+	ViewUpcoming  ViewID = "upcoming"
+	ViewCompleted ViewID = "completed"
+	ViewTag       ViewID = "tag"
+	ViewPriority  ViewID = "priority"
 )
 
 type View struct {
@@ -101,6 +102,15 @@ func DefaultViews(now time.Time) []View {
 				Sort:               SortDeadline,
 			},
 		},
+		{
+			ID:    ViewCompleted,
+			Title: "Completed",
+			Filter: Filter{
+				Statuses:           []Status{StatusDone},
+				IncludeNilDeadline: true,
+				Sort:               SortUpdated,
+			},
+		},
 		{
 			ID:    ViewTag,
 			Title: "By Tag",

internal/core/view.go

@@ -109,7 +109,6 @@ func (m *Model) View() string {
 	return lipgloss.NewStyle().
 		Width(m.width).
 		Height(m.height).
-		Background(m.styles.Theme.Bg).
 		Render(content)
 }
 

internal/ui/detail/model.go

@@ -177,76 +177,40 @@ func (m Model) View() string {
 	}
 	cardW := min(84, w-6)
 
-	title := "NEW TASK"
-	if m.mode == ModeEdit {
-		title = "EDIT TASK"
-	}
-
-	header := lipgloss.NewStyle().
-		Bold(true).
-		Foreground(m.styles.Theme.Bg).
-		Background(m.styles.Theme.Accent).
-		Padding(0, 1).
-		Render(" " + title + " ")
-
-	help := m.styles.Muted.Padding(0, 1).Render("ctrl+s save • esc cancel • tab next")
-
-	// Input fields with labels
 	fields := []string{
-		m.renderField("TITLE", m.title.View(), m.focus == 0),
-		m.renderField("TAGS", m.tags.View(), m.focus == 1),
+		m.renderField("Title", m.title.View(), m.focus == 0),
+		m.renderField("Tags", m.tags.View(), m.focus == 1),
 		lipgloss.JoinHorizontal(lipgloss.Left,
-			m.renderField("PRIORITY", m.priority.View(), m.focus == 2),
-			m.renderField("STATUS", m.status.View(), m.focus == 4),
+			m.renderField("Pri", m.priority.View(), m.focus == 2),
+			m.renderField("Status", m.status.View(), m.focus == 4),
 		),
-		m.renderField("DUE", m.deadline.View(), m.focus == 3),
+		m.renderField("Due", m.deadline.View(), m.focus == 3),
 	}
 
 	if m.deadlineErr != "" {
-		fields = append(fields, lipgloss.NewStyle().Foreground(m.styles.Theme.Bad).Padding(0, 2).Render(styles.IconError+" ERROR: "+m.deadlineErr))
+		fields = append(fields, m.styles.Error.Padding(0, 2).Render(m.deadlineErr))
 	} else if m.deadlinePreview != "" {
-		fields = append(fields, m.styles.Muted.Padding(0, 2).Render("→ "+m.deadlinePreview))
+		fields = append(fields, m.styles.Muted.Padding(0, 2).Render(m.deadlinePreview))
 	}
 
 	descView := m.desc.View()
-	descBox := lipgloss.NewStyle().
-		Padding(0, 1).
-		Border(lipgloss.NormalBorder(), false, false, false, true).
-		BorderLeftForeground(m.styles.Theme.Border)
+	fields = append(fields, "", lipgloss.NewStyle().Padding(0, 2).Render(descView))
 
-	if m.focus == 5 {
-		descBox = descBox.BorderLeftForeground(m.styles.Theme.Accent)
-	}
+	content := lipgloss.JoinVertical(lipgloss.Left, fields...)
 
-	fields = append(fields, "\n", lipgloss.NewStyle().Padding(0, 2).Render(descBox.Render(descView)))
-
-	content := lipgloss.JoinVertical(lipgloss.Left, append([]string{header, help, ""}, fields...)...)
-
-	card := lipgloss.NewStyle().
-		Width(cardW).
-		Background(m.styles.Theme.Bg).
-		Border(lipgloss.RoundedBorder()).
-		BorderForeground(m.styles.Theme.Accent).
-		Padding(1, 2).
-		Render(content)
-
-	return lipgloss.Place(m.width, m.height, lipgloss.Center, lipgloss.Center, card,
-		lipgloss.WithWhitespaceChars(" "),
+	return lipgloss.Place(m.width, m.height, lipgloss.Center, lipgloss.Center,
+		m.styles.Overlay.Width(cardW).Render(content),
 		lipgloss.WithWhitespaceBackground(m.styles.Theme.Bg),
 	)
 }
 
 func (m Model) renderField(label, input string, focused bool) string {
-	labelStyle := lipgloss.NewStyle().
-		Foreground(m.styles.Theme.Muted).
-		Bold(true).
-		Width(12)
-
+	labelStyle := m.styles.Muted.Width(8)
 	if focused {
 		labelStyle = labelStyle.Foreground(m.styles.Theme.Accent)
 	}
 
-	return lipgloss.NewStyle().Padding(0, 2).Render(
+	return lipgloss.NewStyle().Padding(0, 1).Render(
 		lipgloss.JoinHorizontal(lipgloss.Left, labelStyle.Render(label), input),
 	)
 }

internal/ui/editor/model.go

@@ -50,12 +50,6 @@ func (m Model) View() string {
 	}
 
 	header := m.styles.Title.Render(" Help & Keybindings ")
-	// Ensure header fills width with background
-	header = lipgloss.NewStyle().
-		Width(cardW).
-		Background(m.styles.Theme.Bg).
-		Padding(0, 1).
-		Render(header)
 
 	// Helper to extract keys from binding
 	getK := func(b key.Binding) string {

internal/ui/help/model.go

@@ -18,15 +18,17 @@ type Keymap struct {
 	Back       key.Binding
 	Quit       key.Binding
 
-	ViewInbox    key.Binding
-	ViewToday    key.Binding
-	ViewUpcoming key.Binding
-	ViewTag      key.Binding
-	ViewPriority key.Binding
+	ViewInbox     key.Binding
+	ViewToday     key.Binding
+	ViewUpcoming  key.Binding
+	ViewCompleted key.Binding
+	ViewTag       key.Binding
+	ViewPriority  key.Binding
 
 	CycleTheme    key.Binding
 	OpenPluginDir key.Binding
 	ManagePlugins key.Binding
+	ToggleStrike  key.Binding
 	Help          key.Binding
 }
 
@@ -41,15 +43,17 @@ func FromConfig(c config.KeymapConfig) Keymap {
 		Back:       bind(c.Back, "back", "back"),
 		Quit:       bind(c.Quit, "quit", "quit"),
 
-		ViewInbox:    bind(c.ViewInbox, "inbox", "inbox view"),
-		ViewToday:    bind(c.ViewToday, "today", "today view"),
-		ViewUpcoming: bind(c.ViewUpcoming, "upcoming", "upcoming view"),
-		ViewTag:      bind(c.ViewTag, "tag", "tag view"),
-		ViewPriority: bind(c.ViewPriority, "priority", "priority view"),
+		ViewInbox:     bind(c.ViewInbox, "inbox", "inbox view"),
+		ViewToday:     bind(c.ViewToday, "today", "today view"),
+		ViewUpcoming:  bind(c.ViewUpcoming, "upcoming", "upcoming view"),
+		ViewCompleted: bind(c.ViewCompleted, "completed", "completed view"),
+		ViewTag:       bind(c.ViewTag, "tag", "tag view"),
+		ViewPriority:  bind(c.ViewPriority, "priority", "priority view"),
 
 		CycleTheme:    bind(c.CycleTheme, "theme", "theme menu"),
 		OpenPluginDir: bind(c.OpenPluginDir, "plugins-dir", "open plugins folder"),
 		ManagePlugins: bind(c.ManagePlugins, "manage-plugins", "manage plugins"),
+		ToggleStrike:  bind(c.ToggleStrike, "strike", "toggle completion with animation"),
 		Help:          bind(c.Help, "help", "show help"),
 	}
 }