import 'dart:async';
import 'dart:convert';
import 'dart:io';

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
import 'package:image_picker/image_picker.dart';
import 'package:path_provider/path_provider.dart';
import 'package:uuid/uuid.dart';

import '../api/oa_client.dart';
import '../device/device_bridge.dart';
import '../im/chat_prefs.dart';
import '../im/chat_local_store.dart';
import '../im/im_seq_store.dart';
import '../im/sticker_store.dart';
import '../session/session.dart';
import '../theme.dart';
import '../widgets/auth_image.dart';
import '../widgets/tencent_map_thumb.dart';
import '../widgets/voice_message.dart';
import '../widgets/wecom.dart';
import 'call_page.dart';
import 'chat_detail_page.dart';
import 'location_pick_page.dart';
import 'pick_people_page.dart';
import 'record_detail_page.dart';

const _emojis = [
  '😀',
  '😁',
  '😂',
  '🤣',
  '😃',
  '😄',
  '😅',
  '😆',
  '😉',
  '😊',
  '😋',
  '😎',
  '😍',
  '😘',
  '🥰',
  '😗',
  '😙',
  '😚',
  '🙂',
  '🤗',
  '🤩',
  '🤔',
  '🤨',
  '😐',
  '😑',
  '😶',
  '🙄',
  '😏',
  '😣',
  '😥',
  '😮',
  '🤐',
  '😯',
  '😪',
  '😫',
  '🥱',
  '😴',
  '😌',
  '😛',
  '😜',
  '😝',
  '🤤',
  '😒',
  '😓',
  '😔',
  '😕',
  '🙃',
  '🤑',
  '😲',
  '🙁',
  '😖',
  '😞',
  '😟',
  '😤',
  '😢',
  '😭',
  '😦',
  '😧',
  '😨',
  '😩',
  '🤯',
  '😬',
  '😰',
  '😱',
  '🥵',
  '🥶',
  '😳',
  '🤪',
  '😵',
  '😡',
  '😠',
  '🤬',
  '😷',
  '🤒',
  '🤕',
  '🤢',
  '🤮',
  '🤧',
  '😇',
  '🥳',
  '🥺',
  '🤠',
  '🤡',
  '🤥',
  '🤫',
  '🤭',
  '🧐',
  '🤓',
  '😈',
  '👿',
  '👹',
  '👺',
  '💀',
  '👻',
  '👽',
  '🤖',
  '💩',
  '😺',
  '😸',
  '😹',
  '😻',
  '😼',
  '😽',
  '🙀',
  '😿',
  '😾',
  '🙈',
  '🙉',
  '🙊',
  '💋',
  '💌',
  '💘',
  '💝',
  '💖',
  '💗',
  '💓',
  '💞',
  '💕',
  '💟',
  '❣️',
  '💔',
  '❤️',
  '🧡',
  '💛',
  '💚',
  '💙',
  '💜',
  '🖤',
  '👍',
  '👎',
  '👌',
  '✌️',
  '🤞',
  '🤟',
  '🤘',
  '🤙',
  '👈',
  '👉',
  '👆',
  '👇',
  '☝️',
  '✋',
  '🤚',
  '🖐',
  '🖖',
  '👋',
  '🤝',
  '🙏',
  '💪',
  '🦾',
  '👏',
  '🙌',
  '👐',
  '🤲',
  '✊',
  '👊',
  '🤛',
  '🤜',
  '🫶',
  '👀',
  '🔥',
  '⭐',
  '🌟',
  '✨',
  '🎉',
  '🎊',
  '🎈',
  '🎁',
  '🏆',
  '🥇',
  '🎯',
  '📌',
  '📍',
  '💡',
  '💯',
  '✅',
  '❌',
  '❓',
  '❗',
  '💤',
  '💢',
  '💥',
  '💦',
  '💨',
  '🌸',
  '🌹',
  '🍀',
  '🌙',
  '☀️',
  '🌈',
  '☕',
  '🍺',
];

bool _isGifFile(String path, {String? name, String? mime}) {
  final n = (name ?? path).toLowerCase();
  if (n.endsWith('.gif')) return true;
  if ((mime ?? '').toLowerCase().contains('gif')) return true;
  try {
    final raf = File(path).openSync();
    final b = raf.readSync(6);
    raf.closeSync();
    return b.length >= 3 && b[0] == 0x47 && b[1] == 0x49 && b[2] == 0x46;
  } catch (_) {
    return false;
  }
}

class ChatPage extends StatefulWidget {
  const ChatPage({
    super.key,
    required this.session,
    required this.api,
    this.peerId = '',
    this.conversationId = '',
    required this.peerName,
    this.isGroup = false,
    this.peerAvatarFileId,
    this.embedded = false,
  });
  final SessionStore session;
  final OaClient api;
  final String peerId;
  final String conversationId;
  final String peerName;
  final bool isGroup;
  final String? peerAvatarFileId;
  final bool embedded;

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

class _ChatPageState extends State<ChatPage> {
  final _input = TextEditingController();
  final _scroll = ScrollController();
  final _focus = FocusNode();
  List<Map<String, dynamic>> _items = [];
  String _convId = '';
  bool _sending = false;
  bool _plus = false;
  bool _emoji = false;
  bool _voice = false;
  bool _recording = false;
  bool _cancelVoice = false;
  bool _pressed = false;
  int _emojiTab = 0;
  DateTime? _voiceDown;
  Offset? _downGlobal;
  Future<void>? _voiceStart;
  bool _firstLoad = true;
  Timer? _receiptPoll;
  Timer? _playTimer;
  Timer? _imDebounce;
  String? _playingId;
  final Set<String> _voiceTextLoading = {};
  Color _bg = const Color(0xFFF5F5F5);
  int _loadSeq = 0;

  @override
  void initState() {
    super.initState();
    _convId = widget.conversationId;
    widget.session.im.addListener(_onIm);
    DeviceBridge.watchScreenshot(_onScreenshot);
    ChatPrefs.ensure().then((_) {
      StickerStore.ensure();
      if (mounted) setState(() => _applyPrefs());
    });
    _load(jump: true);
    _ackRead();
    _receiptPoll = Timer.periodic(const Duration(seconds: 10), (_) {
      if (mounted) {
        _ackRead();
        _load();
      }
    });
  }

  @override
  void dispose() {
    _receiptPoll?.cancel();
    _imDebounce?.cancel();
    _playTimer?.cancel();
    DeviceBridge.stopPlay();
    DeviceBridge.unwatchScreenshot(_onScreenshot);
    widget.session.im.removeListener(_onIm);
    widget.session.im.bump();
    _input.dispose();
    _scroll.dispose();
    _focus.dispose();
    super.dispose();
  }

  void _applyPrefs() {
    final c = ChatPrefs.bgColor(_convId);
    _bg = c == null ? const Color(0xFFF5F5F5) : Color(c);
  }

  void _hideBoard() {
    _focus.unfocus();
    if (_plus || _emoji)
      setState(() {
        _plus = false;
        _emoji = false;
      });
  }

