Enhance gaps view with full month scrolling

- Expand gaps view to show from start of current month to today
- Add horizontal scrolling in both TUI and GUI gaps screens
- TUI: Left/right arrows scroll viewport, Home/End jump to start/end
- GUI: Horizontal scroll bar for navigating all days
- Title now displays date range with scroll indicators
- Update SPECIFICATION.md with new user story US-GAP-07

Author: timlinux

PROMPT.log

@@ -1938,3 +1938,27 @@ Completely rewrote `internal/gui/screens/history.go` to implement a master-detai
 ### Files Modified:
 - `internal/gui/screens/history.go` - Complete rewrite with two-column layout
 
+2026-03-27 23:40:27 - User: the history view should let you scroll horizontally to the left to see all the way to the start of the month if applicable (Note: User clarified they meant the GAPS view, not history view)
+
+================================================================================
+Date: 2026-03-28
+Session: Fix Cannot Submit Dialog
+
+Prompt:
+The cannot submit dialog needs to have white text for the entries and you should be able to click on the items to open their timesheets to edit
+
+Action Taken:
+- Modified `showMissingDescriptionsDialog()` in `internal/gui/screens/history.go`
+- Changed text color from dark gray (#333333) to white for better visibility on dark background
+- Changed entry items from static text to clickable buttons
+- When clicked, entries now:
+  1. Close the dialog
+  2. Select the entry in the list
+  3. Update the detail panel
+  4. Open the entry edit form
+- Added helper function `findEntryIndex()` to locate entries by ID
+- Increased dialog size slightly to accommodate clickable buttons
+- Verified code compiles successfully
+
+### Files Modified:
+- `internal/gui/screens/history.go` - Updated showMissingDescriptionsDialog() for white text and clickable entries

SPECIFICATION.md

@@ -258,8 +258,9 @@ This document provides a complete specification of the Go Timesheets Go applicat
 
 ### 4.5 Gaps Analysis
 
-**US-GAP-01**: As a user, I want to see a visualization of my logged hours vs target for the last 14 days so that I can identify gaps in my timesheet.
+**US-GAP-01**: As a user, I want to see a visualization of my logged hours vs target from the start of the current month to today so that I can identify gaps in my timesheet.
 - Acceptance: Bar chart with daily hours, target line at 8 hours
+- Acceptance: Shows all days from month start to today (minimum 14 days if early in month)
 
 **US-GAP-02**: As a user, I want to click on a gap to create a new entry for that day so that I can fill missing time quickly.
 - Acceptance: Click opens entry form pre-filled with date and calculated times
@@ -277,6 +278,12 @@ This document provides a complete specification of the Go Timesheets Go applicat
 **US-GAP-06**: As a user, I want the gaps view to refresh after creating or editing entries so that I see current data.
 - Acceptance: Automatic refresh after any entry modification
 
+**US-GAP-07**: As a user, I want to scroll horizontally in the gaps view to see earlier days in the month so that I can review and fill gaps from earlier in the month.
+- Acceptance (TUI): Left/right arrows scroll the viewport when cursor reaches the edge
+- Acceptance (TUI): Home/End keys jump to start/end of the data
+- Acceptance (GUI): Horizontal scroll bar allows scrolling through all days
+- Acceptance: Title displays the date range of visible days with scroll indicators
+
 ### 4.6 Proof of Work (POW)
 
 **US-POW-01**: As a user, I want to capture screenshots during my work sessions so that I have proof of my work.
@@ -355,7 +362,7 @@ This document provides a complete specification of the Go Timesheets Go applicat
 | History | View entries | Browse, select for detail |
 | Entry Detail | View/edit entry | Edit fields, delete, play POW |
 | Timesheet Creator | Create entry | Select project/task/activity, set times |
-| Gaps View | 14-day analysis | Navigate days, create entries |
+| Gaps View | Month gap analysis | Navigate/scroll days, create entries |
 | Settings | Configuration | Navigate to sub-screens |
 | Favourites Editor | Configure favourites | Edit slots, set properties |
 | Code Repos | Manage git links | Add/edit/remove associations |
@@ -368,7 +375,7 @@ This document provides a complete specification of the Go Timesheets Go applicat
 | Login | Authentication | Enter credentials, submit |
 | Dashboard | Main hub | View timer, navigate, use favourites |
 | History | View entries | Browse cards, click for detail |
-| Gaps View | 14-day analysis | Click bars, create entries |
+| Gaps View | Month gap analysis | Scroll bars, click to create entries |
 | Settings | Configuration | Navigate to sub-screens |
 | Favourites | Configure favourites | Click slots to edit |
 | Code Repos | Manage git links | Add/edit/remove associations |
@@ -525,20 +532,29 @@ This document provides a complete specification of the Go Timesheets Go applicat
 
 ### 9.1 Gaps Analysis
 
-**Purpose**: Visualize missing hours over 14 days
+**Purpose**: Visualize missing hours from start of month to today
 
 **Components**:
-- Bar chart with daily hour totals
+- Horizontally scrollable bar chart with daily hour totals
 - Target line at configurable hours (default 8)
 - Color coding: Green (met), White (gap)
 - Project segments within each bar
 - Warning indicators for missing descriptions
+- Date range title with scroll indicators (← →)
+
+**Viewport**:
+- Shows 14 days at a time in the visible viewport
+- Loads all days from start of current month to today
+- Minimum 14 days shown (extends into previous month if early in month)
+- Auto-scrolls to show most recent days on load
 
 **Interactions**:
 - Click gap segment: Create entry with pre-filled times
 - Click project segment: Edit existing entries
-- Navigate left/right: Select different days
+- Navigate left/right: Select different days, scrolls viewport at edges
 - Navigate up/down: Select different segments within day
+- Home/End: Jump to start/end of available data (TUI)
+- Horizontal scroll: Navigate through all days (GUI)
 
 **Calculations**:
 - Gap hours = Target hours - Total logged hours
@@ -717,8 +733,10 @@ This document provides a complete specification of the Go Timesheets Go applicat
 
 | Key | Action |
 |-----|--------|
-| `←/→` | Navigate days |
-| `↑/↓` | Navigate segments |
+| `←/→` | Navigate days (scrolls viewport at edges) |
+| `↑/↓` | Navigate segments within day |
+| `Home` | Jump to start of month |
+| `End` | Jump to today |
 | `Enter` | Create/edit entry |
 | `r` | Refresh |
 | `Esc` | Back |

internal/gui/screens/gaps.go

@@ -21,7 +21,7 @@ import (
 	"github.com/kartoza/go-timesheets-go/internal/service"
 )
 
-// GapsScreen shows a 14-day view with vertical bars representing logged hours
+// GapsScreen shows a scrollable view with vertical bars representing logged hours
 type GapsScreen struct {
 	Container fyne.CanvasObject
 
@@ -31,9 +31,11 @@ type GapsScreen struct {
 
 	// Widgets
 	barContainer  *fyne.Container
+	barScroll     *container.Scroll
 	detailPanel   *fyne.Container
 	statusLabel   *canvas.Text
 	loadingBar    *widget.ProgressBarInfinite
+	titleLabel    *canvas.Text
 
 	// Detail panel labels
 	detailProject     *canvas.Text
@@ -64,11 +66,11 @@ func NewGapsScreen(apiClient *api.Client, window fyne.Window) *GapsScreen {
 }
 
 func (s *GapsScreen) build() {
-	// Title
-	title := canvas.NewText("Time Gaps - Last 14 Days", color.NRGBA{R: 0xDD, G: 0xA0, B: 0x36, A: 0xFF})
-	title.TextSize = 24
-	title.TextStyle = fyne.TextStyle{Bold: true}
-	title.Alignment = fyne.TextAlignCenter
+	// Title (will be updated when data loads to show date range)
+	s.titleLabel = canvas.NewText("Time Gaps", color.NRGBA{R: 0xDD, G: 0xA0, B: 0x36, A: 0xFF})
+	s.titleLabel.TextSize = 24
+	s.titleLabel.TextStyle = fyne.TextStyle{Bold: true}
+	s.titleLabel.Alignment = fyne.TextAlignCenter
 
 	// Back button
 	backButton := widget.NewButton("< Back", func() {
@@ -78,7 +80,7 @@ func (s *GapsScreen) build() {
 	})
 
 	// Header row
-	header := container.NewBorder(nil, nil, backButton, nil, container.NewCenter(title))
+	header := container.NewBorder(nil, nil, backButton, nil, container.NewCenter(s.titleLabel))
 
 	// Status label
 	s.statusLabel = canvas.NewText("", color.NRGBA{R: 0x9A, G: 0x9E, B: 0xA0, A: 0xFF})
@@ -89,8 +91,10 @@ func (s *GapsScreen) build() {
 	s.loadingBar = widget.NewProgressBarInfinite()
 	s.loadingBar.Hide()
 
-	// Bar container - will hold the 14 vertical bars
+	// Bar container - will hold the vertical bars (scrollable horizontally)
 	s.barContainer = container.NewHBox()
+	s.barScroll = container.NewHScroll(s.barContainer)
+	s.barScroll.SetMinSize(fyne.NewSize(600, 280))
 
 	// Detail panel - shows info about hovered segment
 	s.detailProject = canvas.NewText("", color.NRGBA{R: 0xDD, G: 0xA0, B: 0x36, A: 0xFF})
@@ -148,7 +152,7 @@ func (s *GapsScreen) build() {
 	)
 
 	// Instructions
-	instructions := canvas.NewText("Hover over segments to see details. Click red gaps to fill them.", color.NRGBA{R: 0x9A, G: 0x9E, B: 0xA0, A: 0xFF})
+	instructions := canvas.NewText("Hover over segments to see details. Click gaps to fill them. Scroll left to see earlier days.", color.NRGBA{R: 0x9A, G: 0x9E, B: 0xA0, A: 0xFF})
 	instructions.TextSize = 11
 	instructions.Alignment = fyne.TextAlignCenter
 
@@ -168,7 +172,7 @@ func (s *GapsScreen) build() {
 		),
 		nil,
 		nil,
-		container.NewCenter(container.NewPadded(s.barContainer)),
+		container.NewCenter(container.NewPadded(s.barScroll)),
 	)
 }
 
@@ -276,9 +280,38 @@ func (s *GapsScreen) Refresh() {
 				s.setStatus("Error loading data: " + err.Error())
 				return
 			}
-			s.dayData = s.gapsService.CalculateGaps(entries, 14)
+
+			// Calculate days from start of month to today
+			now := time.Now()
+			startOfMonth := time.Date(now.Year(), now.Month(), 1, 0, 0, 0, 0, now.Location())
+			daysInPeriod := int(now.Sub(startOfMonth).Hours()/24) + 1 // +1 to include today
+
+			// Ensure at least 14 days are shown
+			if daysInPeriod < 14 {
+				daysInPeriod = 14
+			}
+
+			s.dayData = s.gapsService.CalculateGaps(entries, daysInPeriod)
 			s.buildBars()
-			s.setStatus(fmt.Sprintf("Showing %d days of data", len(s.dayData)))
+
+			// Update title with date range
+			if len(s.dayData) > 0 {
+				firstDay := s.dayData[0].Date
+				lastDay := s.dayData[len(s.dayData)-1].Date
+				s.titleLabel.Text = fmt.Sprintf("Time Gaps: %s - %s", firstDay.Format("Jan 02"), lastDay.Format("Jan 02"))
+				s.titleLabel.Refresh()
+			}
+
+			s.setStatus(fmt.Sprintf("Showing %d days of data (scroll left to see earlier days)", len(s.dayData)))
+
+			// Scroll to the right to show most recent days
+			// Calculate the offset to show the rightmost content
+			contentSize := s.barContainer.MinSize()
+			scrollSize := s.barScroll.Size()
+			if contentSize.Width > scrollSize.Width {
+				s.barScroll.Offset = fyne.NewPos(contentSize.Width-scrollSize.Width, 0)
+				s.barScroll.Refresh()
+			}
 		},
 	)
 }

internal/gui/screens/history.go

@@ -1062,7 +1062,7 @@ func (s *HistoryScreen) doSubmit(entries []api.TimelogEntry) {
 // showMissingDescriptionsDialog shows an error dialog when entries are missing descriptions
 func (s *HistoryScreen) showMissingDescriptionsDialog(entries []api.TimelogEntry) {
 	redColor := color.NRGBA{R: 0xE7, G: 0x4C, B: 0x3C, A: 0xFF}
-	darkGray := color.NRGBA{R: 0x33, G: 0x33, B: 0x33, A: 0xFF}
+	grayColor := color.NRGBA{R: 0x9A, G: 0x9E, B: 0xA0, A: 0xFF}
 
 	titleText := canvas.NewText("Cannot Submit", redColor)
 	titleText.TextSize = 18
@@ -1075,37 +1075,48 @@ func (s *HistoryScreen) showMissingDescriptionsDialog(entries []api.TimelogEntry
 			}
 			return "ies are"
 		}()),
-		darkGray,
+		color.White,
 	)
 	messageText.TextSize = 14
 
