feat: AI对话页面新增消息长按菜单功能

TNT-Likely · TNT-Likely · commit 7ac655ccff7e · 2025-12-12T23:05:11.000+08:00
- 新增 MessagePopoverMenu 组件，实现微信风格的长按弹出菜单
- 文字消息支持复制和删除操作
- 记账成功卡片支持删除操作
- 菜单自动跟随路由状态，手势返回时自动关闭
- 优化菜单位置计算，避免遮挡顶部返回按钮
- 新增国际化文本：复制、已复制、删除消息确认等
diff --git a/lib/l10n/app_en.arb b/lib/l10n/app_en.arb
@@ -1702,6 +1702,10 @@
   "aiChatInputHint": "e.g.: Bought a coffee for $35",
   "aiChatThinking": "Thinking...",
   "aiChatHistoryCleared": "Conversation history cleared",
+  "aiChatCopy": "Copy",
+  "aiChatCopied": "Copied to clipboard",
+  "aiChatDeleteMessageConfirm": "Are you sure you want to delete this message?",
+  "aiChatMessageDeleted": "Message deleted",
   "aiChatUndone": "Undone",
   "aiChatUndoFailed": "Undo failed",
   "aiChatTransactionNotFound": "Transaction not found",
diff --git a/lib/l10n/app_localizations.dart b/lib/l10n/app_localizations.dart
@@ -7656,6 +7656,30 @@ abstract class AppLocalizations {
   /// **'Conversation history cleared'**
   String get aiChatHistoryCleared;
 
+  /// No description provided for @aiChatCopy.
+  ///
+  /// In en, this message translates to:
+  /// **'Copy'**
+  String get aiChatCopy;
+
+  /// No description provided for @aiChatCopied.
+  ///
+  /// In en, this message translates to:
+  /// **'Copied to clipboard'**
+  String get aiChatCopied;
+
+  /// No description provided for @aiChatDeleteMessageConfirm.
+  ///
+  /// In en, this message translates to:
+  /// **'Are you sure you want to delete this message?'**
+  String get aiChatDeleteMessageConfirm;
+
+  /// No description provided for @aiChatMessageDeleted.
+  ///
+  /// In en, this message translates to:
+  /// **'Message deleted'**
+  String get aiChatMessageDeleted;
+
   /// No description provided for @aiChatUndone.
   ///
   /// In en, this message translates to:
diff --git a/lib/l10n/app_localizations_en.dart b/lib/l10n/app_localizations_en.dart
@@ -4004,6 +4004,18 @@ class AppLocalizationsEn extends AppLocalizations {
   @override
   String get aiChatHistoryCleared => 'Conversation history cleared';
 
+  @override
+  String get aiChatCopy => 'Copy';
+
+  @override
+  String get aiChatCopied => 'Copied to clipboard';
+
+  @override
+  String get aiChatDeleteMessageConfirm => 'Are you sure you want to delete this message?';
+
+  @override
+  String get aiChatMessageDeleted => 'Message deleted';
+
   @override
   String get aiChatUndone => 'Undone';
 
diff --git a/lib/l10n/app_localizations_zh.dart b/lib/l10n/app_localizations_zh.dart
@@ -4004,6 +4004,18 @@ class AppLocalizationsZh extends AppLocalizations {
   @override
   String get aiChatHistoryCleared => '对话历史已清空';
 
+  @override
+  String get aiChatCopy => '复制';
+
+  @override
+  String get aiChatCopied => '已复制到剪贴板';
+
+  @override
+  String get aiChatDeleteMessageConfirm => '确定要删除这条消息吗？';
+
+  @override
+  String get aiChatMessageDeleted => '消息已删除';
+
   @override
   String get aiChatUndone => '已撤销';
 
diff --git a/lib/l10n/app_zh.arb b/lib/l10n/app_zh.arb
@@ -1641,6 +1641,10 @@
   "aiChatInputHint": "例如: 买了杯咖啡35块",
   "aiChatThinking": "思考中...",
   "aiChatHistoryCleared": "对话历史已清空",
+  "aiChatCopy": "复制",
+  "aiChatCopied": "已复制到剪贴板",
+  "aiChatDeleteMessageConfirm": "确定要删除这条消息吗？",
+  "aiChatMessageDeleted": "消息已删除",
   "aiChatUndone": "已撤销",
   "aiChatUndoFailed": "撤销失败",
   "aiChatTransactionNotFound": "交易记录不存在",
diff --git a/lib/pages/ai/ai_chat_page.dart b/lib/pages/ai/ai_chat_page.dart
@@ -2,6 +2,7 @@ import 'dart:convert';
 import 'dart:io';
 
 import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
 import 'package:flutter_riverpod/flutter_riverpod.dart';
 import 'package:drift/drift.dart' hide Column;
 
@@ -352,19 +353,25 @@ class _AIChatPageState extends ConsumerState<AIChatPage>
       final isUndone = metadata['isUndone'] == true;
       final billInfo = BillInfo.fromJson(metadata['billInfo'] ?? metadata);
 
-      return BillCardWidget(
-        billInfo: billInfo,
-        transactionId: message.transactionId,
-        isUndone: isUndone,
-        onUndo: message.transactionId != null && !isUndone
-            ? () => _handleUndo(message.id, message.transactionId!)
-            : null,
-        onEdit: message.transactionId != null && !isUndone
-            ? () => _handleEdit(message.transactionId!)
-            : null,
-        onChangeLedger: message.transactionId != null && !isUndone
-            ? () => _handleChangeLedger(message.id, message.transactionId!)
-            : null,
+      return GestureDetector(
+        onLongPressStart: (details) => _showBillCardMenu(
+          details.globalPosition,
+          message,
+        ),
+        child: BillCardWidget(
+          billInfo: billInfo,
+          transactionId: message.transactionId,
+          isUndone: isUndone,
+          onUndo: message.transactionId != null && !isUndone
+              ? () => _handleUndo(message.id, message.transactionId!)
+              : null,
+          onEdit: message.transactionId != null && !isUndone
+              ? () => _handleEdit(message.transactionId!)
+              : null,
+          onChangeLedger: message.transactionId != null && !isUndone
+              ? () => _handleChangeLedger(message.id, message.transactionId!)
+              : null,
+        ),
       );
     }
 
@@ -383,49 +390,56 @@ class _AIChatPageState extends ConsumerState<AIChatPage>
           ],
           // 消息气泡
           Flexible(
-            child: Container(
-              margin: EdgeInsets.only(
-                left: isUser ? 60.0.scaled(context, ref) : 0,
-                right: isUser ? 0 : 60.0.scaled(context, ref),
-              ),
-              padding: EdgeInsets.symmetric(
-                horizontal: 12.0.scaled(context, ref),
-                vertical: 10.0.scaled(context, ref),
+            child: GestureDetector(
+              onLongPressStart: (details) => _showTextMessageMenu(
+                details.globalPosition,
+                message,
+                isUser,
               ),
-              decoration: BoxDecoration(
-                color: isUser
-                    ? ref.watch(primaryColorProvider).withOpacity(0.1)
-                    : BeeTokens.surface(context),
-                borderRadius: BorderRadius.circular(12.0.scaled(context, ref)),
-                border: Border.all(
+              child: Container(
+                margin: EdgeInsets.only(
+                  left: isUser ? 60.0.scaled(context, ref) : 0,
+                  right: isUser ? 0 : 60.0.scaled(context, ref),
+                ),
+                padding: EdgeInsets.symmetric(
+                  horizontal: 12.0.scaled(context, ref),
+                  vertical: 10.0.scaled(context, ref),
+                ),
+                decoration: BoxDecoration(
                   color: isUser
-                      ? ref.watch(primaryColorProvider).withOpacity(0.3)
-                      : BeeTokens.border(context),
+                      ? ref.watch(primaryColorProvider).withOpacity(0.1)
+                      : BeeTokens.surface(context),
+                  borderRadius: BorderRadius.circular(12.0.scaled(context, ref)),
+                  border: Border.all(
+                    color: isUser
+                        ? ref.watch(primaryColorProvider).withOpacity(0.3)
+                        : BeeTokens.border(context),
+                  ),
                 ),
-              ),
-              child: TypewriterText(
-                text: message.content,
-                animate: shouldAnimate, // 只对标记的消息启用动画
-                onTextChange: shouldAnimate
-                    ? () {
-                        // 每次文本更新时滚动到底部
-                        _scrollToBottomSmooth();
-                      }
-                    : null,
-                onComplete: shouldAnimate
-                    ? () {
-                        // 动画完成后清除标记
-                        if (mounted) {
-                          setState(() {
-                            _animatingMessageId = null;
-                          });
+                child: TypewriterText(
+                  text: message.content,
+                  animate: shouldAnimate, // 只对标记的消息启用动画
+                  onTextChange: shouldAnimate
+                      ? () {
+                          // 每次文本更新时滚动到底部
+                          _scrollToBottomSmooth();
                         }
-                      }
-                    : null,
-                style: TextStyle(
-                  color: BeeTokens.textPrimary(context),
-                  fontSize: 14.0.scaled(context, ref),
-                  height: 1.5,
+                      : null,
+                  onComplete: shouldAnimate
+                      ? () {
+                          // 动画完成后清除标记
+                          if (mounted) {
+                            setState(() {
+                              _animatingMessageId = null;
+                            });
+                          }
+                        }
+                      : null,
+                  style: TextStyle(
+                    color: BeeTokens.textPrimary(context),
+                    fontSize: 14.0.scaled(context, ref),
+                    height: 1.5,
+                  ),
                 ),
               ),
             ),
@@ -1002,6 +1016,81 @@ class _AIChatPageState extends ConsumerState<AIChatPage>
     }
   }
 
+  /// 显示文字消息的长按菜单
+  void _showTextMessageMenu(Offset position, Message message, bool isUser) {
+    final l10n = AppLocalizations.of(context);
+    final primaryColor = ref.read(primaryColorProvider);
+
+    MessagePopoverMenu.show(
+      context: context,
+      globalPosition: position,
+      primaryColor: primaryColor,
+      items: [
+        PopoverMenuItem(
+          icon: Icons.copy,
+          label: l10n.aiChatCopy,
+          onTap: () {
+            Clipboard.setData(ClipboardData(text: message.content));
+            showToast(context, l10n.aiChatCopied);
+          },
+        ),
+        PopoverMenuItem(
+          icon: Icons.delete_outline,
+          label: l10n.commonDelete,
+          color: Colors.red,
+          onTap: () => _deleteMessage(message),
+        ),
+      ],
+    );
+  }
+
+  /// 显示记账卡片的长按菜单
+  void _showBillCardMenu(Offset position, Message message) {
+    final l10n = AppLocalizations.of(context);
+    final primaryColor = ref.read(primaryColorProvider);
+
+    MessagePopoverMenu.show(
+      context: context,
+      globalPosition: position,
+      primaryColor: primaryColor,
+      items: [
+        PopoverMenuItem(
+          icon: Icons.delete_outline,
+          label: l10n.commonDelete,
+          color: Colors.red,
+          onTap: () => _deleteMessage(message),
+        ),
+      ],
+    );
+  }
+
+  /// 删除单条消息
+  Future<void> _deleteMessage(Message message) async {
+    final l10n = AppLocalizations.of(context);
+
+    // 确认删除
+    final confirmed = await AppDialog.confirm<bool>(
+      context,
+      title: l10n.commonDelete,
+      message: l10n.aiChatDeleteMessageConfirm,
+    );
+
+    if (confirmed != true) return;
+
+    try {
+      final repo = ref.read(repositoryProvider);
+      await repo.deleteMessage(message.id);
+
+      if (mounted) {
+        showToast(context, l10n.aiChatMessageDeleted);
+      }
+    } catch (e) {
+      if (mounted) {
+        showToast(context, l10n.commonFailed);
+      }
+    }
+  }
+
   @override
   void dispose() {
     WidgetsBinding.instance.removeObserver(this);
diff --git a/lib/widgets/ui/message_popover_menu.dart b/lib/widgets/ui/message_popover_menu.dart
diff --git a/lib/widgets/ui/ui.dart b/lib/widgets/ui/ui.dart
