feat(ui): add GitHub discussions shortcut and redesign empty state

- Add dedicated keybinding and UI elements for GitHub Discussions
- Redesign the empty state with a centered layout and new iconography
- Improve theme legibility by updating the Nord theme's muted color
- Refactor footer labels for better clarity and consistency

Author: programmersd21

CHANGELOG.md

@@ -5,6 +5,14 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
 
+## [1.2.3]
+
+### Added
+
+* **GitHub Discussions (`u`)**: Added dedicated shortcut to open the project's GitHub Discussions page.
+* **Empty State Redesign**: Removed the box border in the empty state and introduced an attractive, centered layout with a minimalist rocket icon and inspiring prompt.
+* **Theme Improvements**: Updated the `Nord` theme's muted color to a more prominent tone for improved legibility.
+
 ## [1.2.2]
 
 ### Added

configs/kairo.example.toml

@@ -51,4 +51,5 @@ open_plugin_dir = "ctrl+g"
 toggle_strike = "z"
 help = "?"
 issues = "i"
+discussions = "u"
 changelog = "c"

internal/app/model.go

@@ -751,6 +751,9 @@ func (m *Model) Update(msg tea.Msg) (tea.Model, tea.Cmd) {
 			if keymapMatch(m.km.Issues, km) {
 				return m, openURLCmd("https://github.com/programmersd21/kairo/issues")
 			}
+			if keymapMatch(m.km.Discussions, km) {
+				return m, openURLCmd("https://github.com/programmersd21/kairo/discussions")
+			}
 			if keymapMatch(m.km.Changelog, km) {
 				return m, openURLCmd("https://github.com/programmersd21/kairo/blob/main/CHANGELOG.md")
 			}
@@ -1185,34 +1188,36 @@ func (m *Model) renderFooter() string {
 	case ModeTagFilter:
 		left = " " + m.s.Muted.Render("enter "+styles.IconDone+"apply • esc "+styles.IconClose+"cancel • ctrl+u clear")
 	case ModeDetail:
-		left = " " + m.s.Muted.Render(
+		left = " " + m.s.Accent.Background(m.s.Theme.Bg).Render(
 			fk(m.km.Back)+" "+styles.IconBack+"back • "+
 				fk(m.km.EditTask)+" "+styles.IconEdit+"edit • "+
-				fk(m.km.Palette)+" "+styles.IconPalette+"pal • "+
+				fk(m.km.Palette)+" "+styles.IconPalette+"palette • "+
 				fk(m.km.Help)+" "+styles.IconHelp+"help • "+
-				fk(m.km.Issues)+" "+styles.IconIssues+"iss • "+
-				fk(m.km.Changelog)+" "+styles.IconChangelog+"log",
+				fk(m.km.Issues)+" "+styles.IconIssues+"issues • "+
+				fk(m.km.Discussions)+" "+styles.IconDiscuss+"discussions • "+
+				fk(m.km.Changelog)+" "+styles.IconChangelog+"changelog",
 		)
 	case ModeEditor:
-		left = " " + m.s.Muted.Render("ctrl+s "+styles.IconDone+"save • esc "+styles.IconClose+"cls • tab nav")
+		left = " " + m.s.Muted.Render("ctrl+s "+styles.IconDone+"save • esc "+styles.IconClose+"cancel • tab nav")
 	case ModePalette:
-		left = " " + m.s.Muted.Render("enter "+styles.IconEnter+"sel • esc/p "+styles.IconClose+"cls • "+styles.IconUp+styles.IconDown+" nav")
+		left = " " + m.s.Muted.Render("enter "+styles.IconEnter+"select • esc/p "+styles.IconClose+"cancel • "+styles.IconUp+styles.IconDown+" nav")
 	case ModeHelp:
-		left = " " + m.s.Muted.Render("esc/q/"+fk(m.km.Help)+" "+styles.IconClose+"cls")
+		left = " " + m.s.Muted.Render("esc/q/"+fk(m.km.Help)+" "+styles.IconClose+"cancel")
 	case ModeThemeMenu:
-		left = " " + m.s.Muted.Render("enter "+styles.IconDone+"sel • esc/q/"+fk(m.km.CycleTheme)+" "+styles.IconClose+"cls • "+styles.IconUp+styles.IconDown+" nav")
+		left = " " + m.s.Muted.Render("enter "+styles.IconDone+"select • esc/q/"+fk(m.km.CycleTheme)+" "+styles.IconClose+"cancel • "+styles.IconUp+styles.IconDown+" nav")
 	case ModePluginMenu:
-		left = " " + m.s.Muted.Render("enter det • u uninst • o open • r reload • p/"+fk(m.km.ManagePlugins)+" "+styles.IconClose+"cls • "+styles.IconUp+styles.IconDown+" nav")
+		left = " " + m.s.Muted.Render("enter detail • u uninstall • o open • r reload • p/"+fk(m.km.ManagePlugins)+" "+styles.IconClose+"cancel • "+styles.IconUp+styles.IconDown+" nav")
 	default:
-		left = " " + m.s.Muted.Render(
-			fk(m.km.Palette)+" "+styles.IconPalette+"pal • "+
+		left = " " + m.s.Accent.Background(m.s.Theme.Bg).Render(
+			fk(m.km.Palette)+" "+styles.IconPalette+"palette • "+
 				fk(m.km.NewTask)+" "+styles.IconNew+"new • "+
 				"f "+styles.IconTag+"tag • "+
 				fk(m.km.ToggleStrike)+" "+styles.IconStrike+"done • "+
-				fk(m.km.DeleteTask)+" "+styles.IconDelete+"del • "+
+				fk(m.km.DeleteTask)+" "+styles.IconDelete+"delete • "+
 				fk(m.km.Help)+" "+styles.IconHelp+"help • "+
-				fk(m.km.Issues)+" "+styles.IconIssues+"iss • "+
-				fk(m.km.Changelog)+" "+styles.IconChangelog+"log",
+				fk(m.km.Issues)+" "+styles.IconIssues+"issues • "+
+				fk(m.km.Discussions)+" "+styles.IconDiscuss+"discussions • "+
+				fk(m.km.Changelog)+" "+styles.IconChangelog+"changelog",
 		)
 	}
 
@@ -1221,14 +1226,14 @@ func (m *Model) renderFooter() string {
 		icon := styles.IconInfo
 		if m.isErr {
 			icon = styles.IconError
-			right = m.s.Muted.Foreground(m.s.Theme.Bad).Bold(true).Render(icon+" ") + m.s.Muted.Render(m.statusText+" ")
+			right = m.s.Accent.Background(m.s.Theme.Bg).Render(icon + " " + m.statusText + " ")
 		} else {
-			right = m.s.Muted.Foreground(m.s.Theme.Good).Bold(true).Render(icon+" ") + m.s.Muted.Render(m.statusText+" ")
+			right = m.s.Accent.Background(m.s.Theme.Bg).Render(icon + " " + m.statusText + " ")
 		}
 	} else {
-		syncStatus := ""
+		syncLogo := ""
 		if m.syncEngine != nil && m.syncEngine.Enabled() {
-			syncStatus = styles.IconSync + " "
+			syncLogo = styles.IconSync + " "
 		}
 
 		versionText := buildinfo.VersionTag()
@@ -1241,11 +1246,9 @@ func (m *Model) renderFooter() string {
 			if !strings.HasPrefix(lat, "v") {
 				lat = "v" + lat
 			}
-			versionText = fmt.Sprintf("Update: %s → %s (run `kairo update`)", cur, lat)
-			right = m.s.Muted.Foreground(m.s.Theme.Accent).Bold(true).Render(syncStatus + versionText + " ")
-		} else {
-			right = m.s.Muted.Render(syncStatus + versionText + " ")
+			versionText = fmt.Sprintf("Update: %s → %s", cur, lat)
 		}
+		right = m.s.Accent.Background(m.s.Theme.Bg).Render(syncLogo + versionText + " ")
 	}
 
 	line := render.BarLine(left, right, m.width, m.s.Theme.Bg)

internal/config/config.go

@@ -80,6 +80,7 @@ type KeymapConfig struct {
 	ToggleStrike  string `toml:"toggle_strike"`
 	Help          string `toml:"help"`
 	Issues        string `toml:"issues"`
+	Discussions   string `toml:"discussions"`
 	Changelog     string `toml:"changelog"`
 }
 
@@ -138,6 +139,7 @@ func Default() Config {
 			ToggleStrike:  "z",
 			Help:          "?",
 			Issues:        "i",
+			Discussions:   "u",
 			Changelog:     "c",
 		},
 	}
@@ -265,6 +267,9 @@ func Load() (Config, error) {
 	if cfg.Keymap.Issues == "" {
 		cfg.Keymap.Issues = defaults.Keymap.Issues
 	}
+	if cfg.Keymap.Discussions == "" {
+		cfg.Keymap.Discussions = defaults.Keymap.Discussions
+	}
 	if cfg.Keymap.Changelog == "" {
 		cfg.Keymap.Changelog = defaults.Keymap.Changelog
 	}

internal/ui/help/model.go

@@ -91,7 +91,8 @@ func (m Model) View() string {
 				{getK(m.km.ManagePlugins), styles.IconPlugin + "Manage plugins"},
 				{getK(m.km.Help), styles.IconHelp + "Show help"},
 				{getK(m.km.Issues), styles.IconIssues + "Open GitHub issues"},
-				{getK(m.km.Changelog), styles.IconChangelog + "Show changelog"},
+				{getK(m.km.Discussions), styles.IconDiscuss + "Open GitHub discussions"},
+				{getK(m.km.Changelog), styles.IconChangelog + "Open changelog"},
 				{getK(m.km.Quit), "󰈆 " + "Quit"},
 			},
 		},

internal/ui/keymap/keymap.go

@@ -31,6 +31,7 @@ type Keymap struct {
 	ToggleStrike  key.Binding
 	Help          key.Binding
 	Issues        key.Binding
+	Discussions   key.Binding
 	Changelog     key.Binding
 }
 
@@ -58,6 +59,7 @@ func FromConfig(c config.KeymapConfig) Keymap {
 		ToggleStrike:  bind(c.ToggleStrike, "strike", "toggle completion with animation"),
 		Help:          bind(c.Help, "help", "show help"),
 		Issues:        bind(c.Issues, "issues", "open github issues"),
+		Discussions:   bind(c.Discussions, "discussions", "open github discussions"),
 		Changelog:     bind(c.Changelog, "changelog", "open changelog"),
 	}
 }

internal/ui/styles/styles.go

@@ -42,6 +42,7 @@ const (
 	IconUp        = "↑ "
 	IconDown      = "↓ "
 	IconEnter     = "↵ "
+	IconDiscuss   = "󰭹 "
 )
 
 // Design System Constants

internal/ui/tasklist/model.go

@@ -174,13 +174,16 @@ func (m Model) View() string {
 func (m Model) renderEmpty() string {
 	boxWidth := min(60, m.width-4)
 
+	// Gradient accent
+	accent := m.styles.Theme.Accent
+
 	icon := lipgloss.NewStyle().
-		Foreground(m.styles.Theme.Accent).
+		Foreground(accent).
 		Background(m.styles.Theme.Bg).
 		Bold(true).
 		Width(boxWidth).
 		Align(lipgloss.Center).
-		Render("\u2728 " + styles.IconTask)
+		Render("󰇍")
 
 	title := lipgloss.NewStyle().
 		Foreground(m.styles.Theme.Fg).
@@ -189,15 +192,15 @@ func (m Model) renderEmpty() string {
 		Margin(1, 0, 0, 0).
 		Width(boxWidth).
 		Align(lipgloss.Center).
-		Render("No tasks here yet")
+		Render("Nothing on the horizon")
 
 	subtitle := lipgloss.NewStyle().
 		Foreground(m.styles.Theme.Muted).
 		Background(m.styles.Theme.Bg).
 		Margin(1, 0, 0, 0).
 		Width(boxWidth).
 		Align(lipgloss.Center).
-		Render("Press 'n' to create a new task and start your journey")
+		Render("Press 'n' to plant the seed for a new task")
 
 	paletteKeys := strings.Join(m.km.Palette.Keys(), ", ")
 	hint := lipgloss.NewStyle().
@@ -209,23 +212,12 @@ func (m Model) renderEmpty() string {
 		Align(lipgloss.Center).
 		Render(fmt.Sprintf("Tip: Use the command palette (%s) to access all features", paletteKeys))
 
-	content := lipgloss.JoinVertical(lipgloss.Left,
-		icon,
-		title,
-		subtitle,
-		hint,
-	)
-
-	card := m.styles.Card.
-		Width(boxWidth).
-		Padding(2, 0). // Horizontal padding removed to respect explicit line widths
-		Render(content)
-
-	// Place centered; FillViewport at the top level will handle ANSI fixup.
-	return lipgloss.Place(m.width, m.height, lipgloss.Center, lipgloss.Center, card,
-		lipgloss.WithWhitespaceChars(" "),
-		lipgloss.WithWhitespaceBackground(m.styles.Theme.Bg),
-	)
+	// Center in view
+	return lipgloss.NewStyle().
+		Width(m.width).
+		Height(m.height).
+		Align(lipgloss.Center, lipgloss.Center).
+		Render(lipgloss.JoinVertical(lipgloss.Center, icon, title, subtitle, hint))
 }
 
 func (m Model) renderRow(t core.Task, selected bool) string {

internal/ui/theme/theme.go

@@ -67,7 +67,7 @@ var Nord = Theme{
 	IsLight: false,
 	Bg:      lipgloss.Color("#2E3440"),
 	Fg:      lipgloss.Color("#D8DEE9"),
-	Muted:   lipgloss.Color("#4C566A"),
+	Muted:   lipgloss.Color("#81A1C1"),
 	Border:  lipgloss.Color("#3B4252"),
 	Accent:  lipgloss.Color("#88C0D0"),
 	Good:    lipgloss.Color("#A3BE8C"),