-	// Build list of entries without descriptions (max 5)
+	var d dialog.Dialog
+
+	// Build list of clickable entries without descriptions (max 5)
 	var entryList []fyne.CanvasObject
 	maxShow := 5
 	if len(entries) < maxShow {
 		maxShow = len(entries)
 	}
 	for i := 0; i < maxShow; i++ {
 		e := entries[i]
+		entryIndex := s.findEntryIndex(e.ID)
 		fromTime, _ := e.GetFromTimeAsTime()
-		entryText := canvas.NewText(
-			fmt.Sprintf("• %s - %s (%s)",
-				e.ProjectName,
-				fromTime.Local().Format("Mon Jan 02"),
-				fmt.Sprintf("%.1fh", e.Hours)),
-			darkGray,
-		)
-		entryText.TextSize = 12
-		entryList = append(entryList, entryText)
+		entryLabel := fmt.Sprintf("• %s - %s (%.1fh)",
+			e.ProjectName,
+			fromTime.Local().Format("Mon Jan 02"),
+			e.Hours)
+
+		// Create a clickable button styled as text
+		btn := widget.NewButton(entryLabel, func() {
+			d.Hide()
+			if entryIndex >= 0 {
+				s.selectedIndex = entryIndex
+				s.entryList.Select(widget.ListItemID(entryIndex))
+				s.updateDetailPanel()
+				s.showEntryDetail(entryIndex)
+			}
+		})
+		btn.Importance = widget.LowImportance
+		entryList = append(entryList, btn)
 	}
 	if len(entries) > 5 {
-		moreText := canvas.NewText(fmt.Sprintf("... and %d more", len(entries)-5), darkGray)
+		moreText := canvas.NewText(fmt.Sprintf("... and %d more", len(entries)-5), grayColor)
 		moreText.TextSize = 12
 		moreText.TextStyle = fyne.TextStyle{Italic: true}
 		entryList = append(entryList, moreText)
 	}
 
