feat: implement full Focus feature set

- Added Pomodoro timer with Start/Reset/Skip logic.
- Integrated local Quick Notes with Pin/Delete functionality.
- Supported image attachments in notes using image_picker.
- Added Focus settings: time duration, vibration, and ringtones.

Author: hoanghaoz

src/android/app/src/main/AndroidManifest.xml

@@ -33,7 +33,6 @@
                 <category android:name="android.intent.category.LAUNCHER"/>
             </intent-filter>
         </activity>
-        <!-- Don't delete the meta-data below.
              This is used by the Flutter tool to generate GeneratedPluginRegistrant.java -->
         <meta-data
             android:name="flutterEmbedding"

src/lib/features/auth/otp_verification_view.dart

@@ -1,8 +1,8 @@
 import 'package:flutter/material.dart';
 import 'package:flutter/services.dart';
 import '../../core/theme/app_colors.dart';
-import '../viewmodels/auth_viewmodels.dart';
-import 'new_password_view.dart';
+import '../auth/viewmodels/auth_viewmodels.dart';
+import '../auth/presentation/view/new_password_view.dart';
 
 class OtpVerificationView extends StatefulWidget {
   const OtpVerificationView({super.key});
@@ -12,7 +12,7 @@ class OtpVerificationView extends StatefulWidget {
 }
 
 class _OtpVerificationViewState extends State<OtpVerificationView> {
-  // Bật chế độ 'chờ' cho ViewModel xử lý logic 8 số
+  // Set ViewModel to 'waiting' mode for 8-digit logic processing
   final _vm = OtpViewModel();
 
   @override
@@ -27,7 +27,7 @@ class _OtpVerificationViewState extends State<OtpVerificationView> {
           onPressed: () => Navigator.pop(context),
         ),
         title: const Text(
-          'Xác thực OTP',
+          'OTP Verification',
           style: TextStyle(
             color: AppColors.primary,
             fontWeight: FontWeight.bold,
@@ -40,7 +40,7 @@ class _OtpVerificationViewState extends State<OtpVerificationView> {
         animation: _vm,
         builder: (context, child) {
           return SafeArea(
-            child: SingleChildScrollView( // Bọc lại đề phòng keyboard hiện lên làm tràn màn hình
+            child: SingleChildScrollView( // Wrap to prevent keyboard overflow
               child: Padding(
                 padding: const EdgeInsets.symmetric(horizontal: 20.0, vertical: 40),
                 child: Column(
@@ -53,7 +53,7 @@ class _OtpVerificationViewState extends State<OtpVerificationView> {
                     ),
                     const SizedBox(height: 32),
                     const Text(
-                      'Nhập mã 8 số', // Hiển thị đúng 8 số
+                      'Enter 8-digit code', // Show correct 8-digit count
                       style: TextStyle(
                         fontSize: 24,
                         fontWeight: FontWeight.bold,
@@ -62,28 +62,28 @@ class _OtpVerificationViewState extends State<OtpVerificationView> {
                     ),
                     const SizedBox(height: 8),
                     const Text(
-                      'Mã đã được gửi đến email của bạn.',
+                      'The code has been sent to your email.',
                       style: TextStyle(color: AppColors.textSecondary),
                     ),
                     const SizedBox(height: 40),
 
-                    // --- KHU VỰC 8 Ô OTP (ĐÃ SỬA LỖI) ---
-                    // Dùng LayoutBuilder để tự tính toán kích thước ô cho vừa mọi màn hình
+                    // --- 8 OTP BOXES AREA (FIXED) ---
+                    // Use LayoutBuilder to calculate box size to fit any screen
                     LayoutBuilder(
                         builder: (context, constraints) {
-                          // Tính toán độ rộng của ô dựa trên màn hình thật, trừ đi khoảng cách giữa các ô
+                          // Calculate box width based on actual screen, subtracting space between boxes
                           double availableWidth = constraints.maxWidth;
-                          double spaceBetweenBoxes = 6.0; // Khoảng cách giữa các ô
-                          double totalSpace = spaceBetweenBoxes * 7; // Có 7 khoảng trống giữa 8 ô
-                          double boxWidth = (availableWidth - totalSpace) / 8; // Độ rộng tối đa mỗi ô
+                          double spaceBetweenBoxes = 6.0; // Space between boxes
+                          double totalSpace = spaceBetweenBoxes * 7; // 7 gaps between 8 boxes
+                          double boxWidth = (availableWidth - totalSpace) / 8; // Max width per box
 
-                          // Khống chế độ rộng ô không quá to để nhìn cho art (max 35-40)
+                          // Constrain box width to look artistic (max 35-40)
                           double finalBoxWidth = boxWidth > 38 ? 38 : boxWidth;
 
                           return Row(
-                            mainAxisAlignment: MainAxisAlignment.center, // Căn giữa hàng 8 ô
+                            mainAxisAlignment: MainAxisAlignment.center, // Center the row of 8 boxes
                             children: List.generate(
-                              8, // SỬA: Đã tạo đúng 8 ô ở đây
+                              8, // FIX: Created 8 boxes here
                                   (index) => Padding(
                                 padding: EdgeInsets.symmetric(horizontal: spaceBetweenBoxes / 2),
                                 child: _buildOtpBox(index, context, finalBoxWidth),
@@ -94,26 +94,26 @@ class _OtpVerificationViewState extends State<OtpVerificationView> {
                     ),
                     const SizedBox(height: 40),
 
-                    // Nút xác nhận xịn sò (Nhận lỗi cụ thể từ Server)
+                    // Confirmation button (Handles specific Server errors)
                     ElevatedButton(
                       onPressed: _vm.isLoading
                           ? null
                           : () async {
                         FocusScope.of(context).unfocus();
-                        // Gọi hàm verify(), nó trả về String? errorMessage
+                        // Call verify(), it returns String? errorMessage
                         final errorMessage = await _vm.verify();
                         if (!context.mounted) return;
 
                         if (errorMessage == null) {
-                          // Thành công: Nhảy sang bước 3 (Đổi mật khẩu mới)
+                          // Success: Navigate to step 3 (Reset new password)
                           Navigator.pushReplacement(
                             context,
                             MaterialPageRoute(
                               builder: (_) => const NewPasswordView(),
                             ),
                           );
                         } else {
-                          // Thất bại: Hiện thông báo lỗi cụ thể (ví dụ: "Mã OTP hết hạn")
+                          // Failure: Show specific error message (e.g., "OTP code expired")
                           ScaffoldMessenger.of(context).showSnackBar(
                             SnackBar(
                               content: Text(errorMessage),
@@ -134,7 +134,7 @@ class _OtpVerificationViewState extends State<OtpVerificationView> {
                         color: AppColors.white,
                       )
                           : const Text(
-                        'XÁC NHẬN',
+                        'CONFIRM',
                         style: TextStyle(
                           fontSize: 16,
                           fontWeight: FontWeight.bold,
@@ -144,7 +144,7 @@ class _OtpVerificationViewState extends State<OtpVerificationView> {
                     ),
                     const SizedBox(height: 16),
 
-                    // --- NÚT GỬI LẠI MÃ (CHỈ CÓ Ở BẢN XỊN) ---
+                    // --- RESEND CODE BUTTON ---
                     TextButton.icon(
                       onPressed: _vm.isLoading
                           ? null
@@ -155,7 +155,7 @@ class _OtpVerificationViewState extends State<OtpVerificationView> {
                         if (errorMessage == null) {
                           ScaffoldMessenger.of(context).showSnackBar(
                             const SnackBar(
-                              content: Text('Đã gửi lại mã OTP!'),
+                              content: Text('OTP code resent!'),
                               backgroundColor: AppColors.success,
                             ),
                           );
@@ -170,7 +170,7 @@ class _OtpVerificationViewState extends State<OtpVerificationView> {
                       },
                       icon: const Icon(Icons.refresh, size: 18, color: AppColors.primary),
                       label: const Text(
-                        'Gửi lại mã',
+                        'Resend code',
                         style: TextStyle(color: AppColors.primary, fontWeight: FontWeight.bold),
                       ),
                     )
@@ -184,10 +184,10 @@ class _OtpVerificationViewState extends State<OtpVerificationView> {
     );
   }
 
-  // SỬA: Nhận thêm 'boxWidth' để tự động co dãn cho vừa 8 ô
+  // FIX: Added 'boxWidth' to automatically scale for 8 boxes
   Widget _buildOtpBox(int index, BuildContext context, double boxWidth) {
     return Container(
-      width: boxWidth, // Sử dụng độ rộng đã tính toán
+      width: boxWidth, // Use calculated width
       height: 48,
       decoration: BoxDecoration(
         color: AppColors.white,
@@ -197,7 +197,7 @@ class _OtpVerificationViewState extends State<OtpVerificationView> {
       child: TextField(
         onChanged: (value) {
           _vm.updateDigit(index, value);
-          // SỬA: Logic nhảy focus chuẩn cho 8 ô (index chạy từ 0 đến 7)
+          // FIX: Correct focus jump logic for 8 boxes (index from 0 to 7)
           if (value.isNotEmpty && index < 7) {
             FocusScope.of(context).nextFocus();
           }
@@ -223,4 +223,4 @@ class _OtpVerificationViewState extends State<OtpVerificationView> {
       ),
     );
   }
-}
+}

src/lib/features/auth/presentation/viewmodels/auth_viewmodels.dart

@@ -2,7 +2,7 @@
 
 import 'package:flutter/material.dart';
 import 'package:supabase_flutter/supabase_flutter.dart';
-import '../../data/auth_helper.dart';
+import '../../services/auth_helper.dart';
 
 // ==========================================
 // BASE VIEWMODEL (Handles Loading, Validation & Errors)

…/lib/features/auth/data/auth_helper.dart …/features/auth/services/auth_helper.dartsrc/lib/features/auth/data/auth_helper.dart renamed to src/lib/features/auth/services/auth_helper.dart src/lib/features/auth/data/auth_helper.dart renamed to src/lib/features/auth/services/auth_helper.dart

@@ -1,4 +1,4 @@
-// data/helpers/auth_helper.dart
+// services/helpers/auth_helper.dart
 
 import 'package:supabase_flutter/supabase_flutter.dart';
 import 'package:flutter_timezone/flutter_timezone.dart';

src/lib/features/auth/viewmodels/auth_viewmodels.dart

@@ -18,13 +18,13 @@ class LoginViewModel extends BaseViewModel {
 
   void togglePass() { obscurePass = !obscurePass; notifyListeners(); }
 
-  Future<bool> login() async {
-    if (emailCtrl.text.isEmpty || passCtrl.text.isEmpty) return false;
+  Future<String?> login() async {
+    if (emailCtrl.text.isEmpty || passCtrl.text.isEmpty) return "Please enter all fields";
     setLoading(true);
     // Mock API call
-    await Future.delayed(const Duration(seconds: 1, milliseconds: 500));
+    await Future.delayed(const Duration(seconds: 1));
     setLoading(false);
-    return true; // Assume success
+    return null; // Success
   }
 }
 
@@ -37,38 +37,53 @@ class RegisterViewModel extends BaseViewModel {
 
   void togglePass() { obscurePass = !obscurePass; notifyListeners(); }
 
-  Future<bool> register() async {
-    if (passCtrl.text != confirmPassCtrl.text) return false;
+  Future<String?> register() async {
+    if (passCtrl.text != confirmPassCtrl.text) return "Passwords do not match";
     setLoading(true);
-    await Future.delayed(const Duration(seconds: 1, milliseconds: 500));
+    await Future.delayed(const Duration(seconds: 1));
     setLoading(false);
-    return true;
+    return null;
   }
 }
 
 class ForgotPassViewModel extends BaseViewModel {
   final emailCtrl = TextEditingController();
 
-  Future<bool> sendCode() async {
-    if (emailCtrl.text.isEmpty) return false;
+  Future<String?> sendCode() async {
+    if (emailCtrl.text.isEmpty) return "Please enter email";
     setLoading(true);
-    await Future.delayed(const Duration(seconds: 1, milliseconds: 500));
+    await Future.delayed(const Duration(seconds: 1));
     setLoading(false);
-    return true;
+    return null;
   }
 }
 
 class OtpViewModel extends BaseViewModel {
-  List<String> digits = List.filled(6, "");
+  // Updated to 8 digits to match UI
+  List<String> digits = List.filled(8, "");
+
+  void updateDigit(int idx, String val) { 
+    if (idx < digits.length) {
+      digits[idx] = val; 
+      notifyListeners(); 
+    }
+  }
 
-  void updateDigit(int idx, String val) { digits[idx] = val; notifyListeners(); }
+  Future<String?> verify() async {
+    String code = digits.join();
+    if (code.length < 8) return "Please enter 8-digit OTP";
+    setLoading(true);
+    await Future.delayed(const Duration(seconds: 1));
+    setLoading(false);
+    return null; // Success
+  }
 
-  Future<bool> verify() async {
-    if (digits.join().length < 6) return false;
+  // Added resend method to fix error in UI
+  Future<String?> resend() async {
     setLoading(true);
-    await Future.delayed(const Duration(seconds: 1, milliseconds: 500));
+    await Future.delayed(const Duration(seconds: 1));
     setLoading(false);
-    return true;
+    return null; // Success
   }
 }
 
@@ -79,11 +94,11 @@ class NewPassViewModel extends BaseViewModel {
 
   void togglePass() { obscurePass = !obscurePass; notifyListeners(); }
 
-  Future<bool> updatePassword() async {
-    if (passCtrl.text != confirmPassCtrl.text) return false;
+  Future<String?> updatePassword() async {
+    if (passCtrl.text != confirmPassCtrl.text) return "Passwords do not match";
     setLoading(true);
-    await Future.delayed(const Duration(seconds: 1, milliseconds: 500));
+    await Future.delayed(const Duration(seconds: 1));
     setLoading(false);
-    return true;
+    return null;
   }
-}
+}

src/lib/features/main/view/screens/main_screen.dart

@@ -2,6 +2,8 @@ import 'package:flutter/material.dart';
 import 'package:task_management_app/features/statistics/viewmodel/statistics_viewmodel.dart';
 import 'package:task_management_app/features/tasks/view/screens/home_screen.dart';
 import '../../../../core/theme/app_colors.dart';
+import '../../../note/view/focus_screen.dart';
+import '../../../note/viewmodel/focus_viewmodel.dart';
 import '../../../statistics/view/screens/statistics_screen.dart';
 // import '../../../tasks/view/screens/home_screen.dart'; 
 import 'package:provider/provider.dart';
@@ -19,7 +21,10 @@ class _MainScreenState extends State<MainScreen> {
   final List<Widget> _screens = [
     const Center(child: HomeScreen()),
     const Center(child: Text('Màn hình Lịch')),
-    const Center(child: Text('Màn hình Tập trung')),
+    ChangeNotifierProvider(
+      create: (_) => FocusViewModel(),
+      child: const FocusScreen(),
+    ),
     ChangeNotifierProvider(
         create: (_) => StatisticsViewmodel(),
         child: const StatisticsScreen(),

src/lib/features/note/model/note_model.dart

@@ -0,0 +1,13 @@
+class NoteModel {
+  final String id;
+  final String content;
+  final bool pinned;
+  final String? imagePath;
+
+  NoteModel({
+    required this.id,
+    required this.content,
+    this.pinned = false,
+    this.imagePath,
+  });
+}