import 'dart:async' show unawaited;

import 'package:flutter/material.dart';

import '../l10n/generated/app_localizations.dart';
import '../services/channel_spacer.dart';
import '../services/link_trust_service.dart';
import '../services/snapshot_state_mapper.dart';
import '../services/ts3_server_link.dart';
import '../src/rust/api.dart' as rust;
import 'bbcode_text.dart';

/// One chat/activity message shown in the chat hub.
class ChatEntry {
  /// Construct a chat entry.
  const ChatEntry({
    required this.senderId,
    required this.senderName,
    required this.message,
    required this.target,
    this.isSelf = false,
    this.timestamp,
  });

  /// Sender client id.
  final BigInt senderId;

  /// Sender display name.
  final String senderName;

  /// Message body.
  final String message;

  /// Chat target.
  final rust.BridgeMessageTarget target;

  /// True when the local client sent this message.
  final bool isSelf;

  /// Local time when this message was received or sent.
  final DateTime? timestamp;

  /// True for direct-message targets.
  bool get isPrivate => target is rust.BridgeMessageTarget_Client;

  /// True for poke targets.
  bool get isPoke => target is rust.BridgeMessageTarget_Poke;
}

String chatTimeLabel(DateTime? timestamp) {
  if (timestamp == null) return '--:--:--';
  String two(int value) => value.toString().padLeft(2, '0');
  return '${two(timestamp.hour)}:${two(timestamp.minute)}:${two(timestamp.second)}';
}

String pokeHistoryLine(AppL10n l10n, ChatEntry entry) {
  final time = chatTimeLabel(entry.timestamp);
  final peerName = entry.senderName.isNotEmpty ? entry.senderName : 'Unknown';
  final message = entry.message.trim();
  if (entry.isSelf) {
    if (message.isEmpty) {
      return l10n.pokeHistorySelfNoMessage(time, peerName);
    }
    return l10n.pokeHistorySelfWithMessage(time, peerName, message);
  }
  if (message.isEmpty) {
    return l10n.pokeHistoryIncomingNoMessage(time, peerName);
  }
  return l10n.pokeHistoryIncomingWithMessage(time, peerName, message);
}

/// Resolve the best chat target to show when opening the chat page.
///
/// Returns null to show the chat hub.
rust.BridgeMessageTarget? resolveInitialChatTarget({
  required List<ChatEntry> messages,
  required BigInt? currentVoiceChannelId,
}) {
  for (final message in messages.reversed) {
    if (message.isPrivate) return message.target;
  }
  if (currentVoiceChannelId != null) {
    return const rust.BridgeMessageTarget.channel();
  }
  return null;
}

class ChatClientGroups {
  const ChatClientGroups({
    required this.clientsByChannel,
    required this.ungroupedClients,
  });

  final Map<BigInt, List<rust.BridgeClient>> clientsByChannel;
  final List<rust.BridgeClient> ungroupedClients;
}

class ChatClientPickerGroup {
  const ChatClientPickerGroup({
    required this.channelName,
    required this.clients,
  });

  final String channelName;
  final List<rust.BridgeClient> clients;
}

ChatClientGroups groupChatClientsForPicker(rust.BridgeSnapshot snapshot) {
  final ownId = snapshot.ownClientId;
  final clients =
      snapshot.clients
          .where((client) => client.id != ownId && !client.isServerQuery)
          .toList()
        ..sort((a, b) => a.name.compareTo(b.name));
  final channelIds = {for (final channel in snapshot.channels) channel.id};
  final byChannel = <BigInt, List<rust.BridgeClient>>{};
  final ungrouped = <rust.BridgeClient>[];

  for (final client in clients) {
    if (channelIds.contains(client.channel)) {
      byChannel.putIfAbsent(client.channel, () => []).add(client);
    } else {
      ungrouped.add(client);
    }
  }

  return ChatClientGroups(
    clientsByChannel: byChannel,
    ungroupedClients: ungrouped,
  );
}

