feat(ui): Show full pubkeys where copyable

lib/shared/utils/formatters.dart

@@ -353,10 +353,10 @@ String truncateMiddleSymbols(
 String formatTransactionDateTime(Transaction tx) {
   if (tx.timestamp == DateTime.fromMillisecondsSinceEpoch(0) &&
       tx.confirmations == 0) {
-    return 'unconfirmed';
+    return 'Unconfirmed';
   } else if (tx.timestamp == DateTime.fromMillisecondsSinceEpoch(0) &&
       tx.confirmations > 0) {
-    return 'confirmed';
+    return 'Now';
   } else {
     return DateFormat('dd MMM yyyy HH:mm').format(tx.timestamp);
   }

lib/shared/widgets/copied_text.dart

@@ -1,4 +1,5 @@
 import 'package:flutter/material.dart';
+import 'package:komodo_ui_kit/komodo_ui_kit.dart';
 import 'package:web_dex/shared/utils/utils.dart';
 import 'package:web_dex/shared/widgets/truncate_middle_text.dart';
 
@@ -68,15 +69,15 @@ class CopiedText extends StatelessWidget {
                             ),
                           ),
                         )
-                      : Text(
-                          copiedValue,
-                          maxLines: maxLines,
-                          softWrap: softWrap,
-                          style: TextStyle(
-                            fontSize: fontSize,
-                            fontWeight: fontWeight,
-                            color: fontColor,
-                            height: height,
+                      : Flexible(
+                          child: AutoScrollText(
+                            text: copiedValue,
+                            style: TextStyle(
+                              fontSize: fontSize,
+                              fontWeight: fontWeight,
+                              color: fontColor,
+                              height: height,
+                            ),
                           ),
                         ),
                 ),
@@ -162,10 +163,8 @@ class CopiedTextV2 extends StatelessWidget {
                               color: textColor ?? const Color(0xFFADAFC4)),
                         ),
                       )
