WIP: integration with ledger

frontend/pweb/lib/pages/dashboard/buttons/balance/balance.dart

@@ -16,10 +16,92 @@ import 'package:pweb/generated/i18n/app_localizations.dart';
 class BalanceWidget extends StatelessWidget {
   final ValueChanged<Wallet> onTopUp;
 
-  const BalanceWidget({
-    super.key,
-    required this.onTopUp,
-  });
+  const BalanceWidget({super.key, required this.onTopUp});
+
+  @override
+  Widget build(BuildContext context) => _BalanceWidgetBody(onTopUp: onTopUp);
+}
+
+class _BalanceWidgetBody extends StatefulWidget {
+  final ValueChanged<Wallet> onTopUp;
+
+  const _BalanceWidgetBody({required this.onTopUp});
+
+  @override
+  State<_BalanceWidgetBody> createState() => _BalanceWidgetBodyState();
+}
+
+class _BalanceWidgetBodyState extends State<_BalanceWidgetBody> {
+  WalletsController? _walletsController;
+  LedgerAccountsProvider? _ledgerProvider;
+  CarouselIndexController? _carouselController;
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    final nextWallets = context.read<WalletsController>();
+    final nextLedger = context.read<LedgerAccountsProvider>();
+    final nextCarousel = context.read<CarouselIndexController>();
+
+    if (!identical(_walletsController, nextWallets)) {
+      _walletsController?.removeListener(_syncSelection);
+      _walletsController = nextWallets;
+      _walletsController?.addListener(_syncSelection);
+    }
+
+    if (!identical(_ledgerProvider, nextLedger)) {
+      _ledgerProvider?.removeListener(_syncSelection);
+      _ledgerProvider = nextLedger;
+      _ledgerProvider?.addListener(_syncSelection);
+    }
+
+    if (!identical(_carouselController, nextCarousel)) {
+      _carouselController?.removeListener(_syncSelection);
+      _carouselController = nextCarousel;
+      _carouselController?.addListener(_syncSelection);
+    }
+
+    WidgetsBinding.instance.addPostFrameCallback((_) => _syncSelection());
+  }
+
+  @override
+  void dispose() {
+    _walletsController?.removeListener(_syncSelection);
+    _ledgerProvider?.removeListener(_syncSelection);
+    _carouselController?.removeListener(_syncSelection);
+    super.dispose();
+  }
+
+  void _syncSelection() {
+    final walletsController = _walletsController;
+    final carousel = _carouselController;
+    final ledgerProvider = _ledgerProvider;
+    if (walletsController == null ||
+        carousel == null ||
+        ledgerProvider == null) {
+      return;
+    }
+
+    final items = <BalanceItem>[
+      ...walletsController.wallets.map(BalanceItem.wallet),
+      ...ledgerProvider.accounts.map(BalanceItem.ledger),
+      const BalanceItem.addAction(),
+    ];
+    if (items.isEmpty) return;
+
+    final safeIndex = carousel.index.clamp(0, items.length - 1);
+    if (safeIndex != carousel.index) {
+      carousel.setIndex(safeIndex, items.length);
+      return;
+    }
+
+    final current = items[safeIndex];
+    if (!current.isWallet) return;
+    final wallet = current.wallet!;
+    if (walletsController.selectedWallet?.id != wallet.id) {
+      walletsController.selectWallet(wallet);
+    }
+  }
 
   @override
   Widget build(BuildContext context) {
@@ -30,7 +112,8 @@ class BalanceWidget extends StatelessWidget {
 
     final wallets = walletsController.wallets;
     final accounts = ledgerProvider.accounts;
-    final isLoading = walletsController.isLoading &&
+    final isLoading =
+        walletsController.isLoading &&
         ledgerProvider.isLoading &&
         wallets.isEmpty &&
         accounts.isEmpty;
@@ -49,19 +132,7 @@ class BalanceWidget extends StatelessWidget {
       return const SizedBox.shrink();
     }
 
-    // Ensure index is always valid when list changes
-    carousel.setIndex(carousel.index, items.length);
-
-    final index = carousel.index;
-    final current = items[index];
-
-    // Single source of truth: controller
-    if (current.isWallet) {
-      final wallet = current.wallet!;
-      if (walletsController.selectedWallet?.id != wallet.id) {
-        walletsController.selectWallet(wallet);
-      }
-    }
+    final index = carousel.index.clamp(0, items.length - 1);
 
     final carouselWidget = BalanceCarousel(
       items: items,
@@ -73,7 +144,7 @@ class BalanceWidget extends StatelessWidget {
           walletsController.selectWallet(next.wallet!);
         }
       },
-      onTopUp: onTopUp,
+      onTopUp: widget.onTopUp,
     );
 
     if (wallets.isEmpty && accounts.isEmpty) {