  void _onIm() {
    final inbox = widget.session.im.inbox;
    if (inbox.isNotEmpty) {
      final last = inbox.first;
      final conv = '${last.raw['conversationId'] ?? ''}';
      final same = conv.isEmpty || conv == _convId;
      if (same && last.kind == 'receipt') {
        final me = widget.session.userId;
        setState(() {
          _items = [
            for (final e in _items)
              '${e['fromUserId']}' == me
                  ? {
                      ...e,
                      'readCount': (((e['readCount'] as num?)?.toInt() ?? 0) < 1
                          ? 1
                          : e['readCount'])
                    }
                  : e
          ];
        });
      } else if (same && last.kind == 'readSync') {
        // 多端已读同步由会话列表角标处理，此处仅刷新消息
      }
    }
    _ackRead();
    _imDebounce?.cancel();
    _imDebounce = Timer(const Duration(milliseconds: 400), () {
      if (mounted) _load();
    });
  }

  Future<void> _ackRead() async {
    if (_convId.isEmpty && widget.peerId.isEmpty) return;
    try {
      await widget.api.post('/im/read', {
        if (_convId.isNotEmpty) 'conversationId': _convId,
        if (widget.peerId.isNotEmpty) 'peerId': widget.peerId,
      });
    } catch (_) {}
  }

  Map<String, String> get _query {
    if (_convId.isNotEmpty) return {'conversationId': _convId};
    return {'peerId': widget.peerId};
  }

  Map<String, dynamic> _metaOf(Map<String, dynamic> r) {
    final m = r['meta'];
    if (m is Map) return Map<String, dynamic>.from(m);
    if (m is String && m.isNotEmpty) {
      try {
        final d = jsonDecode(m);
        if (d is Map) return Map<String, dynamic>.from(d);
      } catch (_) {}
    }
    return {};
  }

  Future<void> _load({bool jump = false}) async {
    final seq = ++_loadSeq;
    try {
      await ImSeqStore.ensure();
      final query = Map<String, String>.from(_query);
      if (_convId.isNotEmpty) {
        final since = await ImSeqStore.lastSeq(_convId);
        if (since > 0) query['sinceSeq'] = '$since';
      }
      final data = await widget.api.get('/im/messages', query: query);
      final items = data is Map ? asMaps(data['items'] ?? data) : asMaps(data);
      if (data is Map && data['conversationId'] != null)
        _convId = '${data['conversationId']}';
      final local = await ChatLocalStore.load(_convId);
      final byKey = <String, Map<String, dynamic>>{};
      for (final e in [...local, ...items]) {
        final fp = '${e['fingerprint'] ?? ''}';
        final s = (e['seq'] as num?)?.toInt() ?? 0;
        final key = fp.isNotEmpty
            ? 'fp:$fp'
            : (s > 0 ? 'seq:$s' : 'id:${e['id'] ?? ''}');
        if (key != '|' && key != 'id:') byKey[key] = e;
      }
      final merged = byKey.values.toList()
        ..sort((a, b) {
          final sa = (a['seq'] as num?)?.toInt() ?? 0;
          final sb = (b['seq'] as num?)?.toInt() ?? 0;
          if (sa > 0 && sb > 0 && sa != sb) return sa.compareTo(sb);
          return '${a['createdAt'] ?? ''}'.compareTo('${b['createdAt'] ?? ''}');
        });
      final cut = ChatPrefs.clearedAt(_convId);
      final shown = cut == null
          ? merged
          : merged.where((e) {
              final t = DateTime.tryParse('${e['createdAt'] ?? ''}');
              return t == null || t.isAfter(cut);
            }).toList();
      if (!mounted || seq != _loadSeq) return;
      final pending = _items.where((e) => e['_pending'] == true).toList();
      final fps = {for (final e in shown) '${e['fingerprint'] ?? ''}'};
      final keep = pending
          .where((e) => !fps.contains('${e['fingerprint'] ?? ''}'))
          .toList();
      setState(() {
        _items = [...shown, ...keep];
        _applyPrefs();
      });
      await ChatLocalStore.save(_convId, merged);
      if (_convId.isNotEmpty) await ImSeqStore.applyItems(_convId, merged);
      final shouldJump = jump || _firstLoad;
      _firstLoad = false;
      if (shouldJump) {
        await Future<void>.delayed(const Duration(milliseconds: 50));
        _jumpBottom();
      }
    } catch (_) {}
  }

  void _jumpBottom() {
    if (_scroll.hasClients) _scroll.jumpTo(_scroll.position.maxScrollExtent);
  }

  Future<void> _post(Map<String, dynamic> body) async {
    await _optimisticPost(body);
  }

  Future<void> _optimisticPost(Map<String, dynamic> body) async {
    final fp = '${body['fingerprint'] ?? const Uuid().v4()}';
    final local = <String, dynamic>{
      'id': 'local-$fp',
      'fromUserId': widget.session.userId,
      'fromName': widget.session.displayName,
      'body': body['body'],
      'contentType': body['contentType'] ?? 'text',
      'kind': 'chat',
      'fingerprint': fp,
      'meta': body['meta'],
      'createdAt': DateTime.now().toIso8601String(),
      'readCount': 0,
      '_pending': true,
    };
    if (mounted) {
      setState(() => _items = [..._items, local]);
      unawaited(ChatLocalStore.save(_convId, _items));
      WidgetsBinding.instance.addPostFrameCallback((_) => _jumpBottom());
    }
    try {
      await widget.api.post('/im/messages', {
        if (widget.peerId.isNotEmpty) 'peerId': widget.peerId,
        if (_convId.isNotEmpty) 'conversationId': _convId,
        'fingerprint': fp,
        ...body,
      });
      await DeviceBridge.playMessageSent();
      widget.session.im.bump();
      await _load(jump: true);
    } catch (e) {
      if (mounted) {
        setState(() =>
            _items = _items.where((e) => e['id'] != local['id']).toList());
      }
      rethrow;
    }
  }