List<ChatClientPickerGroup> filterChatClientPickerGroups({
  required List<rust.BridgeChannel> channels,
  required Map<BigInt, List<rust.BridgeClient>> clientsByChannel,
  required List<rust.BridgeClient> ungroupedClients,
  required String query,
}) {
  final normalizedQuery = query.trim().toLowerCase();
  bool matches(rust.BridgeClient client) {
    return normalizedQuery.isEmpty ||
        client.name.toLowerCase().contains(normalizedQuery);
  }

  final ungrouped = ungroupedClients.where(matches).toList();
  return [
    for (final channel in channels)
      if (clientsByChannel.containsKey(channel.id))
        ChatClientPickerGroup(
          channelName: channelSpacerLabel(channel.name),
          clients: clientsByChannel[channel.id]!.where(matches).toList(),
        ),
    if (ungrouped.isNotEmpty)
      ChatClientPickerGroup(channelName: 'Other', clients: ungrouped),
  ].where((group) => group.clients.isNotEmpty).toList();
}

String chatTargetTitle(
  rust.BridgeMessageTarget target, {
  required String channelName,
  required String clientName,
}) {
  switch (target) {
    case rust.BridgeMessageTarget_Server():
      return 'Server Activity';
    case rust.BridgeMessageTarget_Channel():
      return channelName.isNotEmpty ? '# $channelName' : 'Channel';
    case rust.BridgeMessageTarget_Client():
      return clientName.isNotEmpty ? clientName : 'Direct Message';
    case rust.BridgeMessageTarget_Poke():
      return clientName.isNotEmpty ? 'Poke: $clientName' : 'Poke';
  }
}

String chatEmptyTitle(rust.BridgeMessageTarget target) {
  switch (target) {
    case rust.BridgeMessageTarget_Server():
      return 'No server activity yet';
    case rust.BridgeMessageTarget_Channel():
      return 'No channel messages yet';
    case rust.BridgeMessageTarget_Client():
      return 'No private messages yet';
    case rust.BridgeMessageTarget_Poke():
      return 'No pokes';
  }
}

String chatEmptyBody(
  rust.BridgeMessageTarget target, {
  required String channelName,
}) {
  switch (target) {
    case rust.BridgeMessageTarget_Server():
      return 'Joins, leaves, and disconnects will appear here.';
    case rust.BridgeMessageTarget_Channel():
      if (channelName.isNotEmpty) {
        return 'Start the conversation in #$channelName.';
      }
      return 'Join a channel to start chatting.';
    case rust.BridgeMessageTarget_Client():
      return 'Select a user to start a private chat.';
    case rust.BridgeMessageTarget_Poke():
      return 'Pokes will appear here when someone needs your attention.';
  }
}

String chatInputPlaceholder(
  rust.BridgeMessageTarget target, {
  required String channelName,
  required String clientName,
}) {
  switch (target) {
    case rust.BridgeMessageTarget_Server():
      return 'Message server...';
    case rust.BridgeMessageTarget_Channel():
      return 'Message #$channelName...';
    case rust.BridgeMessageTarget_Client():
      return 'Message $clientName...';
    case rust.BridgeMessageTarget_Poke():
      return 'Poke message...';
  }
}

bool canSendToChatTarget(
  rust.BridgeMessageTarget target,
  BigInt? currentChannelId,
) {
  switch (target) {
    case rust.BridgeMessageTarget_Channel():
      return currentChannelId != null;
    default:
      return true;
  }
}

String? chatSendBlockedReason(
  rust.BridgeMessageTarget target,
  BigInt? currentChannelId,
) {
  switch (target) {
    case rust.BridgeMessageTarget_Channel():
      if (currentChannelId == null) {
        return 'Join a channel to send messages.';
      }
      return null;
    default:
      return null;
  }
}

/// Chat and activity hub page.
class ChatPage extends StatefulWidget {
  /// Construct a chat page.
  const ChatPage({
    super.key,
    required this.messages,
    required this.snapshot,
    this.initialTarget,
    this.initialClientName = '',
    this.onTs3ServerLink,
  });

  /// Backing message list. The detail view appends self-sent messages.
  final List<ChatEntry> messages;

  /// Latest TeamSpeak snapshot.
  final rust.BridgeSnapshot snapshot;

  /// Non-null to open a specific target directly; null for hub.
  final rust.BridgeMessageTarget? initialTarget;

  /// Initial selected client name for direct-message or poke targets.
  final String initialClientName;

