Phase 3.1 WIP: Riverpod migration (client_app Auth + ChatOpening)

- Add phase3.1 requirement and implementation plan docs - Add Riverpod dependencies to both client_app and mitra_app - Wrap both app roots with ProviderScope - Migrate client_app AuthBloc → AuthNotifier (@riverpod annotation) - Migrate client_app ChatOpeningBloc → chatPricingProvider (FutureProvider) - Update router to use Riverpod-based auth state for redirects - Update all auth screens (display name, register, OTP, force register) - Update home screen and pricing bottom sheet - Add android:usesCleartextTraffic for dev HTTP access on both apps - mitra_app prepared with ProviderScope + ApiClient provider (blocs next) Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-09 13:51:17 +08:00
parent b0502ac92b
commit d15b2f05fc
25 changed files with 2513 additions and 461 deletions
--- a/client_app/android/app/src/main/AndroidManifest.xml
+++ b/client_app/android/app/src/main/AndroidManifest.xml
@@ -2,7 +2,8 @@
    <application
        android:label="client_app"
        android:name="${applicationName}"
-        android:icon="@mipmap/ic_launcher">
+        android:icon="@mipmap/ic_launcher"
+        android:usesCleartextTraffic="true">
        <activity
            android:name=".MainActivity"
            android:exported="true"
--- a/client_app/lib/core/api/api_client_provider.dart
+++ b/client_app/lib/core/api/api_client_provider.dart
@@ -0,0 +1,8 @@
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+import 'api_client.dart';
+
+part 'api_client_provider.g.dart';
+
+@Riverpod(keepAlive: true)
+ApiClient apiClient(Ref ref) => ApiClient();
--- a/client_app/lib/core/api/api_client_provider.g.dart
+++ b/client_app/lib/core/api/api_client_provider.g.dart
@@ -0,0 +1,26 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'api_client_provider.dart';
+
+// **************************************************************************
+// RiverpodGenerator
+// **************************************************************************
+
+String _$apiClientHash() => r'90c807f03b90249684265cc91739139c2c89eeb9';
+
+/// See also [apiClient].
+@ProviderFor(apiClient)
+final apiClientProvider = Provider<ApiClient>.internal(
+  apiClient,
+  name: r'apiClientProvider',
+  debugGetCreateSourceHash:
+      const bool.fromEnvironment('dart.vm.product') ? null : _$apiClientHash,
+  dependencies: null,
+  allTransitiveDependencies: null,
+);
+
+@Deprecated('Will be removed in 3.0. Use Ref instead')
+// ignore: unused_element
+typedef ApiClientRef = ProviderRef<ApiClient>;
+// ignore_for_file: type=lint
+// ignore_for_file: subtype_of_sealed_class, invalid_use_of_internal_member, invalid_use_of_visible_for_testing_member, deprecated_member_use_from_same_package
--- a/client_app/lib/core/auth/auth_notifier.dart
+++ b/client_app/lib/core/auth/auth_notifier.dart
@@ -0,0 +1,198 @@
+import 'dart:async';
+import 'package:firebase_auth/firebase_auth.dart';
+import 'package:google_sign_in/google_sign_in.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+import 'package:shared_preferences/shared_preferences.dart';
+import 'package:sign_in_with_apple/sign_in_with_apple.dart';
+import '../api/api_client.dart';
+import '../api/api_client_provider.dart';
+
+part 'auth_notifier.g.dart';
+
+// States
+sealed class AuthData {
+  const AuthData();
+}
+
+class AuthInitialData extends AuthData {
+  const AuthInitialData();
+}
+
+class AuthAuthenticatedData extends AuthData {
+  final Map<String, dynamic> profile;
+  const AuthAuthenticatedData(this.profile);
+}
+
+class AuthAnonymousData extends AuthData {
+  final String customerId;
+  final String displayName;
+  const AuthAnonymousData({required this.customerId, required this.displayName});
+}
+
+class AuthOtpSentData extends AuthData {
+  final String verificationId;
+  const AuthOtpSentData(this.verificationId);
+}
+
+class AuthForceRegisterData extends AuthData {
+  final String customerId;
+  final String displayName;
+  const AuthForceRegisterData({required this.customerId, required this.displayName});
+}
+
+@Riverpod(keepAlive: true)
+class Auth extends _$Auth {
+  FirebaseAuth get _auth => FirebaseAuth.instance;
+  ApiClient get _apiClient => ref.read(apiClientProvider);
+
+  @override
+  FutureOr<AuthData> build() async {
+    final prefs = await SharedPreferences.getInstance();
+    final customerId = prefs.getString('anonymous_customer_id');
+    final displayName = prefs.getString('anonymous_display_name');
+    final currentUser = _auth.currentUser;
+
+    if (currentUser != null && currentUser.isAnonymous && customerId != null && displayName != null) {
+      try {
+        final config = await _apiClient.get('/api/shared/config/anonymity');
+        final anonymityEnabled = config['data']['anonymity_enabled'] as bool;
+        if (!anonymityEnabled) {
+          return AuthForceRegisterData(customerId: customerId, displayName: displayName);
+        }
+        return AuthAnonymousData(customerId: customerId, displayName: displayName);
+      } catch (_) {
+        return AuthAnonymousData(customerId: customerId, displayName: displayName);
+      }
+    } else if (currentUser != null && !currentUser.isAnonymous) {
+      return await _verifyAndReturn();
+    }
+    return const AuthInitialData();
+  }
+
+  Future<void> loginAnonymous(String displayName) async {
+    state = const AsyncLoading();
+    try {
+      await _auth.signInAnonymously();
+      final response = await _apiClient.post(
+        '/api/shared/customer/anonymous',
+        data: {'display_name': displayName},
+      );
+      final customer = response['data'] as Map<String, dynamic>;
+      final prefs = await SharedPreferences.getInstance();
+      await prefs.setString('anonymous_customer_id', customer['id'] as String);
+      await prefs.setString('anonymous_display_name', customer['display_name'] as String);
+      state = AsyncData(AuthAnonymousData(
+        customerId: customer['id'] as String,
+        displayName: customer['display_name'] as String,
+      ));
+    } catch (e) {
+      state = AsyncError('Failed to continue as guest. Please try again.', StackTrace.current);
+    }
+  }
+
+  Future<void> loginGoogle() async {
+    state = const AsyncLoading();
+    try {
+      final googleUser = await GoogleSignIn().signIn();
+      if (googleUser == null) {
+        state = const AsyncData(AuthInitialData());
+        return;
+      }
+      final googleAuth = await googleUser.authentication;
+      final credential = GoogleAuthProvider.credential(
+        accessToken: googleAuth.accessToken,
+        idToken: googleAuth.idToken,
+      );
+      await _auth.signInWithCredential(credential);
+      state = AsyncData(await _verifyAndReturn());
+    } catch (e) {
+      state = AsyncError('Google sign-in failed. Please try again.', StackTrace.current);
+    }
+  }
+
+  Future<void> loginApple() async {
+    state = const AsyncLoading();
+    try {
+      final appleCredential = await SignInWithApple.getAppleIDCredential(
+        scopes: [AppleIDAuthorizationScopes.email],
+      );
+      final oauthCredential = OAuthProvider('apple.com').credential(
+        idToken: appleCredential.identityToken,
+        accessToken: appleCredential.authorizationCode,
+      );
+      await _auth.signInWithCredential(oauthCredential);
+      state = AsyncData(await _verifyAndReturn());
+    } catch (e) {
+      state = AsyncError('Apple sign-in failed. Please try again.', StackTrace.current);
+    }
+  }
+
+  Future<void> requestOtp(String phone) async {
+    state = const AsyncLoading();
+    final completer = Completer<void>();
+    await _auth.verifyPhoneNumber(
+      phoneNumber: phone,
+      verificationCompleted: (_) {
+        if (!completer.isCompleted) completer.complete();
+      },
+      verificationFailed: (e) {
+        state = AsyncError('Failed to send OTP. Please try again.', StackTrace.current);
+        if (!completer.isCompleted) completer.complete();
+      },
+      codeSent: (verificationId, _) {
+        state = AsyncData(AuthOtpSentData(verificationId));
+        if (!completer.isCompleted) completer.complete();
+      },
+      codeAutoRetrievalTimeout: (_) {
+        if (!completer.isCompleted) completer.complete();
+      },
+    );
+    await completer.future;
+  }
+
+  Future<void> verifyOtp(String verificationId, String smsCode) async {
+    state = const AsyncLoading();
+    try {
+      final credential = PhoneAuthProvider.credential(
+        verificationId: verificationId,
+        smsCode: smsCode,
+      );
+      await _auth.signInWithCredential(credential);
+      state = AsyncData(await _verifyAndReturn());
+    } catch (e) {
+      state = AsyncError('Invalid OTP. Please try again.', StackTrace.current);
+    }
+  }
+
+  Future<void> linkAccount() async {
+    final prefs = await SharedPreferences.getInstance();
+    final customerId = prefs.getString('anonymous_customer_id');
+    if (customerId == null || _auth.currentUser == null) return;
+
+    state = const AsyncLoading();
+    try {
+      await _apiClient.post('/api/shared/customer/link', data: {
+        'customer_id': customerId,
+        'firebase_uid': _auth.currentUser!.uid,
+      });
+      await prefs.remove('anonymous_customer_id');
+      await prefs.remove('anonymous_display_name');
+      state = AsyncData(await _verifyAndReturn());
+    } catch (e) {
+      state = AsyncError('Failed to link account. Please try again.', StackTrace.current);
+    }
+  }
+
+  Future<void> logout() async {
+    await _auth.signOut();
+    final prefs = await SharedPreferences.getInstance();
+    await prefs.remove('anonymous_customer_id');
+    await prefs.remove('anonymous_display_name');
+    state = const AsyncData(AuthInitialData());
+  }
+
+  Future<AuthData> _verifyAndReturn() async {
+    final response = await _apiClient.post('/api/client/auth/verify');
+    return AuthAuthenticatedData(response['data'] as Map<String, dynamic>);
+  }
+}
--- a/client_app/lib/core/auth/auth_notifier.g.dart
+++ b/client_app/lib/core/auth/auth_notifier.g.dart
@@ -0,0 +1,24 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'auth_notifier.dart';
+
+// **************************************************************************
+// RiverpodGenerator
+// **************************************************************************
+
+String _$authHash() => r'8cb877e94ccf4366b574ffe8c8b4b63321340b6d';
+
+/// See also [Auth].
+@ProviderFor(Auth)
+final authProvider = AsyncNotifierProvider<Auth, AuthData>.internal(
+  Auth.new,
+  name: r'authProvider',
+  debugGetCreateSourceHash:
+      const bool.fromEnvironment('dart.vm.product') ? null : _$authHash,
+  dependencies: null,
+  allTransitiveDependencies: null,
+);
+
+typedef _$Auth = AsyncNotifier<AuthData>;
+// ignore_for_file: type=lint
+// ignore_for_file: subtype_of_sealed_class, invalid_use_of_internal_member, invalid_use_of_visible_for_testing_member, deprecated_member_use_from_same_package
--- a/client_app/lib/core/chat/chat_opening_provider.dart
+++ b/client_app/lib/core/chat/chat_opening_provider.dart
@@ -0,0 +1,49 @@
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'package:riverpod_annotation/riverpod_annotation.dart';
+import '../api/api_client_provider.dart';
+
+part 'chat_opening_provider.g.dart';
+
+class PriceTier {
+  final int durationMinutes;
+  final int price;
+  final String label;
+
+  PriceTier({required this.durationMinutes, required this.price, required this.label});
+
+  factory PriceTier.fromJson(Map<String, dynamic> json) {
+    return PriceTier(
+      durationMinutes: json['duration_minutes'] as int,
+      price: json['price'] as int,
+      label: json['label'] as String,
+    );
+  }
+}
+
+class PricingData {
+  final List<PriceTier> tiers;
+  final bool freeTrialEligible;
+  final int freeTrialDurationMinutes;
+
+  const PricingData({
+    required this.tiers,
+    required this.freeTrialEligible,
+    this.freeTrialDurationMinutes = 5,
+  });
+}
+
+@riverpod
+Future<PricingData> chatPricing(Ref ref) async {
+  final apiClient = ref.read(apiClientProvider);
+  final response = await apiClient.get('/api/client/chat/pricing');
+  final data = response['data'] as Map<String, dynamic>;
+  final tiersJson = data['tiers'] as List<dynamic>;
+  final tiers = tiersJson.map((t) => PriceTier.fromJson(t as Map<String, dynamic>)).toList();
+  final freeTrial = data['free_trial'] as Map<String, dynamic>;
+
+  return PricingData(
+    tiers: tiers,
+    freeTrialEligible: freeTrial['eligible'] as bool? ?? false,
+    freeTrialDurationMinutes: freeTrial['duration_minutes'] as int? ?? 5,
+  );
+}
--- a/client_app/lib/core/chat/chat_opening_provider.g.dart
+++ b/client_app/lib/core/chat/chat_opening_provider.g.dart
@@ -0,0 +1,26 @@
+// GENERATED CODE - DO NOT MODIFY BY HAND
+
+part of 'chat_opening_provider.dart';
+
+// **************************************************************************
+// RiverpodGenerator
+// **************************************************************************
+
+String _$chatPricingHash() => r'53ca829d46f7ba3b481e7a6b54482c62f9fe3ad0';
+
+/// See also [chatPricing].
+@ProviderFor(chatPricing)
+final chatPricingProvider = AutoDisposeFutureProvider<PricingData>.internal(
+  chatPricing,
+  name: r'chatPricingProvider',
+  debugGetCreateSourceHash:
+      const bool.fromEnvironment('dart.vm.product') ? null : _$chatPricingHash,
+  dependencies: null,
+  allTransitiveDependencies: null,
+);
+
+@Deprecated('Will be removed in 3.0. Use Ref instead')
+// ignore: unused_element
+typedef ChatPricingRef = AutoDisposeFutureProviderRef<PricingData>;
+// ignore_for_file: type=lint
+// ignore_for_file: subtype_of_sealed_class, invalid_use_of_internal_member, invalid_use_of_visible_for_testing_member, deprecated_member_use_from_same_package
--- a/client_app/lib/features/auth/screens/display_name_screen.dart
+++ b/client_app/lib/features/auth/screens/display_name_screen.dart
@@ -1,15 +1,15 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import '../../../core/auth/auth_bloc.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import '../../../core/auth/auth_notifier.dart';