-                    : Text(
-                        copiedValue,
-                        maxLines: maxLines,
-                        softWrap: softWrap,
+                    : AutoScrollText(
+                        text: copiedValue,
                         style: TextStyle(
                             fontSize: fontSize,
                             fontWeight: FontWeight.w700,

lib/views/support/missing_coins_dialog.dart

@@ -1,19 +1,7 @@
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
-import 'package:flutter/gestures.dart';
-import 'package:flutter_bloc/flutter_bloc.dart';
 import 'package:url_launcher/url_launcher.dart';
-import 'package:web_dex/app_config/app_config.dart';
-import 'package:web_dex/bloc/auth_bloc/auth_bloc.dart';
-import 'package:web_dex/bloc/coins_bloc/coins_bloc.dart';
-import 'package:web_dex/common/screen.dart';
 import 'package:web_dex/generated/codegen_loader.g.dart';
-import 'package:web_dex/dispatchers/popup_dispatcher.dart';
-import 'package:web_dex/model/authorize_mode.dart';
-import 'package:web_dex/model/wallet.dart';
-import 'package:web_dex/views/wallets_manager/wallets_manager_events_factory.dart';
-import 'package:web_dex/views/wallets_manager/wallets_manager_wrapper.dart';
-import 'package:app_theme/app_theme.dart';
 
 Future<void> showMissingCoinsDialog(BuildContext context) {
   return showDialog(

lib/views/wallet/coin_details/coin_details_info/coin_addresses.dart

@@ -235,7 +235,7 @@ class AddressCard extends StatelessWidget {
                     children: [
                       AddressIcon(address: address.address),
                       const SizedBox(width: 8),
-                      AddressText(address: address.address),
+                      Flexible(child: AddressText(address: address.address)),
                       const SizedBox(width: 8),
                       if (coin.hasFaucet)
                         ConstrainedBox(
@@ -249,7 +249,7 @@ class AddressCard extends StatelessWidget {
                           ),
                         ),
                       SwapAddressTag(address: address),
-                      const Spacer(),
+                      const SizedBox(width: 8),
                       AddressCopyButton(
                         address: address.address,
                         coinAbbr: coin.abbr,
@@ -269,7 +269,7 @@ class AddressCard extends StatelessWidget {
                 width: double.infinity,
                 child: Row(
                   children: [
-                    AddressText(address: address.address),
+                    Flexible(child: AddressText(address: address.address)),
                     const SizedBox(width: 8),
                     AddressCopyButton(
                       address: address.address,

lib/views/wallet/coin_details/transactions/transaction_details.dart

@@ -13,6 +13,7 @@ import 'package:web_dex/model/coin.dart';
 import 'package:web_dex/shared/utils/formatters.dart';
 import 'package:web_dex/shared/utils/utils.dart';
 import 'package:web_dex/shared/widgets/copied_text.dart';
+import 'package:web_dex/views/wallet/common/address_copy_button.dart';
 
 class TransactionDetails extends StatelessWidget {
   const TransactionDetails({
@@ -112,9 +113,22 @@ class TransactionDetails extends StatelessWidget {
                       title: LocaleKeys.transactionHash.tr(),
                       value: transaction.txHash ?? '',
                       isCopied: true,
+                      isTruncated: true,
                     ),
-                    const SizedBox(height: 20),
-                    _buildAddresses(isMobile, context),
+                    SizedBox(height: 16),
+                    _buildSimpleData(
+                      context,
+                      title: LocaleKeys.from.tr(),
+                      value: transaction.from.first,
+                      isCopied: true,
+                    ),
+                    _buildSimpleData(
+                      context,
+                      title: LocaleKeys.to.tr(),
+                      value: transaction.to.first,
+                      isCopied: true,
+                    ),
+                    SizedBox(height: 16),
                     _buildControls(context, isMobile),
                   ],
                 ),
@@ -131,27 +145,34 @@ class TransactionDetails extends StatelessWidget {
     required String title,
     required String address,
   }) {
-    return Padding(
-      padding: const EdgeInsets.only(bottom: 20),
+    return Container(
+      margin: const EdgeInsets.only(bottom: 10),
       child: Row(
         crossAxisAlignment: CrossAxisAlignment.center,
         children: [
-          Text(
-            title,
-            style:
-                Theme.of(context).textTheme.bodyLarge?.copyWith(fontSize: 14),
+          // Title with fixed flex
+          Expanded(
+            flex: 2,
+            child: Text(
+              title,
+              style:
+                  Theme.of(context).textTheme.bodyLarge?.copyWith(fontSize: 14),
+            ),
           ),
-          const SizedBox(width: 8),
-          ConstrainedBox(
-            constraints: const BoxConstraints(maxWidth: 200),
-            child: CopiedText(
-              copiedValue: address,
-              isTruncated: true,
-              padding: const EdgeInsets.symmetric(
-                vertical: 8,
-                horizontal: 16,
-              ),
-              fontSize: 14,
+          // Address and copy button
+          Expanded(
+            flex: 5,
+            child: Row(
+              children: [
+                Expanded(
+                  child: AutoScrollText(
+                    text: address,
+                    style: const TextStyle(fontSize: 14),
+                  ),
+                ),
+                const SizedBox(width: 8),
+                AddressCopyButton(address: address),
+              ],
             ),
           ),
         ],
@@ -163,47 +184,21 @@ class TransactionDetails extends StatelessWidget {
     return Container(
       width: double.infinity,
       padding: const EdgeInsets.only(bottom: 10),
-      child: isMobile
-          ? Column(
-              crossAxisAlignment: CrossAxisAlignment.start,
-              children: [
-                _buildAddress(
-                  context,
-                  title: LocaleKeys.from.tr(),
-                  address: transaction.from.first,
-                ),
-                _buildAddress(
-                  context,
-                  title: LocaleKeys.to.tr(),
-                  address: transaction.to.first,
-                ),
-              ],
-            )
-          : Row(
-              children: [
-                Expanded(
-                  child: Container(
-                    alignment: Alignment.centerLeft,
-                    child: _buildAddress(
-                      context,
-                      title: LocaleKeys.from.tr(),
-                      address: transaction.from.first,
-                    ),
-                  ),
-                ),
-                const SizedBox(width: 10),
-                Expanded(
-                  child: Container(
-                    alignment: Alignment.centerLeft,
-                    child: _buildAddress(
-                      context,
-                      title: LocaleKeys.to.tr(),
-                      address: transaction.to.first,
-                    ),
-                  ),
-                ),
-              ],
-            ),
+      child: Column(
+        crossAxisAlignment: CrossAxisAlignment.start,
+        children: [
+          _buildAddress(
+            context,
+            title: LocaleKeys.from.tr(),
+            address: transaction.from.first,
+          ),
+          _buildAddress(
+            context,
+            title: LocaleKeys.to.tr(),
+            address: transaction.to.first,
+          ),
+        ],
+      ),
     );
   }
 
@@ -352,6 +347,7 @@ class TransactionDetails extends StatelessWidget {
     required String value,
     bool hasBackground = false,
     bool isCopied = false,
+    bool isTruncated = false,
   }) {
     return Padding(
       padding: const EdgeInsets.only(bottom: 10.0),
@@ -376,7 +372,7 @@ class TransactionDetails extends StatelessWidget {
                       constraints: const BoxConstraints(maxHeight: 340),
                       child: CopiedText(
                         copiedValue: value,
-                        isTruncated: true,
+                        isTruncated: isTruncated,
                         padding: const EdgeInsets.symmetric(
                           vertical: 8,
                           horizontal: 16,

lib/views/wallet/coin_details/transactions/transaction_list.dart

@@ -51,35 +51,28 @@ class _List extends StatelessWidget {
       child: Column(
         children: [
           if (transactions.isNotEmpty && !isMobile) const HistoryTitle(),
-          Card(
-            margin: const EdgeInsets.symmetric(vertical: 12),
-            shape: RoundedRectangleBorder(
-              borderRadius: BorderRadius.circular(16.0),
-            ),
-            color: theme.custom.dexPageTheme.frontPlate,
-            child: Padding(
-              padding: EdgeInsets.all(isMobile ? 16.0 : 24.0),
-              child: isMobile
-                  ? HistoryListContent(
+          Padding(
+            padding: EdgeInsets.all(isMobile ? 16.0 : 0),
+            child: isMobile
+                ? HistoryListContent(
+                    transactions: transactions,
+                    coinAbbr: coinAbbr,
+                    setTransaction: setTransaction,
+                    isInProgress: isInProgress,
+                  )
+                : Card(
+                    margin: const EdgeInsets.symmetric(vertical: 6),
+                    shape: RoundedRectangleBorder(
+                      borderRadius: BorderRadius.circular(16.0),
+                    ),
+                    color: Theme.of(context).colorScheme.onSurface,
+                    child: HistoryListContent(
                       transactions: transactions,
                       coinAbbr: coinAbbr,
                       setTransaction: setTransaction,
                       isInProgress: isInProgress,
-                    )
-                  : Card(
-                      margin: const EdgeInsets.symmetric(vertical: 6),
-                      shape: RoundedRectangleBorder(
-                        borderRadius: BorderRadius.circular(16.0),
-                      ),
-                      color: Theme.of(context).colorScheme.onSurface,
-                      child: HistoryListContent(
-                        transactions: transactions,
-                        coinAbbr: coinAbbr,
-                        setTransaction: setTransaction,
-                        isInProgress: isInProgress,
-                      ),
                     ),
-            ),
+                  ),
           ),
         ],
       ),
@@ -144,7 +137,7 @@ class HistoryTitle extends StatelessWidget {
       child: Align(
         alignment: Alignment.centerLeft,
         child: Text(
-          LocaleKeys.lastTransactions.tr(),
+          LocaleKeys.transactions.tr(),
           style: TextStyle(
             fontWeight: FontWeight.w600,
             fontSize: isMobile ? 16 : 24,