wallet card redesign

frontend/pweb/lib/controllers/dashboard/balance/actions_ui.dart

@@ -0,0 +1,19 @@
+import 'package:flutter/foundation.dart';
+
+
+class BalanceActionsUiController extends ChangeNotifier {
+  int? _hoveredButtonIndex;
+
+  int? get hoveredButtonIndex => _hoveredButtonIndex;
+
+  bool isExpanded(int index) => _hoveredButtonIndex == index;
+
+  void onHoverChanged(int index, bool hovered) {
+    final next = hovered
+        ? index
+        : (_hoveredButtonIndex == index ? null : _hoveredButtonIndex);
+    if (next == _hoveredButtonIndex) return;
+    _hoveredButtonIndex = next;
+    notifyListeners();
+  }
+}

frontend/pweb/lib/controllers/dashboard/balance/carousel.dart

@@ -0,0 +1,166 @@
+import 'package:flutter/widgets.dart';
+
+import 'package:pshared/controllers/balance_mask/wallets.dart';
+import 'package:pshared/provider/ledger.dart';
+
+import 'package:pweb/models/dashboard/balance_item.dart';
+import 'package:pweb/pages/dashboard/buttons/balance/config.dart';
+
+
+class BalanceCarouselController extends ChangeNotifier {
+  BalanceCarouselController()
+    : pageController = PageController(
+        viewportFraction: WalletCardConfig.viewportFraction,
+      );
+
+  WalletsController? _walletsController;
+  List<BalanceItem> _items = const <BalanceItem>[BalanceItem.addAction()];
+  int _index = 0;
+  final PageController pageController;
+
+  List<BalanceItem> get items => _items;
+  int get index => _index;
+
+  void update({
+    required WalletsController walletsController,
+    required LedgerAccountsProvider ledgerProvider,
+  }) {
+    _walletsController = walletsController;
+
+    final nextItems = <BalanceItem>[
+      ...walletsController.wallets.map(BalanceItem.wallet),
+      ...ledgerProvider.accounts.map(BalanceItem.ledger),
+      const BalanceItem.addAction(),
+    ];
+
+    final nextIndex = _resolveNextIndex(nextItems, walletsController);
+    final hasItemsChanged = !_isSameItems(_items, nextItems);
+    final hasIndexChanged = _index != nextIndex;
+
+    _items = nextItems;
+    _index = nextIndex;
+    _syncPageController();
+
+    if (hasItemsChanged || hasIndexChanged) {
+      notifyListeners();
+    }
+  }
+
+  void onPageChanged(int value) {
+    final next = _clampIndex(value, _items.length);
+    if (_index == next) {
+      _syncSelectedWallet();
+      return;
+    }
+
+    _index = next;
+    _syncSelectedWallet();
+    notifyListeners();
+  }
+
+  void goBack() => animateTo(_index - 1);
+
+  void goForward() => animateTo(_index + 1);
+
+  void animateTo(int index) {
+    final target = _clampIndex(index, _items.length);
+    if (!pageController.hasClients) {
+      onPageChanged(target);
+      return;
+    }
+    pageController.animateToPage(
+      target,
+      duration: const Duration(milliseconds: 220),
+      curve: Curves.easeOut,
+    );
+  }
+
+  void syncPageController() => _syncPageController();
+
+  int _resolveNextIndex(
+    List<BalanceItem> nextItems,
+    WalletsController walletsController,
+  ) {
+    final currentWalletRef = _currentWalletRef(_items, _index);
+    if (currentWalletRef != null) {
+      final byCurrentWallet = _walletIndexByRef(nextItems, currentWalletRef);
+      if (byCurrentWallet != null) return byCurrentWallet;
+
+      final selectedWalletRef = walletsController.selectedWalletRef;
+      final bySelectedWallet = _walletIndexByRef(nextItems, selectedWalletRef);
+      if (bySelectedWallet != null) return bySelectedWallet;
+    }
+
+    return _clampIndex(_index, nextItems.length);
+  }
+
+  String? _currentWalletRef(List<BalanceItem> items, int index) {
+    if (items.isEmpty || index < 0 || index >= items.length) return null;
+    final current = items[index];
+    return switch (current) {
+      WalletBalanceItem(:final wallet) => wallet.id,
+      _ => null,
+    };
+  }
+
+  int? _walletIndexByRef(List<BalanceItem> items, String? walletRef) {
+    if (walletRef == null || walletRef.isEmpty) return null;
+    final idx = items.indexWhere(
+      (item) => switch (item) {
+        WalletBalanceItem(:final wallet) => wallet.id == walletRef,
+        _ => false,
+      },
+    );
+    if (idx < 0) return null;
+    return idx;
+  }
+
+  int _clampIndex(int value, int itemCount) {
+    if (itemCount <= 0) return 0;
+    return value.clamp(0, itemCount - 1);
+  }
+
+  bool _isSameItems(List<BalanceItem> left, List<BalanceItem> right) {
+    if (left.length != right.length) return false;
+
+    for (var i = 0; i < left.length; i++) {
+      final a = left[i];
+      final b = right[i];
+      if (a.runtimeType != b.runtimeType) return false;
+      if (_itemIdentity(a) != _itemIdentity(b)) return false;
+    }
+
+    return true;
+  }
+
+  String _itemIdentity(BalanceItem item) => switch (item) {
+    WalletBalanceItem(:final wallet) => wallet.id,
+    LedgerBalanceItem(:final account) => account.ledgerAccountRef,
+    AddBalanceActionItem() => 'add',
+  };
+
+  void _syncSelectedWallet() {
+    final walletsController = _walletsController;
+    if (walletsController == null || _items.isEmpty) return;
+
+    final current = _items[_index];
+    if (current is! WalletBalanceItem) return;
+    final wallet = current.wallet;
+    if (walletsController.selectedWallet?.id == wallet.id) return;
+    walletsController.selectWallet(wallet);
+  }
+
+  void _syncPageController() {
+    if (!pageController.hasClients || _items.isEmpty) return;
+    final current = pageController.page?.round();
+    final target = _clampIndex(_index, _items.length);
+    if (current == target) return;
+    pageController.jumpToPage(target);
+  }
+
+  @override
+  void dispose() {
+    pageController.dispose();
+    super.dispose();
+  }
+}