  Future<void> _send() async {
    final text = _input.text.trim();
    if (text.isEmpty || _sending) return;
    _input.clear();
    try {
      await _optimisticPost({'body': text});
    } catch (e) {
      if (mounted) {
        _input.text = text;
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text('$e')));
      }
    }
  }

  Future<void> _onScreenshot() async {
    if (!mounted) return;
    try {
      await _ensureConv();
      if (_convId.isEmpty && widget.peerId.isEmpty) return;
      await widget.api.post('/im/events/screenshot', {
        if (_convId.isNotEmpty) 'conversationId': _convId,
        if (widget.peerId.isNotEmpty) 'peerId': widget.peerId,
      });
      await _load();
    } catch (_) {}
  }

  Future<void> _ensureConv() async {
    if (_convId.isEmpty) await _load();
  }

  Future<Map<String, dynamic>> _upload(String path, String name, String bizType,
      {String? mime}) async {
    await _ensureConv();
    final bizId = _convId.isNotEmpty ? _convId : widget.session.userId;
    return widget.api.uploadFile(
        filePath: path,
        filename: name,
        bizType: bizType,
        bizId: bizId,
        mime: mime);
  }

  Future<void> _sendMediaFile({
    required String path,
    required String name,
    String? mime,
    required bool sticker,
  }) async {
    setState(() => _sending = true);
    try {
      final gif = sticker || _isGifFile(path, name: name, mime: mime);
      Map<String, dynamic> file;
      if (gif) {
        try {
          file = await _upload(path, name, 'IM_STICKER', mime: mime);
        } catch (_) {
          file = await _upload(path, name, 'IM_IMAGE', mime: mime);
        }
      } else {
        file = await _upload(path, name, 'IM_IMAGE', mime: mime);
      }
      final id = '${file['id'] ?? ''}';
      if (gif && id.isNotEmpty) await StickerStore.add(id);
      await _post({
        'body': gif ? '[表情]' : '[图片]',
        'contentType': gif ? 'sticker' : 'image',
        'meta': {
          'fileId': id,
          'fileName': file['fileName'] ?? name,
          'mime': mime ?? (gif ? 'image/gif' : '')
        },
      });
    } catch (e) {
      if (mounted) showWxToast(context, '$e', error: true);
    } finally {
      if (mounted)
        setState(() {
          _sending = false;
          _plus = false;
        });
    }
  }

  Future<void> _pickAlbum() async {
    try {
      final picked = await DeviceBridge.pickMedia();
      if (picked == null || (picked['path'] ?? '').isEmpty) return;
      await _sendMediaFile(
        path: picked['path']!,
        name: picked['name'] ?? 'image.jpg',
        mime: picked['mime']?.isNotEmpty == true ? picked['mime'] : null,
        sticker: false,
      );
    } catch (e) {
      if (mounted) showWxToast(context, '$e', error: true);
    }
  }

  Future<void> _pickCamera() async {
    try {
      final x = await ImagePicker().pickImage(
          source: ImageSource.camera, imageQuality: 85, maxWidth: 1920);
      if (x == null) return;
      await _sendMediaFile(
          path: x.path,
          name: x.name.isEmpty ? 'image.jpg' : x.name,
          sticker: false);
    } catch (e) {
      if (mounted)
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text('$e')));
    }
  }

  Future<void> _addCustomSticker() async {
    try {
      final picked = await DeviceBridge.pickMedia();
      if (picked == null || (picked['path'] ?? '').isEmpty) return;
      setState(() => _sending = true);
      await _ensureConv();
      Map<String, dynamic> file;
      try {
        file = await _upload(
            picked['path']!, picked['name'] ?? 'sticker.gif', 'IM_STICKER',
            mime: picked['mime']);
      } catch (_) {
        file = await _upload(
            picked['path']!, picked['name'] ?? 'sticker.gif', 'IM_IMAGE',
            mime: picked['mime']);
      }
      final id = '${file['id'] ?? ''}';
      await StickerStore.add(id);
      if (mounted) setState(() {});
    } catch (e) {
      if (mounted)
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text('$e')));
    } finally {
      if (mounted) setState(() => _sending = false);
    }
  }

  Future<void> _sendSticker(String fileId) async {
    try {
      await _post({
        'body': '[表情]',
        'contentType': 'sticker',
        'meta': {'fileId': fileId},
      });
    } catch (e) {
      if (mounted)
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text('$e')));
    }
  }

  Future<void> _location() async {
    final picked = await Navigator.of(context).push<GeoPlace>(MaterialPageRoute(
      builder: (_) => LocationPickPage(api: widget.api),
    ));
    if (picked == null) return;
    await _post({
      'body': picked.title,
      'contentType': 'location',
      'meta': picked.toMeta(),
    });
    if (mounted) setState(() => _plus = false);
  }

  Future<void> _sendFile() async {
    try {
      final picked = await DeviceBridge.pickFile();
      if (picked == null || (picked['path'] ?? '').isEmpty) return;
      final name = picked['name'] ?? '文件';
      final mime = picked['mime'];
      if (_looksLikeImage(name, mime)) {
        await _sendMediaFile(
            path: picked['path']!, name: name, mime: mime, sticker: false);
        return;
      }
      setState(() => _sending = true);
      Map<String, dynamic> file;
      try {
        file = await _upload(picked['path']!, name, 'IM_FILE', mime: mime);
      } catch (_) {
        file = await _upload(picked['path']!, name, 'IM_IMAGE', mime: mime);
      }
      await _post({
        'body': '[文件] $name',
        'contentType': 'file',
        'meta': {
          'fileId': file['id'],
          'fileName': file['fileName'] ?? name,
          'size': file['size'],
          'mime': picked['mime'] ?? file['mimeType'] ?? '',
        },
      });
    } catch (e) {
      if (mounted)
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text('$e')));
    } finally {
      if (mounted)
        setState(() {
          _sending = false;
          _plus = false;
        });
    }
  }

  String _sizeText(dynamic n) {
    final b = (n as num?)?.toInt() ?? 0;
    if (b < 1024) return '$b B';
    if (b < 1024 * 1024) return '${(b / 1024).toStringAsFixed(1)} KB';
    return '${(b / 1024 / 1024).toStringAsFixed(1)} MB';
  }

  Future<void> _openChatFile(String fileId, String name, String mime) async {
    try {
      final bytes = await widget.api.fileBytes(fileId);
      if (bytes == null) throw Exception('文件无法下载');
      final dir = await getTemporaryDirectory();
      final safe = name.replaceAll(RegExp(r'[/\\]'), '_');
      final f = File('${dir.path}/$safe');
      await f.writeAsBytes(bytes, flush: true);
      await DeviceBridge.openFile(f.path, mime: mime);
    } catch (e) {
      if (mounted)
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text('$e')));
    }
  }

  bool _looksLikeImage(String name, String? mime) {
    final m = (mime ?? '').toLowerCase();
    if (m.startsWith('image/')) return true;
    return RegExp(r'\.(jpe?g|png|gif|webp|bmp|heic|heif)(?:$|[?#\s])',
            caseSensitive: false)
        .hasMatch(name);
  }

  Future<void> _call(String kind) async {
    try {
      final data = await widget.api.post('/im/calls', {
        if (_convId.isNotEmpty) 'conversationId': _convId,
        if (widget.peerId.isNotEmpty) 'peerId': widget.peerId,
        'kind': kind,
      });
      if (!mounted) return;
      if (data is Map) {
        openCallPage(
          context,
          session: widget.session,
          api: widget.api,
          call: Map<String, dynamic>.from(data),
          peerName: widget.peerName,
        );
      }
    } catch (e) {
      if (mounted) showWxToast(context, '$e', error: true);
    }
    if (mounted) setState(() => _plus = false);
  }

  Future<void> _openBusinessCard(Map<String, dynamic> meta) async {
    final path = '${meta['fetchPath'] ?? ''}';
    final title = '${meta['title'] ?? '业务详情'}';
    if (!path.startsWith('/') || path.contains('..')) {
      showWxToast(context, '业务卡片地址无效', error: true);
      return;
    }
    try {
      // 必须实际请求详情接口，由服务端权限规则决定能否查看。
      final raw = await widget.api.get(path);
      if (!mounted) return;
      final row =
          raw is Map ? Map<String, dynamic>.from(raw) : <String, dynamic>{};
      row['_fetch'] = path;
      Navigator.of(context).push(MaterialPageRoute(
        builder: (_) => RecordDetailPage(
          api: widget.api,
          seed: row,
          title: title,
        ),
      ));
    } catch (e) {
      if (!mounted) return;
      final message = '$e';
      if (RegExp(r'无权|权限|禁止|403').hasMatch(message)) {
        showWxToast(context, '您无权查看本信息', error: true);
      } else {
        showWxToast(context, message, error: true);
      }
    }
  }

  Future<void> _beginVoice() async {
    setState(() {
      _recording = true;
      _cancelVoice = false;
    });
    _voiceDown = DateTime.now();
    _voiceStart = DeviceBridge.startVoice();
    try {
      await _voiceStart;
      if (!_pressed) {
        await DeviceBridge.cancelVoice();
        if (mounted) setState(() => _recording = false);
      }
    } catch (e) {
      if (mounted) {
        setState(() => _recording = false);
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text('$e')));
      }
    }
  }

  Future<void> _endVoice() async {
    if (!_pressed && !_recording) return;
    final cancel = _cancelVoice;
    final start = _voiceDown;
    _pressed = false;
    _voiceDown = null;
    _downGlobal = null;
    if (mounted)
      setState(() {
        _recording = false;
        _cancelVoice = false;
      });
    try {
      await _voiceStart;
    } catch (_) {
      await DeviceBridge.cancelVoice();
      return;
    }
    if (cancel || start == null) {
      await DeviceBridge.cancelVoice();
      return;
    }
    final ms = DateTime.now().difference(start).inMilliseconds;
    if (ms < 700) {
      await DeviceBridge.cancelVoice();
      if (mounted)
        ScaffoldMessenger.of(context)
            .showSnackBar(const SnackBar(content: Text('说话时间太短')));
      return;
    }
    try {
      final file = await DeviceBridge.stopVoice();
      final path = '${file?['path'] ?? ''}';
      if (path.isEmpty) {
        if (mounted)
          ScaffoldMessenger.of(context)
              .showSnackBar(const SnackBar(content: Text('说话时间太短')));
        return;
      }
      setState(() => _sending = true);
      final sec = (ms / 1000).round().clamp(1, 60);
      final up = await _upload(
          path, file?['name']?.toString() ?? 'voice.m4a', 'IM_VOICE',
          mime: 'audio/mp4');
      await _post({
        'body': '[语音] $sec″',
        'contentType': 'voice',
        'meta': {
          'fileId': up['id'],
          'seconds': sec,
          'fileName': up['fileName']
        },
      });
    } catch (e) {
      await DeviceBridge.cancelVoice();
      if (mounted)
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text('$e')));
    } finally {
      if (mounted) setState(() => _sending = false);
    }
  }

  Future<void> _playVoice(Map<String, dynamic> r) async {
    final meta = _metaOf(r);
    final fileId = '${meta['fileId'] ?? ''}';
    final sec = (meta['seconds'] as num?)?.toInt() ?? 1;
    if (fileId.isEmpty) return;
    if (_playingId == fileId) {
      await DeviceBridge.stopPlay();
      _playTimer?.cancel();
      setState(() => _playingId = null);
      return;
    }
    try {
      final bytes = await widget.api.fileBytes(fileId);
      if (bytes == null || bytes.isEmpty) throw Exception('语音无法下载');
      final dir = await getTemporaryDirectory();
      final f = File('${dir.path}/voice_$fileId.m4a');
      await f.writeAsBytes(bytes, flush: true);
      await DeviceBridge.playVoice(f.path);
      _playTimer?.cancel();
      setState(() => _playingId = fileId);
      _playTimer = Timer(Duration(seconds: sec.clamp(1, 60) + 1), () {
        if (mounted) setState(() => _playingId = null);
      });
    } catch (e) {
      if (mounted)
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text('$e')));
    }
  }

  Future<void> _onBubbleLongPress(Map<String, dynamic> r) async {
    final ctype = '${r['contentType'] ?? 'text'}';
    final meta = _metaOf(r);
    final fileId = '${meta['fileId'] ?? ''}';
    final mine = '${r['fromUserId']}' == widget.session.userId;
    final acts = <(String, String)>[];
    if (ctype == 'text' &&
        r['recalledAt'] == null &&
        '${r['body'] ?? ''}'.isNotEmpty) acts.add(('复制', 'copy'));
    if ((ctype == 'image' || ctype == 'sticker') && fileId.isNotEmpty) {
      acts.add(('查看', 'view'));
      acts.add(('保存到相册', 'save'));
    }
    if (ctype == 'location') acts.add(('查看位置', 'loc'));
    if (ctype == 'voice' && fileId.isNotEmpty) acts.add(('语音转文字', 'voiceText'));
    if (ctype == 'sticker' && fileId.isNotEmpty) {
      acts.add((StickerStore.has(fileId) ? '已在表情' : '添加到表情', 'sticker'));
    }
    acts.add(('转发', 'forward'));
    if (mine && ctype == 'text') {
      final t = DateTime.tryParse('${r['createdAt'] ?? ''}');
      if (r['recalledAt'] != null) {
        acts.add(('重新编辑', 'edit'));
      } else if (t != null && DateTime.now().difference(t).inMinutes < 2) {
        acts.add(('编辑', 'edit'));
        acts.add(('撤回', 'recall'));
      }
    }
    if (acts.isEmpty) return;
    final a = await showWxSheet(context, acts);
    if (a == null || !mounted) return;
    if (a == 'copy') {
      await Clipboard.setData(ClipboardData(text: '${r['body'] ?? ''}'));
      if (mounted) showWxToast(context, '已复制');
    } else if (a == 'view' && fileId.isNotEmpty) {
      _previewImage(fileId);
    } else if (a == 'save' && fileId.isNotEmpty) {
      await _saveChatImage(fileId);
    } else if (a == 'loc') {
      _openLocation(meta, '${r['body'] ?? ''}');
    } else if (a == 'voiceText') {
      await _voiceToText(r, fileId);
    } else if (a == 'sticker' && fileId.isNotEmpty) {
      await StickerStore.add(fileId);
      if (mounted) {
        setState(() {});
        ScaffoldMessenger.of(context)
            .showSnackBar(const SnackBar(content: Text('已添加到表情')));
      }
    } else if (a == 'forward') {
      await _forwardMessage(r);
    } else if (a == 'edit') {
      await _editMessage(r);
    } else if (a == 'recall') {
      await _recallMessage(r);
    }
  }

  Future<void> _recallMessage(Map<String, dynamic> r) async {
    final id = '${r['id'] ?? ''}';
    if (id.isEmpty || id.startsWith('local-')) return;
    try {
      await widget.api.post('/im/messages/$id/recall', {});
      await _load();
    } catch (e) {
      if (mounted) showWxToast(context, '$e', error: true);
    }
  }

  Future<void> _voiceToText(Map<String, dynamic> row, String fileId) async {
    final key = _voiceKey(row, fileId);
    final cached = ChatPrefs.voiceText(key);
    if (cached != null && cached.isNotEmpty) {
      setState(() {});
      return;
    }
    if (_voiceTextLoading.contains(key)) return;
    setState(() => _voiceTextLoading.add(key));
    try {
      final bytes = await widget.api.fileBytes(fileId);
      if (bytes == null || bytes.isEmpty) throw Exception('语音无法下载');
      final dir = await getTemporaryDirectory();
      final file = File('${dir.path}/asr_$fileId.m4a');
      await file.writeAsBytes(bytes, flush: true);
      final text = await DeviceBridge.speechToText(audioPath: file.path);
      if (!mounted) return;
      if (text == null || text.trim().isEmpty) {
        showWxToast(context, '未识别到文字', error: true);
        return;
      }
      await ChatPrefs.setVoiceText(key, text.trim());
      if (mounted) setState(() {});
    } catch (e) {
      if (mounted) showWxToast(context, '$e', error: true);
    } finally {
      if (mounted) setState(() => _voiceTextLoading.remove(key));
    }
  }

  String _voiceKey(Map<String, dynamic> row, String fileId) {
    final id = '${row['id'] ?? ''}';
    return id.isNotEmpty ? id : fileId;
  }

  void _previewImage(String fileId) {
    final fileIds = <String>[];
    for (final row in _items) {
      final ctype = '${row['contentType'] ?? ''}';
      final meta = _metaOf(row);
      final id = '${meta['fileId'] ?? ''}';
      final name = '${meta['fileName'] ?? row['body'] ?? ''}';
      if (id.isNotEmpty &&
          (ctype == 'image' ||
              ctype == 'sticker' ||
              _looksLikeImage(name, '${meta['mime'] ?? ''}'))) {
        if (!fileIds.contains(id)) fileIds.add(id);
      }
    }
    if (!fileIds.contains(fileId)) fileIds.add(fileId);
    Navigator.of(context).push(MaterialPageRoute(
      builder: (_) => _ImagePreviewPage(
        api: widget.api,
        fileIds: fileIds,
        initialIndex: fileIds.indexOf(fileId),
      ),
    ));
  }

  void _openLocation(Map<String, dynamic> meta, String fallback) {
    Navigator.of(context).push(MaterialPageRoute(
      builder: (_) => _LocationViewPage(
        api: widget.api,
        title: '${meta['title'] ?? fallback}',
        address: '${meta['address'] ?? ''}',
        lat: (meta['lat'] as num?)?.toDouble(),
        lng: (meta['lng'] as num?)?.toDouble(),
      ),
    ));
  }

  Future<void> _saveChatImage(String fileId) async {
    try {
      final bytes = await widget.api.fileBytes(fileId);
      if (bytes == null || bytes.isEmpty) throw Exception('图片无法下载');
      final dir = await getTemporaryDirectory();
      final f = File('${dir.path}/img_$fileId.jpg');
      await f.writeAsBytes(bytes, flush: true);
      await DeviceBridge.saveImage(f.path);
      if (mounted)
        ScaffoldMessenger.of(context)
            .showSnackBar(const SnackBar(content: Text('已保存到相册')));
    } catch (e) {
      if (mounted)
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text('$e')));
    }
  }

  Future<void> _forwardMessage(Map<String, dynamic> r) async {
    final picked = await Navigator.of(context)
        .push<List<Map<String, dynamic>>>(MaterialPageRoute(
      builder: (_) => PickPeoplePage(
          api: widget.api,
          title: '转发给',
          multiple: true,
          exclude: {widget.session.userId}),
    ));
    if (picked == null || picked.isEmpty) return;
    final meta = _metaOf(r);
    try {
      for (final p in picked) {
        await widget.api.post('/im/messages', {
          'peerId': '${p['id']}',
          'body': r['body'] ?? '',
          'contentType': r['contentType'] ?? 'text',
          if (meta.isNotEmpty) 'meta': meta,
        });
      }
      if (mounted)
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text('已转发给 ${picked.length} 人')));
    } catch (e) {
      if (mounted)
        ScaffoldMessenger.of(context)
            .showSnackBar(SnackBar(content: Text('$e')));
    }
  }

  Future<void> _editMessage(Map<String, dynamic> r) async {
    final id = '${r['id'] ?? ''}';
    if (id.isEmpty || id.startsWith('local-')) return;
    final c = TextEditingController(text: '${r['body'] ?? ''}');
    final ok = await showDialog<bool>(
      context: context,
      builder: (ctx) => AlertDialog(
        title: Text(r['recalledAt'] != null ? '重新编辑' : '编辑消息'),
        content: TextField(controller: c, maxLines: 4, autofocus: true),
        actions: [
          TextButton(
              onPressed: () => Navigator.pop(ctx, false),
              child: const Text('取消')),
          FilledButton(
              onPressed: () => Navigator.pop(ctx, true),
              child: const Text('保存')),
        ],
      ),
    );
    if (ok != true) return;
    try {
      await widget.api.patch('/im/messages/$id', {'body': c.text.trim()});
      await _load();
    } catch (e) {
      if (mounted) showWxToast(context, '$e', error: true);
    }
  }

  Future<void> _openDetail() async {
    if (_convId.isEmpty) await _load();
    if (!mounted) return;
    final r = await Navigator.of(context).push<String>(MaterialPageRoute(
      builder: (_) => ChatDetailPage(
        session: widget.session,
        api: widget.api,
        conversationId: _convId,
        peerId: widget.peerId,
        peerName: widget.peerName,
        isGroup: widget.isGroup,
        peerAvatarFileId: widget.peerAvatarFileId,
        messages: _items,
        onCall: _call,
      ),
    ));
    if (!mounted) return;
    setState(_applyPrefs);
    if (r == 'cleared') await _load(jump: true);
  }

  @override
  Widget build(BuildContext context) {
    final me = widget.session.userId;
    final myAvatar = '${widget.session.user['avatarFileId'] ?? ''}';
    return Scaffold(
      backgroundColor: _bg,
      appBar: AppBar(
        title: Text(widget.peerName),
        automaticallyImplyLeading: !widget.embedded,
        leading: widget.embedded ? null : const BackButton(),
        actions: [
          IconButton(
              onPressed: _openDetail, icon: const Icon(Icons.more_horiz)),
        ],
      ),
      body: Stack(
        children: [
          Column(
            children: [
              Expanded(
                child: GestureDetector(
                  behavior: HitTestBehavior.translucent,
                  onTap: _hideBoard,
                  child: ListView.builder(
                    controller: _scroll,
                    padding: const EdgeInsets.fromLTRB(10, 12, 10, 12),
                    itemCount: _items.length,
                    itemBuilder: (_, i) {
                      final r = _items[i];
                      return KeyedSubtree(
                        key: ValueKey('${r['id']}_${r['fingerprint']}'),
                        child: _bubble(r, i, me, myAvatar),
                      );
                    },
                  ),
                ),
              ),
              _composer(),
            ],
          ),
          if (_recording)
            Positioned.fill(
              child: IgnorePointer(
                child: ColoredBox(
                  color: Colors.black.withValues(alpha: 0.35),
                  child: Column(
                    children: [
                      const Spacer(),
                      Icon(_cancelVoice ? Icons.undo : Icons.mic,
                          color: _cancelVoice ? kDanger : Colors.white,
                          size: 52),
                      const SizedBox(height: 8),
                      Text(
                        _cancelVoice ? '松开手指，取消发送' : '松开发送，上滑取消',
                        style: TextStyle(
                            color: _cancelVoice ? kDanger : Colors.white,
                            fontSize: 14),
                      ),
                      const SizedBox(height: 120),
                    ],
                  ),
                ),
              ),
            ),
        ],
      ),
    );
  }

  Widget _bubble(Map<String, dynamic> r, int i, String me, String myAvatar) {
    final mine = '${r['fromUserId']}' == me;
    final system = widget.peerId == '0' || '${r['fromUserId']}' == '0';
    final kind = '${r['kind'] ?? 'chat'}';
    final ctype = '${r['contentType'] ?? 'text'}';
    var body = '${r['body'] ?? ''}';
    final showTime = i == 0 ||
        shortTime(r['createdAt']) != shortTime(_items[i - 1]['createdAt']);
    if (kind == 'screenshot' || ctype == 'system' && kind == 'screenshot') {
      return Padding(
        padding: const EdgeInsets.symmetric(vertical: 8),
        child: Center(
            child: Text(body,
                style:
                    const TextStyle(fontSize: 12, color: Color(0xFFB2B2B2)))),
      );
    }
    if (r['recalledAt'] != null) {
      return Padding(
        padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 20),
        child: Center(
          child: Wrap(
            crossAxisAlignment: WrapCrossAlignment.center,
            children: [
              Text(mine ? '你撤回了一条消息' : '对方撤回了一条消息',
                  style:
                      const TextStyle(fontSize: 12, color: Color(0xFFB2B2B2))),
              if (mine)
                TextButton(
                  onPressed: () => _editMessage(r),
                  style: TextButton.styleFrom(
                    minimumSize: Size.zero,
                    padding: const EdgeInsets.only(left: 5),
                    tapTargetSize: MaterialTapTargetSize.shrinkWrap,
                  ),
                  child: const Text('重新编辑', style: TextStyle(fontSize: 12)),
                ),
            ],
          ),
        ),
      );
    }
    final meta = _metaOf(r);
    final fileId = '${meta['fileId'] ?? ''}';
    final avatarId = mine
        ? myAvatar
        : '${r['fromAvatarFileId'] ?? widget.peerAvatarFileId ?? ''}';
    final sticker = ctype == 'sticker' && fileId.isNotEmpty;
    final image = fileId.isNotEmpty &&
        (ctype == 'image' ||
            (ctype == 'file' &&
                _looksLikeImage('${meta['fileName'] ?? body} ${body}',
                    '${meta['mime'] ?? ''}')));
    final voice = ctype == 'voice';
    final loc = ctype == 'location';
    final fileMsg = ctype == 'file' && !image;
    final business = ctype == 'business';
    final sec = (meta['seconds'] as num?)?.toInt() ?? 1;
    final locLat = (meta['lat'] as num?)?.toDouble();
    final locLng = (meta['lng'] as num?)?.toDouble();
    return Column(
      children: [
        if (showTime)
          Padding(
            padding: const EdgeInsets.symmetric(vertical: 8),
            child: Text(shortTime(r['createdAt']),
                style: const TextStyle(fontSize: 12, color: Color(0xFFB2B2B2))),
          ),
        Row(
          crossAxisAlignment: CrossAxisAlignment.start,
          mainAxisAlignment:
              mine ? MainAxisAlignment.end : MainAxisAlignment.start,
          children: [
            if (!mine) ...[
              SquareAvatar(
                label: system ? '?' : '${r['fromName'] ?? widget.peerName}',
                size: 36,
                color: system ? const Color(0xFF07C160) : null,
                icon: system ? Icons.notifications : null,
                fileId: avatarId.isEmpty ? null : avatarId,
                api: widget.api,
              ),
              const SizedBox(width: 8),
            ],
            Flexible(
              child: voice
                  ? VoiceMessageBlock(
                      mine: mine,
                      seconds: sec,
                      playing: _playingId == fileId,
                      transcript: ChatPrefs.voiceText(_voiceKey(r, fileId)),
                      loading: _voiceTextLoading.contains(_voiceKey(r, fileId)),
                      onTap: () => _playVoice(r),
                      onLongPress: () => _onBubbleLongPress(r),
                      readLabel: mine
                          ? (((r['readCount'] as num?)?.toInt() ?? 0) > 0
                              ? '已读'
                              : '未读')
                          : null,
                    )
                  : GestureDetector(
                onTap: business
                    ? () => _openBusinessCard(meta)
                    : ((image || sticker) && fileId.isNotEmpty)
                        ? () => _previewImage(fileId)
                        : (loc ? () => _openLocation(meta, body) : null),
                onLongPress: () => _onBubbleLongPress(r),
                child: Container(
                  margin: const EdgeInsets.only(bottom: 8),
                  padding: sticker
                      ? EdgeInsets.zero
                      : (image || loc)
                          ? const EdgeInsets.all(4)
                          : const EdgeInsets.symmetric(
                              horizontal: 12, vertical: 9),
                  constraints: const BoxConstraints(maxWidth: 280),
                  decoration: BoxDecoration(
                    color: sticker
                        ? Colors.transparent
                        : (loc
                            ? Colors.white
                            : (mine ? kBubbleMine : Colors.white)),
                    borderRadius: BorderRadius.circular(6),
                  ),
                  child: Column(
                    crossAxisAlignment: mine
                        ? CrossAxisAlignment.end
                        : CrossAxisAlignment.start,
                    children: [
                      if (business)
                        SizedBox(
                          width: 232,
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Row(children: [
                                Container(
                                  width: 36,
                                  height: 36,
                                  decoration: BoxDecoration(
                                    color: kBind.withOpacity(.12),
                                    borderRadius: BorderRadius.circular(8),
                                  ),
                                  child: const Icon(Icons.description_outlined,
                                      color: kBind, size: 22),
                                ),
                                const SizedBox(width: 10),
                                Expanded(
                                  child: Text('${meta['title'] ?? body}',
                                      maxLines: 2,
                                      overflow: TextOverflow.ellipsis,
                                      style: const TextStyle(
                                          color: kInk,
                                          fontSize: 15,
                                          fontWeight: FontWeight.w600)),
                                ),
                              ]),
                              if ('${meta['summary'] ?? ''}'.isNotEmpty) ...[
                                const SizedBox(height: 8),
                                Text('${meta['summary']}',
                                    maxLines: 2,
                                    overflow: TextOverflow.ellipsis,
                                    style: const TextStyle(
                                        color: kMute,
                                        fontSize: 12,
                                        height: 1.35)),
                              ],
                              const Padding(
                                padding: EdgeInsets.only(top: 8),
                                child: Divider(height: 1, color: kLine),
                              ),
                              const Padding(
                                padding: EdgeInsets.only(top: 7),
                                child: Row(children: [
                                  Text('工作台信息',
                                      style: TextStyle(
                                          color: kMute, fontSize: 11)),
                                  Spacer(),
                                  Text('查看详情',
                                      style: TextStyle(
                                          color: kBind, fontSize: 11)),
                                  Icon(Icons.chevron_right,
                                      color: kBind, size: 15),
                                ]),
                              ),
                            ],
                          ),
                        )
                      else if (sticker)
                        ConstrainedBox(
                          constraints: const BoxConstraints(
                              maxWidth: 140, maxHeight: 140),
                          child: AuthImage(
                              api: widget.api,
                              fileId: fileId,
                              fit: BoxFit.contain),
                        )
                      else if (image)
                        ClipRRect(
                          borderRadius: BorderRadius.circular(4),
                          child: AuthImage(
                              api: widget.api,
                              fileId: fileId,
                              width: 180,
                              height: 180),
                        )
                      else if (loc)
                        SizedBox(
                          width: 220,
                          child: Column(
                            crossAxisAlignment: CrossAxisAlignment.start,
                            children: [
                              Padding(
                                padding: const EdgeInsets.fromLTRB(8, 6, 8, 0),
                                child: Text(
                                    meta['title']?.toString().isNotEmpty == true
                                        ? '${meta['title']}'
                                        : body,
                                    maxLines: 1,
                                    overflow: TextOverflow.ellipsis,
                                    style: const TextStyle(
                                        fontSize: 15,
                                        fontWeight: FontWeight.w600,
                                        color: kInk)),
                              ),
                              Padding(
                                padding: const EdgeInsets.fromLTRB(8, 2, 8, 6),
                                child: Text('${meta['address'] ?? body}',
                                    maxLines: 1,
                                    overflow: TextOverflow.ellipsis,
                                    style: const TextStyle(
                                        fontSize: 12, color: kMute)),
                              ),
                              ClipRRect(
                                borderRadius: const BorderRadius.only(
                                    bottomLeft: Radius.circular(6),
                                    bottomRight: Radius.circular(6)),
                                child: locLat != null && locLng != null
                                    ? TencentMapThumb(
                                        api: widget.api,
                                        lat: locLat,
                                        lng: locLng,
                                        width: 220,
                                        height: 110)
                                    : const SizedBox(
                                        height: 80,
                                        child: Center(
                                            child: Icon(Icons.place,
                                                color: kWeGreen))),
                              ),
                            ],
                          ),
                        )
                      else if (fileMsg)
                        InkWell(
                          onTap: fileId.isEmpty
                              ? null
                              : () => _openChatFile(
                                  fileId,
                                  '${meta['fileName'] ?? body}',
                                  '${meta['mime'] ?? ''}'),
                          child: Row(
                            mainAxisSize: MainAxisSize.min,
                            children: [
                              const Icon(Icons.insert_drive_file_outlined,
                                  color: kBind, size: 28),
                              const SizedBox(width: 8),
                              Flexible(
                                child: Column(
                                  crossAxisAlignment: CrossAxisAlignment.start,
                                  children: [
                                    Text('${meta['fileName'] ?? body}',
                                        maxLines: 2,
                                        overflow: TextOverflow.ellipsis,
                                        style: const TextStyle(
                                            fontSize: 15, color: kInk)),
                                    if (meta['size'] != null)
                                      Text(_sizeText(meta['size']),
                                          style: const TextStyle(
                                              fontSize: 11, color: kMute)),
                                  ],
                                ),
                              ),
                            ],
                          ),
                        )
                      else if (ctype == 'call')
                        Row(
                          mainAxisSize: MainAxisSize.min,
                          children: [
                            Icon(
                                '${meta['callKind']}' == 'audio'
                                    ? Icons.call
                                    : Icons.videocam,
                                color: kBind,
                                size: 22),
                            const SizedBox(width: 8),
                            Flexible(
                                child: Text(body,
                                    style: const TextStyle(
                                        fontSize: 15, color: kInk))),
                          ],
                        )
                      else if (r['recalledAt'] != null)
                        Text(body,
                            style: const TextStyle(
                                fontSize: 14,
                                color: kMute,
                                fontStyle: FontStyle.italic))
                      else
                        Text(body,
                            style: const TextStyle(
                                fontSize: 16, color: kInk, height: 1.35)),
                      if (mine)
                        Text(
                          ((r['readCount'] as num?)?.toInt() ?? 0) > 0
                              ? '已读'
                              : '未读',
                          style: const TextStyle(fontSize: 10, color: kMute),
                        ),
                    ],
                  ),
                ),
              ),
            ),
            if (mine) ...[
              const SizedBox(width: 8),
              SquareAvatar(
                label: widget.session.displayName,
                size: 36,
                fileId: myAvatar.isEmpty ? null : myAvatar,
                api: widget.api,
              ),
            ],
          ],
        ),
      ],
    );
  }

  Widget _composer() {
    return ColoredBox(
      color: const Color(0xFFF7F7F7),
      child: SafeArea(
        top: false,
        child: Column(
          children: [
            Padding(
              padding: const EdgeInsets.fromLTRB(6, 6, 6, 6),
              child: Row(
                children: [
                  IconButton(
                    onPressed: () => setState(() {
                      _voice = !_voice;
                      _plus = false;
                      _emoji = false;
                      if (!_voice) {
                        _focus.requestFocus();
                      } else {
                        _focus.unfocus();
                      }
                    }),
                    icon: Icon(_voice
                        ? Icons.keyboard_alt_outlined
                        : Icons.keyboard_voice_outlined),
                  ),
                  Expanded(
                    child: _voice
                        ? Listener(
                            behavior: HitTestBehavior.opaque,
                            onPointerDown: (e) {
                              _pressed = true;
                              _downGlobal = e.position;
                              _beginVoice();
                            },
                            onPointerMove: (e) {
                              if (!_recording || _downGlobal == null) return;
                              final cancel =
                                  (_downGlobal!.dy - e.position.dy) > 70;
                              if (cancel != _cancelVoice)
                                setState(() => _cancelVoice = cancel);
                            },
                            onPointerUp: (_) => _endVoice(),
                            onPointerCancel: (_) {
                              _cancelVoice = true;
                              _endVoice();
                            },
                            child: Container(
                              height: 40,
                              alignment: Alignment.center,
                              decoration: BoxDecoration(
                                color: _recording
                                    ? const Color(0xFFE5E5E5)
                                    : Colors.white,
                                borderRadius: BorderRadius.circular(6),
                              ),
                              child: Text(
                                  _recording
                                      ? (_cancelVoice ? '松开取消' : '松开发送')
                                      : '按住 说话',
                                  style: const TextStyle(
                                      color: kMute, fontSize: 16)),
                            ),
                          )
                        : TextField(
                            controller: _input,
                            focusNode: _focus,
                            minLines: 1,
                            maxLines: 4,
                            decoration: const InputDecoration(hintText: ''),
                            onTap: () => setState(() {
                              _plus = false;
                              _emoji = false;
                            }),
                            onChanged: (_) => setState(() {}),
                            onSubmitted: (_) => _send(),
                          ),
                  ),
                  IconButton(
                    onPressed: () {
                      _focus.unfocus();
                      setState(() {
                        _emoji = !_emoji;
                        _plus = false;
                      });
                    },
                    icon: Icon(_emoji
                        ? Icons.keyboard_alt_outlined
                        : Icons.emoji_emotions_outlined),
                  ),
                  _input.text.trim().isNotEmpty
                      ? Padding(
                          padding: const EdgeInsets.only(right: 6),
                          child: FilledButton(
                            style: FilledButton.styleFrom(
                                backgroundColor: kWeGreen,
                                minimumSize: const Size(56, 32)),
                            onPressed: _sending ? null : _send,
                            child: const Text('发送'),
                          ),
                        )
                      : IconButton(
                          onPressed: () {
                            _focus.unfocus();
                            setState(() {
                              _plus = !_plus;
                              _emoji = false;
                            });
                          },
                          icon: const Icon(Icons.add_circle_outline),
                        ),
                ],
              ),
            ),
            if (_emoji) _emojiPanel(),
            if (_plus) _plusPanel(),
          ],
        ),
      ),
    );
  }

  Widget _emojiPanel() {
    return SizedBox(
      height: 280,
      width: double.infinity,
      child: Column(
        children: [
          Expanded(
            child: _emojiTab == 0
                ? GridView.count(
                    padding: const EdgeInsets.fromLTRB(8, 4, 8, 8),
                    crossAxisCount: 8,
                    children: [
                      for (final e in _emojis)
                        InkWell(
                          onTap: () {
                            _input.text += e;
                            _input.selection = TextSelection.collapsed(
                                offset: _input.text.length);
                            setState(() {});
                          },
                          child: Center(
                              child: Text(e,
                                  style: const TextStyle(fontSize: 24))),
                        ),
                    ],
                  )
                : GridView.count(
                    padding: const EdgeInsets.fromLTRB(8, 8, 8, 8),
                    crossAxisCount: 4,
                    children: [
                      InkWell(
                        onTap: _addCustomSticker,
                        child: Container(
                          margin: const EdgeInsets.all(8),
                          decoration: BoxDecoration(
                            color: Colors.white,
                            borderRadius: BorderRadius.circular(8),
                            border: Border.all(color: const Color(0xFFDDDDDD)),
                          ),
                          child: const Icon(Icons.add, color: kMute, size: 32),
                        ),
                      ),
                      for (final id in StickerStore.ids)
                        GestureDetector(
                          onTap: () => _sendSticker(id),
                          onLongPress: () async {
                            final a =
                                await showWxSheet(context, [('删除表情', 'del')]);
                            if (a == 'del') {
                              await StickerStore.remove(id);
                              if (mounted) setState(() {});
                            }
                          },
                          child: Padding(
                            padding: const EdgeInsets.all(8),
                            child: AuthImage(
                                api: widget.api,
                                fileId: id,
                                width: 72,
                                height: 72,
                                fit: BoxFit.contain),
                          ),
                        ),
                    ],
                  ),
          ),
          ColoredBox(
            color: const Color(0xFFEFEFEF),
            child: Row(
              children: [
                _emojiTabBtn(0, '表情'),
                _emojiTabBtn(1, '自定义'),
              ],
            ),
          ),
        ],
      ),
    );
  }

  Widget _emojiTabBtn(int i, String label) {
    final on = _emojiTab == i;
    return InkWell(
      onTap: () => setState(() => _emojiTab = i),
      child: Container(
        padding: const EdgeInsets.symmetric(horizontal: 16, vertical: 10),
        decoration: BoxDecoration(
          color: on ? const Color(0xFFF7F7F7) : Colors.transparent,
          border: on
              ? const Border(top: BorderSide(color: Color(0xFFDDDDDD)))
              : null,
        ),
        child: Text(label,
            style: TextStyle(
                fontSize: 13,
                color: on ? kInk : kMute,
                fontWeight: on ? FontWeight.w600 : FontWeight.w400)),
      ),
    );
  }

  Widget _plusPanel() {
    final items = <(IconData, String, Color, VoidCallback)>[
      (Icons.photo_outlined, '相册', const Color(0xFF07C160), _pickAlbum),
      (Icons.photo_camera_outlined, '拍摄', const Color(0xFF10AEFF), _pickCamera),
      (
        Icons.insert_drive_file_outlined,
        '文件',
        const Color(0xFF576B95),
        _sendFile
      ),
      (Icons.place_outlined, '位置', const Color(0xFFFA9D3B), _location),
      (Icons.call_outlined, '语音通话', kBind, () => _call('audio')),
      (
        Icons.videocam_outlined,
        '视频通话',
        const Color(0xFF6267F2),
        () => _call(widget.isGroup ? 'meeting' : 'video')
      ),
    ];
    return Container(
      width: double.infinity,
      padding: const EdgeInsets.fromLTRB(20, 8, 20, 16),
      color: const Color(0xFFF7F7F7),
      child: Wrap(
        spacing: 22,
        runSpacing: 16,
        children: [
          for (final it in items)
            InkWell(
              onTap: it.$4,
              child: SizedBox(
                width: 64,
                child: Column(
                  children: [
                    Container(
                      width: 56,
                      height: 56,
                      decoration: BoxDecoration(
                          color: Colors.white,
                          borderRadius: BorderRadius.circular(12)),
                      child: Icon(it.$1, color: it.$3),
                    ),
                    const SizedBox(height: 6),
                    Text(it.$2,
                        style: const TextStyle(fontSize: 12, color: kMute)),
                  ],
                ),
              ),
            ),
        ],
      ),
    );
  }
}