  /// Handle TeamSpeak server links embedded in chat messages.
  final Ts3ServerLinkHandler? onTs3ServerLink;

  @override
  State<ChatPage> createState() => _ChatPageState();
}

class _ChatPageState extends State<ChatPage> {
  rust.BridgeMessageTarget? _detailTarget;
  String _selectedClientName = '';

  @override
  void initState() {
    super.initState();
    _detailTarget = widget.initialTarget;
    _selectedClientName = widget.initialClientName;
  }

  BigInt? get _currentChannelId {
    return ownClientSnapshotState(widget.snapshot)?.channelId;
  }

  @override
  Widget build(BuildContext context) {
    final currentChannelId = _currentChannelId;
    final channelName = snapshotChannelName(widget.snapshot, currentChannelId);
    if (_detailTarget != null) {
      return _ChatDetailView(
        target: _detailTarget!,
        clientName: _selectedClientName,
        snapshot: widget.snapshot,
        messages: widget.messages,
        currentChannelId: currentChannelId,
        channelName: channelName,
        onBack: () => setState(() => _detailTarget = null),
        onTs3ServerLink: widget.onTs3ServerLink,
      );
    }
    return _ChatHub(
      snapshot: widget.snapshot,
      messages: widget.messages,
      currentChannelId: currentChannelId,
      channelName: channelName,
      onOpen: (t, {String name = ''}) {
        setState(() {
          _detailTarget = t;
          _selectedClientName = name;
        });
      },
      onPickClient: (fn) => _pickClient(fn),
    );
  }

  void _pickClient(void Function(BigInt id, String name) cb) {
    final groups = groupChatClientsForPicker(widget.snapshot);
    showDialog(
      context: context,
      builder: (ctx) => _ClientPickerDialog(
        channels: widget.snapshot.channels,
        byChannel: groups.clientsByChannel,
        ungrouped: groups.ungroupedClients,
        onSelected: (c) {
          cb(c.id, c.name);
          Navigator.pop(ctx);
        },
      ),
    );
  }
}

class _ClientPickerDialog extends StatefulWidget {
  const _ClientPickerDialog({
    required this.channels,
    required this.byChannel,
    required this.ungrouped,
    required this.onSelected,
  });

  final List<rust.BridgeChannel> channels;
  final Map<BigInt, List<rust.BridgeClient>> byChannel;
  final List<rust.BridgeClient> ungrouped;
  final void Function(rust.BridgeClient c) onSelected;

  @override
  State<_ClientPickerDialog> createState() => _ClientPickerDialogState();
}

class _ClientPickerDialogState extends State<_ClientPickerDialog> {
  final _searchCtl = TextEditingController();
  String _query = '';

  @override
  void dispose() {
    _searchCtl.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    final groups = filterChatClientPickerGroups(
      channels: widget.channels,
      clientsByChannel: widget.byChannel,
      ungroupedClients: widget.ungrouped,
      query: _query,
    );

    return Dialog(
      child: SizedBox(
        width: 360,
        height: 520,
        child: Column(
          children: [
            Padding(
              padding: const EdgeInsets.fromLTRB(20, 20, 20, 8),
              child: TextField(
                controller: _searchCtl,
                decoration: const InputDecoration(
                  hintText: 'Search clients...',
                  prefixIcon: Icon(Icons.search),
                  border: OutlineInputBorder(),
                  isDense: true,
                ),
                onChanged: (v) => setState(() => _query = v),
              ),
            ),
            Expanded(
              child: ListView(
                children: [
                  for (final group in groups)
                    _ChannelGroup(
                      channelName: group.channelName,
                      clients: group.clients,
                      onSelected: widget.onSelected,
                    ),
                ],
              ),
            ),
          ],
        ),
      ),
    );
  }
}

class _ChannelGroup extends StatelessWidget {
  const _ChannelGroup({
    required this.channelName,
    required this.clients,
    required this.onSelected,
  });

