added transaction snackbar message

.vscode/launch.json

@@ -0,0 +1,25 @@
+{
+    // Use IntelliSense to learn about possible attributes.
+    // Hover to view descriptions of existing attributes.
+    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
+    "version": "0.2.0",
+    "configurations": [
+        {
+            "name": "krezus",
+            "request": "launch",
+            "type": "dart"
+        },
+        {
+            "name": "krezus (profile mode)",
+            "request": "launch",
+            "type": "dart",
+            "flutterMode": "profile"
+        },
+        {
+            "name": "krezus (release mode)",
+            "request": "launch",
+            "type": "dart",
+            "flutterMode": "release"
+        }
+    ]
+}

README.md

@@ -1,3 +1,3 @@
-# Tunas
+# Krezus (tunas)
 
 A very complicated tool that should have been an excel sheet.

android/app/build.gradle

@@ -23,7 +23,7 @@ if (flutterVersionName == null) {
 }
 
 android {
-    namespace "com.example.tunas"
+    namespace "sx.glt.krezus"
     compileSdkVersion flutter.compileSdkVersion
     ndkVersion flutter.ndkVersion
 
@@ -42,7 +42,7 @@ android {
 
     defaultConfig {
         // TODO: Specify your own unique Application ID (https://developer.android.com/studio/build/application-id.html).
-        applicationId "com.example.tunas"
+        applicationId "sx.glt.krezus"
         // You can update the following values to match your application needs.
         // For more information, see: https://docs.flutter.dev/deployment/android#reviewing-the-gradle-build-configuration.
         minSdkVersion flutter.minSdkVersion

android/app/src/main/AndroidManifest.xml

@@ -1,8 +1,8 @@
 <manifest xmlns:android="http://schemas.android.com/apk/res/android">
     <application
-        android:label="tunas"
+        android:label="krezus"
         android:name="${applicationName}"
-        android:icon="@mipmap/ic_launcher">
+        android:icon="@mipmap/launcher_icon">
         <activity
             android:name=".MainActivity"
             android:exported="true"

android/app/src/main/kotlin/com/example/tunas/MainActivity.kt

@@ -1,4 +1,4 @@
-package com.example.tunas
+package sx.glt.krezus
 
 import io.flutter.embedding.android.FlutterActivity
 

ios/Runner.xcodeproj/project.pbxproj

@@ -367,7 +367,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.tunas;
+				PRODUCT_BUNDLE_IDENTIFIER = sx.glt.krezus;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_VERSION = 5.0;
@@ -384,7 +384,7 @@
 				CURRENT_PROJECT_VERSION = 1;
 				GENERATE_INFOPLIST_FILE = YES;
 				MARKETING_VERSION = 1.0;
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.tunas.RunnerTests;
+				PRODUCT_BUNDLE_IDENTIFIER = sx.glt.krezus.RunnerTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_ACTIVE_COMPILATION_CONDITIONS = DEBUG;
 				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
@@ -402,7 +402,7 @@
 				CURRENT_PROJECT_VERSION = 1;
 				GENERATE_INFOPLIST_FILE = YES;
 				MARKETING_VERSION = 1.0;
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.tunas.RunnerTests;
+				PRODUCT_BUNDLE_IDENTIFIER = sx.glt.krezus.RunnerTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_VERSION = 5.0;
 				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Runner.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/Runner";
@@ -418,7 +418,7 @@
 				CURRENT_PROJECT_VERSION = 1;
 				GENERATE_INFOPLIST_FILE = YES;
 				MARKETING_VERSION = 1.0;
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.tunas.RunnerTests;
+				PRODUCT_BUNDLE_IDENTIFIER = sx.glt.krezus.RunnerTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_VERSION = 5.0;
 				TEST_HOST = "$(BUILT_PRODUCTS_DIR)/Runner.app/$(BUNDLE_EXECUTABLE_FOLDER_PATH)/Runner";
@@ -545,7 +545,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.tunas;
+				PRODUCT_BUNDLE_IDENTIFIER = sx.glt.krezus;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_OPTIMIZATION_LEVEL = "-Onone";
@@ -567,7 +567,7 @@
 					"$(inherited)",
 					"@executable_path/Frameworks",
 				);
-				PRODUCT_BUNDLE_IDENTIFIER = com.example.tunas;
+				PRODUCT_BUNDLE_IDENTIFIER = sx.glt.krezus;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				SWIFT_OBJC_BRIDGING_HEADER = "Runner/Runner-Bridging-Header.h";
 				SWIFT_VERSION = 5.0;

ios/Runner/Info.plist

@@ -5,7 +5,7 @@
 	<key>CFBundleDevelopmentRegion</key>
 	<string>$(DEVELOPMENT_LANGUAGE)</string>
 	<key>CFBundleDisplayName</key>
-	<string>Tunas</string>
+	<string>Krezus</string>
 	<key>CFBundleExecutable</key>
 	<string>$(EXECUTABLE_NAME)</string>
 	<key>CFBundleIdentifier</key>
@@ -13,7 +13,7 @@
 	<key>CFBundleInfoDictionaryVersion</key>
 	<string>6.0</string>
 	<key>CFBundleName</key>
-	<string>tunas</string>
+	<string>krezus</string>
 	<key>CFBundlePackageType</key>
 	<string>APPL</string>
 	<key>CFBundleShortVersionString</key>

lib/app.dart

@@ -1,9 +1,12 @@
+import 'package:dynamic_color/dynamic_color.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:flutter_localizations/flutter_localizations.dart';
-import 'package:tunas/clients/storage/storage_client.dart';
+import 'package:krezus/clients/storage/json_storage_client.dart';
-import 'package:tunas/pages/home/home_page.dart';
+import 'package:krezus/pages/home/home_page.dart';
-import 'package:tunas/repositories/account/account_repository.dart';
+import 'package:krezus/repositories/json/json_repository.dart';
+import 'package:krezus/repositories/metadata/metadata_repository.dart';
+import 'package:krezus/repositories/transactions/transactions_repository.dart';
 
 class App extends StatefulWidget {
   const App({super.key});
@@ -27,42 +30,72 @@ class AppView extends StatefulWidget {
 }
 
 class _AppViewState extends State<AppView> {
-  late final StorageClient _storageClient;
+  late final JsonStorageClient _storageClient;
-  late final AccountRepository _accountRepository;
+  late final JsonRepository _jsonRepository;
+  late final TransactionsRepository _transactionsRepository;
+  late final MetadataRepository _metadataRepository;
 
   @override
   void initState() {
     super.initState();
 
-    _storageClient = StorageClient();
+    _storageClient = JsonStorageClient();
-    _accountRepository = AccountRepository(storageClient: _storageClient);
+    _jsonRepository = JsonRepository(storageClient: _storageClient);
+    _transactionsRepository = TransactionsRepository(jsonRepository: _jsonRepository);
+    _metadataRepository = MetadataRepository(jsonRepository: _jsonRepository);
+    
+    _transactionsRepository.loadTransactions();
+    _metadataRepository.loadMetadata();
+
+    _metadataRepository.getSettingsStream().listen((event) => setState(() {}));
   }
 
   @override
   Widget build(BuildContext context) {
     return MultiRepositoryProvider(
-      providers: [RepositoryProvider.value(value: _accountRepository)],
+      providers: [
-      child: MaterialApp(
+        RepositoryProvider.value(value: _jsonRepository),
-        title: 'Tunas',
+        RepositoryProvider.value(value: _transactionsRepository),
-        theme: ThemeData(
+        RepositoryProvider.value(value: _metadataRepository),
-          colorScheme: ColorScheme.fromSeed(
+      ],
-            seedColor: const Color.fromARGB(255, 55, 55, 55),
+      child: DynamicColorBuilder(
-            brightness: Brightness.dark
+        builder: ((lightDynamic, darkDynamic) {
-          ),
+          ColorScheme lightColorScheme;
-          useMaterial3: true
+          ColorScheme darkColorScheme;
-        ),
+
-        initialRoute: '/home',
+          if (lightDynamic != null && darkDynamic != null) {
-        routes: {
+            lightColorScheme = lightDynamic.harmonized();
-          '/home':(context) => const HomePage(),
+            darkColorScheme = darkDynamic.harmonized();
-        },
+          } else {
-        localizationsDelegates: const [
+            lightColorScheme = ColorScheme.fromSeed(
-          GlobalMaterialLocalizations.delegate,
+              seedColor: const Color.fromARGB(255, 103, 6, 231),
-          GlobalWidgetsLocalizations.delegate,
+            );
-          GlobalCupertinoLocalizations.delegate
+
-        ],
+            darkColorScheme = ColorScheme.fromSeed(
-        supportedLocales: const [
+              seedColor: const Color.fromARGB(255, 103, 6, 231),
-          Locale('fr')
+              brightness: Brightness.dark,
-        ],
+            );
+          }
+
+          return MaterialApp(
+            title: 'Krezus',
+            theme: ThemeData(colorScheme: lightColorScheme),
+            darkTheme: ThemeData(colorScheme: darkColorScheme),
+            themeMode: _metadataRepository.getSettings().themeMode,
+            initialRoute: '/home',
+            routes: {
+              '/home':(context) => const HomePage(),
+            },
+            localizationsDelegates: const [
+              GlobalMaterialLocalizations.delegate,
+              GlobalWidgetsLocalizations.delegate,
+              GlobalCupertinoLocalizations.delegate
+            ],
+            supportedLocales: const [
+              Locale('fr')
+            ],
+          );
+        })
       ) 
     );
   }

lib/clients/storage/json_storage_client.dart

@@ -0,0 +1,36 @@
+import 'dart:io';
+
+import 'package:path_provider/path_provider.dart';
+
+class JsonStorageClient {
+
+  save(String filename, String data) async {
+    File file = await _getJson(filename);
+    await file.writeAsString(data);
+  }
+
+  Future<String> load(String filename) async {
+    File file = await _getJson(filename);
+    return file.readAsString();
+  }
+
+  delete(String filename) async {
+    File file = await _getJson(filename);
+    await file.delete();
+  }
+
+  Future<File> _getJson(String filename) async {
+    final rootDirectory = Platform.isAndroid ? await getExternalStorageDirectory() : await getApplicationDocumentsDirectory();
+
+    final appDirectory = Directory('${rootDirectory!.path}/krezus');
+    if (!appDirectory.existsSync()) {
+      appDirectory.createSync();
+    }
+
+    final targetFile = File('${rootDirectory.path}/krezus/$filename'); 
+    if (!targetFile.existsSync()) {
+      targetFile.createSync();
+    }
+    return targetFile;
+  }
+}

lib/clients/storage/storage_client.dart

@@ -1,29 +0,0 @@
-import 'dart:io';
-
-import 'package:path_provider/path_provider.dart';
-
-class StorageClient {
-    save(String filename, String data) async {
-        File file = await _getJson(filename);
-        await file.writeAsString(data);
-    }
-
-    Future<String> load(String filename) async {
-        File file = await _getJson(filename);
-        return file.readAsString();
-    }
-
-    delete(String filename) async {
-      File file = await _getJson(filename);
-      await file.delete();
-    }
-
-    Future<File> _getJson(String filename) async {
-        final dir = await getApplicationDocumentsDirectory();
-        final file = File('${dir.path}/$filename'); 
-        if (!file.existsSync()) {
-          file.createSync();
-        }
-        return file;
-    }
-}

lib/domains/account/account_bloc.dart

@@ -1,14 +1,15 @@
-import 'dart:convert';
+import 'dart:async';
 import 'dart:io';
 
 import 'package:csv/csv.dart';
 import 'package:equatable/equatable.dart';
 import 'package:file_picker/file_picker.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/repositories/account/account_repository.dart';
+import 'package:krezus/repositories/metadata/models/category.dart';
-import 'package:tunas/repositories/account/models/account.dart';
+import 'package:krezus/repositories/metadata/metadata_repository.dart';
-import 'package:tunas/repositories/account/models/category.dart';
+import 'package:krezus/repositories/metadata/models/account.dart';
-import 'package:tunas/repositories/account/models/transaction.dart';
+import 'package:krezus/repositories/transactions/models/transaction.dart';
+import 'package:krezus/repositories/transactions/transactions_repository.dart';
 import 'package:uuid/uuid.dart';
 
 part 'account_event.dart';
@@ -34,20 +35,31 @@ final colors = [
 ];
 
 class AccountBloc extends Bloc<AccountEvent, AccountState> {
-  final AccountRepository _accountRepository;
+  final TransactionsRepository _transactionsRepository;
+  final MetadataRepository _metadataRepository;
 
-  AccountBloc({required AccountRepository accountRepository})
+  AccountBloc({
-      : _accountRepository = accountRepository,
+    required MetadataRepository metadataRepository,
-        super(const AccountState()) {
+    required TransactionsRepository transactionsRepository,
-    on<AccountImportJSON>(_onAccountImportJSON);
+  })
+  : _metadataRepository = metadataRepository,
+    _transactionsRepository = transactionsRepository,
+    super(const AccountState()
+  ) {
     on<AccountImportCSV>(_onAccountImportCSV);
-    on<SubAccountLoad>(_onSubAccountLoad);
+    on<AccountLoad>(_onAccountLoad);
     // on<AccountExportJSON>(_onAccountImportJSON);
     // on<AccountExportCSV>(_onAccountImportJSON);
+    on<AccountAdd>(_onAccountAdd);
+    on<AccountRemove>(_onAcountRemove);
+    on<AccountEditLabel>(_onAccountEditLabel);
+    on<AccountEditSaving>(_onAccountEditSaving);
+    on<AccountEditColor>(_onAccountEditColor);
+    on<ClearData>(_onClearData);
 
-    _accountRepository
+    _metadataRepository
-      .getSubAccountsStream()
+      .getAccountsStream()
-      .listen((subAccounts) => add(SubAccountLoad(subAccounts)));
+      .listen((subAccounts) => add(AccountLoad(subAccounts)));
   }
 
   double _universalConvertToDouble(dynamic value) {
@@ -62,9 +74,8 @@ class AccountBloc extends Bloc<AccountEvent, AccountState> {
     }
   }
 
-  _onAccountImportCSV(
+  _onAccountImportCSV(AccountImportCSV event, Emitter<AccountState> emit) async {
-      AccountImportCSV event, Emitter<AccountState> emit) async {
+    // int colorIndex = 0;
-    int colorIndex = 0;
     FilePickerResult? result = await FilePicker.platform.pickFiles();
 
     final csvPath = result?.files.first.path;
@@ -74,27 +85,33 @@ class AccountBloc extends Bloc<AccountEvent, AccountState> {
       final List<List<dynamic>> csvList = const CsvToListConverter(fieldDelimiter: '|', eol: '\n').convert(csvFileContent);
 
       final Map<String, Category> categoriesMap = {};
-      final Set<String> subAccounts = {};
+      final Map<String, Account> accounts = {};
 
       final transactions = csvList
         .map((line) {
           
+          double value = _universalConvertToDouble(line[4]);
           String? categoryLabel = line[1];
           if (categoryLabel == null || categoryLabel == '') {
             categoryLabel = 'N/A';
           }
 
           if (categoriesMap[categoryLabel] == null) {
-            if (categoryLabel == 'N/A') {
+            // if (categoryLabel == 'N/A') {
-              categoriesMap[categoryLabel] = Category(label: 'N/A', color: 'FFFF0000' );
+            //   categoriesMap[categoryLabel] = Category(label: 'N/A', color: 'FFFF0000' );
-            } else {
+            // } else {
-              String color = colorIndex >= colors.length ? 'FF0000FF' : colors[colorIndex];
+            //   String color = colorIndex >= colors.length ? 'FF0000FF' : colors[colorIndex];
-              colorIndex++;
+            //   colorIndex++;
-              categoriesMap[categoryLabel] = Category(label: categoryLabel, color: color );
+            //   categoriesMap[categoryLabel] = Category(label: categoryLabel, color: color );
-            }
+            // }
+
+            categoriesMap[categoryLabel] = Category(label: categoryLabel, color: value > 0 ? 'FF21E297' : 'FFFFB4AB' );
           }
 
-          subAccounts.add(line[3]);
+          String accountLabel = line[3];
+          if (accounts[accountLabel] == null) {
+            accounts[accountLabel] = Account(label: accountLabel, color: 'FF74feff');
+          }
 
           return Transaction(
             uuid: const Uuid().v8(),
@@ -102,37 +119,100 @@ class AccountBloc extends Bloc<AccountEvent, AccountState> {
             category: categoryLabel,
             description: line[2],
             account: line[3],
-            value: _universalConvertToDouble(line[4]));
+            value: value
-          })
+          );
+        })
         .toList();
 
-      await _accountRepository.deleteAccount();
+      _metadataRepository.deleteMetadata();
-      final account = Account(transactions: transactions, categories: categoriesMap.values.toList(), subAccounts: subAccounts);
+      _transactionsRepository.deleteTransactions();
-      await _accountRepository.saveAccount(account);
+
+      _metadataRepository.saveAccounts(accounts.values.toList());
+      _metadataRepository.saveBudgets([]);
+      _metadataRepository.saveCategories(categoriesMap.values.toList());
+      _transactionsRepository.saveTransactions(transactions);
     }
   }
 
-  _onAccountImportJSON(
+  _onAccountLoad(
-      AccountImportJSON event, Emitter<AccountState> emit) async {
+    AccountLoad event, Emitter<AccountState> emit
-    FilePickerResult? result = await FilePicker.platform.pickFiles();
-
-    final jsonPath = result?.files.first.path;
-    if (jsonPath != null) {
-      final File json = File(jsonPath);
-      final String jsonString = await json.readAsString();
-      final List<dynamic> jsonList = jsonDecode(jsonString);
-      final List<Transaction> transactions = jsonList.map((transaction) => Transaction.fromJson(transaction)).toList();
-
-      await _accountRepository.deleteAccount();
-      await _accountRepository.saveTransactions(transactions);
-    }
-  }
-
-  _onSubAccountLoad(
-    SubAccountLoad event, Emitter<AccountState> emit
   ) {
     emit(
       state.copyWith(event.subAccounts)
     );
   }
+
+  _onAccountAdd(AccountAdd event, Emitter<AccountState> emit) {
+    String uuid = const Uuid().v8();
+    Account account = Account(
+      label: 'Account $uuid',
+      color: 'FF74feff',
+      saving: false
+    );
+    emit(
+      state.copyWith(_saveAccount(account))
+    );
+  }
+
+  _onAcountRemove(AccountRemove event, Emitter<AccountState> emit) {
+    Account accountToRemove = event.account;
+    List<Account> accounts = state.accounts;
+    List<Transaction> transactions = _transactionsRepository.getTransactions();
+
+    if (transactions.any((transaction) => transaction.account == accountToRemove.label)) {
+      emit(AccountRemoveFail());
+      emit(AccountState(accounts: accounts));
+    } else {
+      accounts.removeWhere((account) => account.label == accountToRemove.label);
+      emit(AccountRemoveSucess());
+      emit(
+        state.copyWith(_metadataRepository.saveAccounts(accounts))
+      );
+    }
+  }
+
+  _onAccountEditLabel(AccountEditLabel event, Emitter<AccountState> emit) {
+    // Account account = event.account;
+    // TODO check for existance, rename every transaction
+  }
+
+  _onAccountEditSaving(AccountEditSaving event, Emitter<AccountState> emit) {
+    Account account = event.account;
+    account.saving = event.saving;
+    emit(
+      state.copyWith(_saveAccount(account))
+    );
+  }
+
+  _onAccountEditColor(AccountEditColor event, Emitter<AccountState> emit) {
+    Account account = event.account;
+    account.color = event.color;
+    emit(
+      state.copyWith(_saveAccount(account))
+    );
+  }
+
+  List<Account> _saveAccount(Account accountToSave) {
+    List<Account> accounts = _metadataRepository.getAccounts();
+
+    try {
+      Account accountFound = accounts.firstWhere((account) => account.label == accountToSave.label);
+      accountFound.color = accountToSave.color;
+      accountFound.saving = accountToSave.saving;
+    } catch (e) {
+      if (accounts.isEmpty) {
+        accounts = [accountToSave];
+      } else {
+        accounts.add(accountToSave);
+      }
+    }
+
+    _metadataRepository.saveAccounts(accounts);
+    return accounts;
+  }
+
+  FutureOr<void> _onClearData(ClearData event, Emitter<AccountState> emit) {
+    _metadataRepository.deleteMetadata();
+    _transactionsRepository.deleteTransactions();
+  }
 }

lib/domains/account/account_event.dart

@@ -7,6 +7,10 @@ sealed class AccountEvent extends Equatable {
   List<Object> get props => [];
 }
 
+final class ClearData extends AccountEvent {
+  const ClearData();
+}
+
 final class AccountImportCSV extends AccountEvent {
   const AccountImportCSV();
 }
@@ -23,10 +27,51 @@ final class AccountExportCSV extends AccountEvent {
   const AccountExportCSV();
 }
 
-final class SubAccountLoad extends AccountEvent {
+final class AccountLoad extends AccountEvent {
-  final Set<String> subAccounts;
+  final List<Account> subAccounts;
-  const SubAccountLoad(this.subAccounts);
+  const AccountLoad(this.subAccounts);
 
   @override
   List<Object> get props => [subAccounts]; 
 }
+
+final class AccountEditColor extends AccountEvent {
+  final Account account;
+  final String color;
+
+  const AccountEditColor(this.account, this.color);
+
+  @override
+  List<Object> get props => [account, color]; 
+}
+
+final class AccountEditSaving extends AccountEvent {
+  final Account account;
+  final bool saving;
+
+  const AccountEditSaving(this.account, this.saving);
+
+  @override
+  List<Object> get props => [account, saving]; 
+}
+
+final class AccountEditLabel extends AccountEvent {
+  final Account account;
+  final String label;
+
+  const AccountEditLabel(this.account, this.label);
+
+  @override
+  List<Object> get props => [account, label]; 
+}
+
+final class AccountRemove extends AccountEvent {
+  final Account account;
+
+  const AccountRemove(this.account);
+
+  @override
+  List<Object> get props => [account]; 
+}
+
+final class AccountAdd extends AccountEvent {}

lib/domains/account/account_state.dart

@@ -1,18 +1,18 @@
 part of 'account_bloc.dart';
 
-final class AccountState extends Equatable {
+final class AccountState {
-  final Set<String> subAccounts;
+  final List<Account> accounts;
 
   const AccountState({
-    this.subAccounts = const {},
+    this.accounts = const [],
   });
 
-  AccountState copyWith(Set<String>? subAccounts) {
+  AccountState copyWith(List<Account>? accounts) {
     return AccountState(
-      subAccounts: subAccounts ?? this.subAccounts,
+      accounts: accounts ?? this.accounts,
     );
   }
-
-  @override
-  List<Object?> get props => [subAccounts];
 }
+
+final class AccountRemoveFail extends AccountState {}
+final class AccountRemoveSucess extends AccountState {}

lib/domains/budget/budget_bloc.dart

@@ -1,27 +1,241 @@
+import 'dart:async';
+
 import 'package:equatable/equatable.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/repositories/account/account_repository.dart';
+import 'package:krezus/repositories/metadata/models/budget.dart';
-import 'package:tunas/repositories/account/models/budget.dart';
+import 'package:krezus/repositories/metadata/metadata_repository.dart';
+import 'package:krezus/repositories/transactions/transactions_repository.dart';
 
 part 'budget_event.dart';
 part 'budget_state.dart';
 
 class BudgetBloc extends Bloc<BudgetEvent, BudgetState> {
-  final AccountRepository _accountRepository;
+  final MetadataRepository _metadataRepository;
+  final TransactionsRepository _transactionsRepository;
+  Timer? setValueTimer;
 
-  BudgetBloc({required AccountRepository accountRepository}) : _accountRepository = accountRepository, super(const BudgetState())  {
+  BudgetBloc({required MetadataRepository metadataRepository, required TransactionsRepository transactionsRepository}) : _metadataRepository = metadataRepository, _transactionsRepository = transactionsRepository, super(const BudgetState())  {
     on<BudgetsLoad>(_onBudgetsLoad);
+    on<BudgetAdd>(_onBudgetAdd);
+    on<BudgetRemove>(_onBudgetRemove);
+    on<BudgetSetValue>(_onBudgetSetValue);
+    on<BudgetSetLabel>(_onBudgetSetLabel);
+    on<BudgetCompareNext>(_onBudgetCompareNext);
+    on<BudgetComparePrevious>(_onBudgetComparePrevious);
+    on<BudgetSetCompare>(_onBudgetSetCompare);
+    on<BudgetSetInitial>(_onBudgetSetInitial);
 
-    _accountRepository
+    _metadataRepository
       .getBudgetsStream()
       .listen((budgets) => add(BudgetsLoad(budgets)));
+
+    _transactionsRepository
+      .getTransactionsStream()
+      .listen((transactions) => add(BudgetSetCompare()));
   }
 
   _onBudgetsLoad(
     BudgetsLoad event, Emitter<BudgetState> emit
   ) {
+    emit(_computeState(event.budgets, null));
+  }
+
+  FutureOr<void> _onBudgetAdd(BudgetAdd event, Emitter<BudgetState> emit) {
+    Budget budget = Budget(
+      label: event.label,
+    );
+
+    List<Budget> budgets = _computeBudgets(budget);
+    _saveBudget(budgets);
+    emit(_computeState(budgets, null));
+  }
+
+  FutureOr<void> _onBudgetRemove(BudgetRemove event, Emitter<BudgetState> emit) {
+    List<Budget> budgets = _metadataRepository.getBudgets();
+    Budget budgetToRemove = event.budget;
+
+    budgets.removeWhere((budget) => budget.label == budgetToRemove.label);
+    emit(_computeState(_metadataRepository.saveBudgets(budgets), null));
+  }
+
+  void _onBudgetSetValue(BudgetSetValue event, Emitter<BudgetState> emit) {
+    Budget budgetToUpdate = event.budget;
+    double newValue = event.value;
+
+    if (state.remainingBudget - (event.value - budgetToUpdate.value) < 0) {
+      newValue = event.budget.value + state.remainingBudget;
+    }
+
+    // if (state.remainingBudget - event.value < 0 && state.remainingBudget < 10) {
+    //   budgetToUpdate.value = 
+    // } else {
+    //   budgetToUpdate.value = event.value;
+    // }
+    budgetToUpdate.value = newValue;
+    List<Budget> budgets = _computeBudgets(budgetToUpdate);
+    emit(_computeState(budgets, null));
+
+    setValueTimer?.cancel();
+    setValueTimer = Timer(
+      const Duration(milliseconds: 100), 
+      () {
+        _saveBudget(budgets);
+      }
+    );
+  }
+
+  void _onBudgetSetLabel(BudgetSetLabel event, Emitter<BudgetState> emit) {
+    Budget budgetToUpdate = event.budget;
+
+    budgetToUpdate.label = event.label;
+    List<Budget> budgets = _computeBudgets(budgetToUpdate);
+    _saveBudget(budgets);
+    emit(_computeState(budgets, null));
+  }
+
+  void _onBudgetCompareNext(BudgetCompareNext event, Emitter<BudgetState> emit) {
+    num compareMonth = state.compareMonth;
+    num compareYear = state.compareYear;
+    if (state.compareMonth == 12) {
+      compareMonth = 1;
+      compareYear++;
+    } else {
+      compareMonth++;
+    }
+
+    if (state.lastDate != null && state.lastDate!.isBefore(DateTime(compareYear.toInt(), compareMonth.toInt()))) {
+      return;
+    }
+
+    final compareResult = _computeCompareBudget(state.budgets, compareYear, compareMonth);
     emit(state.copyWith(
-      budgets: event.budgets,
+      compareBudgets: compareResult.$1,
+      otherBudgets: compareResult.$2,
+      compareMonth: compareMonth,
+      compareYear: compareYear,
     ));
   }
+
+  void _onBudgetComparePrevious(BudgetComparePrevious event, Emitter<BudgetState> emit) {
+    num compareMonth = state.compareMonth;
+    num compareYear = state.compareYear;
+    if (state.compareMonth == 1) {
+      compareMonth = 12;
+      compareYear--;
+    } else {
+      compareMonth--;
+    }
+
+    if (state.firstDate != null && state.firstDate!.isAfter(DateTime(compareYear.toInt(), compareMonth.toInt()))) {
+      return;
+    }
+
+    final compareResult = _computeCompareBudget(state.budgets, compareYear, compareMonth);
+    emit(state.copyWith(
+      compareBudgets: compareResult.$1,
+      otherBudgets: compareResult.$2,
+      compareMonth: compareMonth,
+      compareYear: compareYear,
+    ));
+  }
+
+  _onBudgetSetCompare(BudgetSetCompare event, Emitter<BudgetState> emit) {
+    DateTime firstDate = DateTime.now();
+    DateTime lastDate = DateTime.fromMicrosecondsSinceEpoch(0);
+
+    for (var transaction in _transactionsRepository.getTransactions()) {
+      if (firstDate.compareTo(transaction.date) > 0) {
+        firstDate = transaction.date;
+      }
+
+      if (lastDate.compareTo(transaction.date) < 0) {
+        lastDate = transaction.date;
+      }
+    }
+
+    num compareMonth = state.compareMonth;
+    num compareYear = state.compareYear;
+
+    if (compareMonth == 1 && compareYear == 2000) {
+      compareMonth = lastDate.month;
+      compareYear = lastDate.year;
+    }
+
+    final compareResult = _computeCompareBudget(state.budgets, compareYear, compareMonth);
+    emit(state.copyWith(
+      firstDate: firstDate,
+      lastDate: lastDate,
+      compareMonth: compareMonth,
+      compareYear: compareYear,
+      compareBudgets: compareResult.$1,
+      otherBudgets: compareResult.$2,
+    )); 
+  }
+
+  void _onBudgetSetInitial(BudgetSetInitial event, Emitter<BudgetState> emit) {
+    emit(_computeState(state.budgets, event.value));
+  }
+
+  List<Budget> _computeBudgets(Budget budgetToSave) {
+    List<Budget> budgets = _metadataRepository.getBudgets();
+
+    try {
+      Budget budgetFound = budgets.firstWhere((category) => category.label == budgetToSave.label);
+      budgetFound.value = budgetToSave.value;
+    } catch (e) {
+      if (budgets.isEmpty) {
+        budgets = [budgetToSave];
+      } else {
+        budgets.add(budgetToSave);
+      }
+    }
+
+    return budgets;
+  }
+
+  List<Budget> _saveBudget(List<Budget> budgets) {
+    return _metadataRepository.saveBudgets(budgets);
+  }
+
+  (List<Budget> compareBudgets, List<Budget> otherBudgets) _computeCompareBudget(List<Budget> budgets, num year, num month) {
+    Map<String, Budget> compareBudgetMap = { for (var budget in budgets) budget.label : Budget(label: budget.label)};
+    Budget otherBudget = Budget(label: 'Hors budget');
+    Map<String, Budget> otherBudgetMap = {};
+    List<Budget> compareBudgets = [];
+    _transactionsRepository.getTransactions()
+      .where((transaction) => transaction.value < 0 && transaction.date.year == year && transaction.date.month == month)
+      .forEach((transaction) {
+        Budget? budget = compareBudgetMap[transaction.category];
+        if (budget == null) {
+          otherBudget.value += transaction.value.abs();
+          Budget? otherBudgetFromMap = otherBudgetMap[transaction.category];
+          if (otherBudgetFromMap == null) {
+            otherBudgetMap[transaction.category] = Budget(label: transaction.category, value: transaction.value.abs());
+          } else {
+            otherBudgetFromMap.value += transaction.value.abs();
+          }
+        } else {
+          budget.value += transaction.value.abs();
+        }
+      });
+
+    compareBudgets.addAll(compareBudgetMap.values);
+    compareBudgets.add(otherBudget);
+    return (compareBudgets, otherBudgetMap.values.toList()..sort((a, b) => b.value.compareTo(a.value)));
+  }
+
+  BudgetState _computeState(List<Budget> budgets, double? initialBudget) {
+    final compareResult = _computeCompareBudget(state.budgets, state.compareYear, state.compareMonth);
+    
+    final budgetValues = budgets.map((budget) => budget.value);
+    final budgetReducedValues = budgetValues.isEmpty ? 0 : budgetValues.reduce((value, element) => value + element);
+
+    return state.copyWith(
+      budgets: budgets,
+      initialBudget: (initialBudget ?? state.initialBudget),
+      remainingBudget: (initialBudget ?? state.initialBudget) - budgetReducedValues,
+      compareBudgets: compareResult.$1,
+      otherBudgets: compareResult.$2,
+    );
+  }
 }

lib/domains/budget/budget_event.dart

@@ -14,3 +14,53 @@ final class BudgetsLoad extends BudgetEvent {
   @override
   List<Object> get props => [budgets];
 }
+
+final class BudgetAdd extends BudgetEvent {
+  final String label;
+
+  const BudgetAdd(this.label);
+
+  @override
+  List<Object> get props => [label];
+}
+
+final class BudgetRemove extends BudgetEvent {
+  final Budget budget;
+
+  const BudgetRemove(this.budget);
+
+  @override
+  List<Object> get props => [budget];
+}
+
+final class BudgetSetValue extends BudgetEvent {
+  final Budget budget;
+  final double value;
+
+  const BudgetSetValue(this.budget, this.value);
+
+  @override
+  List<Object> get props => [budget, value];
+}
+
+final class BudgetSetLabel extends BudgetEvent {
+  final Budget budget;
+  final String label;
+
+  const BudgetSetLabel(this.budget, this.label);
+
+  @override
+  List<Object> get props => [budget, label];
+}
+
+final class BudgetCompareNext extends BudgetEvent {}
+final class BudgetComparePrevious extends BudgetEvent {}
+final class BudgetSetCompare extends BudgetEvent {}
+final class BudgetSetInitial extends BudgetEvent {
+  final double value;
+
+  const BudgetSetInitial(this.value);
+
+  @override
+  List<Object> get props => [value];
+}

lib/domains/budget/budget_state.dart

@@ -1,20 +1,50 @@
 part of 'budget_bloc.dart';
 
-final class BudgetState extends Equatable {
+final class BudgetState {
   final List<Budget> budgets;
+  final double initialBudget;
+  final double remainingBudget;
+
+  final List<Budget> compareBudgets;
+  final List<Budget> otherBudgets;
+  final num compareYear;
+  final num compareMonth;
+  final DateTime? firstDate;
+  final DateTime? lastDate;
 
   const BudgetState({
     this.budgets = const [],
+    this.initialBudget = 2300.0,
+    this.remainingBudget = 2300.0,
+    this.compareBudgets = const [],
+    this.otherBudgets = const [],
+    this.compareYear = 2000,
+    this.compareMonth = 1,
+    this.firstDate,
+    this.lastDate,
   });
 
   BudgetState copyWith({
     List<Budget>? budgets,
+    double? initialBudget,
+    double? remainingBudget,
+    List<Budget>? compareBudgets,
+    List<Budget>? otherBudgets,
+    num? compareYear,
+    num? compareMonth,
+    DateTime? firstDate,
+    DateTime? lastDate,
   }) {
     return BudgetState(
       budgets: budgets ?? this.budgets,
+      initialBudget: initialBudget ?? this.initialBudget,
+      remainingBudget: remainingBudget ?? this.remainingBudget,
+      compareBudgets: compareBudgets ?? this.compareBudgets,
+      otherBudgets: otherBudgets ?? this.otherBudgets,
+      compareYear: compareYear ?? this.compareYear,
+      compareMonth: compareMonth ?? this.compareMonth,
+      firstDate: firstDate ?? this.firstDate,
+      lastDate: lastDate ?? this.lastDate,
     );
   }
-
-  @override
-  List<Object?> get props => [budgets];
 }

lib/domains/category/category_bloc.dart

@@ -1,20 +1,37 @@
+import 'dart:async';
 import 'dart:ui';
 
 import 'package:equatable/equatable.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/repositories/account/account_repository.dart';
+import 'package:krezus/repositories/metadata/metadata_repository.dart';
-import 'package:tunas/repositories/account/models/category.dart';
+import 'package:krezus/repositories/metadata/models/category.dart';
+import 'package:krezus/repositories/transactions/models/transaction.dart';
+import 'package:krezus/repositories/transactions/transactions_repository.dart';
+import 'package:uuid/uuid.dart';
 
 part 'category_event.dart';
 part 'category_state.dart';
 
 class CategoryBloc extends Bloc<CategoryEvent, CategoryState> {
-  final AccountRepository _accountRepository;
+  final MetadataRepository _metadataRepository;
+  final TransactionsRepository _transactionsRepository;
 
-  CategoryBloc({required AccountRepository accountRepository}) : _accountRepository = accountRepository, super(const CategoryState())  {
+  CategoryBloc({
+    required MetadataRepository metadataRepository, 
+    required TransactionsRepository transactionsRepository,
+  }) 
+  : _metadataRepository = metadataRepository, 
+    _transactionsRepository = transactionsRepository,
+    super(const CategoryState())  {
     on<CategoriesLoad>(_onCategoriesLoad);
+    on<CategoryEditColor>(_onCategoryEditColor);
+    on<CategoryEditTransfert>(_onCategoryEditTransfert);
+    on<CategoryEditEssential>(_onCategoryEditEssential);
+    on<CategoryEditLabel>(_onCategoryEditLabel);
+    on<CategoryRemove>(_onCategoryRemove);
+    on<CategoryAdd>(_onCategoryAdd);
 
-    _accountRepository
+    _metadataRepository
       .getCategoriesStream()
       .listen((categories) => add(CategoriesLoad(categories)));
   }
@@ -22,9 +39,81 @@ class CategoryBloc extends Bloc<CategoryEvent, CategoryState> {
   _onCategoriesLoad(
     CategoriesLoad event, Emitter<CategoryState> emit
   ) {
-    emit(state.copyWith(
+    emit(_computeState(event.categories));
-      categories: event.categories,
+  }
-      categoriesColors: { for (var category in event.categories) category.label : category.rgbToColor() }
+
-    ));
+  FutureOr<void> _onCategoryEditColor(CategoryEditColor event, Emitter<CategoryState> emit) {
+    Category category = event.category;
+    category.color = event.color;
+    emit(_computeState(_saveCategory(category)));
+  }
+
+  FutureOr<void> _onCategoryEditTransfert(CategoryEditTransfert event, Emitter<CategoryState> emit) {
+    Category category = event.category;
+    category.transfert = event.transfert;
+    emit(_computeState(_saveCategory(category)));
+  }
+
+  FutureOr<void> _onCategoryEditEssential(CategoryEditEssential event, Emitter<CategoryState> emit) {
+    Category category = event.category;
+    category.essential = event.essential;
+    emit(_computeState(_saveCategory(category)));
+  }
+
+  FutureOr<void> _onCategoryEditLabel(CategoryEditLabel event, Emitter<CategoryState> emit) {
+    // TODO check for existance, rename every transaction
+  }
+
+  FutureOr<void> _onCategoryRemove(CategoryRemove event, Emitter<CategoryState> emit) {
+    CategoryState originalCategoryState = state.copyWith();
+    Category categoryToRemove = event.category;
+    List<Category> categories = state.categories;
+    List<Transaction> transactions = _transactionsRepository.getTransactions();
+
+    if (transactions.any((transaction) => transaction.category == categoryToRemove.label)) {
+      emit(CategoryRemoveFail());
+      emit(originalCategoryState);
+    } else {
+      categories.removeWhere((category) => category.label == categoryToRemove.label);
+      emit(CategoryRemoveSucess());
+      emit(_computeState(_metadataRepository.saveCategories(categories)));
+    }
+  }
+
+  FutureOr<void> _onCategoryAdd(CategoryAdd event, Emitter<CategoryState> emit) {
+    String uuid = const Uuid().v8();
+    Category category = Category(
+      label: 'Category $uuid',
+      color: 'FF74feff',
+    );
+
+    emit(_computeState(_saveCategory(category)));
+  }
+
+  List<Category> _saveCategory(Category categoryToSave) {
+    List<Category> categories = _metadataRepository.getCategories();
+
+    try {
+      Category categoryFound = categories.firstWhere((category) => category.label == categoryToSave.label);
+      categoryFound.color = categoryToSave.color;
+      categoryFound.essential = categoryToSave.essential;
+      categoryFound.transfert = categoryToSave.transfert;
+    } catch (e) {
+      if (categories.isEmpty) {
+        categories = [categoryToSave];
+      } else {
+        categories.add(categoryToSave);
+      }
+    }
+
+    _metadataRepository.saveCategories(categories);
+    return categories;
+  }
+
+  CategoryState _computeState(List<Category> categories) {
+    return state.copyWith(
+      categories: categories,
+      categoriesColors: { for (var category in categories) category.label : category.rgbToColor() }
+    );
   }
 }

lib/domains/category/category_event.dart

@@ -14,3 +14,54 @@ final class CategoriesLoad extends CategoryEvent {
   @override
   List<Object> get props => [categories];
 }
+
+final class CategoryEditColor extends CategoryEvent {
+  final Category category;
+  final String color;
+
+  const CategoryEditColor(this.category, this.color);
+
+  @override
+  List<Object> get props => [category, color]; 
+}
+
+final class CategoryEditTransfert extends CategoryEvent {
+  final Category category;
+  final bool transfert;
+
+  const CategoryEditTransfert(this.category, this.transfert);
+
+  @override
+  List<Object> get props => [category, transfert]; 
+}
+
+final class CategoryEditEssential extends CategoryEvent {
+  final Category category;
+  final bool essential;
+
+  const CategoryEditEssential(this.category, this.essential);
+
+  @override
+  List<Object> get props => [category, essential]; 
+}
+
+final class CategoryEditLabel extends CategoryEvent {
+  final Category category;
+  final String label;
+
+  const CategoryEditLabel(this.category, this.label);
+
+  @override
+  List<Object> get props => [category, label]; 
+}
+
+final class CategoryRemove extends CategoryEvent {
+  final Category category;
+
+  const CategoryRemove(this.category);
+
+  @override
+  List<Object> get props => [category]; 
+}
+
+final class CategoryAdd extends CategoryEvent {}

lib/domains/category/category_state.dart

@@ -1,6 +1,6 @@
 part of 'category_bloc.dart';
 
-final class CategoryState extends Equatable {
+final class CategoryState {
   final List<Category> categories;
   final Map<String, Color> categoriesColors; 
 
@@ -18,7 +18,7 @@ final class CategoryState extends Equatable {
       categoriesColors: categoriesColors ?? this.categoriesColors,
     );
   }
-  
-  @override
-  List<Object> get props => [categories, categoriesColors];
 }
+
+final class CategoryRemoveFail extends CategoryState {}
+final class CategoryRemoveSucess extends CategoryState {}

lib/domains/charts/chart_bloc.dart

@@ -1,34 +1,48 @@
 import 'package:equatable/equatable.dart';
 import 'package:fl_chart/fl_chart.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/domains/transaction/models/transaction_line.dart';
+import 'package:krezus/domains/charts/models/month_totals.dart';
-import 'package:tunas/domains/charts/models/chart_item.dart';
+import 'package:krezus/domains/transaction/models/transaction_line.dart';
-import 'package:tunas/repositories/account/account_repository.dart';
+import 'package:krezus/domains/charts/models/chart_item.dart';
-import 'package:tunas/repositories/account/models/transaction.dart';
+import 'package:krezus/repositories/metadata/metadata_repository.dart';
+import 'package:krezus/repositories/metadata/models/category.dart';
+import 'package:krezus/repositories/transactions/models/transaction.dart';
+import 'package:krezus/repositories/transactions/transactions_repository.dart';
 
 part 'chart_event.dart';
 part 'chart_state.dart';
 
 class ChartBloc extends Bloc<ChartEvent, ChartState> {
-  final AccountRepository _accountRepository;
+  final MetadataRepository _metadataRepository;
+  final TransactionsRepository _transactionsRepository;
 
-  ChartBloc({required AccountRepository accountRepository}) : 
+  ChartBloc({required MetadataRepository metadataRepository, required TransactionsRepository transactionsRepository}) : 
-    _accountRepository = accountRepository, super(const ChartState()) {
+    _metadataRepository = metadataRepository, _transactionsRepository = transactionsRepository, super(const ChartState()) {
 
-    on<ChartAccountLoad>(_onAccountLoad);
+    on<ChartTransactionsLoad>(_onChartTransactionsLoad);
+    on<ChartCategoriesLoad>(_onChartCategoriesLoad);
     on<ChartNextYear>(_onNextYear);
     on<ChartPreviousYear>(_onPreviousYear);
 
-    _accountRepository
+    _transactionsRepository
       .getTransactionsStream()
-      .listen((transactions) => add(ChartAccountLoad(transactions)));
+      .listen((transactions) => add(ChartTransactionsLoad(transactions)));
+
+    _metadataRepository
+      .getCategoriesStream()
+      .listen((categories) => add(ChartCategoriesLoad(categories)));
   }
 
-  _onAccountLoad(ChartAccountLoad event, Emitter<ChartState> emit) {
+  _onChartTransactionsLoad(ChartTransactionsLoad event, Emitter<ChartState> emit) {
     ChartState localState = state.copyWith(transactions: event.transactions);
     emit(_computeStateStats(localState));
   }
 
+  _onChartCategoriesLoad(ChartCategoriesLoad event, Emitter<ChartState> emit) {
+    ChartState localState = state.copyWith(categories: Map.fromEntries(event.categories.map((category) => MapEntry(category.label, category))));
+    emit(_computeStateStats(localState));
+  }
+
   _onNextYear(ChartNextYear event, Emitter<ChartState> emit) {
     if (state.lastDate!.year >= state.currentYear + 1) {
       ChartState localState = state.copyWith(currentYear: state.currentYear + 1);
@@ -81,6 +95,8 @@ class ChartBloc extends Bloc<ChartEvent, ChartState> {
       categoriesTotals[transaction.category] = categoryTotal;
     }
 
+    accountsTotals.removeWhere((key, value) => value.round() == 0);
+
     return _computeStateScopedStats(state.copyWith(
       transactionsLines: transactionsLines,
       globalTotal: globalTotal,
@@ -99,8 +115,11 @@ class ChartBloc extends Bloc<ChartEvent, ChartState> {
     double scoppedTotal = 0;
     List<ChartItem> scopedCategoriesPositiveTotals = [];
     List<ChartItem> scopedCategoriesNegativeTotals = [];
-    Map<int, FlSpot> scopedMonthlyTotals = {};
+    Map<int, FlSpot> scopedMonthlyTotalsMap = {};
-    Map<int, Map<String, double>> scopedCategoriesMonthlyTotals = {};
+    Map<int, MonthTotals> scopedCategoriesMonthlyTotals = {};
+
+    Map<int, double> scopedMonthlyPostitiveTotals = {};
+    Map<int, double> scopedMonthlyNegativeTotals = {};
 
     for(var transaction in state.transactions) {
       globalTotal += transaction.value;
@@ -117,12 +136,19 @@ class ChartBloc extends Bloc<ChartEvent, ChartState> {
       DateTime transactionDate = transactionLine.transaction.date;
       int transactionDateDay = transactionDate.difference(DateTime(transactionDate.year,1,1)).inDays + 1;
 
-      scopedMonthlyTotals[transactionDateDay] = FlSpot(transactionDateDay.toDouble(), transactionLine.subTotal);
+      scopedMonthlyTotalsMap[transactionDateDay] = FlSpot(transactionDateDay.toDouble(), transactionLine.subTotal);
 
-      if (transaction.category.isEmpty) {
+      final category = state.categories[transaction.category];
+      if (category == null || category.transfert) {
         continue;
       }
 
+      MonthTotals? categoryMonthTotal = scopedCategoriesMonthlyTotals[transaction.date.month];
+      if (categoryMonthTotal == null) {
+        categoryMonthTotal = MonthTotals(negatives: {}, positives: {});
+        scopedCategoriesMonthlyTotals[transaction.date.month] = categoryMonthTotal;
+      }
+
       if (transaction.value >= 0) {
         ChartItem? chartItem = scopedCategoriesPositiveTotals.firstWhere(
           (item) => item.label == transaction.category,
@@ -133,6 +159,9 @@ class ChartBloc extends Bloc<ChartEvent, ChartState> {
           }
         );
         chartItem.value += transaction.value;
+
+        scopedMonthlyPostitiveTotals[transaction.date.month] = transaction.value + (scopedMonthlyPostitiveTotals[transaction.date.month] ?? 0);
+        categoryMonthTotal.positives[transaction.category] = transaction.value.abs() + (categoryMonthTotal.positives[transaction.category] ?? 0);
       }
 
       if (transaction.value < 0) {
@@ -146,13 +175,8 @@ class ChartBloc extends Bloc<ChartEvent, ChartState> {
         );
         chartItem.value += transaction.value;
 
-        Map<String, double>? a = scopedCategoriesMonthlyTotals[transaction.date.month];
+        scopedMonthlyNegativeTotals[transaction.date.month] = transaction.value + (scopedMonthlyPostitiveTotals[transaction.date.month] ?? 0);
-        if (scopedCategoriesMonthlyTotals[transaction.date.month] == null) {
+        categoryMonthTotal.negatives[transaction.category] = transaction.value.abs() + (categoryMonthTotal.negatives[transaction.category] ?? 0);
-          a = {};
-        }
-
-        a?[transaction.category] = transaction.value.abs() + (a[transaction.category] ?? 0);
-        scopedCategoriesMonthlyTotals[transaction.date.month] = a!;
       }
     }
 
@@ -193,15 +217,23 @@ class ChartBloc extends Bloc<ChartEvent, ChartState> {
     List<ChartItem> scopedSimplifiedCategoriesPositiveTotals = [];
     List<ChartItem> scopedSimplifiedCategoriesNegativeTotals = [];
 
-    scopedCategoriesPositiveTotals.sort((a, b) => a.value.compareTo(b.value));
+    scopedCategoriesPositiveTotals.sort((a, b) => b.value.compareTo(a.value));
-    scopedCategoriesPositiveTotalsPercents.sort((a, b) => a.value.compareTo(b.value));
+    scopedCategoriesPositiveTotalsPercents.sort((a, b) => b.value.compareTo(a.value));
     scopedCategoriesNegativeTotals.sort((a, b) => a.value.compareTo(b.value));
     scopedCategoriesNegativeTotalsPercents.sort((a, b) => a.value.compareTo(b.value));
-    scopedSimplifiedCategoriesPositiveTotals.sort((a, b) => a.value.compareTo(b.value));
+    scopedSimplifiedCategoriesPositiveTotals.sort((a, b) => b.value.compareTo(a.value));
-    scopedSimplifiedCategoriesPositiveTotalsPercents.sort((a, b) => a.value.compareTo(b.value));
+    scopedSimplifiedCategoriesPositiveTotalsPercents.sort((a, b) => b.value.compareTo(a.value));
     scopedSimplifiedCategoriesNegativeTotals.sort((a, b) => a.value.compareTo(b.value));
     scopedSimplifiedCategoriesNegativeTotalsPercents.sort((a, b) => a.value.compareTo(b.value));
 
+    for (var monthTotals in scopedCategoriesMonthlyTotals.values) {
+      _sortMapByValues(monthTotals.positives);
+      _sortMapByValues(monthTotals.negatives);
+    }
+
+    List<FlSpot> scopedMonthlyTotals = scopedMonthlyTotalsMap.values.toList();
+    scopedMonthlyTotals.sort((a, b) => a.x.compareTo(b.x));
+
     return state.copyWith(
       scoppedProfit: scoppedTotal,
       scopedCategoriesPositiveTotals: scopedCategoriesPositiveTotals,
@@ -212,8 +244,21 @@ class ChartBloc extends Bloc<ChartEvent, ChartState> {
       scopedSimplifiedCategoriesPositiveTotalsPercents: scopedSimplifiedCategoriesPositiveTotalsPercents,
       scopedSimplifiedCategoriesNegativeTotals: scopedSimplifiedCategoriesNegativeTotals,
       scopedSimplifiedCategoriesNegativeTotalsPercents: scopedSimplifiedCategoriesNegativeTotalsPercents,
-      scopedMonthlyTotals: scopedMonthlyTotals.values.toList(),
+      scopedMonthlyTotals: scopedMonthlyTotals,
       scopedCategoriesMonthlyTotals: scopedCategoriesMonthlyTotals,
+      scopedMonthlyPostitiveTotals: scopedMonthlyPostitiveTotals,
+      scopedMonthlyNegativeTotals: scopedMonthlyNegativeTotals,
     );
   }
+
+  Map<dynamic, dynamic> _sortMapByValues(Map<dynamic, dynamic> map) {
+    final sortedEntries = map.entries.toList()..sort((a, b) {
+      var diff = b.value.compareTo(a.value);
+      return diff;
+    });
+
+    return map
+      ..clear()
+      ..addEntries(sortedEntries);
+  }
 }

lib/domains/charts/chart_event.dart

@@ -7,13 +7,21 @@ sealed class ChartEvent extends Equatable {
   List<Object> get props => [];
 }
 
-final class ChartAccountLoad extends ChartEvent {
+final class ChartTransactionsLoad extends ChartEvent {
   final List<Transaction> transactions;
-  const ChartAccountLoad(this.transactions);
+  const ChartTransactionsLoad(this.transactions);
 
   @override
   List<Object> get props => [transactions];
 }
 
+final class ChartCategoriesLoad extends ChartEvent {
+  final List<Category> categories;
+  const ChartCategoriesLoad(this.categories);
+
+  @override
+  List<Object> get props => [categories];
+}
+
 final class ChartNextYear extends ChartEvent {}
 final class ChartPreviousYear extends ChartEvent {}

lib/domains/charts/chart_state.dart

@@ -1,6 +1,7 @@
 part of 'chart_bloc.dart';
 
 final class ChartState extends Equatable {
+  final Map<String, Category> categories;
   final List<Transaction> transactions;
   final List<TransactionLine> transactionsLines;
 
@@ -27,11 +28,14 @@ final class ChartState extends Equatable {
   final List<ChartItem> scopedSimplifiedCategoriesNegativeTotalsPercents;
 
   final List<FlSpot> scopedMonthlyTotals;
-  final Map<int, Map<String, double>> scopedCategoriesMonthlyTotals;
+  final Map<int, MonthTotals> scopedCategoriesMonthlyTotals;
+  final Map<int, double> scopedMonthlyPostitiveTotals;
+  final Map<int, double> scopedMonthlyNegativeTotals;
 
   final double scoppedProfit;
 
   const ChartState({
+    this.categories = const {},
     this.transactions = const [],
     this.transactionsLines = const [],
     this.globalTotal = 0,
@@ -53,9 +57,12 @@ final class ChartState extends Equatable {
     this.scopedMonthlyTotals = const [],
     this.scopedCategoriesMonthlyTotals = const {},
     this.scoppedProfit = 0,
+    this.scopedMonthlyPostitiveTotals = const {},
+    this.scopedMonthlyNegativeTotals = const {},
   });
 
   ChartState copyWith({
+    Map<String, Category>? categories,
     List<Transaction>? transactions,
     List<TransactionLine>? transactionsLines,
     double? globalTotal,
@@ -75,10 +82,13 @@ final class ChartState extends Equatable {
     List<ChartItem>? scopedSimplifiedCategoriesNegativeTotals,
     List<ChartItem>? scopedSimplifiedCategoriesNegativeTotalsPercents,
     List<FlSpot>? scopedMonthlyTotals,
-    Map<int, Map<String, double>>? scopedCategoriesMonthlyTotals,
+    Map<int, MonthTotals>? scopedCategoriesMonthlyTotals,
     double? scoppedProfit,
+    Map<int, double>? scopedMonthlyPostitiveTotals,
+    Map<int, double>? scopedMonthlyNegativeTotals,
   }) {
     return ChartState(
+      categories: categories ?? this.categories,
       transactions: transactions ?? this.transactions,
       transactionsLines: transactionsLines ?? this.transactionsLines,
       globalTotal: globalTotal ?? this.globalTotal,
@@ -100,11 +110,14 @@ final class ChartState extends Equatable {
       scopedMonthlyTotals: scopedMonthlyTotals ?? this.scopedMonthlyTotals,
       scopedCategoriesMonthlyTotals: scopedCategoriesMonthlyTotals ?? this.scopedCategoriesMonthlyTotals,
       scoppedProfit: scoppedProfit ?? this.scoppedProfit,
+      scopedMonthlyPostitiveTotals: scopedMonthlyPostitiveTotals ?? this.scopedMonthlyPostitiveTotals,
+      scopedMonthlyNegativeTotals: scopedMonthlyNegativeTotals ?? this.scopedMonthlyNegativeTotals,
     );
   }
   
   @override
   List<Object> get props => [
+    categories,
     transactions,
     transactionsLines,
     globalTotal,
@@ -124,6 +137,8 @@ final class ChartState extends Equatable {
     scopedMonthlyTotals,
     scopedCategoriesMonthlyTotals,
     scoppedProfit,
+    scopedMonthlyPostitiveTotals,
+    scopedMonthlyNegativeTotals,
   ];
 }
 

lib/domains/charts/models/month_totals.dart

@@ -0,0 +1,29 @@
+class MonthTotals {
+  Map<String, double> positives;
+  Map<String, double> negatives;
+
+  MonthTotals({
+    required this.positives,
+    required this.negatives,
+  });
+
+  double maxValue() {
+    double max = 0.0;
+
+    if (positives.isNotEmpty) {
+      double localMax = positives.values.reduce((value, element) => value + element);
+      if (localMax > max) {
+        max = localMax;
+      }
+    }
+
+    if (negatives.isNotEmpty) {
+      double localMax2 = negatives.values.reduce((value, element) => value + element);
+      if (localMax2 > max) {
+        max = localMax2;
+      }
+    }
+    
+    return max;
+  }
+}

lib/domains/settings/settings_bloc.dart

@@ -0,0 +1,36 @@
+import 'dart:async';
+
+import 'package:equatable/equatable.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:krezus/repositories/metadata/metadata_repository.dart';
+import 'package:krezus/repositories/metadata/models/settings.dart';
+
+part 'settings_event.dart';
+part 'settings_state.dart';
+
+class SettingsBloc extends Bloc<SettingsEvent, SettingsState> {
+  final MetadataRepository _metadataRepository;
+
+  SettingsBloc({required MetadataRepository metadataRepository}) : _metadataRepository = metadataRepository, super(const SettingsState()) {
+    on<SettingsLoad>(_onSettingsLoad);
+    on<SetThemeMode>(_onSetThemeMode);
+
+    _metadataRepository
+      .getSettingsStream()
+      .listen((settings) => add(SettingsLoad(settings)));
+  }
+
+  FutureOr<void> _onSettingsLoad(SettingsLoad event, Emitter<SettingsState> emit) {
+    emit(state.copyWith(
+      themeMode: event.settings.themeMode,
+    ));
+  }
+
+  FutureOr<void> _onSetThemeMode(SetThemeMode event, Emitter<SettingsState> emit) {
+    _metadataRepository.saveSettings(Settings(themeMode: event.themeMode));
+    emit(state.copyWith(
+      themeMode: event.themeMode,
+    ));
+  }
+}

lib/domains/settings/settings_event.dart

@@ -0,0 +1,20 @@
+part of 'settings_bloc.dart';
+
+sealed class SettingsEvent extends Equatable {
+  const SettingsEvent();
+
+  @override
+  List<Object> get props => [];
+}
+
+final class SettingsLoad extends SettingsEvent {
+  final Settings settings;
+
+  const SettingsLoad(this.settings);
+}
+
+final class SetThemeMode extends SettingsEvent {
+  final ThemeMode themeMode;
+
+  const SetThemeMode(this.themeMode);
+}

lib/domains/settings/settings_state.dart

@@ -0,0 +1,17 @@
+part of 'settings_bloc.dart';
+
+class SettingsState {
+  final ThemeMode themeMode;
+
+  const SettingsState({
+    this.themeMode = ThemeMode.system,
+  });
+
+  SettingsState copyWith({
+    ThemeMode? themeMode,
+  }) {
+    return SettingsState(
+      themeMode: themeMode ?? this.themeMode,
+    );
+  }
+}

lib/domains/transaction/models/transaction_line.dart

@@ -1,11 +1,15 @@
-import 'package:tunas/repositories/account/models/transaction.dart';
+import 'package:equatable/equatable.dart';
+import 'package:krezus/repositories/transactions/models/transaction.dart';
 
-class TransactionLine {
+class TransactionLine extends Equatable{
-  Transaction transaction;
+  final Transaction transaction;
-  double subTotal;
+  final double subTotal;
 
-  TransactionLine({
+  const TransactionLine({
     required this.transaction,
     required this.subTotal,
   });
+  
+  @override
+  List<Object?> get props => [transaction, subTotal];
 }

lib/domains/transaction/transaction_bloc.dart

@@ -1,25 +1,28 @@
+import 'dart:async';
 
 import 'package:equatable/equatable.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:formz/formz.dart';
-import 'package:tunas/domains/transaction/models/transaction_account.dart';
+import 'package:krezus/domains/transaction/models/transaction_account.dart';
-import 'package:tunas/domains/transaction/models/transaction_category.dart';
+import 'package:krezus/domains/transaction/models/transaction_category.dart';
-import 'package:tunas/domains/transaction/models/transaction_date.dart';
+import 'package:krezus/domains/transaction/models/transaction_date.dart';
-import 'package:tunas/domains/transaction/models/transaction_description.dart';
+import 'package:krezus/domains/transaction/models/transaction_description.dart';
-import 'package:tunas/domains/transaction/models/transaction_line.dart';
+import 'package:krezus/domains/transaction/models/transaction_line.dart';
-import 'package:tunas/domains/transaction/models/transaction_value.dart';
+import 'package:krezus/domains/transaction/models/transaction_value.dart';
-import 'package:tunas/repositories/account/account_repository.dart';
+import 'package:krezus/repositories/metadata/models/account.dart';
-import 'package:tunas/repositories/account/models/transaction.dart';
+import 'package:krezus/repositories/metadata/models/category.dart';
+import 'package:krezus/repositories/transactions/models/transaction.dart';
+import 'package:krezus/repositories/transactions/transactions_repository.dart';
 import 'package:uuid/uuid.dart';
 
 part 'transaction_event.dart';
 part 'transaction_state.dart';
 
 class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
-  final AccountRepository _accountRepository;
+  final TransactionsRepository _transactionsRepository;
 
-  TransactionBloc({required AccountRepository accountRepository})
+  TransactionBloc({required TransactionsRepository transactionsRepository})
-      : _accountRepository = accountRepository,
+      : _transactionsRepository = transactionsRepository,
         super(const TransactionState())  {
     on<TransactionsLoad>(_onAccountLoad);
     on<TransactionDateChange>(_onTransactionDateChange);
@@ -32,17 +35,21 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
     on<TransactionAdd>(_onTransactionAddDialog);
     on<TransactionSetCurrent>(_onTransactionSetCurrent);
     on<TransactionDeleteCurrent>(_onTransactionDeleteCurrent);
+    on<TransactionFilterCategory>(_onTransactionFilterCategory);
+    on<TransactionFilterAccount>(_onTransactionFilterAccount);
+    on<TransactionResetSnackBar>(_onTransactionResetSnackBar);
 
-    _accountRepository
+    _transactionsRepository
       .getTransactionsStream()
       .listen((transactions) => add(TransactionsLoad(transactions)));
   }
 
-  _onAccountLoad(TransactionsLoad event, Emitter<TransactionState> emit) {
+  FutureOr<void> _onAccountLoad(TransactionsLoad event, Emitter<TransactionState> emit) {
     var computeResult = _computeTransactionLine(event.transactions);
     emit(state.copyWith(
       transactions: event.transactions,
       transactionsLines: computeResult.list,
+      transactionsLinesFiltered: _applyFilters(computeResult.list),
       globalTotal: computeResult.globalTotal,
       accountsTotals: computeResult.accountsTotals,
     ));
@@ -71,7 +78,7 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
     return (list: output, globalTotal: globalTotal, accountsTotals: accountsTotals, categories: categories.toList());
   }
 
-  _onTransactionDateChange(
+  FutureOr<void> _onTransactionDateChange(
     TransactionDateChange event, Emitter<TransactionState> emit
   ) {
     final transactionDate = TransactionDate.dirty(event.date);
@@ -81,7 +88,7 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
     ));
   }
 
-  _onTransactionCategoryChange(
+  FutureOr<void> _onTransactionCategoryChange(
     TransactionCategoryChange event, Emitter<TransactionState> emit
   ) {
     final transactionCategory = TransactionCategory.dirty(event.category);
@@ -91,7 +98,7 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
     ));
   }
 
-  _onTransactionDescriptionChange(
+  FutureOr<void> _onTransactionDescriptionChange(
     TransactionDescriptionChange event, Emitter<TransactionState> emit
   ) {
     final transactionDescription = TransactionDescription.dirty(event.description);
@@ -101,7 +108,7 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
     ));
   }
 
-  _onTransactionAccountChange(
+  FutureOr<void> _onTransactionAccountChange(
     TransactionAccountChange event, Emitter<TransactionState> emit
   ) {
     final transactionAccount = TransactionAccount.dirty(event.account);
@@ -111,7 +118,7 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
     ));
   }
 
-  _onTransactionValueChange(
+  FutureOr<void> _onTransactionValueChange(
     TransactionValueChange event, Emitter<TransactionState> emit
   ) {
     try {
@@ -129,21 +136,21 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
     }
   }
 
-  _onTransactionOpenAddDialog(
+  FutureOr<void> _onTransactionOpenAddDialog(
     TransactionOpenAddDialog event, Emitter<TransactionState> emit
   ) {
     emit(state.copyWith(showAddDialog: true));
   }
 
-  _onTransactionHideAddDialog(
+  FutureOr<void> _onTransactionHideAddDialog(
     TransactionHideAddDialog event, Emitter<TransactionState> emit
   ) {
     emit(state.copyWith(showAddDialog: false));
   }
 
-  _onTransactionAddDialog(
+  FutureOr<void> _onTransactionAddDialog(
     TransactionAdd event, Emitter<TransactionState> emit
-  ) async {
+  ) {
     if (state.isValid) {
       List<Transaction> transactions = state.transactions;
       Transaction? currentTransaction = state.currentTransaction;
@@ -161,24 +168,28 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
       ));
       final computeResult = _computeTransactionLine(transactions);
 
-      await _accountRepository.saveTransactions(transactions);
+      _transactionsRepository.saveTransactions(transactions);
       
       emit(state.copyWith(
         currentTransaction: null,
-        transactionDate: const TransactionDate.pure(),
+        // transactionDate: const TransactionDate.pure(),
-        transactionCategory: const TransactionCategory.pure(),
+        // transactionCategory: const TransactionCategory.pure(),
-        transactionDescription: const TransactionDescription.pure(),
+        // transactionDescription: const TransactionDescription.pure(),
-        transactionAccount: const TransactionAccount.pure(),
+        // transactionAccount: const TransactionAccount.pure(),
-        transactionValue: const TransactionValue.pure(),
+        // transactionValue: const TransactionValue.pure(),
         transactions: transactions,
         transactionsLines: computeResult.list,
+        transactionsLinesFiltered: _applyFilters(computeResult.list),
         globalTotal: computeResult.globalTotal,
         accountsTotals: computeResult.accountsTotals,
+        showSnackBar: true,
+        snackBarIsError: false,
+        snackBarMessage: 'Transaction ${currentTransaction == null ? 'added' : 'updated'} !',
       ));
     }
   }
 
-  _onTransactionSetCurrent(
+  FutureOr<void> _onTransactionSetCurrent(
     TransactionSetCurrent event, Emitter<TransactionState> emit
   ) {
     Transaction? transaction = event.transaction;
@@ -203,15 +214,15 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
     }
   }
 
-  _onTransactionDeleteCurrent(
+  FutureOr<void> _onTransactionDeleteCurrent(
     TransactionDeleteCurrent event, Emitter<TransactionState> emit
-  ) async {
+  ) {
     Transaction? currentTransaction = state.currentTransaction;
     if (currentTransaction != null) {
       List<Transaction> transactions = state.transactions;
       transactions.removeWhere((transaction) => transaction.uuid == currentTransaction.uuid);
       final computeResult = _computeTransactionLine(transactions);
-      await _accountRepository.saveTransactions(transactions);
+      _transactionsRepository.saveTransactions(transactions);
       emit(state.copyWith(
         currentTransaction: null,
         transactionDate: const TransactionDate.pure(),
@@ -221,10 +232,83 @@ class TransactionBloc extends Bloc<TransactionEvent, TransactionState> {
         transactionValue: const TransactionValue.pure(),
         transactions: transactions,
         transactionsLines: computeResult.list,
+        transactionsLinesFiltered: _applyFilters(computeResult.list),
         globalTotal: computeResult.globalTotal,
         accountsTotals: computeResult.accountsTotals,
+        showSnackBar: true,
+        snackBarIsError: false,
+        snackBarMessage: 'Transaction removed !',
       ));
     }
   }
 
+  FutureOr<void> _onTransactionFilterCategory(TransactionFilterCategory event, Emitter<TransactionState> emit) {
+    emit(TransactionState(
+      globalTotal: state.globalTotal,
+      accountsTotals: state.accountsTotals,
+      transactions: state.transactions,
+      transactionsLines: state.transactionsLines,
+      transactionsLinesFiltered: state.transactionsLinesFiltered,
+      transactionDate: state.transactionDate,
+      transactionCategory: state.transactionCategory,
+      transactionDescription: state.transactionDescription,
+      transactionAccount: state.transactionAccount,
+      transactionValue: state.transactionValue,
+      isValid: state.isValid,
+      showAddDialog: state.showAddDialog,
+      currentTransaction: state.currentTransaction,
+      categoryFilter: event.category,
+      accountFilter: state.accountFilter,
+    ));
+
+    emit(state.copyWith(
+      transactionsLinesFiltered: _applyFilters(state.transactionsLines),
+    ));
+  }
+
+  FutureOr<void> _onTransactionFilterAccount(TransactionFilterAccount event, Emitter<TransactionState> emit) {
+    emit(TransactionState(
+      globalTotal: state.globalTotal,
+      accountsTotals: state.accountsTotals,
+      transactions: state.transactions,
+      transactionsLines: state.transactionsLines,
+      transactionsLinesFiltered: state.transactionsLinesFiltered,
+      transactionDate: state.transactionDate,
+      transactionCategory: state.transactionCategory,
+      transactionDescription: state.transactionDescription,
+      transactionAccount: state.transactionAccount,
+      transactionValue: state.transactionValue,
+      isValid: state.isValid,
+      showAddDialog: state.showAddDialog,
+      currentTransaction: state.currentTransaction,
+      categoryFilter: state.categoryFilter,
+      accountFilter: event.account,
+    ));
+    emit(state.copyWith(
+      transactionsLinesFiltered: _applyFilters(state.transactionsLines),
+    ));
+  }
+
+  List<TransactionLine> _applyFilters(List<TransactionLine> transactionsLines) {
+    List<TransactionLine> transactionsLinesFiltered = transactionsLines;
+    String? categoryLabel = state.categoryFilter?.label;
+    if (categoryLabel != null) {
+      transactionsLinesFiltered = transactionsLinesFiltered.where((transaction) => transaction.transaction.category == categoryLabel).toList();
+    }
+
+    String? accountLabel = state.accountFilter?.label;
+    if (accountLabel != null) {
+      transactionsLinesFiltered = transactionsLinesFiltered.where((transaction) => transaction.transaction.account == accountLabel).toList();
+    }
+
+    return transactionsLinesFiltered;
+  }
+
+  FutureOr<void> _onTransactionResetSnackBar(TransactionResetSnackBar event, Emitter<TransactionState> emit) {
+    emit(state.copyWith(
+      showSnackBar: false,
+      snackBarIsError: false,
+      snackBarMessage: '',
+    ));
+  }
 }

lib/domains/transaction/transaction_event.dart

@@ -72,3 +72,19 @@ final class TransactionSetCurrent extends TransactionEvent {
 final class TransactionDeleteCurrent extends TransactionEvent {
   const TransactionDeleteCurrent();
 }
+
+final class TransactionFilterCategory extends TransactionEvent {
+  final Category? category;
+
+  const TransactionFilterCategory(this.category);
+}
+
+final class TransactionFilterAccount extends TransactionEvent {
+  final Account? account;
+
+  const TransactionFilterAccount(this.account);
+}
+
+final class TransactionResetSnackBar extends TransactionEvent {
+  const TransactionResetSnackBar();
+}

lib/domains/transaction/transaction_state.dart

@@ -6,6 +6,9 @@ final class TransactionState extends Equatable {
   
   final List<Transaction> transactions;
   final List<TransactionLine> transactionsLines;
+  final List<TransactionLine> transactionsLinesFiltered;
+  final Category? categoryFilter;
+  final Account? accountFilter;
 
   final TransactionDate transactionDate;
   final TransactionCategory transactionCategory;
@@ -17,11 +20,16 @@ final class TransactionState extends Equatable {
 
   final Transaction? currentTransaction;
 
+  final bool showSnackBar;
+  final String snackBarMessage;
+  final bool snackBarIsError;
+
   const TransactionState({
     this.globalTotal = 0,
     this.accountsTotals = const <String, double>{},
     this.transactions = const [],
     this.transactionsLines = const [],
+    this.transactionsLinesFiltered = const [],
     this.transactionDate = const TransactionDate.pure(),
     this.transactionCategory = const TransactionCategory.pure(),
     this.transactionDescription = const TransactionDescription.pure(),
@@ -29,7 +37,12 @@ final class TransactionState extends Equatable {
     this.transactionValue = const TransactionValue.pure(),
     this.isValid = false,
     this.showAddDialog = false,
-    this.currentTransaction
+    this.currentTransaction,
+    this.categoryFilter,
+    this.accountFilter,
+    this.showSnackBar = false,
+    this.snackBarMessage = '',
+    this.snackBarIsError = false,
   });
 
   TransactionState copyWith({
@@ -37,6 +50,7 @@ final class TransactionState extends Equatable {
     Map<String, double>? accountsTotals,
     List<Transaction>? transactions,
     List<TransactionLine>? transactionsLines,
+    List<TransactionLine>? transactionsLinesFiltered,
     TransactionDate? transactionDate,
     TransactionCategory? transactionCategory,
     TransactionDescription? transactionDescription,
@@ -45,12 +59,18 @@ final class TransactionState extends Equatable {
     bool? isValid,
     bool? showAddDialog,
     Transaction? currentTransaction,
+    Category? categoryFilter,
+    Account? accountFilter,
+    bool? showSnackBar,
+    String? snackBarMessage,
+    bool? snackBarIsError,
   }) {
     return TransactionState(
       globalTotal: globalTotal ?? this.globalTotal,
       accountsTotals: accountsTotals ?? this.accountsTotals,
       transactions: transactions ?? this.transactions,
       transactionsLines: transactionsLines ?? this.transactionsLines,
+      transactionsLinesFiltered: transactionsLinesFiltered ?? this.transactionsLinesFiltered,
       transactionDate: transactionDate ?? this.transactionDate,
       transactionCategory: transactionCategory ?? this.transactionCategory,
       transactionDescription: transactionDescription ?? this.transactionDescription,
@@ -59,11 +79,19 @@ final class TransactionState extends Equatable {
       isValid: isValid ?? this.isValid,
       showAddDialog: showAddDialog ?? this.showAddDialog,
       currentTransaction: currentTransaction ?? this.currentTransaction,
+      categoryFilter: categoryFilter ?? this.categoryFilter,
+      accountFilter: accountFilter ?? this.accountFilter,
+      showSnackBar: showSnackBar ?? this.showSnackBar,
+      snackBarMessage: snackBarMessage ?? this.snackBarMessage,
+      snackBarIsError: snackBarIsError ?? this.snackBarIsError,
     );
   }
 
   @override
   List<Object?> get props => [
+    transactions,
+    transactionsLines,
+    transactionsLinesFiltered,
     transactionDate,
     transactionCategory,
     transactionDescription,
@@ -72,6 +100,11 @@ final class TransactionState extends Equatable {
     isValid,
     showAddDialog,
     currentTransaction,
+    categoryFilter,
+    accountFilter,
+    showSnackBar,
+    snackBarMessage,
+    snackBarIsError,
   ];
   
 }

lib/main.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:intl/date_symbol_data_local.dart';
-import 'package:tunas/app.dart';
+import 'package:krezus/app.dart';
 
 void main() {
   initializeDateFormatting('fr_FR', null);

lib/pages/budgets/budgets_page.dart

@@ -1,21 +1,25 @@
 import 'package:flutter/material.dart';
-import 'package:tunas/pages/budgets/widgets/budgets_actions.dart';
+import 'package:krezus/pages/budgets/widgets/budgets_actions.dart';
+import 'package:krezus/pages/budgets/widgets/month_distribution.dart';
 
 class BudgetsPage extends StatelessWidget {
   const BudgetsPage({super.key});
 
   @override
   Widget build(BuildContext context) {
+    MediaQueryData mediaQuery = MediaQuery.of(context);
     return Center(
-      child: ConstrainedBox(
+      child: Container(
         constraints: const BoxConstraints(
-          maxWidth: 1000 
+          maxWidth: 1000,
         ),
-        child: const Column(
+        child: ListView(
-          children: [
+          padding: mediaQuery.padding.copyWith(left: 10.0, right: 10.0, bottom: 100.0),
+          children: const [
             BudgetsActions(),
-          ],
+            MonthDistribution()
-        )
+          ]
+        ),
       )
     );
   }

lib/pages/budgets/widgets/budget_cards.dart

@@ -0,0 +1,124 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:intl/intl.dart';
+import 'package:krezus/domains/budget/budget_bloc.dart';
+import 'package:krezus/repositories/metadata/models/budget.dart';
+
+class BudgetCards extends StatelessWidget {
+  const BudgetCards({super.key});
+
+  List<Widget> _computeBudgetsCompare(BuildContext context, List<Budget> targetBudgets, List<Budget> realBudgets) {
+    List<Widget> list = [
+      const Text('Budget'),
+      Container(
+        margin: const EdgeInsets.only(bottom: 10),
+        decoration: BoxDecoration(
+          border: Border(
+            bottom: BorderSide(
+              width: 2,
+              color: Theme.of(context).colorScheme.onPrimaryContainer
+            )
+          )
+        ),
+      )
+    ];
+
+    list.addAll(targetBudgets.map((budget) => Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        Row(
+          children: [
+            Container(width: 5),
+            Text(budget.label),
+          ],
+        ),
+        Text(
+          '${NumberFormat("#00").format(budget.value.abs())}/${NumberFormat("#00 €").format(realBudgets.firstWhere((rbudget) => rbudget.label == budget.label).value.abs())}',
+          style: const TextStyle(
+            fontFamily: 'NovaMono',
+          )
+        )
+      ],
+    )));
+    return list;
+  }
+
+  List<Widget> _computeOtherBudgets(BuildContext context, List<Budget> otherBudgets) {
+    List<Widget> list = [
+      const Text('Hors budget'),
+      Container(
+        margin: const EdgeInsets.only(bottom: 10),
+        decoration: BoxDecoration(
+          border: Border(
+            bottom: BorderSide(
+              width: 2,
+              color: Theme.of(context).colorScheme.onPrimaryContainer
+            )
+          )
+        ),
+      )
+    ];
+
+    list.addAll(otherBudgets.map((budget) => Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        Row(
+          children: [
+            Container(width: 5),
+            Text(budget.label),
+          ],
+        ),
+        Text(
+          NumberFormat("#00 €").format(budget.value.abs()),
+          style: const TextStyle(
+            fontFamily: 'NovaMono',
+          )
+        )
+      ],
+    )));
+    return list;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    bool smallVerticalScreen = MediaQuery.sizeOf(context).width < 800;
+    return BlocBuilder<BudgetBloc, BudgetState>(
+      builder: (context, state) => Column(
+        children: [
+          Container(
+            width: smallVerticalScreen ? null : 300,
+            padding: const EdgeInsets.all(10),
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(5),
+              color: Theme.of(context).colorScheme.secondaryContainer
+            ),
+            child: SingleChildScrollView(
+              scrollDirection: Axis.vertical,
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: _computeBudgetsCompare(context, state.budgets, state.compareBudgets),
+              ),
+            ) 
+          ),
+          Container(
+            width: smallVerticalScreen ? null : 300,
+            padding: const EdgeInsets.all(10),
+            decoration: BoxDecoration(
+              borderRadius: BorderRadius.circular(5),
+              color: Theme.of(context).colorScheme.secondaryContainer
+            ),
+            child: SingleChildScrollView(
+              scrollDirection: Axis.vertical,
+              child: Column(
+                mainAxisAlignment: MainAxisAlignment.center,
+                crossAxisAlignment: CrossAxisAlignment.start,
+                children: _computeOtherBudgets(context, state.otherBudgets),
+              ),
+            ) 
+          ),
+        ],
+      ),
+    );
+  }
+}

lib/pages/budgets/widgets/budget_comparator.dart

@@ -0,0 +1,49 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:krezus/domains/budget/budget_bloc.dart';
+import 'package:krezus/pages/budgets/widgets/budget_cards.dart';
+import 'package:krezus/pages/budgets/widgets/budget_compare_selector.dart';
+import 'package:krezus/pages/budgets/widgets/budget_radar.dart';
+import 'package:krezus/pages/common/titled_container.dart';
+
+class BudgetComparator extends StatelessWidget {
+  const BudgetComparator({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    bool smallVerticalScreen = MediaQuery.sizeOf(context).width < 800;
+    return BlocBuilder<BudgetBloc, BudgetState>(
+      builder: (context, state) => TitledContainer(
+        title: 'Compare', 
+        child: smallVerticalScreen 
+        ? const Column(
+          children: [
+            BudgetCompareSelector(),
+            SizedBox(
+              height: 500,
+              child: BudgetRadar(),
+            ),
+            SizedBox(
+              height: 10,
+            ),
+            SizedBox(
+              height: 500,
+              child: BudgetCards(),
+            ),
+          ],
+        )
+        : const Column(
+          children: [
+            BudgetCompareSelector(),
+            Row(
+              children: [
+                BudgetCards(),
+                BudgetRadar(),
+              ],
+            )
+          ]
+        ),
+      )
+    );
+  }
+}

lib/pages/budgets/widgets/budget_compare_selector.dart

@@ -0,0 +1,28 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:intl/intl.dart';
+import 'package:krezus/domains/budget/budget_bloc.dart';
+
+class BudgetCompareSelector extends StatelessWidget {
+  const BudgetCompareSelector({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<BudgetBloc, BudgetState>(
+      builder: (context, state) => Row(
+        mainAxisAlignment: MainAxisAlignment.end,
+        children: [
+          IconButton(
+            onPressed: () => context.read<BudgetBloc>().add(BudgetComparePrevious()),
+            icon: const Icon(Icons.skip_previous)
+          ),
+          Text('${NumberFormat('00', 'fr_FR').format(state.compareMonth)} - ${state.compareYear}'),
+          IconButton(
+            onPressed: () => context.read<BudgetBloc>().add(BudgetCompareNext()),
+            icon: const Icon(Icons.skip_next)
+          ),
+        ],
+      )
+    );
+  }
+}

lib/pages/budgets/widgets/budget_line.dart

@@ -0,0 +1,124 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:intl/intl.dart';
+import 'package:krezus/domains/budget/budget_bloc.dart';
+import 'package:krezus/domains/category/category_bloc.dart';
+import 'package:krezus/repositories/metadata/models/budget.dart';
+import 'package:krezus/repositories/metadata/models/category.dart';
+
+class BudgetLine extends StatelessWidget {
+  final Budget budget;
+
+  const BudgetLine({super.key, required this.budget});
+
+  Widget _largeScreenLine(BuildContext context, List<Category> categories, double initialBudget, double remainingBudget) {
+    return Row (
+      children: [
+        Expanded(
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            children: [
+              Expanded(
+                child: DropdownButtonFormField<String>(
+                  value: budget.label,
+                  onChanged: (value) => context.read<BudgetBloc>().add(BudgetSetLabel(budget, value!)),
+                  items: categories.map((e) => DropdownMenuItem(value: e.label, child: Text(e.label))).toList(),
+                ),
+              ),
+              const SizedBox(width: 30),
+              IconButton(
+                onPressed: () => context.read<BudgetBloc>().add(BudgetSetValue(budget, budget.value.round().toDouble() - 1)),
+                icon: const Icon(Icons.remove_circle)
+              ),
+              Text(
+                NumberFormat('####000 €', 'fr_FR').format(budget.value),
+                style: const TextStyle(
+                  fontFamily: 'NovaMono',
+                  fontWeight: FontWeight.bold,
+                  fontSize: 15,
+                )
+              ),
+              IconButton(
+                onPressed: () => context.read<BudgetBloc>().add(BudgetSetValue(budget, budget.value.round().toDouble() + 1)),
+                icon: const Icon(Icons.add_circle)
+              ),
+              const SizedBox(width: 5),
+            ],
+          )
+        ),
+        Expanded(
+          child: Slider(
+            min: 0,
+            max: initialBudget,
+            label: budget.value.round().toString(),
+            value: budget.value,
+            secondaryTrackValue: remainingBudget + budget.value,
+            onChanged: (value) => context.read<BudgetBloc>().add(BudgetSetValue(budget, value.round().toDouble())),
+          ),
+        ),
+        IconButton(
+          onPressed: () => context.read<BudgetBloc>().add(BudgetRemove(budget)),
+          icon: const Icon(Icons.delete),
+        ),
+      ]
+    );
+  }
+
+  Widget _smallScreenLine(BuildContext context, List<Category> categories, double initialBudget, double remainingBudget) {
+    return Column(
+      children: [
+        Row(
+          children: [
+            Expanded(
+              child: DropdownButtonFormField<String>(
+                value: budget.label,
+                onChanged: (value) => context.read<BudgetBloc>().add(BudgetSetLabel(budget, value!)),
+                items: categories.map((e) => DropdownMenuItem(value: e.label, child: Text(e.label))).toList(),
+              ),
+            ),
+            const SizedBox(width: 30),
+            Text(
+              NumberFormat('####000 €', 'fr_FR').format(budget.value),
+              style: const TextStyle(
+                fontFamily: 'NovaMono',
+                fontWeight: FontWeight.bold,
+                fontSize: 15,
+              )
+            ),
+            IconButton(
+              onPressed: () => context.read<BudgetBloc>().add(BudgetSetValue(budget, budget.value.round().toDouble() - 1)),
+              icon: const Icon(Icons.remove_circle)
+            ),
+            IconButton(
+              onPressed: () => context.read<BudgetBloc>().add(BudgetSetValue(budget, budget.value.round().toDouble() + 1)),
+              icon: const Icon(Icons.add_circle)
+            ),
+            IconButton(
+              onPressed: () => context.read<BudgetBloc>().add(BudgetRemove(budget)),
+              icon: const Icon(Icons.delete),
+            ),
+          ],
+        ),
+        Slider(
+          min: 0,
+          max: initialBudget,
+          label: budget.value.round().toString(),
+          value: budget.value,
+          secondaryTrackValue: remainingBudget + budget.value,
+          onChanged: (value) => context.read<BudgetBloc>().add(BudgetSetValue(budget, value.round().toDouble())),
+        ),
+      ],
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final categoryState = context.watch<CategoryBloc>().state;
+    bool smallVerticalScreen = MediaQuery.sizeOf(context).width < 800;
+    return BlocBuilder<BudgetBloc, BudgetState>(
+      builder: (context, state) => smallVerticalScreen 
+        ? _smallScreenLine(context, categoryState.categories, state.initialBudget, state.remainingBudget) 
+        : _largeScreenLine(context, categoryState.categories, state.initialBudget, state.remainingBudget),
+    );
+  }
+}

lib/pages/budgets/widgets/budget_maker.dart

@@ -0,0 +1,91 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:intl/intl.dart';
+import 'package:krezus/domains/budget/budget_bloc.dart';
+import 'package:krezus/domains/category/category_bloc.dart';
+import 'package:krezus/pages/budgets/widgets/budget_line.dart';
+import 'package:krezus/pages/common/titled_container.dart';
+import 'package:krezus/repositories/metadata/models/budget.dart';
+
+class BudgetMaker extends StatelessWidget {
+  const BudgetMaker({super.key});
+
+  List<Widget> _computeBudgetLines(BuildContext context, List<Budget> budgets, double initialBudget, double remainingBudget) {
+    List<Widget> list = [];
+
+    list.add(
+      Container(
+        margin: const EdgeInsets.only(top: 5, bottom: 5),
+        padding: const EdgeInsets.only(bottom: 10),
+        child: Flex(
+          direction: Axis.horizontal,
+          children: [Expanded(
+          child: 
+            TextFormField(
+              keyboardType: const TextInputType.numberWithOptions(decimal: false),
+              decoration: InputDecoration(
+                icon: const Icon(Icons.euro),
+                label: const Text('Revenu par mois'),
+                border: OutlineInputBorder(
+                  borderRadius: BorderRadius.circular(5),
+                ),
+              ),
+              initialValue: initialBudget.toString(),
+              onChanged: (value) => context.read<BudgetBloc>().add(BudgetSetInitial(double.parse(value)))
+            )
+          
+        )]
+      ))
+    );
+
+    list.addAll(budgets.map((budget) => BudgetLine(budget: budget)).toList());
+
+    list.add(
+      Container(
+        margin: const EdgeInsets.only(top: 25, bottom: 5),
+        decoration: BoxDecoration(
+          border: Border(
+            bottom: BorderSide(
+              width: 2,
+              color: Theme.of(context).colorScheme.onPrimaryContainer
+            )
+          )
+        ),
+      )
+    );
+
+    list.add(
+      Row(
+        mainAxisAlignment: MainAxisAlignment.end,
+        children: [
+          Text(
+            '${NumberFormat('#####00 €', 'fr_FR').format(remainingBudget)} remaining  ',
+            style: const TextStyle(
+              fontFamily: 'NovaMono',
+              fontWeight: FontWeight.bold,
+              fontSize: 15,
+            )
+          )
+        ],
+      )
+    );
+    return list;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final categoryState = context.watch<CategoryBloc>().state;
+    return BlocBuilder<BudgetBloc, BudgetState>(
+      builder: (context, state) => TitledContainer(
+        title: 'Prepare',
+        action: IconButton(
+          onPressed: () => context.read<BudgetBloc>().add(BudgetAdd(categoryState.categories.first.label)),
+          icon: const Icon(Icons.add),
+        ),
+        child: Column(
+          children: _computeBudgetLines(context, state.budgets, state.initialBudget, state.remainingBudget),
+        ),
+      )
+    );
+  }
+}

lib/pages/budgets/widgets/budget_projection.dart

@@ -0,0 +1,22 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:krezus/domains/budget/budget_bloc.dart';
+import 'package:krezus/pages/common/titled_container.dart';
+
+class BudgetProjection extends StatelessWidget {
+  const BudgetProjection({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<BudgetBloc, BudgetState>(
+      builder: (context, state) => TitledContainer(
+        title: 'Projection', 
+        child: Column(
+          children: [
+
+          ],
+        )
+      ),
+    );
+  }
+}

lib/pages/budgets/widgets/budget_radar.dart

@@ -0,0 +1,67 @@
+import 'package:fl_chart/fl_chart.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:krezus/domains/budget/budget_bloc.dart';
+import 'package:krezus/repositories/metadata/models/budget.dart';
+
+class BudgetRadar extends StatelessWidget {
+  const BudgetRadar({super.key});
+
+  List<RadarDataSet> _computeDataSet(BuildContext context, List<Budget> targetBudgets, List<Budget> realBudgets) {
+    if (realBudgets.isEmpty || targetBudgets.isEmpty) {
+      return [RadarDataSet(dataEntries: [const RadarEntry(value: 1), const RadarEntry(value: 2), const RadarEntry(value: 3)])];
+    }
+
+    RadarDataSet targetDataSet = RadarDataSet(
+      fillColor: Theme.of(context).colorScheme.primary.withAlpha(100),
+      borderColor: Theme.of(context).colorScheme.primary,
+      entryRadius: 5,
+      dataEntries: targetBudgets.map((budget) => RadarEntry(value: budget.value)).toList(),
+    );
+
+    if (realBudgets.isNotEmpty) {
+      targetDataSet.dataEntries.add(const RadarEntry(value: 0));
+    }
+
+    RadarDataSet realDataSet = RadarDataSet(
+      fillColor: Theme.of(context).colorScheme.onPrimary.withAlpha(100),
+      borderColor: Theme.of(context).colorScheme.onPrimary,
+      entryRadius: 8,
+      dataEntries: realBudgets.map((budget) => RadarEntry(value: budget.value)).toList(),
+    );
+
+    return [realDataSet, targetDataSet];
+  }
+
+  RadarChartTitle _computeDataSetTitle(int index, List<Budget> realBudgets) {
+    return RadarChartTitle(text: realBudgets[index].label);
+  }
+
+  bool canShowData(List<Budget> targetBudgets, List<Budget> realBudgets) {
+    return realBudgets.length >= 3 && targetBudgets.length >= 3;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<BudgetBloc, BudgetState>(
+      builder: (context, state) => canShowData(state.budgets, state.compareBudgets) ? Expanded(
+        child: AspectRatio(
+          aspectRatio: 1.3,
+          child: RadarChart(
+            RadarChartData(
+              titlePositionPercentageOffset: 0.15,
+              tickBorderData: BorderSide(color: Theme.of(context).colorScheme.secondary, width: 1),
+              gridBorderData: BorderSide(color: Theme.of(context).colorScheme.secondary, width: 2),
+              radarBorderData: BorderSide(color: Theme.of(context).colorScheme.secondary, width: 3),
+              radarBackgroundColor: Theme.of(context).colorScheme.secondaryContainer.withAlpha(100),
+              radarShape: RadarShape.circle,
+              dataSets: _computeDataSet(context, state.budgets, state.compareBudgets),
+              getTitle: (index, angle) => _computeDataSetTitle(index, state.compareBudgets),
+            )
+          ),
+        )
+      )
+      : const Text('No data to show'),
+    );
+  }
+}

lib/pages/budgets/widgets/budgets_actions.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/domains/account/account_bloc.dart';
+import 'package:krezus/domains/account/account_bloc.dart';
 
 class BudgetsActions extends StatelessWidget {
   const BudgetsActions({super.key});
@@ -9,24 +9,18 @@ class BudgetsActions extends StatelessWidget {
   Widget build(BuildContext context) {
     return BlocBuilder<AccountBloc, AccountState>(
       builder: (context, state) => Container(
-        padding: const EdgeInsets.symmetric(vertical: 9, horizontal: 10),
+        padding: const EdgeInsets.symmetric(vertical: 9, horizontal: 0),
-        margin: const EdgeInsets.symmetric(vertical: 2, horizontal: 10),
+        margin: const EdgeInsets.symmetric(vertical: 2, horizontal: 0),
-        child: Row(
+        child: const Row(
           mainAxisAlignment: MainAxisAlignment.spaceBetween,
           children: [
-            const Text(
+            Text(
               'Budgets',
               style: TextStyle(
                 fontWeight: FontWeight.w900,
                 fontSize: 35,
               ),
             ),
-            IconButton(
-              onPressed: () => null,
-              icon: const Icon(
-                Icons.add
-              )
-            ),
           ],
         )
       )

lib/pages/budgets/widgets/month_distribution.dart

@@ -0,0 +1,22 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:krezus/domains/budget/budget_bloc.dart';
+import 'package:krezus/pages/budgets/widgets/budget_comparator.dart';
+import 'package:krezus/pages/budgets/widgets/budget_maker.dart';
+
+class MonthDistribution extends StatelessWidget {
+  const MonthDistribution({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    
+    return BlocBuilder<BudgetBloc, BudgetState>(
+      builder: (context, state) => const Column(
+        children: [
+          BudgetMaker(),
+          BudgetComparator(),
+        ],
+      )
+    );
+  }
+}

lib/pages/common/editable_color.dart

@@ -0,0 +1,100 @@
+import 'package:flutter/material.dart';
+
+class EditableColor extends StatelessWidget {
+  final Color color;
+  final ValueChanged<Color>? onChanged;
+  
+  const EditableColor({super.key, required this.color, this.onChanged});
+
+  @override
+  Widget build(BuildContext context) {
+    return IconButton(
+      onPressed: () => EditableColorDialog.show(context, color, onChanged),
+      icon: const Icon(Icons.palette),
+      color: color,
+    );
+  }
+}
+
+class EditableColorDialog extends StatefulWidget {
+  final Color initialColor;
+  final ValueChanged<Color>? onChanged;
+
+  const EditableColorDialog({super.key, required this.initialColor, this.onChanged});
+
+  static void show(BuildContext context, Color color, ValueChanged<Color>? onChanged) {
+    showDialog(
+      context: context,
+      barrierDismissible: false,
+      useRootNavigator: false,
+      builder: (context) => EditableColorDialog(initialColor: color, onChanged: onChanged)
+    );
+  }
+
+  static void hide(BuildContext context) => Navigator.pop(context);
+
+  @override
+  State<EditableColorDialog> createState() => _EditableColorDialogState();
+}
+
+class _EditableColorDialogState extends State<EditableColorDialog> {
+  Color? color;
+
+  List<Widget> _buildColorList() {
+    return colors.map((color) => IconButton(
+      onPressed: () => setState(() => this.color = color),
+      icon: Icon(
+        color.value == this.color?.value ? Icons.radio_button_checked : Icons.radio_button_off,
+        color: color,
+      )
+    )).toList();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    color ??= widget.initialColor;
+    return AlertDialog(
+      actions: [
+        IconButton(
+          onPressed: () => EditableColorDialog.hide(context),
+          icon: const Icon(Icons.close)
+        ),
+        IconButton(
+          onPressed: () {
+            EditableColorDialog.hide(context);
+            if (color != null && widget.onChanged != null) {
+              widget.onChanged!(color!);
+            }
+          },
+          icon: const Icon(Icons.save)
+        ),
+      ],
+      title: const Text('Edit color'),
+      content: Row(
+        children: _buildColorList(),
+      ),
+    );
+  }
+}
+
+const List<Color> colors = [
+  Colors.black,
+  Colors.white,
+  Colors.red,
+  Colors.pink,
+  Colors.purple,
+  Colors.indigo,
+  Colors.blue,
+  Colors.lightBlue,
+  Colors.cyan,
+  Colors.teal,
+  Colors.green,
+  Colors.lime,
+  Colors.yellow,
+  Colors.amber,
+  Colors.orange,
+  Colors.deepOrange,
+  Colors.brown,
+  Colors.grey,
+  Colors.blueGrey,
+];

lib/pages/common/editable_label.dart

@@ -0,0 +1,74 @@
+import 'package:flutter/material.dart';
+
+class EditableLabel extends StatefulWidget {
+  final String initialValue;
+  final String? hintText; 
+  final ValueChanged<String>? onChanged;
+  final TextInputType? keyboardType;
+
+  const EditableLabel({super.key, required this.initialValue, this.onChanged, this.hintText, this.keyboardType});
+
+  @override
+  State<EditableLabel> createState() => _EditableLabelState();
+}
+
+class _EditableLabelState extends State<EditableLabel> {
+  bool editMode = false;
+  String? value;
+
+  Widget _editMode() {
+    return Row(
+      children: [
+        SizedBox(
+          width: 200,
+          height: 50,
+          child: TextFormField(
+            keyboardType: widget.keyboardType,
+            decoration: InputDecoration(
+              hintText: widget.hintText,
+              border: OutlineInputBorder(
+                borderRadius: BorderRadius.circular(5),
+              ),
+            ),
+            initialValue: widget.initialValue,
+            onChanged: (value) => this.value = value,
+          )
+        ),
+        IconButton(
+          onPressed: () => setState(() {
+            editMode = !editMode;
+          }),
+          icon: const Icon(Icons.close),
+        ),
+        IconButton(
+          onPressed: () => setState(() {
+            editMode = !editMode;
+            if (value != null && widget.onChanged != null) {
+              widget.onChanged!(value!);
+            }
+          }),
+          icon: const Icon(Icons.save),
+        ),
+      ],
+    );
+  }
+
+  Widget _readMode() {
+    return Row(
+      children: [
+        Text(widget.initialValue),
+        IconButton(
+          onPressed: () => setState(() {
+            editMode = !editMode;
+          }),
+          icon: const Icon(Icons.edit),
+        ),
+      ],
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return editMode ? _editMode() : _readMode();
+  }
+}

lib/pages/common/titled_container.dart

@@ -0,0 +1,70 @@
+import 'package:flutter/material.dart';
+
+class TitledContainer extends StatelessWidget {
+  final String title;
+  final Widget child;
+  final Widget? action;
+  final double? height;
+  final double? width;
+
+  const TitledContainer({super.key, required this.title, required this.child, this.action, this.height, this.width});
+
+  Widget _computeTitleRow() {
+    List<Widget> children = [];
+    children.add(Text(
+      title,
+      style: const TextStyle(
+        fontWeight: FontWeight.w300,
+        fontSize: 20,
+      ),
+    ));
+    Widget? actionWidget = action;
+    if (actionWidget != null) {
+      children.add(actionWidget);
+    }
+    return Row(
+      children: children
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Container(
+      height: height,
+      width: width,
+      decoration: BoxDecoration(
+        color: Theme.of(context).colorScheme.primaryContainer,
+        borderRadius: BorderRadius.circular(15),
+      ),
+      margin: const EdgeInsets.symmetric(vertical: 10, horizontal: 0),
+      child: Column(
+        mainAxisSize: MainAxisSize.min,
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          Column(
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              Container(
+                decoration: BoxDecoration(
+                  color: Theme.of(context).colorScheme.secondaryContainer,
+                  borderRadius: const BorderRadius.only(topLeft: Radius.circular(14), topRight: Radius.circular(15)),
+                  border: Border(
+                    bottom: BorderSide(
+                      color: Theme.of(context).colorScheme.onSecondaryContainer,
+                    )
+                  )
+                ),
+                padding: const EdgeInsets.symmetric(vertical: 5, horizontal: 15),
+                child: _computeTitleRow()
+              ),
+            ],
+          ),
+          Padding(
+            padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
+            child: child,
+          ),
+        ],
+      ) 
+    );
+  }
+}

lib/pages/data/data_page.dart

@@ -1,23 +1,24 @@
 import 'package:flutter/material.dart';
-import 'package:tunas/pages/data/widgets/account_settings.dart';
+import 'package:krezus/pages/data/widgets/account_settings.dart';
-import 'package:tunas/pages/data/widgets/categories_settings.dart';
+import 'package:krezus/pages/data/widgets/categories_settings.dart';
-import 'package:tunas/pages/data/widgets/import_settings.dart';
+import 'package:krezus/pages/data/widgets/import_settings.dart';
+import 'package:krezus/pages/data/widgets/settings_settings.dart';
 
 class DataPage extends StatelessWidget {
   const DataPage({super.key});
 
   @override
   Widget build(BuildContext context) {
+    MediaQueryData mediaQuery = MediaQuery.of(context);
     return Center(
       child: Container(
+        margin: const EdgeInsets.symmetric(vertical: 11, horizontal: 0),
         constraints: const BoxConstraints(
           maxWidth: 1000 
         ),
-        padding: const EdgeInsets.symmetric(vertical: 9, horizontal: 10),
+        child: ListView(
-        margin: const EdgeInsets.symmetric(vertical: 2, horizontal: 10),
+          padding: mediaQuery.padding.copyWith(left: 10.0, right: 10.0, bottom: 100.0),
-        child: const Column(
+          children: const [
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
             Text(
               'Settings',
               style: TextStyle(
@@ -25,16 +26,12 @@ class DataPage extends StatelessWidget {
                 fontSize: 35,
               ),
             ),
-            Row(
+            SettingsSettings(),
-              crossAxisAlignment: CrossAxisAlignment.start,
+            ImportSettings(),
-              children: [
+            AccountSettings(),
-                ImportSettings(),
+            CategoriesSettings(),
-                CategoriesSettings(),
-                AccountSettings(),
-              ],
-            )
           ]
-        )
+        ),
       )
     );
   }

lib/pages/data/widgets/account_settings.dart

@@ -1,49 +1,76 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/domains/account/account_bloc.dart';
+import 'package:krezus/domains/account/account_bloc.dart';
+import 'package:krezus/pages/common/editable_color.dart';
+import 'package:krezus/pages/common/editable_label.dart';
+import 'package:krezus/pages/common/titled_container.dart';
+import 'package:krezus/repositories/metadata/models/account.dart';
 
 class AccountSettings extends StatelessWidget {
   const AccountSettings({super.key});
 
-  List<Widget> _computeCategoryList(Set<String> subAccounts) {
+  List<Widget> _computeCategoryList(BuildContext context, List<Account> accounts) {
-    return subAccounts.map((subAccount) => Row(
+    return accounts.map((account) => Row(
       children: [
-        Text(subAccount),
+        EditableColor(
+          color: account.rgbToColor(),
+          onChanged: (color) => context.read<AccountBloc>().add(AccountEditColor(account, color.value.toRadixString(16).toUpperCase().padLeft(8, '0'))),
+        ),
+        IconButton(
+          onPressed: () => context.read<AccountBloc>().add(AccountEditSaving(account, !account.saving)),
+          icon: const Icon(Icons.savings),
+          color: account.saving ? Theme.of(context).colorScheme.primary : Theme.of(context).colorScheme.error,
+        ),
+        Container(width: 5),
+        Expanded(
+          child: EditableLabel(
+            initialValue: account.label,
+            onChanged: (value) => context.read<AccountBloc>().add(AccountEditLabel(account, value)),
+            hintText: 'Acount name',
+            keyboardType: TextInputType.text,
+          ),
+        ),
+        IconButton(
+          onPressed: () => context.read<AccountBloc>().add(AccountRemove(account)),
+          icon: const Icon(Icons.delete),
+        ),
       ],
     )).toList();
   }
 
   @override
   Widget build(BuildContext context) {
-    return BlocBuilder<AccountBloc, AccountState>(
+    return BlocConsumer<AccountBloc, AccountState>(
-      builder: (context, state) => Container(
+      listener: (context, state) {
-        decoration: BoxDecoration(
+        if (state is AccountRemoveSucess) {
-          color: Colors.blue,
+          ScaffoldMessenger.of(context).showSnackBar(
-          borderRadius: BorderRadius.circular(5),
+            const SnackBar(
+              backgroundColor: Colors.green,
+              content: Text('Account succesfuly removed !'),
+            )
+          );
+        } else if (state is AccountRemoveFail) {
+          ScaffoldMessenger.of(context).showSnackBar(
+            const SnackBar(
+              backgroundColor: Colors.red,
+              content: Text('Cannot remove account. Still present on some transactions.'),
+            )
+          );
+        }
+      },
+      builder: (context, state) => TitledContainer(
+        title: "Accounts",
+        action: IconButton(
+          onPressed: () => context.read<AccountBloc>().add(AccountAdd()),
+          icon: const Icon(Icons.add),
+        ),
+        child: SingleChildScrollView(
+          scrollDirection: Axis.vertical,
+          child: Column(
+            crossAxisAlignment: CrossAxisAlignment.start,
+            children: _computeCategoryList(context, state.accounts),
+          ),
         ),
-        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
-        margin: const EdgeInsets.all(5),
-        child: Column(
-          mainAxisSize: MainAxisSize.min,
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            const Text(
-              "Accounts",
-              style: TextStyle(
-                fontWeight: FontWeight.w900,
-                fontSize: 20,
-              ),
-            ),
-            const SizedBox(height: 10),
-            SingleChildScrollView(
-              scrollDirection: Axis.vertical,
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: _computeCategoryList(state.subAccounts),
-              ),
-            ),
-          ],
-        ) 
       ),
     );
   }

lib/pages/data/widgets/categories_settings.dart

@@ -1,57 +1,82 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/domains/category/category_bloc.dart';
+import 'package:krezus/domains/category/category_bloc.dart';
-import 'package:tunas/repositories/account/models/category.dart';
+import 'package:krezus/pages/common/editable_color.dart';
+import 'package:krezus/pages/common/editable_label.dart';
+import 'package:krezus/pages/common/titled_container.dart';
+import 'package:krezus/repositories/metadata/models/category.dart';
 
 class CategoriesSettings extends StatelessWidget {
   const CategoriesSettings({super.key});
 
-  List<Widget> _computeCategoryList(List<Category> categories) {
+  List<Widget> _computeCategoryList(BuildContext context, List<Category> categories) {
     return categories.map((category) => Row(
       children: [
-        Container(
+        EditableColor(
-          height: 10,
-          width: 10,
           color: category.rgbToColor(),
+          onChanged: (color) => context.read<CategoryBloc>().add(CategoryEditColor(category, color.value.toRadixString(16).toUpperCase().padLeft(8, '0'))),
+        ),
+        IconButton(
+          onPressed: () => context.read<CategoryBloc>().add(CategoryEditTransfert(category, !category.transfert)),
+          icon: const Icon(Icons.swap_horiz),
+          color: category.transfert ? Theme.of(context).colorScheme.primary : Theme.of(context).colorScheme.error,
+        ),
+        IconButton(
+          onPressed: () => context.read<CategoryBloc>().add(CategoryEditEssential(category, !category.essential)),
+          icon: const Icon(Icons.foundation),
+          color: category.essential ? Theme.of(context).colorScheme.primary : Theme.of(context).colorScheme.error,
         ),
         Container(width: 5),
-        Text(category.label),
+        Expanded(
+          child: EditableLabel(
+            initialValue: category.label,
+            onChanged: (value) => context.read<CategoryBloc>().add(CategoryEditLabel(category, value)),
+            hintText: 'Acount name',
+            keyboardType: TextInputType.text,
+          ),
+        ),
+        IconButton(
+          onPressed: () => context.read<CategoryBloc>().add(CategoryRemove(category)),
+          icon: const Icon(Icons.delete),
+        ),
       ],
     )).toList();
   }
 
   @override
   Widget build(BuildContext context) {
-    return BlocBuilder<CategoryBloc, CategoryState>(
+    return BlocConsumer<CategoryBloc, CategoryState>(
-      builder: (context, state) => Container(
+      listener: (context, state) {
-        decoration: BoxDecoration(
+        if (state is CategoryRemoveSucess) {
-          color: Colors.blue,
+          ScaffoldMessenger.of(context).showSnackBar(
-          borderRadius: BorderRadius.circular(5),
+            const SnackBar(
+              backgroundColor: Colors.green,
+              content: Text('Category succesfuly removed !'),
+            )
+          );
+        } else if (state is CategoryRemoveFail) {
+          ScaffoldMessenger.of(context).showSnackBar(
+            const SnackBar(
+              backgroundColor: Colors.red,
+              content: Text('Cannot remove category. Still present on some transactions.'),
+            )
+          );
+        }
+      },
+      builder: (context, state) => TitledContainer(
+        title: "Categories",
+        action: IconButton(
+          onPressed: () => context.read<CategoryBloc>().add(CategoryAdd()),
+          icon: const Icon(Icons.add),
         ),
-        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
+        child: SingleChildScrollView(
-        margin: const EdgeInsets.all(5),
+          scrollDirection: Axis.vertical,
-        child: Column(
+          child: Column(
-          mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.start,
-          crossAxisAlignment: CrossAxisAlignment.start,
+            children: _computeCategoryList(context, state.categories),
-          children: [
+          ),
-            const Text(
+        ),
-              "Categories",
+      )
-              style: TextStyle(
-                fontWeight: FontWeight.w900,
-                fontSize: 20,
-              ),
-            ),
-            const SizedBox(height: 10),
-            SingleChildScrollView(
-              scrollDirection: Axis.vertical,
-              child: Column(
-                crossAxisAlignment: CrossAxisAlignment.start,
-                children: _computeCategoryList(state.categories),
-              ),
-            ),
-          ],
-        ) 
-      ),
     );
   }
 }

lib/pages/data/widgets/import_settings.dart

@@ -1,6 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/domains/account/account_bloc.dart';
+import 'package:krezus/domains/account/account_bloc.dart';
+import 'package:krezus/pages/common/titled_container.dart';
 
 class ImportSettings extends StatelessWidget {
   const ImportSettings({super.key});
@@ -8,43 +9,39 @@ class ImportSettings extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return BlocBuilder<AccountBloc, AccountState>(
-      builder: (context, state) => Container(
+      builder: (context, state) => TitledContainer(
-        decoration: BoxDecoration(
+        title: "Import",
-          color: Colors.blue,
-          borderRadius: BorderRadius.circular(5)
-        ),
-        padding: const EdgeInsets.symmetric(vertical: 10, horizontal: 15),
-        margin: const EdgeInsets.all(5),
         child: Column(
-          mainAxisSize: MainAxisSize.min,
           crossAxisAlignment: CrossAxisAlignment.start,
           children: [
-            const Text(
+            FilledButton.icon(
-              "Import",
+              onPressed: () => context.read<AccountBloc>().add(const ClearData()),
-              style: TextStyle(
+              label: const Text('Clear all data'),
-                fontWeight: FontWeight.w900,
+              icon: const Icon(Icons.delete_forever),
-                fontSize: 20,
-              ),
             ),
-            const SizedBox(height: 10),
+            const SizedBox(height: 5),
-            FilledButton(
+            FilledButton.tonalIcon(
               onPressed: () => context.read<AccountBloc>().add(const AccountImportCSV()),
-              child: const Text('Import CSV')
+              label: const Text('Import CSV'),
+              icon: const Icon(Icons.upload_file),
             ),
             const SizedBox(height: 5),
-            FilledButton(
+            FilledButton.tonalIcon(
               onPressed: () => context.read<AccountBloc>().add(const AccountImportJSON()),
-              child: const Text('Import JSON')
+              label: const Text('Import JSON'),
+              icon: const Icon(Icons.upload_file),
             ),
             const SizedBox(height: 5),
-            FilledButton(
+            FilledButton.tonalIcon(
               onPressed: () => context.read<AccountBloc>().add(const AccountExportCSV()),
-              child: const Text('Export CSV')
+              label: const Text('Export CSV'),
+              icon: const Icon(Icons.download),
             ),
             const SizedBox(height: 5),
-            FilledButton(
+            FilledButton.tonalIcon(
               onPressed: () => context.read<AccountBloc>().add(const AccountExportJSON()),
-              child: const Text('Export JSON')
+              label: const Text('Export JSON'),
+              icon: const Icon(Icons.download),
             ),
           ],
         ),

lib/pages/data/widgets/settings_settings.dart

@@ -0,0 +1,39 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:krezus/domains/settings/settings_bloc.dart';
+import 'package:krezus/pages/common/titled_container.dart';
+
+class SettingsSettings extends StatelessWidget {
+  const SettingsSettings({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return BlocBuilder<SettingsBloc, SettingsState>(
+      builder: (context, state) => TitledContainer(
+        title: "Theme",
+        child: Column(
+          children: [
+            SegmentedButton<ThemeMode>(
+              segments: const [
+                ButtonSegment(
+                  value: ThemeMode.system,
+                  icon: Icon(Icons.settings)
+                ),
+                ButtonSegment(
+                  value: ThemeMode.light,
+                  icon: Icon(Icons.light_mode)
+                ),
+                ButtonSegment(
+                  value: ThemeMode.dark,
+                  icon: Icon(Icons.dark_mode)
+                ),
+              ],
+              selected: {state.themeMode},
+              onSelectionChanged: (themeMode) => context.read<SettingsBloc>().add(SetThemeMode(themeMode.first)),
+            )
+          ],
+        ),
+      )
+    );
+  }
+}

lib/pages/home/home_page.dart

@@ -1,26 +1,102 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/domains/account/account_bloc.dart';
+import 'package:krezus/domains/account/account_bloc.dart';
-import 'package:tunas/domains/budget/budget_bloc.dart';
+import 'package:krezus/domains/budget/budget_bloc.dart';
-import 'package:tunas/domains/category/category_bloc.dart';
+import 'package:krezus/domains/category/category_bloc.dart';
-import 'package:tunas/domains/transaction/transaction_bloc.dart';
+import 'package:krezus/domains/charts/chart_bloc.dart';
-import 'package:tunas/pages/budgets/budgets_page.dart';
+import 'package:krezus/domains/settings/settings_bloc.dart';
-import 'package:tunas/pages/data/data_page.dart';
+import 'package:krezus/domains/transaction/transaction_bloc.dart';
-import 'package:tunas/pages/stats/stats_page.dart';
+import 'package:krezus/pages/budgets/budgets_page.dart';
-import 'package:tunas/pages/transactions/transactions_page.dart';
+import 'package:krezus/pages/data/data_page.dart';
-import 'package:tunas/repositories/account/account_repository.dart';
+import 'package:krezus/pages/stats/stats_page.dart';
+import 'package:krezus/pages/transactions/transactions_page.dart';
+import 'package:krezus/repositories/metadata/metadata_repository.dart';
+import 'package:krezus/repositories/transactions/transactions_repository.dart';
 
 class HomePage extends StatelessWidget {
   const HomePage({super.key});
 
+  Widget _tabBar() {
+    return TabBar(
+      tabAlignment: TabAlignment.center,
+      splashBorderRadius: BorderRadius.circular(25),
+      tabs: const [
+        Tab(icon: Icon(Icons.insights)),
+        Tab(icon: Icon(Icons.receipt_long)),
+        Tab(icon: Icon(Icons.pie_chart)),
+        Tab(icon: Icon(Icons.settings)),
+      ],
+    );
+  }
+
+  Widget _largeScreenTotalsCharts(BuildContext context) {
+    return Align(
+      alignment: Alignment.topLeft,
+      child: Container(
+        margin: const EdgeInsets.all(10),
+        decoration: BoxDecoration(
+          color: Theme.of(context).colorScheme.primaryContainer,
+          borderRadius: BorderRadius.circular(5),
+        ),
+        child: TabBar(
+          tabAlignment: TabAlignment.center,
+          splashBorderRadius: BorderRadius.circular(25),
+          tabs: const [
+            Tab(icon: Icon(Icons.insights)),
+            Tab(icon: Icon(Icons.receipt_long)),
+            Tab(icon: Icon(Icons.pie_chart)),
+            Tab(icon: Icon(Icons.settings)),
+          ],
+        ),
+      ),
+    );
+  }
+
+  Widget _smallScreenTotalsCharts(BuildContext context) {
+    return Align(
+      alignment: Alignment.bottomCenter,
+      child: Container(
+        height: 40,
+        width: MediaQuery.sizeOf(context).width,
+        decoration: BoxDecoration(
+          color: Theme.of(context).colorScheme.primaryContainer,
+          boxShadow: [
+              BoxShadow(
+                color: Theme.of(context).colorScheme.shadow,
+                blurRadius: 5,
+                offset: const Offset(0, -2),
+                spreadRadius: 0.1,
+                blurStyle: BlurStyle.normal,
+              )
+            ]
+        ),
+        child: Center(
+          child:TabBar(
+            tabAlignment: TabAlignment.center,
+            splashBorderRadius: BorderRadius.circular(25),
+            tabs: const [
+              Tab(icon: Icon(Icons.insights)),
+              Tab(icon: Icon(Icons.receipt_long)),
+              Tab(icon: Icon(Icons.pie_chart)),
+              Tab(icon: Icon(Icons.settings)),
+            ],
+          )
+        ),
+      ),
+    );
+  }
+
   @override
   Widget build(BuildContext context) {
+    bool smallVerticalScreen = MediaQuery.sizeOf(context).width < 1500;
     return MultiBlocProvider(
       providers: [
-        BlocProvider(create: (context) => AccountBloc(accountRepository: RepositoryProvider.of<AccountRepository>(context))),
+        BlocProvider(create: (context) => AccountBloc(metadataRepository: RepositoryProvider.of<MetadataRepository>(context), transactionsRepository: RepositoryProvider.of<TransactionsRepository>(context))),
-        BlocProvider(create: (context) => TransactionBloc(accountRepository: RepositoryProvider.of<AccountRepository>(context))),
+        BlocProvider(create: (context) => TransactionBloc(transactionsRepository: RepositoryProvider.of<TransactionsRepository>(context))),
-        BlocProvider(create: (context) => CategoryBloc(accountRepository: RepositoryProvider.of<AccountRepository>(context))),
+        BlocProvider(create: (context) => CategoryBloc(metadataRepository: RepositoryProvider.of<MetadataRepository>(context), transactionsRepository: RepositoryProvider.of<TransactionsRepository>(context))),
-        BlocProvider(create: (context) => BudgetBloc(accountRepository: RepositoryProvider.of<AccountRepository>(context))),
+        BlocProvider(create: (context) => BudgetBloc(metadataRepository: RepositoryProvider.of<MetadataRepository>(context), transactionsRepository: RepositoryProvider.of<TransactionsRepository>(context))),
+        BlocProvider(create: (context) => ChartBloc(metadataRepository: RepositoryProvider.of<MetadataRepository>(context), transactionsRepository: RepositoryProvider.of<TransactionsRepository>(context))),
+        BlocProvider(create: (context) => SettingsBloc(metadataRepository: RepositoryProvider.of<MetadataRepository>(context))),
       ],
       child: DefaultTabController(
         length: 4,
@@ -35,26 +111,7 @@ class HomePage extends StatelessWidget {
                   DataPage()
                 ],
               ),
-              Align(
+              smallVerticalScreen ? _smallScreenTotalsCharts(context) : _largeScreenTotalsCharts(context),
-                alignment: Alignment.bottomCenter,
-                child: Container(
-                  margin: const EdgeInsets.all(15),
-                  decoration: BoxDecoration(
-                    color: const Color.fromARGB(255, 41, 49, 56),
-                    borderRadius: BorderRadius.circular(25)
-                  ),
-                  child: TabBar(
-                    tabAlignment: TabAlignment.center,
-                    splashBorderRadius: BorderRadius.circular(25),
-                    tabs: const [
-                      Tab(icon: Icon(Icons.insights)),
-                      Tab(icon: Icon(Icons.receipt_long)),
-                      Tab(icon: Icon(Icons.pie_chart)),
-                      Tab(icon: Icon(Icons.settings)),
-                    ],
-                  ),
-                ),
-              )
             ],
           ),
         )

lib/pages/stats/stats_page.dart

@@ -1,82 +1,133 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/domains/charts/chart_bloc.dart';
+import 'package:krezus/domains/charts/chart_bloc.dart';
-import 'package:tunas/pages/stats/widgets/account_counters.dart';
+import 'package:krezus/pages/stats/widgets/account_counters.dart';
-import 'package:tunas/pages/stats/widgets/categories_totals_chart.dart';
+import 'package:krezus/pages/stats/widgets/categories_totals_chart.dart';
-import 'package:tunas/pages/stats/widgets/main_counter.dart';
+import 'package:krezus/pages/stats/widgets/global_counter.dart';
-import 'package:tunas/pages/stats/widgets/monthly_categories_total_chart.dart';
+import 'package:krezus/pages/stats/widgets/monthly_categories_total_chart.dart';
-import 'package:tunas/pages/stats/widgets/monthly_total_chart.dart';
+import 'package:krezus/pages/stats/widgets/global_total_chart.dart';
-import 'package:tunas/pages/stats/widgets/profit_indicator.dart';
+import 'package:krezus/pages/stats/widgets/profit_indicator.dart';
-import 'package:tunas/pages/stats/widgets/year_selector.dart';
+import 'package:krezus/pages/stats/widgets/year_selector.dart';
-import 'package:tunas/repositories/account/account_repository.dart';
 
 class StatsPage extends StatelessWidget {
   const StatsPage({super.key});
 
-  @override
+  Widget _largeScreenHeader(ChartState state) {
-  Widget build(BuildContext context) {
+    return Center (
-    return BlocProvider(
+      child: Container(
-      create: (context) => ChartBloc(accountRepository: RepositoryProvider.of<AccountRepository>(context)),
+        margin: const EdgeInsets.symmetric(horizontal: 10, vertical: 10),
-      child: BlocBuilder<ChartBloc, ChartState>(
+        constraints: const BoxConstraints(
-        builder: (context, state) => ListView(
+          maxWidth: 1000
+        ),
+        child: Column(
           children: [
-            Center (
+            Row(
-              child: ConstrainedBox(
+              children: [
-                constraints: const BoxConstraints(
+                Expanded(
-                  maxWidth: 1000
+                  flex: 2,
+                  child: GlobalCounter(value: state.globalTotal)
                 ),
-                child: Column(
+                const SizedBox(width: 10),
-                  children: [
+                Expanded(
-                    Row(
+                  flex: 1,
-                      children: [
+                  child: AccountCounter(accountsTotals: state.accountsTotals)
-                        Expanded(
-                          flex: 2,
-                          child: MainCounter(value: state.globalTotal)
-                        ),
-                        Expanded(
-                          flex: 1,
-                          child: AccountCounter(accountsTotals: state.accountsTotals)
-                        ),
-                      ],
-                    ),
-                    Row(
-                      mainAxisAlignment: MainAxisAlignment.spaceBetween,
-                      children: [
-                        const YearSelector(),
-                        ProfitIndicator(profit: state.scoppedProfit)
-                      ],
-                    ),
-                  ]
-                )
-              )
-            ),
-            SizedBox(
-              height: 200,
-              child: GlobalTotalChart(monthlyTotals: state.scopedMonthlyTotals)
-            ),
-            SizedBox(
-              height: 500,
-              child: MonthlyCategoriesTotalChart(categoriesMonthlyTotals: state.scopedCategoriesMonthlyTotals)
-            ),
-            Center (
-              child: ConstrainedBox(
-                constraints: const BoxConstraints(
-                  maxWidth: 1500
                 ),
-                child: SizedBox(
+              ],
-                  height: 450,
-                  child: OverflowBar(
-                    children: [
-                      CategoriesTotalsChart(categoriesTotals: state.scopedCategoriesPositiveTotals, categoriesTotalsPercents: state.scopedSimplifiedCategoriesPositiveTotalsPercents),
-                      CategoriesTotalsChart(categoriesTotals: state.scopedCategoriesNegativeTotals, categoriesTotalsPercents: state.scopedSimplifiedCategoriesNegativeTotalsPercents),
-                    ],
-                  )
-                )
-              )
             ),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                const YearSelector(),
+                ProfitIndicator(profit: state.scoppedProfit)
+              ],
+            ),
+          ]
+        )
+      )
+    );
+  }
+
+  Widget _smallScreenHeader(ChartState state) {
+    return Center (
+      child: Container(
+        margin: const EdgeInsets.symmetric(horizontal: 10, vertical: 10),
+        constraints: const BoxConstraints(
+          maxWidth: 1000
+        ),
+        child: Column(
+          children: [
+            GlobalCounter(value: state.globalTotal),
+            AccountCounter(accountsTotals: state.accountsTotals),
+            Row(
+              mainAxisAlignment: MainAxisAlignment.spaceBetween,
+              children: [
+                ProfitIndicator(profit: state.scoppedProfit),
+                const YearSelector(),
+              ],
+            ),
+          ]
+        )
+      )
+    );
+  }
+
+  Widget _largeScreenTotalsCharts(ChartState state) {
+    return Center (
+      child: ConstrainedBox(
+        constraints: const BoxConstraints(
+          maxWidth: 1500
+        ),
+        child: SizedBox(
+          height: 450,
+          child: Row(
+            mainAxisAlignment: MainAxisAlignment.center,
+            crossAxisAlignment: CrossAxisAlignment.center,
+            children: [
+              CategoriesTotalsChart(categoriesTotals: state.scopedCategoriesPositiveTotals, categoriesTotalsPercents: state.scopedSimplifiedCategoriesPositiveTotalsPercents),
+              CategoriesTotalsChart(categoriesTotals: state.scopedCategoriesNegativeTotals, categoriesTotalsPercents: state.scopedSimplifiedCategoriesNegativeTotalsPercents),
+            ],
+          )
+        )
+      )
+    );
+  }
+
+  Widget _smallScreenTotalsCharts(ChartState state) {
+    return Center (
+      child: ConstrainedBox(
+        constraints: const BoxConstraints(
+          maxWidth: 1500
+        ),
+        child: Column(
+          children: [
+            CategoriesTotalsChart(categoriesTotals: state.scopedCategoriesPositiveTotals, categoriesTotalsPercents: state.scopedSimplifiedCategoriesPositiveTotalsPercents),
+            CategoriesTotalsChart(categoriesTotals: state.scopedCategoriesNegativeTotals, categoriesTotalsPercents: state.scopedSimplifiedCategoriesNegativeTotalsPercents),
           ],
         )
-      ),
+      )
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    MediaQueryData mediaQuery = MediaQuery.of(context);
+    bool smallVerticalScreen = MediaQuery.sizeOf(context).width < 800;
+    return BlocBuilder<ChartBloc, ChartState>(
+      builder: (context, state) => ListView(
+        padding: mediaQuery.padding.copyWith(bottom: 100.0),
+        children: [
+          smallVerticalScreen ? _smallScreenHeader(state) : _largeScreenHeader(state),
+          SizedBox(
+            height: smallVerticalScreen ? 100 : 200,
+            child: GlobalTotalChart(monthlyTotals: state.scopedMonthlyTotals)
+          ),
+          SizedBox(
+            height: smallVerticalScreen ? 200 : 500,
+            child: MonthlyCategoriesTotalChart(categoriesMonthlyTotals: state.scopedCategoriesMonthlyTotals)
+          ),
+          smallVerticalScreen ? _smallScreenTotalsCharts(state) : _largeScreenTotalsCharts(state),
+        ],
+      )
     );
   }
 }

lib/pages/stats/widgets/account_counters.dart

@@ -6,7 +6,7 @@ class AccountCounter extends StatelessWidget {
 
   const AccountCounter({super.key, required this.accountsTotals});
 
-  List<Row> _renderAccountTotals() {
+  List<Row> _renderAccountTotals(BuildContext context) {
     return accountsTotals.entries.toList().map((entry) => Row(
       mainAxisAlignment: MainAxisAlignment.spaceBetween,
       children: [
@@ -21,7 +21,7 @@ class AccountCounter extends StatelessWidget {
           style: TextStyle(
             fontFamily: 'NovaMono',
             fontSize: 15,
-            color: entry.value > 0 ? const Color.fromARGB(255, 0, 255, 8) : Colors.red
+            color: entry.value > 0 ? Theme.of(context).colorScheme.primary : Theme.of(context).colorScheme.error
         )),
       ],
     )).toList();
@@ -31,15 +31,15 @@ class AccountCounter extends StatelessWidget {
   Widget build(BuildContext context) {
     return Container(
       padding: const EdgeInsets.all(10),
-      margin: const EdgeInsets.all(20),
+      margin: const EdgeInsets.only(bottom: 10),
       decoration: BoxDecoration(
-        borderRadius: BorderRadius.circular(5),
+        borderRadius: BorderRadius.circular(15),
-        color: Colors.blue
+        color: Theme.of(context).colorScheme.primaryContainer,
       ),
       alignment: Alignment.centerRight,
       child: Column(
         crossAxisAlignment: CrossAxisAlignment.end,
-        children: _renderAccountTotals(),
+        children: _renderAccountTotals(context),
       ),
     );
   }

lib/pages/stats/widgets/categories_totals_chart.dart

@@ -2,8 +2,8 @@ import 'package:fl_chart/fl_chart.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:intl/intl.dart';
-import 'package:tunas/domains/category/category_bloc.dart';
+import 'package:krezus/domains/category/category_bloc.dart';
-import 'package:tunas/domains/charts/models/chart_item.dart';
+import 'package:krezus/domains/charts/models/chart_item.dart';
 
 class CategoriesTotalsChart extends StatelessWidget {
   final List<ChartItem> categoriesTotals;
@@ -11,7 +11,7 @@ class CategoriesTotalsChart extends StatelessWidget {
 
   const CategoriesTotalsChart({super.key, required this.categoriesTotals, required this.categoriesTotalsPercents});
 
-  List<PieChartSectionData> _convertDataForChart(Map<String, Color> categoriesColors) {
+  List<PieChartSectionData> _convertDataForChart(Map<String, Color> categoriesColors, bool smallVerticalScreen) {
     return categoriesTotalsPercents
       .map((item) => 
         PieChartSectionData(
@@ -21,9 +21,10 @@ class CategoriesTotalsChart extends StatelessWidget {
             fontSize: 15,
             fontWeight: FontWeight.w300
           ),
-          titlePositionPercentageOffset: 0.8,
+          showTitle: !smallVerticalScreen,
+          titlePositionPercentageOffset: 0.5,
           borderSide: const BorderSide(width: 0),
-          radius: 150,
+          radius: smallVerticalScreen ? 30 : 40,
           color: categoriesColors[item.label]
         ))
       .toList();
@@ -39,7 +40,10 @@ class CategoriesTotalsChart extends StatelessWidget {
               Container(
                 height: 10,
                 width: 10,
-                color: categoriesColors[item.label],
+                decoration: BoxDecoration(
+                  color: categoriesColors[item.label],
+                  borderRadius: BorderRadius.circular(15)
+                ),
               ),
               Container(width: 5),
               Text(item.label),
@@ -57,27 +61,28 @@ class CategoriesTotalsChart extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    bool smallVerticalScreen = MediaQuery.sizeOf(context).width < 800;
     return BlocBuilder<CategoryBloc, CategoryState>(
       builder: (context, state) => Container(
         height: 320,
-        width: 600,
+        width: smallVerticalScreen ? null : 500,
         padding: const EdgeInsets.all(10),
         margin: const EdgeInsets.all(20),
         decoration: BoxDecoration(
-          borderRadius: BorderRadius.circular(5),
+          borderRadius: BorderRadius.circular(15),
-          color: Colors.blue
+          color: Theme.of(context).colorScheme.primaryContainer,
         ),
         child: Row(
           children: [
             Expanded(
               child: PieChart(
                 PieChartData(
-                  sections: _convertDataForChart(state.categoriesColors),
+                  sections: _convertDataForChart(state.categoriesColors, smallVerticalScreen),
                   borderData: FlBorderData(
                     show: false
                   ),
-                  centerSpaceRadius: 0,
+                  centerSpaceRadius: smallVerticalScreen ? 30 :50,
-                  sectionsSpace: 2
+                  sectionsSpace: 4
                 )
               ),
             ),
@@ -87,7 +92,7 @@ class CategoriesTotalsChart extends StatelessWidget {
               padding: const EdgeInsets.all(10),
               decoration: BoxDecoration(
                 borderRadius: BorderRadius.circular(5),
-                color: Colors.blueGrey
+                color: Theme.of(context).colorScheme.secondaryContainer
               ),
               child: SingleChildScrollView(
                 scrollDirection: Axis.vertical,

lib/pages/stats/widgets/global_counter.dart

@@ -1,19 +1,19 @@
 import 'package:flutter/material.dart';
 import 'package:intl/intl.dart';
 
-class MainCounter extends StatelessWidget {
+class GlobalCounter extends StatelessWidget {
   final double value;
 
-  const MainCounter({super.key, required this.value});
+  const GlobalCounter({super.key, required this.value});
 
   @override
   Widget build(BuildContext context) {
     return Container(
       padding: const EdgeInsets.all(10),
-      margin: const EdgeInsets.all(20),
+      margin: const EdgeInsets.only(bottom: 10),
       decoration: BoxDecoration(
-        borderRadius: BorderRadius.circular(5),
+        borderRadius: BorderRadius.circular(15),
-        color: Colors.blue
+        color: Theme.of(context).colorScheme.primaryContainer,
       ),
       alignment: Alignment.centerRight,
       child: Text(
@@ -22,7 +22,7 @@ class MainCounter extends StatelessWidget {
           fontFamily: 'NovaMono',
           fontSize: 60,
           fontWeight: FontWeight.w500,
-          color: value > 0 ? const Color.fromARGB(255, 0, 255, 8) : Colors.red
+          color: value > 0 ? Theme.of(context).colorScheme.primary : Theme.of(context).colorScheme.error
         ),
       ),
     );

lib/pages/stats/widgets/global_total_chart.dart

@@ -18,9 +18,7 @@ class GlobalTotalChart extends StatelessWidget {
 
     return Padding(
       padding: const EdgeInsets.only(
-        left: 12,
         bottom: 12,
-        right: 20,
         top: 20,
       ),
       child: AspectRatio(
@@ -31,7 +29,7 @@ class GlobalTotalChart extends StatelessWidget {
               lineTouchData: LineTouchData(
                 touchTooltipData: LineTouchTooltipData(
                   maxContentWidth: 100,
-                  tooltipBgColor: Colors.black,
+                  getTooltipColor: (LineBarSpot _) => Theme.of(context).colorScheme.primaryContainer,
                   getTooltipItems: (touchedSpots) {
                     return touchedSpots.map((LineBarSpot touchedSpot) {
                       final textStyle = TextStyle(
@@ -52,13 +50,18 @@ class GlobalTotalChart extends StatelessWidget {
               ),
               lineBarsData: [
                 LineChartBarData(
-                  color: Colors.pink,
+                  color: Theme.of(context).colorScheme.primary,
                   spots: monthlyTotals,
                   isCurved: true,
                   isStrokeCapRound: true,
                   barWidth: 3,
                   belowBarData: BarAreaData(
-                    show: false,
+                    show: true,
+                    gradient: LinearGradient(
+                      colors: [Theme.of(context).colorScheme.primary, Theme.of(context).colorScheme.secondary]
+                        .map((color) => color.withOpacity(0.2))
+                        .toList(),
+                    ),
                   ),
                   dotData: const FlDotData(show: false),
                 ),

lib/pages/stats/widgets/monthly_categories_total_chart.dart

@@ -1,32 +1,42 @@
 import 'package:fl_chart/fl_chart.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/domains/category/category_bloc.dart';
+import 'package:intl/intl.dart';
+import 'package:krezus/domains/category/category_bloc.dart';
+import 'package:krezus/domains/charts/models/month_totals.dart';
 
 class MonthlyCategoriesTotalChart extends StatelessWidget {
-  final Map<int, Map<String, double>> categoriesMonthlyTotals;
+  final Map<int, MonthTotals> categoriesMonthlyTotals;
 
   const MonthlyCategoriesTotalChart({super.key, required this.categoriesMonthlyTotals});
 
-  BarChartRodData _computeStack(double barsWidth, MapEntry<int, Map<String, double>> entry, Map<String, Color> categoriesColors) {
+  BarChartRodData _computeStack(double barsWidth, Map<String, double> entry, Map<String, Color> categoriesColors) {
     var subcounter = 0.0;
-    var a = entry.value.entries.map((subEntry) => BarChartRodStackItem(subcounter, subcounter += subEntry.value, categoriesColors[subEntry.key] ?? Colors.red)).toList();
+    var items = entry.entries.map((subEntry) => BarChartRodStackItem(
+      subcounter, subcounter += subEntry.value,
+      categoriesColors[subEntry.key] ?? Colors.red,
+    )).toList();
     return BarChartRodData(
+      color: Colors.transparent,
       fromY: 0,
       toY: subcounter,
       width: barsWidth,
-      borderRadius: BorderRadius.zero,
+      borderRadius: BorderRadius.circular(3),
-      rodStackItems: a
+      rodStackItems: items
     );
   }
 
-  List<BarChartGroupData> _computeBarGroups(double barsSpace, double barsWidth, Map<String, Color> categoriesColors) {
+  List<BarChartGroupData> _computeBarGroups(double barsSpace, double barsWidth, Map<String, Color> categoriesColors, bool smallVerticalScreen) {
     var a = categoriesMonthlyTotals.entries
       .map((entry) {
         return BarChartGroupData(
           x: entry.key,
           barsSpace: barsSpace,
-          barRods: [_computeStack(barsWidth, entry, categoriesColors)]
+          barRods: [
+            _computeStack(barsWidth, entry.value.positives, categoriesColors),
+            _computeStack(barsWidth, entry.value.negatives, categoriesColors),
+          ],
+          showingTooltipIndicators: smallVerticalScreen ? [] : [0, 1]
         );
       })
       .toList();
@@ -46,7 +56,7 @@ class MonthlyCategoriesTotalChart extends StatelessWidget {
   double _computeMaxValue() {
     double max = 0.0;
     categoriesMonthlyTotals.forEach((monthKey, value) { 
-      double localMax = value.values.reduce((value, element) => value + element);
+      double localMax = value.maxValue();
       if (localMax > max) {
         max = localMax;
       }
@@ -56,18 +66,19 @@ class MonthlyCategoriesTotalChart extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
+    bool smallVerticalScreen = MediaQuery.sizeOf(context).width < 800;
     return BlocBuilder<CategoryBloc, CategoryState>(
       builder: (context, state) => AspectRatio(
         aspectRatio: 1.66,
         child: LayoutBuilder(
           builder: (context, constraints) {
-            final barsSpace = 4.0 * constraints.maxWidth / 100;
+            final barsSpace = 4.0 * constraints.maxWidth / 300;
-            final barsWidth = 8.0 * constraints.maxWidth / 130;
+            final barsWidth = 8.0 * constraints.maxWidth / 500;
 
             return BarChart(
               BarChartData(
                 maxY: _computeMaxValue(),
-                barGroups: _computeBarGroups(barsSpace, barsWidth, state.categoriesColors),
+                barGroups: _computeBarGroups(barsSpace, barsWidth, state.categoriesColors, smallVerticalScreen),
                 titlesData: FlTitlesData(
                   topTitles: const AxisTitles(
                     sideTitles: SideTitles(showTitles: false)
@@ -78,6 +89,42 @@ class MonthlyCategoriesTotalChart extends StatelessWidget {
                       getTitlesWidget: _computeBottomTitles
                     )
                   )
+                ),
+                barTouchData: BarTouchData(
+                  enabled: true,
+                  handleBuiltInTouches: false,
+                  touchTooltipData: BarTouchTooltipData(
+                    // tooltipBgColor: Colors.transparent,
+                    getTooltipColor: (BarChartGroupData _) => Colors.transparent,
+                    tooltipMargin: 0,
+                    getTooltipItem:(group, groupIndex, rod, rodIndex) {
+                      String value = NumberFormat("#00").format(rod.toY);
+                      Color color = Colors.black;
+                      if (rodIndex == 0) {
+                        value = "+$value";
+                        color = Theme.of(context).colorScheme.primary;
+                      } else {
+                        value = "-$value";
+                        color = Theme.of(context).colorScheme.error;
+                      }
+
+                      return BarTooltipItem(
+                        value,
+                        TextStyle(
+                          fontWeight: FontWeight.bold,
+                          color: color,
+                          fontSize: 12,
+                          fontFamily: 'NovaMono',
+                          shadows: const [
+                            Shadow(
+                              color: Colors.black26,
+                              blurRadius: 12,
+                            )
+                          ],
+                        ),
+                      );
+                    }
+                  )
                 )
               )
             );

lib/pages/stats/widgets/profit_indicator.dart

@@ -13,7 +13,7 @@ class ProfitIndicator extends StatelessWidget {
       margin: const EdgeInsets.fromLTRB(0, 0, 20, 0),
       padding: const EdgeInsets.fromLTRB(10, 5, 10, 5),
       decoration: BoxDecoration(
-        color: Colors.blue,
+        color: Theme.of(context).colorScheme.primaryContainer,
         borderRadius: BorderRadius.circular(5)
       ),
       child: Text(
@@ -22,7 +22,7 @@ class ProfitIndicator extends StatelessWidget {
           fontFamily: 'NovaMono',
           fontSize: 20,
           fontWeight: FontWeight.w500,
-          color: profit > 0 ? const Color.fromARGB(255, 0, 255, 8) : Colors.red
+          color: profit > 0 ? Theme.of(context).colorScheme.primary : Theme.of(context).colorScheme.error
         ),
       )
     );

lib/pages/stats/widgets/year_selector.dart

@@ -1,6 +1,6 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/domains/charts/chart_bloc.dart';
+import 'package:krezus/domains/charts/chart_bloc.dart';
 
 class YearSelector extends StatelessWidget {
   const YearSelector({super.key});
@@ -12,8 +12,8 @@ class YearSelector extends StatelessWidget {
         margin: const EdgeInsets.fromLTRB(20, 0, 0, 0),
         padding: const EdgeInsets.fromLTRB(5, 0, 5, 0),
         decoration: BoxDecoration(
-          color: Colors.blue,
+          color: Theme.of(context).colorScheme.primaryContainer,
-          borderRadius: BorderRadius.circular(5)
+          borderRadius: BorderRadius.circular(5),
         ),
         child: Row(
           children: [

lib/pages/transactions/transactions_page.dart

@@ -1,26 +1,44 @@
 import 'package:flutter/material.dart';
-import 'package:tunas/pages/transactions/widgets/transactions_actions.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/pages/transactions/widgets/transactions_header.dart';
+import 'package:krezus/domains/transaction/transaction_bloc.dart';
-import 'package:tunas/pages/transactions/widgets/transactions_list.dart';
+import 'package:krezus/pages/transactions/widgets/transactions_actions.dart';
+import 'package:krezus/pages/transactions/widgets/transactions_header.dart';
+import 'package:krezus/pages/transactions/widgets/transactions_list.dart';
 
 class TransactionsPage extends StatelessWidget {
   const TransactionsPage({super.key});
 
   @override
   Widget build(BuildContext context) {
-    return Center(
+    MediaQueryData mediaQuery = MediaQuery.of(context);
-      child: ConstrainedBox(
+    return BlocListener<TransactionBloc, TransactionState>(
-        constraints: const BoxConstraints(
+      listenWhen: (previous, current) => previous.showSnackBar != current.showSnackBar,
-          maxWidth: 1000 
+      listener: (context, state) {
+        if (state.showSnackBar) {
+          ScaffoldMessenger
+          .of(context)
+          .showSnackBar(
+            SnackBar(
+              backgroundColor: state.snackBarIsError ? Colors.red : Colors.green,
+              content: Text(state.snackBarMessage),
+            ),
+          );
+          context.read<TransactionBloc>().add(const TransactionResetSnackBar());
+        }
+      },
+      child: Center(
+        child: Container(
+          constraints: const BoxConstraints(maxWidth: 1000),
+          padding: mediaQuery.padding,
+          child: const Column(
+            children: [
+              TransactionsActions(),
+              TransactionsHeader(),
+              TransactionsList(),
+            ],
+          ),
         ),
-        child: const Column(
+      ),
-          children: [
-            TransactionsActions(),
-            TransactionsHeader(),
-            TransactionsList(),
-          ],
-        ),
-      )
     );
   }
 }

lib/pages/transactions/widgets/account_filter.dart

@@ -0,0 +1,36 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:krezus/domains/account/account_bloc.dart';
+import 'package:krezus/domains/transaction/transaction_bloc.dart';
+import 'package:krezus/repositories/metadata/models/account.dart';
+
+class AccountFilter extends StatelessWidget {
+  const AccountFilter({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final accountState = context.watch<AccountBloc>().state;
+
+    return BlocBuilder<TransactionBloc, TransactionState>(
+      buildWhen: (previous, current) => previous.accountFilter != current.accountFilter,
+      builder: (context, state) => SizedBox(
+        width: 300,
+        child: DropdownButtonFormField<Account>(
+          value: state.accountFilter,
+          onChanged: (value) => context.read<TransactionBloc>().add(TransactionFilterAccount(value!)),
+          items: accountState.accounts.map((e) => DropdownMenuItem(value: e, child: Text(e.label))).toList(),
+          decoration: InputDecoration(
+            suffixIcon: IconButton(
+              icon: const Icon(Icons.filter_alt_off),
+              onPressed: () => context.read<TransactionBloc>().add(const TransactionFilterAccount(null)),
+            ),
+            hintText: 'Account',
+            border: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(5),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/pages/transactions/widgets/category_filter.dart

@@ -0,0 +1,36 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:krezus/domains/category/category_bloc.dart';
+import 'package:krezus/domains/transaction/transaction_bloc.dart';
+import 'package:krezus/repositories/metadata/models/category.dart' as krezus_category;
+
+class CategoryFilter extends StatelessWidget {
+  const CategoryFilter({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    final categoryState = context.watch<CategoryBloc>().state;
+
+    return BlocBuilder<TransactionBloc, TransactionState>(
+      buildWhen: (previous, current) => previous.categoryFilter != current.categoryFilter,
+      builder: (context, state) => SizedBox(
+        width: 300,
+        child: DropdownButtonFormField<krezus_category.Category>(
+          value: state.categoryFilter,
+          onChanged: (value) => context.read<TransactionBloc>().add(TransactionFilterCategory(value!)),
+          items: categoryState.categories.map((e) => DropdownMenuItem(value: e, child: Text(e.label))).toList(),
+          decoration: InputDecoration(
+            suffixIcon: IconButton(
+              icon: const Icon(Icons.filter_alt_off),
+              onPressed: () => context.read<TransactionBloc>().add(const TransactionFilterCategory(null)),
+            ),
+            hintText: 'Category',
+            border: OutlineInputBorder(
+              borderRadius: BorderRadius.circular(5),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}

lib/pages/transactions/widgets/transaction_add_dialog.dart

@@ -1,10 +1,10 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/domains/account/account_bloc.dart';
+import 'package:krezus/domains/account/account_bloc.dart';
-import 'package:tunas/domains/category/category_bloc.dart';
+import 'package:krezus/domains/category/category_bloc.dart';
-import 'package:tunas/domains/transaction/transaction_bloc.dart';
+import 'package:krezus/domains/transaction/transaction_bloc.dart';
-import 'package:tunas/pages/transactions/widgets/transaction_form.dart';
+import 'package:krezus/pages/transactions/widgets/transaction_form.dart';
-import 'package:tunas/repositories/account/models/transaction.dart';
+import 'package:krezus/repositories/transactions/models/transaction.dart';
 
 class TransactionAddDialog extends StatelessWidget {
   const TransactionAddDialog({super.key});
@@ -21,8 +21,8 @@ class TransactionAddDialog extends StatelessWidget {
           BlocProvider.value(value: BlocProvider.of<CategoryBloc>(context)),
           BlocProvider.value(value: BlocProvider.of<AccountBloc>(context)),
         ],
-        child: const TransactionAddDialog()
+        child: const TransactionAddDialog(),
-      )
+      ),
     );
   }
 
@@ -32,18 +32,18 @@ class TransactionAddDialog extends StatelessWidget {
     final actions = [
       IconButton(
         onPressed: () => TransactionAddDialog.hide(context),
-        icon: const Icon(Icons.close)
+        icon: const Icon(Icons.close),
       ),
       IconButton(
         onPressed: () => context.read<TransactionBloc>().add(const TransactionAdd()),
-        icon: const Icon(Icons.save)
+        icon: const Icon(Icons.save),
       ),
     ];
 
     if (currentTransaction != null) {
       actions.add(IconButton(
         onPressed: () => context.read<TransactionBloc>().add(const TransactionDeleteCurrent()),
-        icon: const Icon(Icons.delete)
+        icon: const Icon(Icons.delete),
       ));
     }
 
@@ -57,8 +57,8 @@ class TransactionAddDialog extends StatelessWidget {
       builder: (context, state) => AlertDialog(
         title: Text(state.currentTransaction == null ? 'Add Transaction' : 'Edit Transaction'),
         actions: _computeActions(context, state.currentTransaction),
-        content: const TransactionForm()
+        content: const TransactionForm(),
-      )
+      ),
     );
   }
 }

lib/pages/transactions/widgets/transaction_form.dart

@@ -1,9 +1,9 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:intl/intl.dart';
-import 'package:tunas/domains/account/account_bloc.dart';
+import 'package:krezus/domains/account/account_bloc.dart';
-import 'package:tunas/domains/category/category_bloc.dart';
+import 'package:krezus/domains/category/category_bloc.dart';
-import 'package:tunas/domains/transaction/transaction_bloc.dart';
+import 'package:krezus/domains/transaction/transaction_bloc.dart';
 
 class TransactionForm extends StatelessWidget {
 
@@ -15,13 +15,13 @@ class TransactionForm extends StatelessWidget {
       mainAxisSize: MainAxisSize.min,
       children: [
         _TransactionDateInput(),
-        const SizedBox(height: 10,),
+        const SizedBox(height: 35,),
         _TransactionCategoryInput(),
-        const SizedBox(height: 10,),
+        const SizedBox(height: 35,),
         _TransactionDescriptionInput(),
-        const SizedBox(height: 10,),
+        const SizedBox(height: 35,),
         _TransactionAccountInput(),
-        const SizedBox(height: 10,),
+        const SizedBox(height: 35,),
         _TransactionValueInput()
       ],
     );
@@ -37,8 +37,11 @@ class _TransactionDateInput extends StatelessWidget {
       builder: (context, state) => SizedBox(
         width: 500,
         child: TextFormField(
-          initialValue: DateFormat('dd-MM-yyyy', 'fr_FR').format(state.transactionDate.value ?? DateTime.now()),
           keyboardType: TextInputType.datetime,
+          readOnly: true,
+          controller: TextEditingController(
+            text: DateFormat('dd-MM-yyyy', 'fr_FR').format(state.transactionDate.value ?? DateTime.now()),
+          ),
           onTap: () {
             FocusScope.of(context).requestFocus(FocusNode());
             showDatePicker(
@@ -53,7 +56,7 @@ class _TransactionDateInput extends StatelessWidget {
           },
           decoration: InputDecoration(
             icon: const Icon(Icons.calendar_month),
-            hintText: 'Date',
+            label: const Text('Date'),
             errorText: state.transactionDate.isNotValid ? state.transactionDate.error?.message : null,
             border: OutlineInputBorder(
               borderRadius: BorderRadius.circular(5),
@@ -79,7 +82,7 @@ class _TransactionCategoryInput extends StatelessWidget {
           items: categoryState.categories.map((e) => DropdownMenuItem(value: e.label, child: Text(e.label))).toList(),
           decoration: InputDecoration(
             icon: const Icon(Icons.category),
-            hintText: 'Category',
+            label: const Text('Category'),
             errorText: state.transactionCategory.isNotValid ? state.transactionCategory.error?.message : null,
             border: OutlineInputBorder(
               borderRadius: BorderRadius.circular(5),
@@ -101,7 +104,7 @@ class _TransactionDescriptionInput extends StatelessWidget {
         child: TextFormField(
           decoration: InputDecoration(
             icon: const Icon(Icons.description),
-            hintText: 'Description',
+            label: const Text('Description'),
             errorText: state.transactionDescription.isNotValid ? state.transactionDescription.error?.message : null,
             border: OutlineInputBorder(
               borderRadius: BorderRadius.circular(5),
@@ -126,10 +129,10 @@ class _TransactionAccountInput extends StatelessWidget {
         child: DropdownButtonFormField<String>(
           value: state.transactionAccount.value.toString() == '' ?  null : state.transactionAccount.value.toString(),
           onChanged: (value) => context.read<TransactionBloc>().add(TransactionAccountChange(value!)),
-          items: accountState.subAccounts.map((e) => DropdownMenuItem(value: e, child: Text(e))).toList(),
+          items: accountState.accounts.map((e) => DropdownMenuItem(value: e.label, child: Text(e.label))).toList(),
           decoration: InputDecoration(
             icon: const Icon(Icons.account_box),
-            hintText: 'Account',
+            label: const Text('Account'),
             errorText: state.transactionAccount.isNotValid ? state.transactionAccount.error?.message : null,
             border: OutlineInputBorder(
               borderRadius: BorderRadius.circular(5),
@@ -152,7 +155,7 @@ class _TransactionValueInput extends StatelessWidget {
           keyboardType: TextInputType.number,
           decoration: InputDecoration(
             icon: const Icon(Icons.euro),
-            hintText: '\$\$\$',
+            label: const Text('\$\$\$'),
             errorText: state.transactionValue.isNotValid ? state.transactionValue.error?.message : null,
             border: OutlineInputBorder(
               borderRadius: BorderRadius.circular(5),

lib/pages/transactions/widgets/transaction_line.dart

@@ -1,7 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:intl/intl.dart';
-import 'package:tunas/pages/transactions/widgets/transaction_add_dialog.dart';
+import 'package:krezus/pages/transactions/widgets/transaction_add_dialog.dart';
-import 'package:tunas/repositories/account/models/transaction.dart';
+import 'package:krezus/repositories/transactions/models/transaction.dart';
 
 class TransactionLine extends StatelessWidget {
   final Transaction transaction;
@@ -9,8 +9,121 @@ class TransactionLine extends StatelessWidget {
 
   const TransactionLine({super.key, required this.transaction, required this.subTotal});
 
+  List<Widget> _largeScreenLayout(BuildContext context) {
+    return [
+      SizedBox(
+        width: 100,
+        child: Text(
+          DateFormat('dd/MM/yyyy', 'fr_FR').format(transaction.date),
+          style: const TextStyle(
+            fontWeight: FontWeight.w300,
+            fontSize: 15
+          )
+        )
+      ),
+      Expanded(
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              transaction.category,
+              style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 18)
+            ),
+            Text(
+              transaction.description,
+              style: const TextStyle(fontWeight: FontWeight.w300, fontSize: 15)
+            ),
+          ],
+        ),
+      ),
+      SizedBox(
+        width: 100,
+        child: Text(transaction.account),
+      ),
+      SizedBox(
+        width: 120,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.end,
+          children: [
+            Text(
+              NumberFormat(transaction.value > 0 ? '+#######.00 €' : '#######.00 €', 'fr_FR').format(transaction.value),
+              style: TextStyle(
+                color: transaction.value > 0 ? Theme.of(context).colorScheme.primary : Theme.of(context).colorScheme.error
+              )
+            ),
+            Text(
+              NumberFormat('#######.00 €', 'fr_FR').format(subTotal),
+              style: TextStyle(
+                fontWeight: FontWeight.w300,
+                fontSize: 15,
+                color: subTotal > 0 ? Theme.of(context).colorScheme.primary : Theme.of(context).colorScheme.error
+              )
+            ),
+          ],
+        ),
+      )
+    ];
+  }
+
+  List<Widget> _smallScreenLayout(BuildContext context) {
+    return [
+      SizedBox(
+        width: 100,
+        child: Text(
+          DateFormat('dd/MM/yyyy', 'fr_FR').format(transaction.date),
+          style: const TextStyle(
+            fontWeight: FontWeight.w300,
+            fontSize: 15
+          )
+        )
+      ),
+      Expanded(
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Text(
+              transaction.category,
+              style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 18)
+            ),
+            Text(
+              transaction.description,
+              style: const TextStyle(fontWeight: FontWeight.w300, fontSize: 15)
+            ),
+            Text(
+              transaction.account,
+              style: const TextStyle(fontWeight: FontWeight.w300, fontSize: 15)
+            ),
+          ],
+        ),
+      ),
+      SizedBox(
+        width: 120,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.end,
+          children: [
+            Text(
+              NumberFormat(transaction.value > 0 ? '+#######.00 €' : '#######.00 €', 'fr_FR').format(transaction.value),
+              style: TextStyle(
+                color: transaction.value > 0 ? Theme.of(context).colorScheme.primary : Theme.of(context).colorScheme.error
+              )
+            ),
+            Text(
+              NumberFormat('#######.00 €', 'fr_FR').format(subTotal),
+              style: TextStyle(
+                fontWeight: FontWeight.w300,
+                fontSize: 15,
+                color: subTotal > 0 ? Theme.of(context).colorScheme.primary : Theme.of(context).colorScheme.error
+              )
+            ),
+          ],
+        ),
+      )
+    ];
+  }
+
   @override
   Widget build(BuildContext context) {
+    bool smallVerticalScreen = MediaQuery.sizeOf(context).width < 800;
     return InkWell(
       onTap: () => TransactionAddDialog.show(context, transaction),
       child: MergeSemantics(
@@ -19,48 +132,7 @@ class TransactionLine extends StatelessWidget {
           margin: const EdgeInsets.symmetric(vertical: 2, horizontal: 10),
           child: Row(
             mainAxisAlignment: MainAxisAlignment.spaceBetween,
-            children: [
+            children: smallVerticalScreen ? _smallScreenLayout(context) : _largeScreenLayout(context), 
-              SizedBox(
-                width: 100,
-                child: Text(DateFormat('dd-MM-yyyy', 'fr_FR').format(transaction.date))
-              ),
-              Expanded(
-                child: Column(
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  children: [
-                    Text(
-                      transaction.category,
-                      style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 18)
-                    ),
-                    Text(transaction.description),
-                  ],
-                ),
-              ),
-              SizedBox(
-                width: 100,
-                child: Text(transaction.account),
-              ),
-              SizedBox(
-                width: 120,
-                child: Column(
-                  crossAxisAlignment: CrossAxisAlignment.end,
-                  children: [
-                    Text(
-                      NumberFormat(transaction.value > 0 ? '+#######.00 €' : '#######.00 €', 'fr_FR').format(transaction.value),
-                      style: TextStyle(
-                        color: transaction.value > 0 ? Colors.green : Colors.red
-                      )
-                    ),
-                    Text(
-                      NumberFormat('#######.00 €', 'fr_FR').format(subTotal),
-                      style: TextStyle(
-                        color: subTotal > 0 ? Colors.green : Colors.red
-                      )
-                    ),
-                  ],
-                ),
-              )
-            ],
           )
         )
       )

lib/pages/transactions/widgets/transactions_actions.dart

@@ -1,35 +1,73 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/domains/transaction/transaction_bloc.dart';
+import 'package:krezus/domains/transaction/transaction_bloc.dart';
-import 'package:tunas/pages/transactions/widgets/transaction_add_dialog.dart';
+import 'package:krezus/pages/transactions/widgets/account_filter.dart';
+import 'package:krezus/pages/transactions/widgets/category_filter.dart';
+import 'package:krezus/pages/transactions/widgets/transaction_add_dialog.dart';
 
 class TransactionsActions extends StatelessWidget {
   const TransactionsActions({super.key});
 
-  @override
+  Widget _smallScreenLayout(BuildContext context) {
-  Widget build(BuildContext context) {
+    return Column(
-    return BlocBuilder<TransactionBloc, TransactionState>(
+      crossAxisAlignment: CrossAxisAlignment.start,
-      builder: (context, state) => Container(
+      children: [
-        padding: const EdgeInsets.symmetric(vertical: 9, horizontal: 10),
+        Row(
-        margin: const EdgeInsets.symmetric(vertical: 2, horizontal: 10),
-        child: Row(
           mainAxisAlignment: MainAxisAlignment.spaceBetween,
           children: [
-            const Text(
+            const Text (
               'Transactions',
               style: TextStyle(
                 fontWeight: FontWeight.w900,
                 fontSize: 35,
               ),
             ),
-            IconButton(
+            FilledButton.icon(
               onPressed: () => TransactionAddDialog.show(context, null),
+              label: const Text('Add'),
               icon: const Icon(
                 Icons.add
               )
             ),
           ],
-        )
+        ),
+        const CategoryFilter(),
+        const AccountFilter(),
+      ],
+    );
+  }
+
+  Widget _largeScreenLayout(BuildContext context) {
+    return Row(
+      mainAxisAlignment: MainAxisAlignment.spaceBetween,
+      children: [
+        const Text(
+          'Transactions',
+          style: TextStyle(
+            fontWeight: FontWeight.w900,
+            fontSize: 35,
+          ),
+        ),
+        const CategoryFilter(),
+        const AccountFilter(),
+        IconButton(
+          onPressed: () => TransactionAddDialog.show(context, null),
+          icon: const Icon(
+            Icons.add
+          )
+        ),
+      ],
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    bool smallVerticalScreen = MediaQuery.sizeOf(context).width < 800;
+    return BlocBuilder<TransactionBloc, TransactionState>(
+      builder: (context, state) => Container(
+        padding: const EdgeInsets.symmetric(vertical: 9, horizontal: 10),
+        margin: const EdgeInsets.symmetric(vertical: 2, horizontal: 10),
+        child: smallVerticalScreen ? _smallScreenLayout(context) : _largeScreenLayout(context),
       )
     );
   }

lib/pages/transactions/widgets/transactions_header.dart

@@ -3,39 +3,71 @@ import 'package:flutter/material.dart';
 class TransactionsHeader extends StatelessWidget {
   const TransactionsHeader({super.key});
 
+  List<Widget> _largeScreenLayout() {
+     return const [
+      SizedBox(
+        width: 100,
+        child: Text('Date')
+      ),
+      Expanded(
+        child: Text('Description')
+      ),
+      SizedBox(
+        width: 100,
+        child: Text('Account'),
+      ),
+      SizedBox(
+        width: 120,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.end,
+          children: [
+            Text('Amount'),
+            Text('SubTotal'),
+          ],
+        ),
+      )
+    ];
+  }
+
+  List<Widget> _smallScreenLayout() {
+    return const [
+      SizedBox(
+        width: 100,
+        child: Text('Date')
+      ),
+      Expanded(
+        child: Text('Description')
+      ),
+      SizedBox(
+        width: 120,
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.end,
+          children: [
+            Text('Amount'),
+            Text('SubTotal'),
+          ],
+        ),
+      )
+    ];
+  }
+
   @override
   Widget build(BuildContext context) {
+    bool smallVerticalScreen = MediaQuery.sizeOf(context).width < 800;
     return Container(
       padding: const EdgeInsets.symmetric(vertical: 9, horizontal: 10),
       margin: const EdgeInsets.symmetric(vertical: 2, horizontal: 10),
-      decoration: const BoxDecoration(
+      decoration: BoxDecoration(
-        border: Border(bottom: BorderSide(color: Colors.black))
+        border: Border(
-      ),
+          bottom: BorderSide(
-      child: const Row(
+            width: 2,
-        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+            color: Theme.of(context).colorScheme.onPrimaryContainer
-        children: [
-          SizedBox(
-            width: 100,
-            child: Text('Date')
-          ),
-          Expanded(
-            child: Text('Description')
-          ),
-          SizedBox(
-            width: 100,
-            child: Text('Account'),
-          ),
-          SizedBox(
-            width: 120,
-            child: Column(
-              crossAxisAlignment: CrossAxisAlignment.end,
-              children: [
-                Text('Amount'),
-                Text('SubTotal'),
-              ],
-            ),
           )
-        ],
+        )
+      ),
+      child: Row(
+        mainAxisAlignment: MainAxisAlignment.spaceBetween,
+        children: smallVerticalScreen ? _smallScreenLayout() : _largeScreenLayout(),
       ),
     );
   }

lib/pages/transactions/widgets/transactions_list.dart

@@ -1,7 +1,7 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:tunas/domains/transaction/transaction_bloc.dart';
+import 'package:krezus/domains/transaction/transaction_bloc.dart';
-import 'package:tunas/pages/transactions/widgets/transaction_line.dart';
+import 'package:krezus/pages/transactions/widgets/transaction_line.dart';
 
 class TransactionsList extends StatelessWidget {
   const TransactionsList({super.key});
@@ -9,16 +9,16 @@ class TransactionsList extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return BlocBuilder<TransactionBloc, TransactionState>(
-      buildWhen: (previous, current) => previous.transactionsLines != current.transactionsLines,
+      buildWhen: (previous, current) => previous.transactionsLinesFiltered != current.transactionsLinesFiltered,
       builder: (context, state) => Expanded(
         child: ListView.builder(
-          itemCount: state.transactionsLines.length,
+          itemCount: state.transactionsLinesFiltered.length,
           itemBuilder: (context, index) => TransactionLine(
-            transaction: state.transactionsLines[index].transaction,
+            transaction: state.transactionsLinesFiltered[index].transaction,
-            subTotal: state.transactionsLines[index].subTotal
+            subTotal: state.transactionsLinesFiltered[index].subTotal,
-          )
+          ),
-        )
+        ),
-      )
+      ),
     );
   }
 }

lib/repositories/account/account_repository.dart

@@ -1,80 +0,0 @@
-import 'dart:convert';
-
-import 'package:rxdart/subjects.dart';
-import 'package:tunas/clients/storage/storage_client.dart';
-import 'package:tunas/repositories/account/models/account.dart';
-import 'package:tunas/repositories/account/models/budget.dart';
-import 'package:tunas/repositories/account/models/category.dart';
-import 'package:tunas/repositories/account/models/transaction.dart';
-
-class AccountRepository {
-  String accountFile = 'tunas_main_account.json';
-  Account? currentAccount;
-
-  final StorageClient _storageClient;
-
-  final _transactionsController = BehaviorSubject<List<Transaction>>.seeded(const []);
-  final _categoriesController = BehaviorSubject<List<Category>>.seeded(const []);
-  final _budgetController = BehaviorSubject<List<Budget>>.seeded(const []);
-  final _subAccountController = BehaviorSubject<Set<String>>.seeded(const {});
-
-  AccountRepository({
-    required storageClient,
-  }) : _storageClient = storageClient {
-    init();
-  }
-
-  init() async {
-    final account = await getAccount();
-    _broadcastAccountData(account);
-  }
-
-  Stream<List<Transaction>> getTransactionsStream() {
-    return _transactionsController.asBroadcastStream();
-  }
-
-  Stream<List<Category>> getCategoriesStream() {
-    return _categoriesController.asBroadcastStream();
-  }
-
-  Stream<List<Budget>> getBudgetsStream() {
-    return _budgetController.asBroadcastStream();
-  }
-
-  Stream<Set<String>> getSubAccountsStream() {
-    return _subAccountController.asBroadcastStream();
-  }
-
-  Future<Account> getAccount() async {
-    String json = await _storageClient.load(accountFile);
-    Map<String, dynamic> accountJson = jsonDecode(json);
-    return Account.fromJson(accountJson);
-  }
-
-  saveAccount(Account account) async {
-    await _storageClient.save(accountFile, jsonEncode(account.toJson()));
-    _broadcastAccountData(account);
-  }
-
-  saveTransactions(List<Transaction> transactions) async {
-    Account? account = currentAccount;
-    if (account == null) {
-      throw Error();
-    } else {account.transactions = transactions;
-      await saveAccount(account);
-    }
-  }
-
-  deleteAccount() async {
-    await _storageClient.delete(accountFile);
-    _broadcastAccountData(Account());
-  }
-
-  _broadcastAccountData(Account account) {
-    currentAccount = account;
-    _transactionsController.add(account.transactions);
-    _categoriesController.add(account.categories);
-    _budgetController.add(account.budgets);
-    _subAccountController.add(account.subAccounts);
-  }
-}

lib/repositories/account/models/account.dart

@@ -1,36 +0,0 @@
-import 'dart:convert';
-
-import 'package:tunas/repositories/account/models/budget.dart';
-import 'package:tunas/repositories/account/models/category.dart';
-
-import 'transaction.dart';
-
-class Account {
-  List<Transaction> transactions;
-  List<Budget> budgets;
-  List<Category> categories;
-  Set<String> subAccounts;
-
-  Account({
-    this.transactions = const [],
-    this.budgets = const [],
-    this.categories = const [],
-    this.subAccounts = const {},
-  });
-
-  factory Account.fromJson(Map<String, dynamic> json) {
-    return Account(
-      transactions: (jsonDecode(json['transactions']) as List<dynamic>).map((transaction) => Transaction.fromJson(transaction)).toList(),
-      budgets: (jsonDecode(json['budgets']) as List<dynamic>).map((budget) => Budget.fromJson(budget)).toList(),
-      categories: (jsonDecode(json['categories']) as List<dynamic>).map((category) => Category.fromJson(category)).toList(),
-      subAccounts: Set.from(jsonDecode(json['subAccounts'])),
-    );
-  }
-
-  Map<String, String> toJson() => {
-    'transactions': jsonEncode(transactions.map((transaction) => transaction.toJson()).toList()),
-    'budgets': jsonEncode(budgets.map((budget) => budget.toJson()).toList()),
-    'categories': jsonEncode(categories.map((category) => category.toJson()).toList()),
-    'subAccounts': jsonEncode(subAccounts.toList()),
-  };
-}

lib/repositories/json/json_repository.dart

@@ -0,0 +1,44 @@
+import 'dart:async';
+import 'dart:convert';
+
+import 'package:krezus/clients/storage/json_storage_client.dart';
+import 'package:krezus/repositories/json/models/json.dart';
+
+class JsonRepository {
+  String accountFile = 'krezus_main_account.json';
+
+  final JsonStorageClient _storageClient;
+
+  Map<String, Timer> saveTimerMap = {};
+
+  JsonRepository({
+    required storageClient,
+  }) : _storageClient = storageClient;
+
+  void saveJson(Json json) {
+    Timer? saveTimer = saveTimerMap[json.getJsonFileName()];
+
+    if (saveTimer != null) {
+      saveTimer.cancel();
+    }
+
+    saveTimer = Timer(const Duration(milliseconds: 500), () {
+      saveTimerMap.remove(json.getJsonFileName());
+      _storageClient.save(json.getJsonFileName(), jsonEncode(json.toJson()));
+    });
+  }
+
+  Future<T> loadJson<T extends Json>(Json json, JsonFactory<T> jsonFactory) async {
+    String jsonString = await _storageClient.load(json.getJsonFileName());
+
+    if (jsonString.isEmpty) {
+      return jsonFactory.fromJson({});
+    } else {
+      return jsonFactory.fromJson(jsonDecode(jsonString));
+    }
+  }
+
+  deleteJson(Json json) async {
+    await _storageClient.delete(json.getJsonFileName());
+  }
+}

lib/repositories/json/models/json.dart

@@ -0,0 +1,8 @@
+abstract class Json {
+  Map<String, dynamic> toJson();
+  String getJsonFileName();
+}
+
+abstract class JsonFactory<T extends Json> {
+  T fromJson(Map<String, dynamic> json);
+}