class _ImagePreviewPage extends StatefulWidget {
  const _ImagePreviewPage(
      {required this.api, required this.fileIds, required this.initialIndex});
  final OaClient api;
  final List<String> fileIds;
  final int initialIndex;

  @override
  State<_ImagePreviewPage> createState() => _ImagePreviewPageState();
}

class _ImagePreviewPageState extends State<_ImagePreviewPage> {
  late final PageController _pages;
  late int _index;

  @override
  void initState() {
    super.initState();
    _index = widget.initialIndex.clamp(0, widget.fileIds.length - 1).toInt();
    _pages = PageController(initialPage: _index);
  }

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.black,
      appBar: AppBar(
        backgroundColor: Colors.black,
        foregroundColor: Colors.white,
        title: Text(widget.fileIds.length > 1
            ? '查看图片 ${_index + 1}/${widget.fileIds.length}'
            : '查看图片'),
        actions: [
          IconButton(
            icon: const Icon(Icons.save_alt),
            onPressed: () async {
              try {
                final bytes =
                    await widget.api.fileBytes(widget.fileIds[_index]);
                if (bytes == null) throw Exception('图片无法下载');
                final dir = await getTemporaryDirectory();
                final f = File('${dir.path}/img_${widget.fileIds[_index]}.jpg');
                await f.writeAsBytes(bytes, flush: true);
                await DeviceBridge.saveImage(f.path);
                if (context.mounted) {
                  ScaffoldMessenger.of(context)
                      .showSnackBar(const SnackBar(content: Text('已保存到相册')));
                }
              } catch (e) {
                if (context.mounted)
                  ScaffoldMessenger.of(context)
                      .showSnackBar(SnackBar(content: Text('$e')));
              }
            },
          ),
        ],
      ),
      body: PageView.builder(
        controller: _pages,
        itemCount: widget.fileIds.length,
        onPageChanged: (value) => setState(() => _index = value),
        itemBuilder: (_, index) => LayoutBuilder(
          builder: (_, constraints) => InteractiveViewer(
            minScale: 0.8,
            maxScale: 5,
            child: SizedBox(
              width: constraints.maxWidth,
              height: constraints.maxHeight,
              child: AuthImage(
                api: widget.api,
                fileId: widget.fileIds[index],
                fit: BoxFit.contain,
              ),
            ),
          ),
        ),
      ),
    );
  }
}