  final String channelName;
  final List<rust.BridgeClient> clients;
  final void Function(rust.BridgeClient) onSelected;

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    if (clients.isEmpty) return const SizedBox.shrink();
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Padding(
          padding: const EdgeInsets.fromLTRB(16, 12, 16, 4),
          child: Text(
            channelName,
            style: theme.textTheme.labelMedium?.copyWith(
              color: theme.colorScheme.primary,
              fontWeight: FontWeight.w600,
            ),
          ),
        ),
        for (final c in clients)
          ListTile(
            leading: CircleAvatar(
              radius: 12,
              child: Text(
                c.name.isNotEmpty ? c.name[0].toUpperCase() : '?',
                style: const TextStyle(fontSize: 10),
              ),
            ),
            title: Text(c.name),
            onTap: () => onSelected(c),
          ),
      ],
    );
  }
}

class _ChatHub extends StatelessWidget {
  const _ChatHub({
    required this.snapshot,
    required this.messages,
    required this.currentChannelId,
    required this.channelName,
    required this.onOpen,
    required this.onPickClient,
  });

  final rust.BridgeSnapshot snapshot;
  final List<ChatEntry> messages;
  final BigInt? currentChannelId;
  final String channelName;
  final void Function(rust.BridgeMessageTarget t, {String name}) onOpen;
  final void Function(void Function(BigInt id, String name) cb) onPickClient;

  Iterable<ChatEntry> _of(rust.BridgeMessageTarget t) =>
      messages.where((m) => m.target == t);

  @override
  Widget build(BuildContext context) {
    final channelMsgs = _of(const rust.BridgeMessageTarget.channel());
    final privateMsgs = messages.where((m) => m.isPrivate);
    final serverMsgs = _of(const rust.BridgeMessageTarget.server());

    return Scaffold(
      appBar: AppBar(title: Text('Chat & Activity — ${snapshot.serverName}')),
      body: ListView(
        padding: const EdgeInsets.all(16),
        children: [
          _HubCard(
            icon: Icons.tag,
            title: channelName.isNotEmpty
                ? '# $channelName'
                : 'Current Channel',
            subtitle: channelMsgs.isNotEmpty
                ? '${channelMsgs.length} message${channelMsgs.length == 1 ? '' : 's'}'
                : 'No messages yet',
            detail: currentChannelId != null
                ? 'You can send messages here'
                : 'Join a channel to send messages',
            onTap: () => onOpen(const rust.BridgeMessageTarget.channel()),
          ),
          const SizedBox(height: 12),
          _HubCard(
            icon: Icons.person_outline,
            title: 'Direct Messages',
            subtitle: privateMsgs.isNotEmpty
                ? '${privateMsgs.length} message${privateMsgs.length == 1 ? '' : 's'}'
                : 'No private messages',
            detail: 'Select a user to start a private chat.',
            onTap: () => onPickClient(
              (id, name) =>
                  onOpen(rust.BridgeMessageTarget.client(id), name: name),
            ),
          ),
          const SizedBox(height: 12),
          _HubCard(
            icon: Icons.list_alt_outlined,
            title: 'Server Activity',
            subtitle: serverMsgs.isNotEmpty
                ? '${serverMsgs.length} message${serverMsgs.length == 1 ? '' : 's'}'
                : 'No server activity',
            detail: serverMsgs.isNotEmpty
                ? 'Server messages and events appear here.'
                : 'Server-wide messages will appear here.',
            onTap: () => onOpen(const rust.BridgeMessageTarget.server()),
          ),
        ],
      ),
    );
  }
}

class _HubCard extends StatelessWidget {
  const _HubCard({
    required this.icon,
    required this.title,
    required this.subtitle,
    required this.detail,
    required this.onTap,
  });

  final IconData icon;
  final String title;
  final String subtitle;
  final String detail;
  final VoidCallback onTap;

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    return Card(
      clipBehavior: Clip.antiAlias,
      child: ListTile(
        leading: Icon(icon, color: theme.colorScheme.primary),
        title: Text(title, style: theme.textTheme.titleSmall),
        subtitle: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            const SizedBox(height: 4),
            Text(subtitle, style: theme.textTheme.bodyMedium),
            Text(
              detail,
              style: theme.textTheme.labelSmall?.copyWith(
                color: theme.colorScheme.onSurfaceVariant,
              ),
            ),
          ],
        ),
        trailing: const Icon(Icons.chevron_right),
        onTap: onTap,
      ),
    );
  }
}

