PRODUCT_UI_REQUIREMENTS.md

Updated DevLog UI & Design Technical Requirements

1. Dashboard/Main Screen

• Consolidated overview with today’s work log, top todos, Pomodoro timer, recent/pinned notes, and productivity stats.

2. Work Log

• Daily, text-only entries grouped by date, with description, tags, time, edit/delete.
• New log/add-from-previous buttons.

3. Todo List

• Simple todos: title, due date, priority, tags, complete/edit/delete.
• Filtering by tags or due date.

4. Pomodoro Timer

• Digital timer widget with phase label, controls, cycle count, configurable sound notifications.
• Stats: Today’s sessions, history view in stats pane.

5. Notes Section

• Basic list or collapsible panel, text-only, add/edit/delete/pin to dashboard.

6. Habit Tracker

• Widget or tab to track daily habits with streak visualization.

7. Navigation

• Persistent sidebar or top-bar with Dashboard, Work Log, Todos, Pomodoro, Notes, Habit Tracker, Stats, Settings.
• Highlight current section.

8. Theming

• Light/dark mode toggle and system theme detection.

9. Accessibility & UX

• Responsive to desktop window sizes.
• Keyboard shortcuts for primary actions.
• Non-intrusive notifications.
• Accessibility for navigation and screen readers.
• Single-user, no sign-in.

10. Command Palette

• Invoked by keyboard shortcut (Ctrl+K or Cmd+K).
• Appears as a centered modal overlay with text input and quick-close (Esc).
• Functionality:
  • Search for and navigate to app sections or screens (e.g., “Go to Pomodoro”)
  • Quick actions: "Add new work log", "Start Pomodoro", "Create Todo", etc.
  • Search/filter todos, notes, logs, and habits by keyword; shows results with icons and context.
  • Recently used commands/actions shown for quick access.
• Fully navigable by keyboard (up/down/enter).
• Clear, friendly UX and visually distinct from other modals.