class _LocationViewPage extends StatelessWidget {
  const _LocationViewPage({
    required this.api,
    required this.title,
    required this.address,
    this.lat,
    this.lng,
  });
  final OaClient api;
  final String title;
  final String address;
  final double? lat;
  final double? lng;

  Future<void> _openMaps(BuildContext context) async {
    if (lat == null || lng == null) return;
    final la = lat!;
    final ln = lng!;
    final q = Uri.encodeComponent(title.isNotEmpty ? title : '$la,$ln');
    final urls = [
      'amapuri://route/plan/?dlat=$la&dlon=$ln&dname=$q&dev=0',
      'qqmap://map/geocoder?coord=$la,$ln',
      'geo:$la,$ln?q=$la,$ln($q)',
      'https://uri.amap.com/marker?position=$ln,$la&name=$q',
    ];
    for (final u in urls) {
      try {
        await DeviceBridge.openUrl(u);
        return;
      } catch (_) {}
    }
    if (context.mounted) {
      ScaffoldMessenger.of(context)
          .showSnackBar(const SnackBar(content: Text('无法打开地图应用')));
    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      backgroundColor: Colors.white,
      appBar: AppBar(title: const Text('位置')),
      body: ListView(
        children: [
          if (lat != null && lng != null)
            TencentMapThumb(
                api: api,
                lat: lat!,
                lng: lng!,
                width: MediaQuery.sizeOf(context).width,
                height: 220),
          Padding(
            padding: const EdgeInsets.fromLTRB(16, 16, 16, 8),
            child: Text(title.isEmpty ? '位置' : title,
                style:
                    const TextStyle(fontSize: 18, fontWeight: FontWeight.w600)),
          ),
          if (address.isNotEmpty)
            Padding(
              padding: const EdgeInsets.fromLTRB(16, 0, 16, 16),
              child: Text(address,
                  style: const TextStyle(fontSize: 14, color: kMute)),
            ),
          Padding(
            padding: const EdgeInsets.all(16),
            child: FilledButton.icon(
              onPressed: lat == null ? null : () => _openMaps(context),
              icon: const Icon(Icons.map_outlined),
              label: const Text('用地图打开'),
            ),
          ),
        ],
      ),
    );
  }
}