class _ChatDetailView extends StatefulWidget {
  const _ChatDetailView({
    required this.target,
    required this.clientName,
    required this.snapshot,
    required this.messages,
    required this.currentChannelId,
    required this.channelName,
    required this.onBack,
    this.onTs3ServerLink,
  });

  final rust.BridgeMessageTarget target;
  final String clientName;
  final rust.BridgeSnapshot snapshot;
  final List<ChatEntry> messages;
  final BigInt? currentChannelId;
  final String channelName;
  final VoidCallback onBack;
  final Ts3ServerLinkHandler? onTs3ServerLink;

  @override
  State<_ChatDetailView> createState() => _ChatDetailViewState();
}

class _ChatDetailViewState extends State<_ChatDetailView> {
  final _textCtl = TextEditingController();
  final _scrollCtl = ScrollController();

  Iterable<ChatEntry> get _filtered {
    if (widget.target is rust.BridgeMessageTarget_Channel) {
      return widget.messages.where(
        (m) => m.target == widget.target || m.isPoke,
      );
    }
    return widget.messages.where((m) => m.target == widget.target);
  }

  bool get _canSend =>
      canSendToChatTarget(widget.target, widget.currentChannelId);

  String? get _blockedReason =>
      chatSendBlockedReason(widget.target, widget.currentChannelId);

  String get _title => chatTargetTitle(
    widget.target,
    channelName: widget.channelName,
    clientName: widget.clientName,
  );

  @override
  void dispose() {
    _textCtl.dispose();
    _scrollCtl.dispose();
    super.dispose();
  }

  void _send() {
    final text = _textCtl.text.trim();
    if (text.isEmpty || !_canSend) return;
    _textCtl.clear();
    unawaited(rust.sendChatMessage(message: text, target: widget.target));
    final ownId = widget.snapshot.ownClientId;
    setState(() {
      widget.messages.add(
        ChatEntry(
          senderId: ownId,
          senderName: widget.target is rust.BridgeMessageTarget_Poke
              ? widget.clientName
              : 'You',
          message: text,
          target: widget.target,
          isSelf: true,
          timestamp: DateTime.now(),
        ),
      );
      if (widget.messages.length > 200) {
        widget.messages.removeRange(0, widget.messages.length - 200);
      }
    });
    _scrollToBottom();
  }

  void _scrollToBottom() {
    if (_scrollCtl.hasClients) {
      _scrollCtl.animateTo(
        _scrollCtl.position.maxScrollExtent,
        duration: const Duration(milliseconds: 100),
        curve: Curves.easeOut,
      );
    }
  }

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    final msgs = _filtered.toList();
    final placeholder = chatInputPlaceholder(
      widget.target,
      channelName: widget.channelName,
      clientName: widget.clientName,
    );

    return Scaffold(
      appBar: AppBar(
        leading: IconButton(
          icon: const Icon(Icons.arrow_back),
          onPressed: () => Navigator.of(context).pop(),
        ),
        title: Text(_title),
        actions: [
          TextButton(onPressed: widget.onBack, child: const Text('Activity')),
        ],
      ),
      body: Column(
        children: [
          Expanded(
            child: msgs.isEmpty
                ? Center(
                    child: Padding(
                      padding: const EdgeInsets.all(32),
                      child: Column(
                        mainAxisSize: MainAxisSize.min,
                        children: [
                          Icon(
                            Icons.forum_outlined,
                            size: 48,
                            color: theme.colorScheme.onSurfaceVariant,
                          ),
                          const SizedBox(height: 16),
                          Text(
                            chatEmptyTitle(widget.target),
                            style: theme.textTheme.titleMedium,
                            textAlign: TextAlign.center,
                          ),
                          const SizedBox(height: 8),
                          Text(
                            chatEmptyBody(
                              widget.target,
                              channelName: widget.channelName,
                            ),
                            style: theme.textTheme.bodyMedium?.copyWith(
                              color: theme.colorScheme.onSurfaceVariant,
                            ),
                            textAlign: TextAlign.center,
                          ),
                        ],
                      ),
                    ),
                  )
                : ListView.builder(
                    controller: _scrollCtl,
                    padding: const EdgeInsets.symmetric(vertical: 8),
                    itemCount: msgs.length,
                    itemBuilder: (_, i) => _MessageBubble(
                      entry: msgs[i],
                      onTs3ServerLink: widget.onTs3ServerLink,
                    ),
                  ),
          ),
          if (_blockedReason != null)
            Container(
              width: double.infinity,
              padding: const EdgeInsets.all(12),
              color: theme.colorScheme.surfaceContainerHighest,
              child: Text(
                _blockedReason!,
                style: theme.textTheme.bodySmall?.copyWith(
                  color: theme.colorScheme.onSurfaceVariant,
                ),
                textAlign: TextAlign.center,
              ),
            ),
          if (_canSend && _blockedReason == null)
            Padding(
              padding: const EdgeInsets.all(8),
              child: Row(
                children: [
                  Expanded(
                    child: TextField(
                      controller: _textCtl,
                      decoration: InputDecoration(
                        hintText: placeholder,
                        border: OutlineInputBorder(
                          borderRadius: BorderRadius.circular(24),
                        ),
                        contentPadding: const EdgeInsets.symmetric(
                          horizontal: 16,
                          vertical: 10,
                        ),
                      ),
                      textInputAction: TextInputAction.send,
                      onSubmitted: (_) => _send(),
                    ),
                  ),
                  const SizedBox(width: 8),
                  IconButton.filled(
                    icon: const Icon(Icons.send),
                    onPressed: _send,
                    tooltip: 'Send',
                  ),
                ],
              ),
            ),
        ],
      ),
    );
  }
}