-class DisplayNameScreen extends StatefulWidget {
+class DisplayNameScreen extends ConsumerStatefulWidget {
  const DisplayNameScreen({super.key});

  @override
-  State<DisplayNameScreen> createState() => _DisplayNameScreenState();
+  ConsumerState<DisplayNameScreen> createState() => _DisplayNameScreenState();
 }

-class _DisplayNameScreenState extends State<DisplayNameScreen> {
+class _DisplayNameScreenState extends ConsumerState<DisplayNameScreen> {
  final _controller = TextEditingController();

  @override
@@ -21,46 +21,46 @@ class _DisplayNameScreenState extends State<DisplayNameScreen> {
  void _submit() {
    final name = _controller.text.trim();
    if (name.isEmpty) return;
-    context.read<AuthBloc>().add(AnonymousLoginRequested(name));
+    ref.read(authProvider.notifier).loginAnonymous(name);
  }

  @override
  Widget build(BuildContext context) {
-    return BlocListener<AuthBloc, AuthState>(
-      listener: (context, state) {
-        if (state is AuthError) {
-          ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(state.message)));
-        }
-      },
-      child: Scaffold(
-        appBar: AppBar(title: const Text('Siapa namamu?')),
-        body: Padding(
-          padding: const EdgeInsets.all(24),
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.stretch,
-            children: [
-              const Text('Pilih nama yang ingin kamu gunakan. Nama ini tidak akan terlihat oleh siapapun selain mitra kamu.'),
-              const SizedBox(height: 24),
-              TextField(
-                controller: _controller,
-                decoration: const InputDecoration(
-                  labelText: 'Nama panggilan',
-                  border: OutlineInputBorder(),
-                ),
-                textInputAction: TextInputAction.done,
-                onSubmitted: (_) => _submit(),
+    final authState = ref.watch(authProvider);
+    final isLoading = authState is AsyncLoading;
+
+    ref.listen(authProvider, (prev, next) {
+      if (next is AsyncError) {
+        ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(next.error.toString())));
+      }
+    });
+
+    return Scaffold(
+      appBar: AppBar(title: const Text('Siapa namamu?')),
+      body: Padding(
+        padding: const EdgeInsets.all(24),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            const Text('Pilih nama yang ingin kamu gunakan. Nama ini tidak akan terlihat oleh siapapun selain mitra kamu.'),
+            const SizedBox(height: 24),
+            TextField(
+              controller: _controller,
+              decoration: const InputDecoration(
+                labelText: 'Nama panggilan',
+                border: OutlineInputBorder(),
              ),
-              const SizedBox(height: 24),
-              BlocBuilder<AuthBloc, AuthState>(
-                builder: (context, state) => ElevatedButton(
-                  onPressed: state is AuthLoading ? null : _submit,
-                  child: state is AuthLoading
-                      ? const CircularProgressIndicator()
-                      : const Text('Lanjut'),
-                ),
-              ),
-            ],
-          ),
+              textInputAction: TextInputAction.done,
+              onSubmitted: (_) => _submit(),
+            ),
+            const SizedBox(height: 24),
+            ElevatedButton(
+              onPressed: isLoading ? null : _submit,
+              child: isLoading
+                  ? const CircularProgressIndicator()
+                  : const Text('Lanjut'),
+            ),
+          ],
        ),
      ),
    );
--- a/client_app/lib/features/auth/screens/force_register_screen.dart
+++ b/client_app/lib/features/auth/screens/force_register_screen.dart
@@ -1,18 +1,18 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
-import '../../../core/auth/auth_bloc.dart';
+import '../../../core/auth/auth_notifier.dart';

 /// Shown when anonymity is disabled by admin.
 /// User must link their account. Display name is pre-filled.
-class ForceRegisterScreen extends StatefulWidget {
+class ForceRegisterScreen extends ConsumerStatefulWidget {
  const ForceRegisterScreen({super.key});

  @override
-  State<ForceRegisterScreen> createState() => _ForceRegisterScreenState();
+  ConsumerState<ForceRegisterScreen> createState() => _ForceRegisterScreenState();
 }

-class _ForceRegisterScreenState extends State<ForceRegisterScreen> {
+class _ForceRegisterScreenState extends ConsumerState<ForceRegisterScreen> {
  final _phoneController = TextEditingController();

  @override
@@ -23,80 +23,77 @@ class _ForceRegisterScreenState extends State<ForceRegisterScreen> {

  @override
  Widget build(BuildContext context) {
-    return BlocListener<AuthBloc, AuthState>(
-      listener: (context, state) {
-        if (state is AuthOtpSent) {
-          context.push('/auth/otp', extra: _phoneController.text.trim());
-        }
-        if (state is AuthAuthenticated) {
-          // After linking, link account to existing anonymous record
-          context.read<AuthBloc>().add(LinkAccountRequested());
-        }
-        if (state is AuthError) {
-          ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(state.message)));
-        }
-      },
-      child: Scaffold(
-        appBar: AppBar(title: const Text('Verifikasi Akun')),
-        body: Padding(
-          padding: const EdgeInsets.all(24),
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.stretch,
-            children: [
-              const Text(
-                'Untuk melanjutkan, kamu perlu mendaftarkan akun.',
-                style: TextStyle(fontSize: 16),
+    final authState = ref.watch(authProvider);
+    final isLoading = authState is AsyncLoading;
+
+    ref.listen(authProvider, (prev, next) {
+      final data = next.valueOrNull;
+      if (data is AuthOtpSentData) {
+        context.push('/auth/otp', extra: _phoneController.text.trim());
+      }
+      if (data is AuthAuthenticatedData) {
+        // After social login succeeds, link account to existing anonymous record
+        ref.read(authProvider.notifier).linkAccount();
+      }
+      if (next is AsyncError) {
+        ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(next.error.toString())));
+      }
+    });
+
+    return Scaffold(
+      appBar: AppBar(title: const Text('Verifikasi Akun')),
+      body: Padding(
+        padding: const EdgeInsets.all(24),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            const Text(
+              'Untuk melanjutkan, kamu perlu mendaftarkan akun.',
+              style: TextStyle(fontSize: 16),
+            ),
+            const SizedBox(height: 24),
+            ElevatedButton.icon(
+              icon: const Icon(Icons.g_mobiledata),
+              onPressed: isLoading ? null
+                  : () => ref.read(authProvider.notifier).loginGoogle(),
+              label: const Text('Lanjut dengan Google'),
+            ),
+            const SizedBox(height: 12),
+            ElevatedButton.icon(
+              icon: const Icon(Icons.apple),
+              onPressed: isLoading ? null
+                  : () => ref.read(authProvider.notifier).loginApple(),
+              label: const Text('Lanjut dengan Apple'),
+            ),
+            const Padding(
+              padding: EdgeInsets.symmetric(vertical: 24),
+              child: Row(children: [
+                Expanded(child: Divider()),
+                Padding(padding: EdgeInsets.symmetric(horizontal: 12), child: Text('atau')),
+                Expanded(child: Divider()),
+              ]),
+            ),
+            TextField(
+              controller: _phoneController,
+              decoration: const InputDecoration(
+                labelText: 'Nomor HP',
+                hintText: '+628xxxxxxxxxx',
+                border: OutlineInputBorder(),
              ),
-              const SizedBox(height: 24),
-              BlocBuilder<AuthBloc, AuthState>(
-                builder: (context, state) => ElevatedButton.icon(
-                  icon: const Icon(Icons.g_mobiledata),
-                  onPressed: state is AuthLoading ? null
-                      : () => context.read<AuthBloc>().add(GoogleLoginRequested()),
-                  label: const Text('Lanjut dengan Google'),
-                ),
-              ),
-              const SizedBox(height: 12),
-              BlocBuilder<AuthBloc, AuthState>(
-                builder: (context, state) => ElevatedButton.icon(
-                  icon: const Icon(Icons.apple),
-                  onPressed: state is AuthLoading ? null
-                      : () => context.read<AuthBloc>().add(AppleLoginRequested()),
-                  label: const Text('Lanjut dengan Apple'),
-                ),
-              ),
-              const Padding(
-                padding: EdgeInsets.symmetric(vertical: 24),
-                child: Row(children: [
-                  Expanded(child: Divider()),
-                  Padding(padding: EdgeInsets.symmetric(horizontal: 12), child: Text('atau')),
-                  Expanded(child: Divider()),
-                ]),
-              ),
-              TextField(
-                controller: _phoneController,
-                decoration: const InputDecoration(
-                  labelText: 'Nomor HP',
-                  hintText: '+628xxxxxxxxxx',
-                  border: OutlineInputBorder(),
-                ),
-                keyboardType: TextInputType.phone,
-              ),
-              const SizedBox(height: 12),
-              BlocBuilder<AuthBloc, AuthState>(
-                builder: (context, state) => ElevatedButton(
-                  onPressed: state is AuthLoading ? null : () {
-                    final phone = _phoneController.text.trim();
-                    if (phone.isEmpty) return;
-                    context.read<AuthBloc>().add(PhoneOtpRequested(phone));
-                  },
-                  child: state is AuthLoading
-                      ? const CircularProgressIndicator()
-                      : const Text('Kirim OTP'),
-                ),
-              ),
-            ],
-          ),
+              keyboardType: TextInputType.phone,
+            ),
+            const SizedBox(height: 12),
+            ElevatedButton(
+              onPressed: isLoading ? null : () {
+                final phone = _phoneController.text.trim();
+                if (phone.isEmpty) return;
+                ref.read(authProvider.notifier).requestOtp(phone);
+              },
+              child: isLoading
+                  ? const CircularProgressIndicator()
+                  : const Text('Kirim OTP'),
+            ),
+          ],
        ),
      ),
    );
--- a/client_app/lib/features/auth/screens/otp_screen.dart
+++ b/client_app/lib/features/auth/screens/otp_screen.dart
@@ -1,17 +1,28 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
-import '../../../core/auth/auth_bloc.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import '../../../core/auth/auth_notifier.dart';

-class OtpScreen extends StatefulWidget {
+class OtpScreen extends ConsumerStatefulWidget {
  final String phone;
  const OtpScreen({super.key, required this.phone});

  @override
-  State<OtpScreen> createState() => _OtpScreenState();
+  ConsumerState<OtpScreen> createState() => _OtpScreenState();
 }

-class _OtpScreenState extends State<OtpScreen> {
+class _OtpScreenState extends ConsumerState<OtpScreen> {
  final _otpController = TextEditingController();
+  String? _verificationId;
+
+  @override
+  void initState() {
+    super.initState();
+    // Capture verification ID from current state
+    final data = ref.read(authProvider).valueOrNull;
+    if (data is AuthOtpSentData) {
+      _verificationId = data.verificationId;
+    }
+  }

  @override
  void dispose() {
@@ -21,46 +32,51 @@ class _OtpScreenState extends State<OtpScreen> {

  @override
  Widget build(BuildContext context) {
-    return BlocListener<AuthBloc, AuthState>(
-      listener: (context, state) {
-        if (state is AuthError) {
-          ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(state.message)));
-        }
-      },
-      child: Scaffold(
-        appBar: AppBar(title: const Text('Masukkan OTP')),
-        body: Padding(
-          padding: const EdgeInsets.all(24),
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.stretch,
-            children: [
-              Text('Kode OTP telah dikirim ke ${widget.phone}'),
-              const SizedBox(height: 24),
-              TextField(
-                controller: _otpController,
-                decoration: const InputDecoration(
-                  labelText: 'Kode OTP',
-                  border: OutlineInputBorder(),
-                ),
-                keyboardType: TextInputType.number,
-                maxLength: 6,
+    final authState = ref.watch(authProvider);
+    final isLoading = authState is AsyncLoading;
+
+    // Update verification ID if state changes
+    final data = authState.valueOrNull;
+    if (data is AuthOtpSentData) {
+      _verificationId = data.verificationId;
+    }
+
+    ref.listen(authProvider, (prev, next) {
+      if (next is AsyncError) {
+        ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(next.error.toString())));
+      }
+    });
+
+    return Scaffold(
+      appBar: AppBar(title: const Text('Masukkan OTP')),
+      body: Padding(
+        padding: const EdgeInsets.all(24),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            Text('Kode OTP telah dikirim ke ${widget.phone}'),
+            const SizedBox(height: 24),
+            TextField(
+              controller: _otpController,
+              decoration: const InputDecoration(
+                labelText: 'Kode OTP',
+                border: OutlineInputBorder(),
              ),
-              const SizedBox(height: 12),
-              BlocBuilder<AuthBloc, AuthState>(
-                builder: (context, state) => ElevatedButton(
-                  onPressed: state is AuthLoading ? null : () {
-                    final otp = _otpController.text.trim();
-                    if (otp.length != 6) return;
-                    final verificationId = (state is AuthOtpSent) ? state.verificationId : '';
-                    context.read<AuthBloc>().add(OtpVerified(verificationId, otp));
-                  },
-                  child: state is AuthLoading
-                      ? const CircularProgressIndicator()
-                      : const Text('Verifikasi'),
-                ),
-              ),
-            ],
-          ),
+              keyboardType: TextInputType.number,
+              maxLength: 6,
+            ),
+            const SizedBox(height: 12),
+            ElevatedButton(
+              onPressed: isLoading ? null : () {
+                final otp = _otpController.text.trim();
+                if (otp.length != 6 || _verificationId == null) return;
+                ref.read(authProvider.notifier).verifyOtp(_verificationId!, otp);
+              },
+              child: isLoading
+                  ? const CircularProgressIndicator()
+                  : const Text('Verifikasi'),
+            ),
+          ],
        ),
      ),
    );
--- a/client_app/lib/features/auth/screens/register_screen.dart
+++ b/client_app/lib/features/auth/screens/register_screen.dart
@@ -1,16 +1,16 @@
 import 'package:flutter/material.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
-import '../../../core/auth/auth_bloc.dart';
+import '../../../core/auth/auth_notifier.dart';

-class RegisterScreen extends StatefulWidget {
+class RegisterScreen extends ConsumerStatefulWidget {
  const RegisterScreen({super.key});

  @override
-  State<RegisterScreen> createState() => _RegisterScreenState();
+  ConsumerState<RegisterScreen> createState() => _RegisterScreenState();
 }

-class _RegisterScreenState extends State<RegisterScreen> {
+class _RegisterScreenState extends ConsumerState<RegisterScreen> {
  final _phoneController = TextEditingController();

  @override
@@ -21,71 +21,68 @@ class _RegisterScreenState extends State<RegisterScreen> {

  @override
  Widget build(BuildContext context) {
-    return BlocListener<AuthBloc, AuthState>(
-      listener: (context, state) {
-        if (state is AuthOtpSent) {
-          context.push('/auth/otp', extra: _phoneController.text.trim());
-        }
-        if (state is AuthError) {
-          ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(state.message)));
-        }
-      },
-      child: Scaffold(
-        appBar: AppBar(title: const Text('Masuk / Daftar')),
-        body: Padding(
-          padding: const EdgeInsets.all(24),
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.stretch,
-            children: [
-              BlocBuilder<AuthBloc, AuthState>(
-                builder: (context, state) => ElevatedButton.icon(
-                  icon: const Icon(Icons.g_mobiledata),
-                  onPressed: state is AuthLoading ? null
-                      : () => context.read<AuthBloc>().add(GoogleLoginRequested()),
-                  label: const Text('Lanjut dengan Google'),
-                ),
+    final authState = ref.watch(authProvider);
+    final isLoading = authState is AsyncLoading;
+
+    ref.listen(authProvider, (prev, next) {
+      final data = next.valueOrNull;
+      if (data is AuthOtpSentData) {
+        context.push('/auth/otp', extra: _phoneController.text.trim());
+      }
+      if (next is AsyncError) {
+        ScaffoldMessenger.of(context).showSnackBar(SnackBar(content: Text(next.error.toString())));
+      }
+    });
+
+    return Scaffold(
+      appBar: AppBar(title: const Text('Masuk / Daftar')),
+      body: Padding(
+        padding: const EdgeInsets.all(24),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            ElevatedButton.icon(
+              icon: const Icon(Icons.g_mobiledata),
+              onPressed: isLoading ? null
+                  : () => ref.read(authProvider.notifier).loginGoogle(),
+              label: const Text('Lanjut dengan Google'),
+            ),
+            const SizedBox(height: 12),
+            ElevatedButton.icon(
+              icon: const Icon(Icons.apple),
+              onPressed: isLoading ? null
+                  : () => ref.read(authProvider.notifier).loginApple(),
+              label: const Text('Lanjut dengan Apple'),
+            ),
+            const Padding(
+              padding: EdgeInsets.symmetric(vertical: 24),
+              child: Row(children: [
+                Expanded(child: Divider()),
+                Padding(padding: EdgeInsets.symmetric(horizontal: 12), child: Text('atau')),
+                Expanded(child: Divider()),
+              ]),
+            ),
+            TextField(
+              controller: _phoneController,
+              decoration: const InputDecoration(
+                labelText: 'Nomor HP',
+                hintText: '+628xxxxxxxxxx',
+                border: OutlineInputBorder(),
              ),
-              const SizedBox(height: 12),
-              BlocBuilder<AuthBloc, AuthState>(
-                builder: (context, state) => ElevatedButton.icon(
-                  icon: const Icon(Icons.apple),
-                  onPressed: state is AuthLoading ? null
-                      : () => context.read<AuthBloc>().add(AppleLoginRequested()),
-                  label: const Text('Lanjut dengan Apple'),
-                ),
-              ),
-              const Padding(
-                padding: EdgeInsets.symmetric(vertical: 24),
-                child: Row(children: [
-                  Expanded(child: Divider()),
-                  Padding(padding: EdgeInsets.symmetric(horizontal: 12), child: Text('atau')),
-                  Expanded(child: Divider()),
-                ]),
-              ),
-              TextField(
-                controller: _phoneController,
-                decoration: const InputDecoration(
-                  labelText: 'Nomor HP',
-                  hintText: '+628xxxxxxxxxx',
-                  border: OutlineInputBorder(),
-                ),
-                keyboardType: TextInputType.phone,
-              ),
-              const SizedBox(height: 12),
-              BlocBuilder<AuthBloc, AuthState>(
-                builder: (context, state) => ElevatedButton(
-                  onPressed: state is AuthLoading ? null : () {
-                    final phone = _phoneController.text.trim();
-                    if (phone.isEmpty) return;
-                    context.read<AuthBloc>().add(PhoneOtpRequested(phone));
-                  },
-                  child: state is AuthLoading
-                      ? const CircularProgressIndicator()
-                      : const Text('Kirim OTP'),
-                ),
-              ),
-            ],
-          ),
+              keyboardType: TextInputType.phone,
+            ),
+            const SizedBox(height: 12),
+            ElevatedButton(
+              onPressed: isLoading ? null : () {
+                final phone = _phoneController.text.trim();
+                if (phone.isEmpty) return;
+                ref.read(authProvider.notifier).requestOtp(phone);
+              },
+              child: isLoading
+                  ? const CircularProgressIndicator()
+                  : const Text('Kirim OTP'),
+            ),
+          ],
        ),
      ),
    );
--- a/client_app/lib/features/chat/widgets/pricing_bottom_sheet.dart
+++ b/client_app/lib/features/chat/widgets/pricing_bottom_sheet.dart
@@ -1,11 +1,11 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import '../../../core/api/api_client.dart';
-import '../../../core/chat/chat_opening_bloc.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import '../../../core/chat/chat_opening_provider.dart';
 import '../../../core/chat/session_closure_bloc.dart';
 import '../../../core/pairing/pairing_bloc.dart';

-class PricingBottomSheet extends StatelessWidget {
+class PricingBottomSheet extends ConsumerWidget {
  /// If set, the bottom sheet is in "extension" mode — selecting a tier extends the session.
  final String? extensionSessionId;

@@ -16,14 +16,11 @@ class PricingBottomSheet extends StatelessWidget {
    return showModalBottomSheet(
      context: context,
      isScrollControlled: true,
-      builder: (_) => BlocProvider(
-        create: (ctx) => ChatOpeningBloc(apiClient: ctx.read<ApiClient>())..add(LoadPricing()),
-        child: MultiBlocProvider(
-          providers: [
-            BlocProvider.value(value: context.read<PairingBloc>()),
-          ],
-          child: const PricingBottomSheet(),
-        ),
+      builder: (_) => MultiBlocProvider(
+        providers: [
+          BlocProvider.value(value: context.read<PairingBloc>()),
+        ],
+        child: const PricingBottomSheet(),
      ),
    );
  }
@@ -33,14 +30,11 @@ class PricingBottomSheet extends StatelessWidget {
    return showModalBottomSheet(
      context: context,
      isScrollControlled: true,
-      builder: (_) => BlocProvider(
-        create: (ctx) => ChatOpeningBloc(apiClient: ctx.read<ApiClient>())..add(LoadPricing()),
-        child: MultiBlocProvider(
-          providers: [
-            BlocProvider.value(value: context.read<SessionClosureBloc>()),
-          ],
-          child: PricingBottomSheet(extensionSessionId: sessionId),
-        ),
+      builder: (_) => MultiBlocProvider(
+        providers: [
+          BlocProvider.value(value: context.read<SessionClosureBloc>()),
+        ],
+        child: PricingBottomSheet(extensionSessionId: sessionId),
      ),
    );
  }
@@ -56,94 +50,83 @@ class PricingBottomSheet extends StatelessWidget {
  }

  @override
-  Widget build(BuildContext context) {
+  Widget build(BuildContext context, WidgetRef ref) {
    final isExtension = extensionSessionId != null;
+    final pricingAsync = ref.watch(chatPricingProvider);

-    return BlocBuilder<ChatOpeningBloc, ChatOpeningState>(
-      builder: (context, state) {
-        if (state is PricingLoading || state is PricingInitial) {
-          return const SizedBox(
-            height: 200,
-            child: Center(child: CircularProgressIndicator()),
-          );
-        }
-
-        if (state is PricingError) {
-          return SizedBox(
-            height: 200,
-            child: Center(child: Text(state.message)),
-          );
-        }
-
-        if (state is PricingLoaded) {
-          return DraggableScrollableSheet(
-            initialChildSize: 0.6,
-            minChildSize: 0.4,
-            maxChildSize: 0.8,
-            expand: false,
-            builder: (_, scrollController) {
-              return Padding(
-                padding: const EdgeInsets.all(24),
-                child: ListView(
-                  controller: scrollController,
-                  children: [
-                    Text(
-                      isExtension ? 'Perpanjang Durasi' : 'Pilih Durasi Curhat',
-                      style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
-                      textAlign: TextAlign.center,
-                    ),
-                    const SizedBox(height: 16),
-                    if (!isExtension && state.freeTrialEligible) ...[
-                      Card(
-                        color: Colors.green.shade50,
-                        child: ListTile(
-                          leading: const Icon(Icons.card_giftcard, color: Colors.green),
-                          title: Text('Free Trial (${state.freeTrialDurationMinutes} Menit)'),
-                          subtitle: const Text('Gratis untuk pertama kali!'),
-                          trailing: const Icon(Icons.arrow_forward_ios, size: 16),
-                          onTap: () {
-                            Navigator.of(context).pop();
-                            _startPairing(context, isFreeTrial: true);
-                          },
-                        ),
-                      ),
-                      const Divider(height: 24),
-                    ],
-                    ...state.tiers.map((tier) => Card(
-                      child: ListTile(
-                        title: Text(tier.label),
-                        trailing: Text(
-                          _formatPrice(tier.price),
-                          style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
-                        ),
-                        onTap: () {
-                          Navigator.of(context).pop();
-                          if (isExtension) {
-                            _requestExtension(
-                              context,
-                              sessionId: extensionSessionId!,
-                              durationMinutes: tier.durationMinutes,
-                              price: tier.price,
-                            );
-                          } else {
-                            _startPairing(
-                              context,
-                              durationMinutes: tier.durationMinutes,
-                              price: tier.price,
-                            );
-                          }
-                        },
-                      ),
-                    )),
-                  ],
+    return pricingAsync.when(
+      loading: () => const SizedBox(
+        height: 200,
+        child: Center(child: CircularProgressIndicator()),
+      ),
+      error: (error, _) => SizedBox(
+        height: 200,
+        child: Center(child: Text('Gagal memuat harga. Coba lagi.')),
+      ),
+      data: (pricing) => DraggableScrollableSheet(
+        initialChildSize: 0.6,
+        minChildSize: 0.4,
+        maxChildSize: 0.8,
+        expand: false,
+        builder: (_, scrollController) {
+          return Padding(
+            padding: const EdgeInsets.all(24),
+            child: ListView(
+              controller: scrollController,
+              children: [
+                Text(
+                  isExtension ? 'Perpanjang Durasi' : 'Pilih Durasi Curhat',
+                  style: const TextStyle(fontSize: 20, fontWeight: FontWeight.bold),
+                  textAlign: TextAlign.center,
                ),
-              );
-            },
+                const SizedBox(height: 16),
+                if (!isExtension && pricing.freeTrialEligible) ...[
+                  Card(
+                    color: Colors.green.shade50,
+                    child: ListTile(
+                      leading: const Icon(Icons.card_giftcard, color: Colors.green),
+                      title: Text('Free Trial (${pricing.freeTrialDurationMinutes} Menit)'),
+                      subtitle: const Text('Gratis untuk pertama kali!'),
+                      trailing: const Icon(Icons.arrow_forward_ios, size: 16),
+                      onTap: () {
+                        Navigator.of(context).pop();
+                        _startPairing(context, isFreeTrial: true);
+                      },
+                    ),
+                  ),
+                  const Divider(height: 24),
+                ],
+                ...pricing.tiers.map((tier) => Card(
+                  child: ListTile(
+                    title: Text(tier.label),
+                    trailing: Text(
+                      _formatPrice(tier.price),
+                      style: const TextStyle(fontWeight: FontWeight.bold, fontSize: 16),
+                    ),
+                    onTap: () {
+                      Navigator.of(context).pop();
+                      if (isExtension) {
+                        _requestExtension(
+                          context,
+                          sessionId: extensionSessionId!,
+                          durationMinutes: tier.durationMinutes,
+                          price: tier.price,
+                        );
+                      } else {
+                        _startPairing(
+                          context,
+                          durationMinutes: tier.durationMinutes,
+                          price: tier.price,
+                        );
+                      }
+                    },
+                  ),
+                )),
+              ],
+            ),
          );
-        }
-
-        return const SizedBox.shrink();
-      },
+        },
+      ),
    );
  }

--- a/client_app/lib/features/home/home_screen.dart
+++ b/client_app/lib/features/home/home_screen.dart
@@ -1,19 +1,20 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
-import '../../core/auth/auth_bloc.dart';
-import '../../core/api/api_client.dart';
+import '../../core/auth/auth_notifier.dart';
+import '../../core/api/api_client_provider.dart';
 import '../../core/pairing/pairing_bloc.dart';
 import '../chat/widgets/pricing_bottom_sheet.dart';

-class HomeScreen extends StatefulWidget {
+class HomeScreen extends ConsumerStatefulWidget {
  const HomeScreen({super.key});

  @override
-  State<HomeScreen> createState() => _HomeScreenState();
+  ConsumerState<HomeScreen> createState() => _HomeScreenState();
 }

-class _HomeScreenState extends State<HomeScreen> with WidgetsBindingObserver {
+class _HomeScreenState extends ConsumerState<HomeScreen> with WidgetsBindingObserver {
  Map<String, dynamic>? _activeSession;
  bool _loadingSession = true;

@@ -40,13 +41,12 @@ class _HomeScreenState extends State<HomeScreen> with WidgetsBindingObserver {
  @override
  void didChangeDependencies() {
    super.didChangeDependencies();
-    // Re-check when navigating back to this screen
    _checkActiveSession();
  }

  Future<void> _checkActiveSession() async {
    try {
-      final apiClient = context.read<ApiClient>();
+      final apiClient = ref.read(apiClientProvider);
      final response = await apiClient.get('/api/client/chat/session/active');
      final data = response['data'];
      if (mounted) {
@@ -62,6 +62,15 @@ class _HomeScreenState extends State<HomeScreen> with WidgetsBindingObserver {

  @override
  Widget build(BuildContext context) {
+    final authState = ref.watch(authProvider);
+    final authData = authState.valueOrNull;
+
+    final displayName = switch (authData) {
+      AuthAuthenticatedData d => d.profile['display_name'] as String? ?? '',
+      AuthAnonymousData d => d.displayName,
+      _ => '',
+    };
+
    return BlocListener<PairingBloc, PairingState>(
      listener: (context, state) {
        if (state is PairingSearching) {
@@ -74,63 +83,53 @@ class _HomeScreenState extends State<HomeScreen> with WidgetsBindingObserver {
          );
        }
      },
-      child: BlocBuilder<AuthBloc, AuthState>(
-        builder: (context, state) {
-          final displayName = state is AuthAuthenticated
-              ? state.profile['display_name'] as String
-              : state is AuthAnonymous
-                  ? state.displayName
-                  : '';
-
-          return Scaffold(
-            appBar: AppBar(
-              title: const Text('Halo Bestie'),
-              actions: [
-                IconButton(
-                  icon: const Icon(Icons.history),
-                  onPressed: () => context.push('/chat/history'),
-                ),
-                IconButton(
-                  icon: const Icon(Icons.logout),
-                  onPressed: () => context.read<AuthBloc>().add(LogoutRequested()),
-                ),
+      child: Scaffold(
+        appBar: AppBar(
+          title: const Text('Halo Bestie'),
+          actions: [
+            IconButton(
+              icon: const Icon(Icons.history),
+              onPressed: () => context.push('/chat/history'),
+            ),
+            IconButton(
+              icon: const Icon(Icons.logout),
+              onPressed: () => ref.read(authProvider.notifier).logout(),
+            ),
+          ],
+        ),
+        body: Center(
+          child: Padding(
+            padding: const EdgeInsets.all(32),
+            child: Column(
+              mainAxisAlignment: MainAxisAlignment.center,
+              children: [
+                Text('Halo, $displayName!', style: const TextStyle(fontSize: 24)),
+                const SizedBox(height: 32),
+                if (_loadingSession)
+                  const CircularProgressIndicator()
+                else if (_activeSession != null)
+                  _ActiveSessionCard(
+                    session: _activeSession!,
+                    onTap: () {
+                      final sessionId = _activeSession!['id'] as String;
+                      final mitraName = _activeSession!['mitra_display_name'] as String? ?? 'Bestie';
+                      context.push('/chat/session/$sessionId', extra: mitraName);
+                    },
+                  )
+                else ...[
+                  const SizedBox(height: 16),
+                  ElevatedButton(
+                    style: ElevatedButton.styleFrom(
+                      padding: const EdgeInsets.symmetric(horizontal: 48, vertical: 16),
+                    ),
+                    onPressed: () => PricingBottomSheet.show(context),
+                    child: const Text('Mulai Curhat', style: TextStyle(fontSize: 18)),
+                  ),
+                ],
              ],
            ),
-            body: Center(
-              child: Padding(
-                padding: const EdgeInsets.all(32),
-                child: Column(
-                  mainAxisAlignment: MainAxisAlignment.center,
-                  children: [
-                    Text('Halo, $displayName!', style: const TextStyle(fontSize: 24)),
-                    const SizedBox(height: 32),
-                    if (_loadingSession)
-                      const CircularProgressIndicator()
-                    else if (_activeSession != null)
-                      _ActiveSessionCard(
-                        session: _activeSession!,
-                        onTap: () {
-                          final sessionId = _activeSession!['id'] as String;
-                          final mitraName = _activeSession!['mitra_display_name'] as String? ?? 'Bestie';
-                          context.push('/chat/session/$sessionId', extra: mitraName);
-                        },
-                      )
-                    else ...[
-                      const SizedBox(height: 16),
-                      ElevatedButton(
-                        style: ElevatedButton.styleFrom(
-                          padding: const EdgeInsets.symmetric(horizontal: 48, vertical: 16),
-                        ),
-                        onPressed: () => PricingBottomSheet.show(context),
-                        child: const Text('Mulai Curhat', style: TextStyle(fontSize: 18)),
-                      ),
-                    ],
-                  ],
-                ),
-              ),
-            ),
-          );
-        },
+          ),
+        ),
      ),
    );
  }
--- a/client_app/lib/main.dart
+++ b/client_app/lib/main.dart
@@ -2,9 +2,9 @@ import 'package:firebase_core/firebase_core.dart';
 import 'package:firebase_messaging/firebase_messaging.dart';
 import 'package:flutter/material.dart';
 import 'package:flutter_bloc/flutter_bloc.dart';
-import 'package:go_router/go_router.dart';
-import 'core/api/api_client.dart';
-import 'core/auth/auth_bloc.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
+import 'core/api/api_client_provider.dart';
+import 'core/auth/auth_notifier.dart';
 import 'core/chat/chat_bloc.dart';
 import 'core/chat/session_closure_bloc.dart';
 import 'core/pairing/pairing_bloc.dart';
@@ -16,68 +16,64 @@ void main() async {
  WidgetsFlutterBinding.ensureInitialized();
  await Firebase.initializeApp(options: DefaultFirebaseOptions.currentPlatform);

-  // Request notification permission
  final messaging = FirebaseMessaging.instance;
  await messaging.requestPermission();

-  runApp(const App());
+  runApp(const ProviderScope(child: App()));
 }

-class App extends StatefulWidget {
+class App extends ConsumerStatefulWidget {
  const App({super.key});

  @override
-  State<App> createState() => _AppState();
+  ConsumerState<App> createState() => _AppState();
 }

-class _AppState extends State<App> {
-  final _apiClient = ApiClient();
-  late final AuthBloc _authBloc;
-  late final GoRouter _router;
+class _AppState extends ConsumerState<App> {
+  bool _fcmRegistered = false;

-  @override
-  void initState() {
-    super.initState();
-    _authBloc = AuthBloc(apiClient: _apiClient)..add(AppStarted());
-    _router = buildRouter(_authBloc);
-    NotificationService.initialize(_router);
-    _registerFcmToken();
-  }
-
-  Future<void> _registerFcmToken() async {
-    // Listen for auth state, then register token
-    _authBloc.stream.listen((state) async {
-      if (state is AuthAuthenticated || state is AuthAnonymous) {
-        try {
-          final token = await FirebaseMessaging.instance.getToken();
-          if (token != null) {
-            await _apiClient.post('/api/shared/device-token', data: {'token': token});
-          }
-        } catch (_) {}
+  void _registerFcmToken() {
+    if (_fcmRegistered) return;
+    _fcmRegistered = true;
+    Future(() async {
+      try {
+        final token = await FirebaseMessaging.instance.getToken();
+        if (token != null) {
+          await ref.read(apiClientProvider).post('/api/shared/device-token', data: {'token': token});
+        }
+      } catch (_) {
+        _fcmRegistered = false;
      }
    });
  }

-  @override
-  void dispose() {
-    _authBloc.close();
-    _router.dispose();
-    super.dispose();
-  }
-
  @override
  Widget build(BuildContext context) {
+    // Listen for auth changes to register FCM token
+    ref.listen(authProvider, (prev, next) {
+      final data = next.valueOrNull;
+      if (data is AuthAuthenticatedData || data is AuthAnonymousData) {
+        _registerFcmToken();
+      }
+    });
+
+    final router = ref.watch(routerProvider);
+    final apiClient = ref.watch(apiClientProvider);
+
+    // Initialize notifications once router is available
+    NotificationService.initialize(router);
+
+    // Keep BlocProviders for non-migrated blocs (will be removed as they're migrated)
    return MultiBlocProvider(
      providers: [
-        BlocProvider.value(value: _authBloc),
-        BlocProvider(create: (_) => PairingBloc(apiClient: _apiClient)),
-        BlocProvider(create: (_) => ChatBloc(apiClient: _apiClient)),
-        BlocProvider(create: (_) => SessionClosureBloc(apiClient: _apiClient)),
-        RepositoryProvider.value(value: _apiClient),
+        BlocProvider(create: (_) => PairingBloc(apiClient: apiClient)),
+        BlocProvider(create: (_) => ChatBloc(apiClient: apiClient)),
+        BlocProvider(create: (_) => SessionClosureBloc(apiClient: apiClient)),
+        RepositoryProvider.value(value: apiClient),
      ],
      child: MaterialApp.router(
        title: 'Halo Bestie',
-        routerConfig: _router,
+        routerConfig: router,
      ),
    );
  }
--- a/client_app/lib/router.dart
+++ b/client_app/lib/router.dart
@@ -1,7 +1,7 @@
-import 'dart:async';
 import 'package:flutter/material.dart';
+import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:go_router/go_router.dart';
-import 'core/auth/auth_bloc.dart';
+import 'core/auth/auth_notifier.dart';
 import 'features/auth/screens/welcome_screen.dart';
 import 'features/auth/screens/display_name_screen.dart';
 import 'features/auth/screens/register_screen.dart';
@@ -16,38 +16,43 @@ import 'features/chat/screens/chat_screen.dart';
 import 'features/chat/screens/chat_history_screen.dart';
 import 'features/chat/screens/chat_transcript_screen.dart';

-/// Converts a BLoC stream into a ChangeNotifier for GoRouter's refreshListenable.
-class _BlocRefreshNotifier extends ChangeNotifier {
-  late final StreamSubscription _subscription;
+class RouterNotifier extends ChangeNotifier {
+  final Ref _ref;

-  _BlocRefreshNotifier(AuthBloc bloc) {
-    _subscription = bloc.stream.listen((_) => notifyListeners());
-  }
-
-  @override
-  void dispose() {
-    _subscription.cancel();
-    super.dispose();
+  RouterNotifier(this._ref) {
+    _ref.listen(authProvider, (_, __) => notifyListeners());
  }
 }

-GoRouter buildRouter(AuthBloc authBloc) {
+final routerProvider = Provider<GoRouter>((ref) => buildRouter(ref));
+
+GoRouter buildRouter(Ref ref) {
+  final notifier = RouterNotifier(ref);
+
  return GoRouter(
    initialLocation: '/splash',
-    refreshListenable: _BlocRefreshNotifier(authBloc),
+    refreshListenable: notifier,
    redirect: (context, state) {
-      final authState = authBloc.state;
+      final authState = ref.read(authProvider);
      final isSplash = state.matchedLocation == '/splash';
      final isAuthRoute = state.matchedLocation.startsWith('/auth') ||
          state.matchedLocation == '/welcome';

      // Show splash while loading
-      if (authState is AuthLoading) return isSplash ? null : '/splash';
+      if (authState is AsyncLoading) return isSplash ? null : '/splash';

-      if (authState is AuthAuthenticated || authState is AuthAnonymous) {
+      final data = authState.valueOrNull;
+      if (data == null) {
+        // Error state — show login
+        if (!isAuthRoute && !isSplash) return '/welcome';
+        if (isSplash) return '/welcome';
+        return null;
+      }
+
+      if (data is AuthAuthenticatedData || data is AuthAnonymousData) {
        return (isSplash || isAuthRoute) ? '/home' : null;
      }
-      if (authState is AuthForceRegister) return '/auth/force-register';
+      if (data is AuthForceRegisterData) return '/auth/force-register';
      if (!isAuthRoute && !isSplash) return '/welcome';
      if (isSplash) return '/welcome';
      return null;
--- a/client_app/pubspec.lock
+++ b/client_app/pubspec.lock
@@ -1,6 +1,14 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  _fe_analyzer_shared:
+    dependency: transitive
+    description:
+      name: _fe_analyzer_shared
+      sha256: da0d9209ca76bde579f2da330aeb9df62b6319c834fa7baae052021b0462401f
+      url: "https://pub.dev"
+    source: hosted
+    version: "85.0.0"
  _flutterfire_internals:
    dependency: transitive
    description:
@@ -9,6 +17,22 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "1.3.35"
+  analyzer:
+    dependency: transitive
+    description:
+      name: analyzer
+      sha256: f4ad0fea5f102201015c9aae9d93bc02f75dd9491529a8c21f88d17a8523d44c
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.6.0"
+  analyzer_plugin:
+    dependency: transitive
+    description:
+      name: analyzer_plugin
+      sha256: a5ab7590c27b779f3d4de67f31c4109dbe13dd7339f86461a6f2a8ab2594d8ce
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.13.4"
  args:
    dependency: transitive
    description:
@@ -41,6 +65,70 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "2.1.2"
+  build:
+    dependency: transitive
+    description:
+      name: build
+      sha256: cef23f1eda9b57566c81e2133d196f8e3df48f244b317368d65c5943d91148f0
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.2"
+  build_config:
+    dependency: transitive
+    description:
+      name: build_config
+      sha256: "4ae2de3e1e67ea270081eaee972e1bd8f027d459f249e0f1186730784c2e7e33"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.2"
+  build_daemon:
+    dependency: transitive
+    description:
+      name: build_daemon
+      sha256: bf05f6e12cfea92d3c09308d7bcdab1906cd8a179b023269eed00c071004b957
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.1.1"
+  build_resolvers:
+    dependency: transitive
+    description:
+      name: build_resolvers
+      sha256: b9e4fda21d846e192628e7a4f6deda6888c36b5b69ba02ff291a01fd529140f0
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.4"
+  build_runner:
+    dependency: "direct dev"
+    description:
+      name: build_runner
+      sha256: "74691599a5bc750dc96a6b4bfd48f7d9d66453eab04c7f4063134800d6a5c573"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.14"
+  build_runner_core:
+    dependency: transitive
+    description:
+      name: build_runner_core
+      sha256: "22e3aa1c80e0ada3722fe5b63fd43d9c8990759d0a2cf489c8c5d7b2bdebc021"
+      url: "https://pub.dev"
+    source: hosted
+    version: "8.0.0"
+  built_collection:
+    dependency: transitive
+    description:
+      name: built_collection
+      sha256: "376e3dd27b51ea877c28d525560790aee2e6fbb5f20e2f85d5081027d94e2100"
+      url: "https://pub.dev"
+    source: hosted
+    version: "5.1.1"
+  built_value:
+    dependency: transitive
+    description:
+      name: built_value
+      sha256: "0730c18c770d05636a8f945c32a4d7d81cb6e0f0148c8db4ad12e7748f7e49af"
+      url: "https://pub.dev"
+    source: hosted
+    version: "8.12.5"
  characters:
    dependency: transitive
    description:
@@ -49,6 +137,30 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "1.4.0"
+  checked_yaml:
+    dependency: transitive
+    description:
+      name: checked_yaml
+      sha256: "959525d3162f249993882720d52b7e0c833978df229be20702b33d48d91de70f"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.4"
+  ci:
+    dependency: transitive
+    description:
+      name: ci
+      sha256: "145d095ce05cddac4d797a158bc4cf3b6016d1fe63d8c3d2fbd7212590adca13"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.1.0"
+  cli_util:
+    dependency: transitive
+    description:
+      name: cli_util
+      sha256: ff6785f7e9e3c38ac98b2fb035701789de90154024a75b6cb926445e83197d1c
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.4.2"
  clock:
    dependency: transitive
    description:
@@ -57,6 +169,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "1.1.2"
+  code_builder:
+    dependency: transitive
+    description:
+      name: code_builder
+      sha256: "6a6cab2ba4680d6423f34a9b972a4c9a94ebe1b62ecec4e1a1f2cba91fd1319d"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.11.1"
  collection:
    dependency: transitive
    description:
@@ -65,6 +185,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "1.19.1"
+  convert:
+    dependency: transitive
+    description:
+      name: convert
+      sha256: b30acd5944035672bc15c6b7a8b47d773e41e2f17de064350988c5d02adb1c68
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.2"
  crypto:
    dependency: transitive
    description:
@@ -73,6 +201,46 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "3.0.7"
+  custom_lint:
+    dependency: "direct dev"
+    description:
+      name: custom_lint
+      sha256: "9656925637516c5cf0f5da018b33df94025af2088fe09c8ae2ca54c53f2d9a84"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.7.6"
+  custom_lint_builder:
+    dependency: transitive
+    description:
+      name: custom_lint_builder
+      sha256: "6cdc8e87e51baaaba9c43e283ed8d28e59a0c4732279df62f66f7b5984655414"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.7.6"
+  custom_lint_core:
+    dependency: transitive
+    description:
+      name: custom_lint_core
+      sha256: "31110af3dde9d29fb10828ca33f1dce24d2798477b167675543ce3d208dee8be"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.7.5"
+  custom_lint_visitor:
+    dependency: transitive
+    description:
+      name: custom_lint_visitor
+      sha256: "4a86a0d8415a91fbb8298d6ef03e9034dc8e323a599ddc4120a0e36c433983a2"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.0+7.7.0"
+  dart_style:
+    dependency: transitive
+    description:
+      name: dart_style
+      sha256: "8a0e5fba27e8ee025d2ffb4ee820b4e6e2cf5e4246a6b1a477eb66866947e0bb"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.1"
  dbus:
    dependency: transitive
    description:
@@ -201,6 +369,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "3.8.7"
+  fixnum:
+    dependency: transitive
+    description:
+      name: fixnum
+      sha256: b6dc7065e46c974bc7c5f143080a6764ec7a4be6da1285ececdc37be96de53be
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.1"
  flutter:
    dependency: "direct main"
    description: flutter
@@ -214,6 +390,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "8.1.6"
+  flutter_hooks:
+    dependency: "direct main"
+    description:
+      name: flutter_hooks
+      sha256: cde36b12f7188c85286fba9b38cc5a902e7279f36dd676967106c041dc9dde70
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.20.5"
  flutter_lints:
    dependency: "direct dev"
    description:
@@ -254,6 +438,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "3.0.0"
+  flutter_riverpod:
+    dependency: "direct main"
+    description:
+      name: flutter_riverpod
+      sha256: "9532ee6db4a943a1ed8383072a2e3eeda041db5657cdf6d2acecf3c21ecbe7e1"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.6.1"
  flutter_test:
    dependency: "direct dev"
    description: flutter
@@ -264,6 +456,30 @@ packages:
    description: flutter
    source: sdk
    version: "0.0.0"
+  freezed_annotation:
+    dependency: transitive
+    description:
+      name: freezed_annotation
+      sha256: "7294967ff0a6d98638e7acb774aac3af2550777accd8149c90af5b014e6d44d8"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.0"
+  frontend_server_client:
+    dependency: transitive
+    description:
+      name: frontend_server_client
+      sha256: f64a0333a82f30b0cca061bc3d143813a486dc086b574bfb233b7c1372427694
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.0.0"
+  glob:
+    dependency: transitive
+    description:
+      name: glob
+      sha256: c3f1ee72c96f8f78935e18aa8cecced9ab132419e8625dc187e1c2408efc20de
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.3"
  go_router:
    dependency: "direct main"
    description:
@@ -320,6 +536,30 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "0.12.4+4"
+  graphs:
+    dependency: transitive
+    description:
+      name: graphs
+      sha256: "741bbf84165310a68ff28fe9e727332eef1407342fca52759cb21ad8177bb8d0"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.3.2"
+  hooks_riverpod:
+    dependency: "direct main"
+    description:
+      name: hooks_riverpod
+      sha256: "70bba33cfc5670c84b796e6929c54b8bc5be7d0fe15bb28c2560500b9ad06966"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.6.1"
+  hotreloader:
+    dependency: transitive
+    description:
+      name: hotreloader
+      sha256: "66871df468fc24eee81f1a0a7cb98acc104716f9b7376d355437b48d633c4ebf"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.4.0"
  http:
    dependency: transitive
    description:
@@ -328,6 +568,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "1.6.0"
+  http_multi_server:
+    dependency: transitive
+    description:
+      name: http_multi_server
+      sha256: aa6199f908078bb1c5efb8d8638d4ae191aac11b311132c3ef48ce352fb52ef8
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.2"
  http_parser:
    dependency: transitive
    description:
@@ -336,6 +584,30 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "4.1.2"
+  io:
+    dependency: transitive
+    description:
+      name: io
+      sha256: dfd5a80599cf0165756e3181807ed3e77daf6dd4137caaad72d0b7931597650b
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.5"
+  js:
+    dependency: transitive
+    description:
+      name: js
+      sha256: "53385261521cc4a0c4658fd0ad07a7d14591cf8fc33abbceae306ddb974888dc"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.7.2"
+  json_annotation:
+    dependency: transitive
+    description:
+      name: json_annotation
+      sha256: cb09e7dac6210041fad964ed7fbee004f14258b4eca4040f72d1234062ace4c8
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.11.0"
  leak_tracker:
    dependency: transitive
    description:
@@ -416,6 +688,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "1.0.0"
+  package_config:
+    dependency: transitive
+    description:
+      name: package_config
+      sha256: f096c55ebb7deb7e384101542bfba8c52696c1b56fca2eb62827989ef2353bbc
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.0"
  path:
    dependency: transitive
    description:
@@ -472,6 +752,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "2.1.8"
+  pool:
+    dependency: transitive
+    description:
+      name: pool
+      sha256: "978783255c543aa3586a1b3c21f6e9d720eb315376a915872c61ef8b5c20177d"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.5.2"
  provider:
    dependency: transitive
    description:
@@ -480,6 +768,70 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "6.1.5+1"
+  pub_semver:
+    dependency: transitive
+    description:
+      name: pub_semver
+      sha256: "5bfcf68ca79ef689f8990d1160781b4bad40a3bd5e5218ad4076ddb7f4081585"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.2.0"
+  pubspec_parse:
+    dependency: transitive
+    description:
+      name: pubspec_parse
+      sha256: "0560ba233314abbed0a48a2956f7f022cce7c3e1e73df540277da7544cad4082"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.5.0"
+  riverpod:
+    dependency: transitive
+    description:
+      name: riverpod
+      sha256: "59062512288d3056b2321804332a13ffdd1bf16df70dcc8e506e411280a72959"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.6.1"
+  riverpod_analyzer_utils:
+    dependency: transitive
+    description:
+      name: riverpod_analyzer_utils
+      sha256: "03a17170088c63aab6c54c44456f5ab78876a1ddb6032ffde1662ddab4959611"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.5.10"
+  riverpod_annotation:
+    dependency: "direct main"
+    description:
+      name: riverpod_annotation
+      sha256: e14b0bf45b71326654e2705d462f21b958f987087be850afd60578fcd502d1b8
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.6.1"
+  riverpod_generator:
+    dependency: "direct dev"
+    description:
+      name: riverpod_generator
+      sha256: "44a0992d54473eb199ede00e2260bd3c262a86560e3c6f6374503d86d0580e36"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.6.5"
+  riverpod_lint:
+    dependency: "direct dev"
+    description:
+      name: riverpod_lint
+      sha256: "89a52b7334210dbff8605c3edf26cfe69b15062beed5cbfeff2c3812c33c9e35"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.6.5"
+  rxdart:
+    dependency: transitive
+    description:
+      name: rxdart
+      sha256: "5c3004a4a8dbb94bd4bf5412a4def4acdaa12e12f269737a5751369e12d1a962"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.28.0"
  shared_preferences:
    dependency: "direct main"
    description:
@@ -536,6 +888,22 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "2.4.1"
+  shelf:
+    dependency: transitive
+    description:
+      name: shelf
+      sha256: e7dd780a7ffb623c57850b33f43309312fc863fb6aa3d276a754bb299839ef12
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.2"
+  shelf_web_socket:
+    dependency: transitive
+    description:
+      name: shelf_web_socket
+      sha256: cc36c297b52866d203dbf9332263c94becc2fe0ceaa9681d07b6ef9807023b67
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.1"
  sign_in_with_apple:
    dependency: "direct main"
    description:
@@ -565,6 +933,14 @@ packages:
    description: flutter
    source: sdk
    version: "0.0.0"
+  source_gen:
+    dependency: transitive
+    description:
+      name: source_gen
+      sha256: "35c8150ece9e8c8d263337a265153c3329667640850b9304861faea59fc98f6b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.0"
  source_span:
    dependency: transitive
    description:
@@ -581,6 +957,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "1.12.1"
+  state_notifier:
+    dependency: transitive
+    description:
+      name: state_notifier
+      sha256: b8677376aa54f2d7c58280d5a007f9e8774f1968d1fb1c096adcb4792fba29bb
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.0"
  stream_channel:
    dependency: transitive
    description:
@@ -589,6 +973,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "2.1.4"
+  stream_transform:
+    dependency: transitive
+    description:
+      name: stream_transform
+      sha256: ad47125e588cfd37a9a7f86c7d6356dde8dfe89d071d293f80ca9e9273a33871
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.1"
  string_scanner:
    dependency: transitive
    description:
@@ -621,6 +1013,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "0.11.0"
+  timing:
+    dependency: transitive
+    description:
+      name: timing
+      sha256: "62ee18aca144e4a9f29d212f5a4c6a053be252b895ab14b5821996cff4ed90fe"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.2"
  typed_data:
    dependency: transitive
    description:
@@ -629,6 +1029,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "1.4.0"
+  uuid:
+    dependency: transitive
+    description:
+      name: uuid
+      sha256: "1fef9e8e11e2991bb773070d4656b7bd5d850967a2456cfc83cf47925ba79489"
+      url: "https://pub.dev"
+    source: hosted
+    version: "4.5.3"
  vector_math:
    dependency: transitive
    description:
@@ -645,6 +1053,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "15.0.2"
+  watcher:
+    dependency: transitive
+    description:
+      name: watcher
+      sha256: "1398c9f081a753f9226febe8900fce8f7d0a67163334e1c94a2438339d79d635"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.1"
  web:
    dependency: transitive
    description:
@@ -677,6 +1093,14 @@ packages:
      url: "https://pub.dev"
    source: hosted
    version: "6.6.1"
+  yaml:
+    dependency: transitive
+    description:
+      name: yaml
+      sha256: b9da305ac7c39faa3f030eccd175340f968459dae4af175130b3fc47e40d76ce
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.3"
 sdks:
  dart: ">=3.10.0 <4.0.0"
  flutter: ">=3.38.1"
--- a/client_app/pubspec.yaml
+++ b/client_app/pubspec.yaml
@@ -27,6 +27,10 @@ dependencies:
  # State management
  flutter_bloc: ^8.1.5
  equatable: ^2.0.5
+  flutter_riverpod: ^2.6.1
+  hooks_riverpod: ^2.6.1
+  riverpod_annotation: ^2.6.1
+  flutter_hooks: ^0.20.5

  # Storage
  shared_preferences: ^2.2.3
@@ -39,6 +43,10 @@ dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_lints: ^3.0.0
+  riverpod_generator: ^2.6.2
+  build_runner: ^2.4.13
+  custom_lint: ^0.7.0
+  riverpod_lint: ^2.6.2

 flutter:
  uses-material-design: true