frontend/pweb/lib/controllers/dashboard/balance/source_actions.dart

@@ -0,0 +1,112 @@
+import 'package:flutter/material.dart';
+
+import 'package:go_router/go_router.dart';
+import 'package:provider/provider.dart';
+
+import 'package:pshared/controllers/payment/source.dart';
+import 'package:pshared/models/payment/type.dart';
+
+import 'package:pweb/app/router/payout_routes.dart';
+
+
+class BalanceActionButtonState {
+  final String label;
+  final IconData icon;
+  final VoidCallback onPressed;
+
+  const BalanceActionButtonState({
+    required this.label,
+    required this.icon,
+    required this.onPressed,
+  });
+}
+
+class BalanceActionsState {
+  final BalanceActionButtonState topLeading;
+  final BalanceActionButtonState topTrailing;
+  final BalanceActionButtonState bottom;
+
+  const BalanceActionsState({
+    required this.topLeading,
+    required this.topTrailing,
+    required this.bottom,
+  });
+}
+
+class BalanceSourceActionsController {
+  const BalanceSourceActionsController();
+
+  BalanceActionsState wallet({
+    required BuildContext context,
+    required String walletRef,
+    required VoidCallback onAddFunds,
+  }) {
+    return BalanceActionsState(
+      topLeading: BalanceActionButtonState(
+        label: 'Operation History',
+        icon: Icons.history_rounded,
+        onPressed: () => _openWalletOperationHistory(context, walletRef),
+      ),
+      topTrailing: BalanceActionButtonState(
+        label: 'Send Payout',
+        icon: Icons.send_rounded,
+        onPressed: () => _sendWalletPayout(context, walletRef),
+      ),
+      bottom: BalanceActionButtonState(
+        label: 'Wallet Details / Add Funds',
+        icon: Icons.account_balance_wallet_rounded,
+        onPressed: onAddFunds,
+      ),
+    );
+  }
+
+  BalanceActionsState ledger({
+    required BuildContext context,
+    required String ledgerAccountRef,
+    required VoidCallback onAddFunds,
+    required VoidCallback onWalletDetails,
+  }) {
+    return BalanceActionsState(
+      topLeading: BalanceActionButtonState(
+        label: 'Operation History / Wallet Details',
+        icon: Icons.receipt_long_rounded,
+        onPressed: onWalletDetails,
+      ),
+      topTrailing: BalanceActionButtonState(
+        label: 'Send Payout',
+        icon: Icons.send_rounded,
+        onPressed: () => _sendLedgerPayout(context, ledgerAccountRef),
+      ),
+      bottom: BalanceActionButtonState(
+        label: 'Add Funds',
+        icon: Icons.add_card_rounded,
+        onPressed: onAddFunds,
+      ),
+    );
+  }
+
+  void _openWalletOperationHistory(BuildContext context, String walletRef) {
+    context.read<PaymentSourceController>().selectWalletByRef(walletRef);
+    context.pushNamed(PayoutRoutes.editWallet);
+  }
+
+  void _sendWalletPayout(BuildContext context, String walletRef) {
+    context.read<PaymentSourceController>().selectWalletByRef(walletRef);
+    context.pushNamed(
+      PayoutRoutes.payment,
+      queryParameters: PayoutRoutes.buildQueryParameters(
+        paymentType: PaymentType.wallet,
+      ),
+    );
+  }
+
+  void _sendLedgerPayout(BuildContext context, String ledgerAccountRef) {
+    context.read<PaymentSourceController>().selectLedgerByRef(ledgerAccountRef);
+    context.pushNamed(
+      PayoutRoutes.payment,
+      queryParameters: PayoutRoutes.buildQueryParameters(
+        paymentType: PaymentType.ledger,
+      ),
+    );
+  }
+}

frontend/pweb/lib/controllers/dashboard/balance/source_copy.dart

@@ -0,0 +1,35 @@
+import 'package:flutter/services.dart';
+
+
+class BalanceCopyState {
+  final String label;
+  final String payload;
+
+  const BalanceCopyState({required this.label, required this.payload});
+
+  bool get canCopy => payload.trim().isNotEmpty;
+}
+
+class BalanceSourceCopyController {
+  const BalanceSourceCopyController();
+
+  BalanceCopyState wallet(String? depositAddress) {
+    return BalanceCopyState(
+      label: 'Copy Deposit Address',
+      payload: depositAddress?.trim() ?? '',
+    );
+  }
+
+  BalanceCopyState ledger(String? accountCode) {
+    return BalanceCopyState(
+      label: 'Copy Deposit Address',
+      payload: accountCode?.trim() ?? '',
+    );
+  }
+
+  Future<bool> copy(BalanceCopyState state) async {
+    if (!state.canCopy) return false;
+    await Clipboard.setData(ClipboardData(text: state.payload));
+    return true;
+  }
+}