class _MessageBubble extends StatelessWidget {
  const _MessageBubble({required this.entry, this.onTs3ServerLink});

  final ChatEntry entry;
  final Ts3ServerLinkHandler? onTs3ServerLink;

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    if (entry.isPoke) {
      return _PokeHistoryRow(entry: entry);
    }
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      child: Row(
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          CircleAvatar(
            radius: 14,
            child: Text(
              entry.senderName.isNotEmpty
                  ? entry.senderName[0].toUpperCase()
                  : '?',
              style: const TextStyle(fontSize: 12),
            ),
          ),
          const SizedBox(width: 8),
          Expanded(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              children: [
                Text(
                  entry.senderName,
                  style: TextStyle(
                    fontWeight: FontWeight.bold,
                    fontSize: 12,
                    color: entry.isSelf
                        ? theme.colorScheme.primary
                        : entry.isPrivate
                        ? theme.colorScheme.tertiary
                        : null,
                  ),
                ),
                const SizedBox(height: 2),
                Container(
                  padding: const EdgeInsets.symmetric(
                    horizontal: 10,
                    vertical: 6,
                  ),
                  decoration: BoxDecoration(
                    color: entry.isSelf
                        ? theme.colorScheme.primaryContainer
                        : theme.colorScheme.surfaceContainerHighest,
                    borderRadius: BorderRadius.circular(12),
                  ),
                  child: DefaultTextStyle.merge(
                    style: theme.textTheme.bodyMedium,
                    child: BbCodeText(
                      entry.message,
                      linkTrust: LinkTrustService.instance,
                      onTs3ServerLink: onTs3ServerLink,
                    ),
                  ),
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}

class _PokeHistoryRow extends StatelessWidget {
  const _PokeHistoryRow({required this.entry});

  final ChatEntry entry;

  @override
  Widget build(BuildContext context) {
    final theme = Theme.of(context);
    final l10n = AppL10n.of(context);
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 4),
      child: DecoratedBox(
        decoration: BoxDecoration(
          color: theme.colorScheme.secondaryContainer.withValues(alpha: 0.45),
          borderRadius: BorderRadius.circular(8),
          border: Border.all(
            color: theme.colorScheme.secondary.withValues(alpha: 0.22),
          ),
        ),
        child: Padding(
          padding: const EdgeInsets.symmetric(horizontal: 10, vertical: 7),
          child: Row(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Icon(
                Icons.notifications_none,
                size: 16,
                color: theme.colorScheme.onSecondaryContainer,
              ),
              const SizedBox(width: 8),
              Expanded(
                child: Text(
                  pokeHistoryLine(l10n, entry),
                  style: theme.textTheme.bodySmall?.copyWith(
                    color: theme.colorScheme.onSecondaryContainer,
                    fontFeatures: const [FontFeature.tabularFigures()],
                  ),
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}