Files
paul 9819d8db0b
continuous-integration/drone/push Build is failing
feat: Notifications page, Sidebar layout fixes, and Achievements enhancements
- implemented /notifications page with overdue/upcoming alerts
- Fixed sidebar scrolling in collapsed mode
- Moved notification button to sidebar footer
- Enhanced Achievements page with streak stats and tooltips
- Improved XP history to show task titles
- Added missing translations (en/de)
- Removed top bar header
- Fixed Docker environment routing
2025-12-17 10:06:36 +01:00

18 KiB

Task: Run and Test Application Locally

  • Inspect Docker configuration

  • Localization & Audit Log Refinement

    • Update en.json & de.json with missing keys
      • MCP Settings (Port label, clarifications)
      • Audit Logs (Table headers, descriptions)
      • Data Export (Card title, checkboxes, buttons, toast messages)
      • Recurring Tasks (Task Modal: Repeat label, frequencies, "Every X units")
    • Update Components to use t()
      • McpSettingsCard.tsx
      • AuditLogsTable.tsx
      • DataExportCard.tsx
      • TaskCreationModal.tsx
    • Audit Logging for Data Export
      • Update POST /api/user/export in server/routes.ts to call storage.createAuditLog
  • Run application with Docker

  • Verify application is running (Port 5001)

  • Perform End-to-End Testing

    • Create E2E test plan
    • Run E2E tests
  • Document results

  • Deep E2E Testing

    • Test Task Cycle (Create, Edit, Delete)
    • Test View Consistency (List, Board, Calendar)
    • Test Edge Cases (Empty inputs, long text)
  • Create Bug/Testing Report

  • [/] Fix Identified Bugs

    • Fix Empty Title Validation (BUG-02)
    • Fix Calendar View Sync (BUG-01)
    • Verify Fixes
  • Conduct UX/UI Review

    • Audit Visual Design (Colors, Typography)
    • Audit Interactions (Animations, Feedback)
    • Create Recommendations Report
    • Implement Premium Redesign (Fonts, Colors, Motion)
  • Redesign Navigation Layout

    • Implement Collapsible Left Sidebar
    • Add Floating Action Button (FAB)
    • Remove Top Header and Bottom Navigation
  • Refine UX/UI (User Feedback)

    • Fix Theme Toggle (Icon only / Fix Label)
    • Optimize Sidebar Layout (Sizes, Spacing, Icons)
    • Verify/Fix Sidebar Collapsibility
    • Enhance Color Palette (Active States, Icons)
  • Fix Regression Layout Issues

    • Add Visible Sidebar Collapse Trigger
    • Fix Icon Visibility in Collapsed State
    • Fix Header Overlap in Calendar View
    • Fix Content Overlap in Week View
    • Fix Content Overlap in Kanban View
  • Sidebar & Responsive Refinements

    • Increase Collapsed Sidebar Width (20%)
    • Change Sidebar Toggle to Hamburger Icon
    • Fix App Icon Visibility in Collapsed Mode
    • Fix Z-Index for Sidebar Tooltips
    • Fix Calendar Responsiveness on Tasks Page
  • Implement Gamification System

    • Update Schema (User XP, Level, Streaks)
    • Backend: Add XP logic to completeTask
    • Frontend: Create GamificationContext or Hook (Implemented simple prop-passing MVP)
    • Frontend: Add User Level/XP Bar to Sidebar
    • E2E: Verify XP gain and Level up
  • Implement "Smart" Features (Rec 1)

    • Update Schema (Task Energy Level, Duration)
    • UI: Add Energy selector to Task Form
    • UI: Add Energy Filter to Task List (Badge implemented)
    • E2E: Verify Energy filtering (Creation verified)
  • Implement Deep Structure (Rec 2)

    • Update Schema (Task Dependencies)
    • UI: Add "Blocked By" selector to Task Form (Schema Ready)
    • UI: Visual indicator for blocked tasks (Schema Ready)
    • Logic: Prevent completion of blocked tasks (Schema Ready)
    • E2E: Verify Blocking logic
  • Prepare Knowledge Integration (Rec 3)

    • Schema: Create notes table and relations
    • Schema: Add content/notes fields to Task
    • Backend: Create basic CRUD routes for Notes (Preparation)
    • Test: Verify Database Schema validity
  • Gamification Phase 2: Rewards & Analytics

    • Backend: Analytics endpoints (Weekly/Yearly/Monthly)
    • Fix: Monthly Analytics not showing
    • Fix: Translate Analytics chart labels (Days/Months)
    • Refine: Analytics Chart Tooltips (Custom styling)
    • Refine: Monthly Analytics -> Use Calendar Weeks (KW/CW)
    • Feature: Show Calendar Weeks in Calendar Views
    • Feature: Reward Shop
      • Schema: rewards table
      • UI: Reward Shop Component
      • Backend: Purchase Logic (XP Deduction)
      • Feature: User Inventory
  • Phase 3: Multi-User & Social (Roadmap)

    • Auth: Login/Register/Invite-only
    • Admin: First-time Wizard
    • Social: Shared Lists & Leaderboards
    • Integrations: 2-Way Calendar Sync
    • Admin Features Improvements:
      • Fix Missing Translations in User Management
      • Add User Deletion with Confirmation (Type user count/ID)
      • Fix Missing Translations in Settings (Account Box)
      • Refactor: Move SMTP Settings to separate Admin Section
  • Security & Session Management:

    • 2-Factor Authentication (Email):
      • Generate OTP on login
      • Send Code via EmailService
      • UI: Verify Code Screen
    • Persistent Sessions:
      • "Remember Me" Checkbox on Login
      • Configure express-session for long-lived cookies (e.g. 30 days)
  • Account Settings Enhancements:

    • Password Change: Implement Modal (Old Password + New x2)
    • Profile Update:
      • Hide User ID
      • Show Email Address
      • Implement Change Email Flow
  • Translation & UI Polish:

    • Settings - Social & Privacy: ADD MISSING TRANSLATION
    • Move MCP Settings to Admin UI (System Settings)
    • Persist MCP settings in DB
    • Implement Audit Logging for MCP changes
    • Implement Comprehensive Audit Logging for all Entities (Labels, AI, etc.)
    • Settings - Administration Box: ADD MISSING TRANSLATION
    • Achievements Page: FIX TAB TRANSLATIONS
    • Achievements Inventory: FIX DISPLAY AND TRANSLATION
    • Achievements History: FIX DISPLAY AND TRANSLATION
    • Tasks Page:
      • Force Calendar Bar to Bottom
      • Ensure Height accommodates content + headline
    • Task Creation:
      • VERIFY Simple Task Creation (NLP/One-line)
      • Ensure NLP/Simple mode is translated
    • Task Sharing:
      • LOCATE & VERIFY Single Task Sharing UI
      • If missing, re-implement or make visible
  • Collapsed Sidebar Visual Polish

    • Increase Sidebar Icon Size (Collapsed)
    • Center App Logo in Collapsed Mode
  • Mobile E2E Verification

    • Verify Mobile Sidebar (Sheet)
    • Check FAB Position on Mobile
    • Check Tasks Calendar Responsiveness on Mobile
    • Verify Week/Kanban Layouts on Mobile
  • Mobile UX Fixes

    • Fix New Task Modal Overflow on Mobile
  • Advanced UX Features

    • Command Palette (Cmd+K)
      • Install cmdk
      • Create GamificationBar component (Points, Level, Streak)
      • Create CommandPalette component
      • Integrate Global Shortcut
    • Integrate GamificationBar into AppSidebar
    • Create AchievementsPage.tsx
      • Analytics charts (Weekly Activity, Category Breakdown)
      • Goals Management UI
    • Add route for /achievements in App.tsx
    • Verify: Gamification UI elements render correctly
    • Verify: Goals can be created and displayed
    • Fix: Ensure energyLevel and estimatedDuration persist correctly on Task Creation
    • Refine: Gamification Translations (German Ranks, Page Titles)
    • Refine: Gamification UI (Double Flame, Clickable Level Bar)
    • Fix: Monthly Analytics Tab & "from last week" translation
    • Fix: Goal Modal Placeholder & Level Modal Reward Text
    • Task Completion Delight
      • Install canvas-confetti
      • Create Confetti/Sound Utility
      • Integrate into Task Completion Actions
    • Fix: Ensure energyLevel and estimatedDuration persist correctly on Task Creation Actions
    • Focus Mode Dashboard
      • Create Focus/Home View
      • Implement Greetings & Stats
      • Implement 'Focus Task' Logic
      • Update Routing & Sidebar
  • Final E2E Verification

    • Verify Command Palette
    • Verify Delight Effects
    • Verify Focus Mode
  • Native Mobile & Advanced UX

    • PWA Implementation (Native iOS)
      • Install vite-plugin-pwa
      • Config Manifest & Icons
      • Add iOS Meta Tags
    • Smart NLP Input
      • Create NLP Parsing Utility
      • Integrate into Task Creation
    • Gestures & Drag-and-Drop
      • Install dnd-kit
      • Implement Drag Reordering in Focus Mode
      • Implement Swipe Actions (Framer Motion)
  • Final Native/UX Verification

    • Verify PWA Installability

    • Debugging & Polish

    • Fix EP Counting Bug: Experience Points are multiplying instead of adding (Fix logic in server/gamification.ts)

    • Improve EP History: Display specific Task Name in the EP History board (Add details JSON to xpEvents schema)

      • Update schema.ts
      • Update gamification.ts to log task details
      • Update AchievementsPage.tsx to display details
    • Real XP Data: Connect XP Activity chart to real user data instead of mock data

      • Implement getWeeklyAnalytics etc. in gamification.ts
      • Wire up API endpoints in routes.ts
    • Visuals: Redesign Favicon/App Icon to match dark mode "TaskFlow" branding

    • Critical Bug: Fix White Screen & Wrong Routine Redirection (Morning routine appearing at night)

      • Debug useRoutineBlocker logic
      • Debug FocusRoutinePage rendering
    • Gamification Enhancements

      • Add Weekly (7-day) & Monthly (30-day) Streak Bonuses (Logic in gamification.ts verified)
      • Add Tooltip for Streak explanation
      • Fix EP History: Show "Late" vs "On Time" clearly
      • Ensure AI usage and all actions are visible in History
    • Verify NLP Parsing

    • Verify NLP Parsing

    • Verify Drag/Swipe Interactions

  • AI & Pomodoro Enhancements

    • AI Task Decomposition ("Magic Wand")
      • Create AI Simulator Utility
      • Add Wand Button to TaskCard
      • Implement Auto-Append Logic
    • Integrated Pomodoro Flow
      • Create Timer Web Worker
      • Create Pomodoro Overlay/Component
      • Add Ambient Sounds (Web Audio)
  • Final Feature E2E Verification

    • Verify AI Decomposition
    • Verify Pomodoro Timer
  • Translate "Focus" menu item

  • Fix translations in "Focus Mode" page

  • Fix date formats in "Tasks" page (calendar bar)

  • Fix date formats in "Week" page (calendar items)

  • Diagnose why only "Focus Mode" page is visible and functional

    • Check routing configuration
    • Verify sidebar navigation events
    • Fix Docker volume mount and PWA caching issues
    • Create docker-compose-production.yml
    • Configure Traefik labels
    • Identify Production Environment Variables
    • Verify Docker Build
    • Create docker-compose-production.yml
  • Configure Traefik labels

  • Identify Production Environment Variables

  • Verify Docker Build

  • Commit and Push Changes

  • Server & Environment issues

    • Restart dev server or rebuild
    • Verify HMR
  • Fix Production DB Schema (Auto-migration on startup)

  • Implement Automated Versioning

    • Create pre-commit hook for patch increments
    • Update vite.config.ts to expose version
    • Display version in Admin Settings UI
  • Refactor MCP Settings UI

    • Move MCP settings to dedicated tab in Admin Settings
  • Implement Shared Labels

    • Schema: sharedLabels table
    • Storage: Logic for sharing and retrieving labels (MemStorage verified)
    • API: Routes for sharing, retrieving shares, and unsharing (Verified via Script)
    • UI: Share Label Modal and Integration in Settings
  • Implement Reverse Proxy Support

    • Update vite.config.ts for base URL handling
    • Verify/Update WebSocket connection logic (useWebSocket) - Configured HMR for Proxy
    • Add X-Forwarded-For header handling in auth.ts / index.ts
  • Implement AI & Automation

    • MCP Server Implementation:
      • Schema: API Key for Users
      • Backend: Manual MCP Server (JSON-RPC/SSE)
      • Tools: List Tasks, Create Task, Complete Task
      • Routes: /api/mcp/sse, /api/mcp/messages
    • AI Chat Agent:
      • Backend: AI Service (OpenAI, Anthropic, Gemini, Ollama)
      • Routes: /api/ai/chat (Context Injection)
      • UI: Chat Widget (AiChat.tsx)
    • Configuration & Settings:
      • Admin: AI Provider Settings (AiSettingsCard)
      • User: Enable/Disable Toggle
      • Translations: EN & DE
    • Deployment:
      • Docker Rebuild & DB Push
      • Fix Localhost Login (Secure Cookie)
    • Docker Rebuild & DB Push
    • Fix Localhost Login (Secure Cookie)
    • Configurable System Prompt
      • Backend: Move System Prompt to DB (system_settings)
      • Backend: Seed default prompt on startup
      • UI: Add Large Textarea to Admin AI Settings
      • Docker: Rebuild
  • Advanced Data Management

    • Audit Logging: Log changes to ai_system_prompt
    • Data Export:
      • Backend: POST /api/user/export (Handle selection)
      • UI: Export Card in Settings (Checkboxes for Tasks, Labels, Settings)
      • E2E: Verify JSON download structure
      • Audit Logging for Data Export
      • Update POST /api/user/export in server/routes.ts to call storage.createAuditLog
  • Recurring Tasks & Notifications

    • Schema: Add recurrence fields (recurrence_interval, days, etc.)
    • Backend:
      • Update keys logic in server/routes.ts
      • Implement recurrenceService (onComplete trigger)
      • Notification endpoint/logic
    • Frontend:
      • Update TaskCreationModal with Recurrence UI
      • Notification Permission Request
    • Deployment:
      • Update Docker & Rebuild
      • E2E Tests