-	helpText := canvas.NewText("Click on each entry to add a description.", darkGray)
+	helpText := canvas.NewText("Click on each entry to add a description.", grayColor)
 	helpText.TextSize = 12
 	helpText.TextStyle = fyne.TextStyle{Italic: true}
 
@@ -1121,7 +1132,6 @@ func (s *HistoryScreen) showMissingDescriptionsDialog(entries []api.TimelogEntry
 	content.Add(widget.NewSeparator())
 	content.Add(container.NewCenter(helpText))
 
-	var d dialog.Dialog
 	okBtn := widget.NewButton("OK", func() {
 		d.Hide()
 	})
@@ -1130,6 +1140,16 @@ func (s *HistoryScreen) showMissingDescriptionsDialog(entries []api.TimelogEntry
 	fullContent := container.NewVBox(content, widget.NewSeparator(), buttons)
 
 	d = dialog.NewCustomWithoutButtons("", fullContent, s.window)
-	d.Resize(fyne.NewSize(400, 300))
+	d.Resize(fyne.NewSize(450, 350))
 	d.Show()
 }
+
+// findEntryIndex finds the index of an entry by ID in s.entries
+func (s *HistoryScreen) findEntryIndex(entryID int) int {
+	for i, e := range s.entries {
+		if e.ID == entryID {
+			return i
+		}
+	}
+	return -1
+}