👽 Update follow server side IM changes

assets/translations/en.json

@@ -47,6 +47,7 @@
   "compress": "Compress",
   "report": "Report",
   "repost": "Repost",
+  "replyPost": "Reply",
   "reply": "Reply",
   "unset": "Unset",
   "untitled": "Untitled",
@@ -158,5 +159,9 @@
   "realmDeleted": "Realm {} has been deleted.",
   "realmDelete": "Delete realm {}",
   "realmDeleteDescription": "Are you sure you want to delete this realm? This operation is irreversible, all resources (posts, chat channels, publishers, etc) belonging to this realm will be permanently deleted. Be careful and think twice!",
-  "fieldChatMessage": "Message in {}"
+  "fieldChatMessage": "Message in {}",
+  "eventResourceTag": "Event {}",
+  "messageDelete": "Delete message {}",
+  "messageDeleteDescription": "Are you sure you want to delete this message? This operation is irreversible. You will leave a record of the deleted message.",
+  "messageDeleted": "Message {} has been deleted"
 }

assets/translations/zh.json

@@ -47,7 +47,8 @@
   "compress": "压缩",
   "report": "检举",
   "repost": "转帖",
-  "reply": "回贴",
+  "replyPost": "回贴",
+  "reply": "回复",
   "unset": "未设置",
   "untitled": "无题",
   "postDetail": "帖子详情",
@@ -158,5 +159,9 @@
   "realmDeleted": "领域 {} 已被删除" ,
   "realmDelete": "删除领域 {}",
   "realmDeleteDescription": "你确定要删除这个领域吗？该操作不可撤销，其隶属于该领域的所有资源（帖子、聊天频道、发布者、制品等）都将被永久删除。三思而后行！",
-  "fieldChatMessage": "在 {} 中发消息"
+  "fieldChatMessage": "在 {} 中发消息",
+  "eventResourceTag": "消息 {}",
+  "messageDelete": "删除消息 {}",
+  "messageDeleteDescription": "你确定要删除这个消息吗？该操作不可撤销。同时您将留下一条删除消息的记录。",
+  "messageDeleted": "消息 {} 已被删除"
 }

ios/Podfile.lock

@@ -41,7 +41,7 @@ PODS:
     - DKImagePickerController/PhotoGallery
     - Flutter
   - Flutter (1.0.0)
-  - flutter_native_splash (0.0.1):
+  - flutter_native_splash (2.4.3):
     - Flutter
   - flutter_secure_storage (6.0.0):
     - Flutter
@@ -123,7 +123,7 @@ SPEC CHECKSUMS:
   DKPhotoGallery: b3834fecb755ee09a593d7c9e389d8b5d6deed60
   file_picker: 09aa5ec1ab24135ccd7a1621c46c84134bfd6655
   Flutter: e0871f40cf51350855a761d2e70bf5af5b9b5de7
-  flutter_native_splash: edf599c81f74d093a4daf8e17bd7a018854bc778
+  flutter_native_splash: e8a1e01082d97a8099d973f919f57904c925008a
   flutter_secure_storage: d33dac7ae2ea08509be337e775f6b59f1ff45f12
   image_picker_ios: c560581cceedb403a6ff17f2f816d7fea1421fc1
   isar_flutter_libs: b69f437aeab9c521821c3f376198c4371fa21073

lib/controllers/chat_message_controller.dart

@@ -1,6 +1,7 @@
 import 'dart:async';
 import 'dart:math' as math;
 
+import 'package:dio/dio.dart';
 import 'package:flutter/material.dart';
 import 'package:hive/hive.dart';
 import 'package:provider/provider.dart';
@@ -120,8 +121,8 @@ class ChatMessageController extends ChangeNotifier {
 
   Future<void> _addUnconfirmedMessage(SnChatMessage message) async {
     SnChatMessage? quoteEvent;
-    if (message.body['quote_event'] != null) {
-      quoteEvent = await getMessage(message.body['quote_event'] as int);
+    if (message.quoteEventId != null) {
+      quoteEvent = await getMessage(message.quoteEventId as int);
     }
 
     final attachmentRid = List<String>.from(
@@ -142,8 +143,8 @@ class ChatMessageController extends ChangeNotifier {
 
   Future<void> _addMessage(SnChatMessage message) async {
     SnChatMessage? quoteEvent;
-    if (message.body['quote_event'] != null) {
-      quoteEvent = await getMessage(message.body['quote_event'] as int);
+    if (message.quoteEventId != null) {
+      quoteEvent = await getMessage(message.quoteEventId as int);
     }
 
     final attachmentRid = List<String>.from(
@@ -176,9 +177,9 @@ class ChatMessageController extends ChangeNotifier {
 
     switch (message.type) {
       case 'messages.edit':
-        final body = message.body;
-        if (body['related_event'] != null) {
-          final idx = messages.indexWhere((x) => x.id == body['related_event']);
+        if (message.relatedEventId != null) {
+          final idx =
+              messages.indexWhere((x) => x.id == message.relatedEventId);
           if (idx != -1) {
             final newBody = message.body;
             newBody.remove('related_event');
@@ -186,17 +187,16 @@ class ChatMessageController extends ChangeNotifier {
               body: newBody,
               updatedAt: message.updatedAt,
             );
-            if (_box!.containsKey(body['related_event'])) {
-              await _box!.put(body['related_event'], messages[idx]);
+            if (_box!.containsKey(message.relatedEventId)) {
+              await _box!.put(message.relatedEventId, messages[idx]);
             }
           }
         }
       case 'messages.delete':
-        final body = message.body;
-        if (body['related_event'] != null) {
-          messages.removeWhere((x) => x.id == body['related_event']);
-          if (_box!.containsKey(body['related_event'])) {
-            await _box!.delete(body['related_event']);
+        if (message.relatedEventId != null) {
+          messages.removeWhere((x) => x.id == message.relatedEventId);
+          if (_box!.containsKey(message.relatedEventId)) {
+            await _box!.delete(message.relatedEventId);
           }
         }
     }
@@ -208,6 +208,7 @@ class ChatMessageController extends ChangeNotifier {
     int? quoteId,
     int? relatedId,
     List<String>? attachments,
+    SnChatMessage? editingMessage,
   }) async {
     if (channel == null) return;
     const uuid = Uuid();
@@ -216,7 +217,7 @@ class ChatMessageController extends ChangeNotifier {
       'text': content,
       'algorithm': 'plain',
       if (quoteId != null) 'quote_event': quoteId,
-      if (relatedId != null) 'quote_event': relatedId,
+      if (relatedId != null) 'related_event': relatedId,
       if (attachments != null && attachments.isNotEmpty)
         'attachments': attachments,
     };
@@ -234,21 +235,41 @@ class ChatMessageController extends ChangeNotifier {
       channelId: channel!.id,
       sender: profile!,
       senderId: profile!.id,
+      quoteEventId: quoteId,
+      relatedEventId: relatedId,
     );
     _addUnconfirmedMessage(message);
 
     // Send to server
     try {
-      await _sn.client.post(
-        '/cgi/im/channels/${channel!.keyPath}/messages',
+      await _sn.client.request(
+        editingMessage != null
+            ? '/cgi/im/channels/${channel!.keyPath}/messages/${editingMessage.id}'
+            : '/cgi/im/channels/${channel!.keyPath}/messages',
         data: {
           'type': type,
           'uuid': nonce,
           'body': body,
         },
+        options: Options(
+          method: editingMessage != null ? 'PUT' : 'POST',
+        ),
       );
     } catch (err) {
-      print(err);
+      // ignore
+    }
+  }
+
+  Future<void> deleteMessage(SnChatMessage message) async {
+    if (message.channelId != channel?.id) return;
+
+    try {
+      await _sn.client.delete(
+        '/cgi/im/channels/${channel!.keyPath}/messages/${message.id}',
+      );
+      messages.removeWhere((x) => x.id == message.id);
+    } catch (err) {
+      // ignore
     }
   }
 
@@ -357,8 +378,8 @@ class ChatMessageController extends ChangeNotifier {
     for (var i = 0; i < out.length; i++) {
       // Preload related events (quoted)
       SnChatMessage? quoteEvent;
-      if (out[i].body['quote_event'] != null) {
-        quoteEvent = await getMessage(out[i].body['quote_event'] as int);
+      if (out[i].quoteEventId != null) {
+        quoteEvent = await getMessage(out[i].quoteEventId as int);
       }
 
       out[i] = out[i].copyWith(
@@ -375,7 +396,11 @@ class ChatMessageController extends ChangeNotifier {
     }
 
     // Preload sender accounts
-    await _ud.listAccount(out.map((ele) => ele.sender.accountId).toSet());
+    final accountId = out
+        .where((ele) => ele.sender.accountId >= 0)
+        .map((ele) => ele.sender.accountId)
+        .toSet();
+    await _ud.listAccount(accountId);
 
     return out;
   }

lib/providers/sn_network.dart

@@ -28,15 +28,15 @@ class SnNetworkProvider {
   SnNetworkProvider() {
     client = Dio();
 
-    // client.interceptors.add(RetryInterceptor(
-    //   dio: client,
-    //   retries: 3,
-    //   retryDelays: const [
-    //     Duration(milliseconds: 300),
-    //     Duration(milliseconds: 1000),
-    //     Duration(milliseconds: 3000),
-    //   ],
-    // ));
+    client.interceptors.add(RetryInterceptor(
+      dio: client,
+      retries: 3,
+      retryDelays: const [
+        Duration(milliseconds: 300),
+        Duration(milliseconds: 1000),
+        Duration(milliseconds: 3000),
+      ],
+    ));
 
     client.interceptors.add(
       InterceptorsWrapper(

lib/screens/chat/room.dart

@@ -118,8 +118,14 @@ class _ChatRoomScreenState extends State<ChatRoomScreen> {
                         hasMerged: canMergePrevious,
                         isPending: _messageController.unconfirmedMessages
                             .contains(message.uuid),
-                        onReply: () {
-                          _inputGlobalKey.currentState?.setReply(message);
+                        onReply: (value) {
+                          _inputGlobalKey.currentState?.setReply(value);
+                        },
+                        onEdit: (value) {
+                          _inputGlobalKey.currentState?.setEdit(value);
+                        },
+                        onDelete: (value) {
+                          _inputGlobalKey.currentState?.deleteMessage(value);
                         },
                       );
                     },

lib/types/chat.dart

@@ -74,12 +74,14 @@ class SnChatMessage with _$SnChatMessage {
     @HiveField(2) required DateTime updatedAt,
     @HiveField(3) required DateTime? deletedAt,
     @HiveField(4) required String uuid,
-    @HiveField(5) required Map<String, dynamic> body,
+    @HiveField(5) @Default({}) Map<String, dynamic> body,
     @HiveField(6) required String type,
     @HiveField(7) required SnChannel channel,
     @HiveField(8) required SnChannelMember sender,
     @HiveField(9) required int channelId,
     @HiveField(10) required int senderId,
+    @HiveField(11) required int? quoteEventId,
+    @HiveField(12) required int? relatedEventId,
     SnChatMessagePreload? preload,
   }) = _SnChatMessage;
 

lib/types/chat.freezed.dart

@@ -1083,6 +1083,10 @@ mixin _$SnChatMessage {
   int get channelId => throw _privateConstructorUsedError;
   @HiveField(10)
   int get senderId => throw _privateConstructorUsedError;
+  @HiveField(11)
+  int? get quoteEventId => throw _privateConstructorUsedError;
+  @HiveField(12)
+  int? get relatedEventId => throw _privateConstructorUsedError;
   SnChatMessagePreload? get preload => throw _privateConstructorUsedError;
 
   /// Serializes this SnChatMessage to a JSON map.
@@ -1113,6 +1117,8 @@ abstract class $SnChatMessageCopyWith<$Res> {
       @HiveField(8) SnChannelMember sender,
       @HiveField(9) int channelId,
       @HiveField(10) int senderId,
+      @HiveField(11) int? quoteEventId,
+      @HiveField(12) int? relatedEventId,
       SnChatMessagePreload? preload});
 
   $SnChannelCopyWith<$Res> get channel;
@@ -1146,6 +1152,8 @@ class _$SnChatMessageCopyWithImpl<$Res, $Val extends SnChatMessage>
     Object? sender = null,
     Object? channelId = null,
     Object? senderId = null,
+    Object? quoteEventId = freezed,
+    Object? relatedEventId = freezed,
     Object? preload = freezed,
   }) {
     return _then(_value.copyWith(
@@ -1193,6 +1201,14 @@ class _$SnChatMessageCopyWithImpl<$Res, $Val extends SnChatMessage>
           ? _value.senderId
           : senderId // ignore: cast_nullable_to_non_nullable
               as int,
+      quoteEventId: freezed == quoteEventId
+          ? _value.quoteEventId
+          : quoteEventId // ignore: cast_nullable_to_non_nullable
+              as int?,
+      relatedEventId: freezed == relatedEventId
+          ? _value.relatedEventId
+          : relatedEventId // ignore: cast_nullable_to_non_nullable
+              as int?,
       preload: freezed == preload
           ? _value.preload
           : preload // ignore: cast_nullable_to_non_nullable
@@ -1255,6 +1271,8 @@ abstract class _$$SnChatMessageImplCopyWith<$Res>
       @HiveField(8) SnChannelMember sender,
       @HiveField(9) int channelId,
       @HiveField(10) int senderId,
+      @HiveField(11) int? quoteEventId,
+      @HiveField(12) int? relatedEventId,
       SnChatMessagePreload? preload});
 
   @override
@@ -1289,6 +1307,8 @@ class __$$SnChatMessageImplCopyWithImpl<$Res>
     Object? sender = null,
     Object? channelId = null,
     Object? senderId = null,
+    Object? quoteEventId = freezed,
+    Object? relatedEventId = freezed,
     Object? preload = freezed,
   }) {
     return _then(_$SnChatMessageImpl(
@@ -1336,6 +1356,14 @@ class __$$SnChatMessageImplCopyWithImpl<$Res>
           ? _value.senderId
           : senderId // ignore: cast_nullable_to_non_nullable
               as int,
+      quoteEventId: freezed == quoteEventId
+          ? _value.quoteEventId
+          : quoteEventId // ignore: cast_nullable_to_non_nullable
+              as int?,
+      relatedEventId: freezed == relatedEventId
+          ? _value.relatedEventId
+          : relatedEventId // ignore: cast_nullable_to_non_nullable
+              as int?,
       preload: freezed == preload
           ? _value.preload
           : preload // ignore: cast_nullable_to_non_nullable
@@ -1354,12 +1382,14 @@ class _$SnChatMessageImpl extends _SnChatMessage {
       @HiveField(2) required this.updatedAt,
       @HiveField(3) required this.deletedAt,
       @HiveField(4) required this.uuid,
-      @HiveField(5) required final Map<String, dynamic> body,
+      @HiveField(5) final Map<String, dynamic> body = const {},
       @HiveField(6) required this.type,
       @HiveField(7) required this.channel,
       @HiveField(8) required this.sender,
       @HiveField(9) required this.channelId,
       @HiveField(10) required this.senderId,
+      @HiveField(11) required this.quoteEventId,
+      @HiveField(12) required this.relatedEventId,
       this.preload})
       : _body = body,
         super._();
@@ -1384,6 +1414,7 @@ class _$SnChatMessageImpl extends _SnChatMessage {
   final String uuid;
   final Map<String, dynamic> _body;
   @override
+  @JsonKey()
   @HiveField(5)
   Map<String, dynamic> get body {
     if (_body is EqualUnmodifiableMapView) return _body;
@@ -1407,11 +1438,17 @@ class _$SnChatMessageImpl extends _SnChatMessage {
   @HiveField(10)
   final int senderId;
   @override
+  @HiveField(11)
+  final int? quoteEventId;
+  @override
+  @HiveField(12)
+  final int? relatedEventId;
+  @override
   final SnChatMessagePreload? preload;
 
   @override
   String toString() {
-    return 'SnChatMessage(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, uuid: $uuid, body: $body, type: $type, channel: $channel, sender: $sender, channelId: $channelId, senderId: $senderId, preload: $preload)';
+    return 'SnChatMessage(id: $id, createdAt: $createdAt, updatedAt: $updatedAt, deletedAt: $deletedAt, uuid: $uuid, body: $body, type: $type, channel: $channel, sender: $sender, channelId: $channelId, senderId: $senderId, quoteEventId: $quoteEventId, relatedEventId: $relatedEventId, preload: $preload)';
   }
 
   @override
@@ -1435,6 +1472,10 @@ class _$SnChatMessageImpl extends _SnChatMessage {
                 other.channelId == channelId) &&
             (identical(other.senderId, senderId) ||
                 other.senderId == senderId) &&
+            (identical(other.quoteEventId, quoteEventId) ||
+                other.quoteEventId == quoteEventId) &&
+            (identical(other.relatedEventId, relatedEventId) ||
+                other.relatedEventId == relatedEventId) &&
             (identical(other.preload, preload) || other.preload == preload));
   }
 
@@ -1453,6 +1494,8 @@ class _$SnChatMessageImpl extends _SnChatMessage {
       sender,
       channelId,
       senderId,
+      quoteEventId,
+      relatedEventId,
       preload);
 
   /// Create a copy of SnChatMessage
@@ -1478,12 +1521,14 @@ abstract class _SnChatMessage extends SnChatMessage {
       @HiveField(2) required final DateTime updatedAt,
       @HiveField(3) required final DateTime? deletedAt,
       @HiveField(4) required final String uuid,
-      @HiveField(5) required final Map<String, dynamic> body,
+      @HiveField(5) final Map<String, dynamic> body,
       @HiveField(6) required final String type,
       @HiveField(7) required final SnChannel channel,
       @HiveField(8) required final SnChannelMember sender,
       @HiveField(9) required final int channelId,
       @HiveField(10) required final int senderId,
+      @HiveField(11) required final int? quoteEventId,
+      @HiveField(12) required final int? relatedEventId,
       final SnChatMessagePreload? preload}) = _$SnChatMessageImpl;
   const _SnChatMessage._() : super._();
 
@@ -1524,6 +1569,12 @@ abstract class _SnChatMessage extends SnChatMessage {
   @HiveField(10)
   int get senderId;
   @override
+  @HiveField(11)
+  int? get quoteEventId;
+  @override
+  @HiveField(12)
+  int? get relatedEventId;
+  @override
   SnChatMessagePreload? get preload;
 
   /// Create a copy of SnChatMessage

lib/types/chat.g.dart

@@ -162,13 +162,15 @@ class SnChatMessageImplAdapter extends TypeAdapter<_$SnChatMessageImpl> {
       sender: fields[8] as SnChannelMember,
       channelId: fields[9] as int,
       senderId: fields[10] as int,
+      quoteEventId: fields[11] as int?,
+      relatedEventId: fields[12] as int?,
     );
   }
 
   @override
   void write(BinaryWriter writer, _$SnChatMessageImpl obj) {
     writer
-      ..writeByte(11)
+      ..writeByte(13)
       ..writeByte(0)
       ..write(obj.id)
       ..writeByte(1)
@@ -189,6 +191,10 @@ class SnChatMessageImplAdapter extends TypeAdapter<_$SnChatMessageImpl> {
       ..write(obj.channelId)
       ..writeByte(10)
       ..write(obj.senderId)
+      ..writeByte(11)
+      ..write(obj.quoteEventId)
+      ..writeByte(12)
+      ..write(obj.relatedEventId)
       ..writeByte(5)
       ..write(obj.body);
   }
@@ -303,12 +309,14 @@ _$SnChatMessageImpl _$$SnChatMessageImplFromJson(Map<String, dynamic> json) =>
           ? null
           : DateTime.parse(json['deleted_at'] as String),
       uuid: json['uuid'] as String,
-      body: json['body'] as Map<String, dynamic>,
+      body: json['body'] as Map<String, dynamic>? ?? const {},
       type: json['type'] as String,
       channel: SnChannel.fromJson(json['channel'] as Map<String, dynamic>),
       sender: SnChannelMember.fromJson(json['sender'] as Map<String, dynamic>),
       channelId: (json['channel_id'] as num).toInt(),
       senderId: (json['sender_id'] as num).toInt(),
+      quoteEventId: (json['quote_event_id'] as num?)?.toInt(),
+      relatedEventId: (json['related_event_id'] as num?)?.toInt(),
       preload: json['preload'] == null
           ? null
           : SnChatMessagePreload.fromJson(
@@ -328,6 +336,8 @@ Map<String, dynamic> _$$SnChatMessageImplToJson(_$SnChatMessageImpl instance) =>
       'sender': instance.sender.toJson(),
       'channel_id': instance.channelId,
       'sender_id': instance.senderId,
+      'quote_event_id': instance.quoteEventId,
+      'related_event_id': instance.relatedEventId,
       'preload': instance.preload?.toJson(),
     };
 

lib/widgets/chat/chat_message.dart

@@ -1,10 +1,12 @@
 import 'package:easy_localization/easy_localization.dart';
 import 'package:flutter/material.dart';
+import 'package:flutter_context_menu/flutter_context_menu.dart';
 import 'package:gap/gap.dart';
 import 'package:material_symbols_icons/symbols.dart';
 import 'package:provider/provider.dart';
 import 'package:styled_widget/styled_widget.dart';
 import 'package:surface/providers/user_directory.dart';
+import 'package:surface/providers/userinfo.dart';
 import 'package:surface/types/chat.dart';
 import 'package:surface/widgets/account/account_image.dart';
 import 'package:surface/widgets/attachment/attachment_list.dart';
@@ -17,7 +19,9 @@ class ChatMessage extends StatelessWidget {
   final bool isMerged;
   final bool hasMerged;
   final bool isPending;
-  final Function()? onReply;
+  final Function(SnChatMessage)? onReply;
+  final Function(SnChatMessage)? onEdit;
+  final Function(SnChatMessage)? onDelete;
   const ChatMessage({
     super.key,
     required this.data,
@@ -26,100 +30,151 @@ class ChatMessage extends StatelessWidget {
     this.hasMerged = false,
     this.isPending = false,
     this.onReply,
+    this.onEdit,
+    this.onDelete,
   });
 
   @override
   Widget build(BuildContext context) {
+    final ua = context.read<UserProvider>();
     final ud = context.read<UserDirectoryProvider>();
     final user = ud.getAccountFromCache(data.sender.accountId);
 
+    final isOwner = ua.isAuthorized && data.sender.accountId == ua.user!.id;
+
     final dateFormatter = DateFormat('MM/dd HH:mm');
 
     return SwipeTo(
       key: Key('chat-message-${data.id}'),
       iconOnLeftSwipe: Symbols.reply,
       swipeSensitivity: 20,
-      onLeftSwipe: onReply != null ? (_) => onReply!() : null,
-      child: Column(
-        crossAxisAlignment: CrossAxisAlignment.start,
-        children: [
-          Row(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              if (!isMerged && !isCompact)
-                AccountImage(
-                  content: user?.avatar,
-                )
-              else if (isMerged)
-                const Gap(40),
-              const Gap(8),
-              Expanded(
-                child: Column(
-                  crossAxisAlignment: CrossAxisAlignment.start,
-                  children: [
-                    if (!isMerged)
-                      Row(
-                        crossAxisAlignment: CrossAxisAlignment.baseline,
-                        textBaseline: TextBaseline.alphabetic,
-                        children: [
-                          if (isCompact)
-                            AccountImage(
-                              content: user?.avatar,
-                              radius: 12,
-                            ).padding(right: 6),
-                          Text(
-                            (data.sender.nick?.isNotEmpty ?? false)
-                                ? data.sender.nick!
-                                : user!.nick,
-                          ).bold(),
-                          const Gap(6),
-                          Text(
-                            dateFormatter.format(data.createdAt.toLocal()),
-                          ).fontSize(13),
-                        ],
-                      ),
-                    if (isCompact) const Gap(4),
-                    if (data.preload?.quoteEvent != null)
-                      StyledWidget(Container(
-                        decoration: BoxDecoration(
-                          borderRadius:
-                              const BorderRadius.all(Radius.circular(8)),
-                          border: Border.all(
-                            color: Theme.of(context).dividerColor,
-                            width: 1,
+      onLeftSwipe: onReply != null ? (_) => onReply!(data) : null,
+      child: ContextMenuRegion(
+        contextMenu: ContextMenu(
+          entries: [
+            MenuHeader(text: "eventResourceTag".tr(args: ['#${data.id}'])),
+            if (onReply != null)
+              MenuItem(
+                label: 'reply'.tr(),
+                icon: Symbols.reply,
+                onSelected: () {
+                  onReply!(data);
+                },
+              ),
+            if (isOwner && onEdit != null)
+              MenuItem(
+                label: 'edit'.tr(),
+                icon: Symbols.edit,
+                onSelected: () {
+                  onEdit!(data);
+                },
+              ),
+            if (isOwner && onDelete != null)
+              MenuItem(
+                label: 'delete'.tr(),
+                icon: Symbols.delete,
+                onSelected: () {
+                  onDelete!(data);
+                },
+              ),
+          ],
+        ),
+        child: Column(
+          crossAxisAlignment: CrossAxisAlignment.start,
+          children: [
+            Row(
+              crossAxisAlignment: CrossAxisAlignment.start,
+              children: [
+                if (!isMerged && !isCompact)
+                  AccountImage(
+                    content: user?.avatar,
+                  )
+                else if (isMerged)
+                  const Gap(40),
+                const Gap(8),
+                Expanded(
+                  child: Column(
+                    crossAxisAlignment: CrossAxisAlignment.start,
+                    children: [
+                      if (!isMerged)
+                        Row(
+                          crossAxisAlignment: CrossAxisAlignment.baseline,
+                          textBaseline: TextBaseline.alphabetic,
+                          children: [
+                            if (isCompact)
+                              AccountImage(
+                                content: user?.avatar,
+                                radius: 12,
+                              ).padding(right: 6),
+                            Text(
+                              (data.sender.nick?.isNotEmpty ?? false)
+                                  ? data.sender.nick!
+                                  : user!.nick,
+                            ).bold(),
+                            const Gap(6),
+                            Text(
+                              dateFormatter.format(data.createdAt.toLocal()),
+                            ).fontSize(13),
+                          ],
+                        ),
+                      if (isCompact) const Gap(4),
+                      if (data.preload?.quoteEvent != null)
+                        StyledWidget(Container(
+                          decoration: BoxDecoration(
+                            borderRadius:
+                                const BorderRadius.all(Radius.circular(8)),
+                            border: Border.all(
+                              color: Theme.of(context).dividerColor,
+                              width: 1,
+                            ),
                           ),
+                          padding: const EdgeInsets.only(
+                            left: 4,
+                            right: 4,
+                            top: 8,
+                            bottom: 6,
+                          ),
+                          child: ChatMessage(
+                            data: data.preload!.quoteEvent!,
+                            isCompact: true,
+                            onReply: onReply,
+                            onEdit: onEdit,
+                            onDelete: onDelete,
+                          ),
+                        )).padding(bottom: 4, top: isMerged ? 4 : 2),
+                      if (data.body['text'] != null)
+                        MarkdownTextContent(
+                          content: data.body['text'],
+                          isAutoWarp: true,
                         ),
-                        padding: const EdgeInsets.only(
-                          left: 4,
-                          right: 4,
-                          top: 8,
-                          bottom: 6,
+                      if (data.type == 'messages.delete' &&
+                          data.relatedEventId != null)
+                        Row(
+                          children: [
+                            const Icon(Symbols.delete),
+                            const Gap(8),
+                            Text(
+                              'messageDeleted'
+                                  .tr(args: ['#${data.relatedEventId}']),
+                            ),
+                          ],
                         ),
-                        child: ChatMessage(
-                          data: data.preload!.quoteEvent!,
-                          isCompact: true,
-                        ),
-                      )).padding(bottom: 4, top: isMerged ? 4 : 2),
-                    if (data.body['text'] != null)
-                      MarkdownTextContent(
-                        content: data.body['text'],
-                        isAutoWarp: true,
-                      ),
-                  ],
-                ),
-              )
-            ],
-          ).opacity(isPending ? 0.5 : 1),
-          if (data.preload?.attachments?.isNotEmpty ?? false)
-            AttachmentList(
-              data: data.preload!.attachments!,
-              bordered: true,
-              noGrow: true,
-              maxHeight: 520,
-              listPadding: const EdgeInsets.only(top: 8),
-            ),
-          if (!hasMerged && !isCompact) const Gap(12),
-        ],
+                    ],
+                  ),
+                )
+              ],
+            ).opacity(isPending ? 0.5 : 1),
+            if (data.preload?.attachments?.isNotEmpty ?? false)
+              AttachmentList(
+                data: data.preload!.attachments!,
+                bordered: true,
+                noGrow: true,
+                maxHeight: 520,
+                listPadding: const EdgeInsets.only(top: 8),
+              ),
+            if (!hasMerged && !isCompact) const Gap(12),
+          ],
+        ),
       ),
     );
   }

lib/widgets/chat/chat_message_input.dart

@@ -25,7 +25,7 @@ class ChatMessageInputState extends State<ChatMessageInput> {
   bool _isBusy = false;
   double? _progress;
 
-  SnChatMessage? _replyingMessage;
+  SnChatMessage? _replyingMessage, _editingMessage;
 
   final TextEditingController _contentController = TextEditingController();
   final FocusNode _focusNode = FocusNode();
@@ -34,6 +34,26 @@ class ChatMessageInputState extends State<ChatMessageInput> {
     setState(() => _replyingMessage = value);
   }
 
+  void setEdit(SnChatMessage? value) {
+    setState(() => _editingMessage = value);
+  }
+
+  Future<void> deleteMessage(SnChatMessage message) async {
+    final confirm = await context.showConfirmDialog(
+      'messageDelete'.tr(args: ['#${message.id}']),
+      'messageDeleteDescription'.tr(),
+    );
+    if (!confirm) return;
+
+    if (!mounted) return;
+    setState(() => _isBusy = true);
+
+    await widget.controller.deleteMessage(message);
+
+    if (!mounted) return;
+    setState(() => _isBusy = false);
+  }
+
   Future<void> _sendMessage() async {
     if (_isBusy) return;
 
@@ -89,10 +109,13 @@ class ChatMessageInputState extends State<ChatMessageInput> {
           .where((e) => e.attachment != null)
           .map((e) => e.attachment!.rid)
           .toList(),
+      relatedId: _editingMessage?.id,
       quoteId: _replyingMessage?.id,
+      editingMessage: _editingMessage,
     );
     _contentController.clear();
     _attachments.clear();
+    _editingMessage = null;
     _replyingMessage = null;
 
     setState(() => _isBusy = false);
@@ -184,6 +207,42 @@ class ChatMessageInputState extends State<ChatMessageInput> {
           ),
         ).height(_replyingMessage != null ? 54 + 8 : 0, animate: true).animate(
             const Duration(milliseconds: 300), Curves.fastEaseInToSlowEaseOut),
+        SingleChildScrollView(
+          physics: const NeverScrollableScrollPhysics(),
+          child: Padding(
+            padding: _editingMessage != null
+                ? const EdgeInsets.only(top: 8)
+                : EdgeInsets.zero,
+            child: _editingMessage != null
+                ? MaterialBanner(
+                    padding: const EdgeInsets.only(left: 16.0),
+                    leading: const Icon(Symbols.edit),
+                    content: SingleChildScrollView(
+                      physics: const NeverScrollableScrollPhysics(),
+                      child: Column(
+                        mainAxisAlignment: MainAxisAlignment.center,
+                        crossAxisAlignment: CrossAxisAlignment.start,
+                        children: [
+                          if (_editingMessage?.body['text'] != null)
+                            MarkdownTextContent(
+                              content: _editingMessage?.body['text'],
+                            ),
+                        ],
+                      ),
+                    ),
+                    actions: [
+                      TextButton(
+                        child: Text('cancel'.tr()),
+                        onPressed: () {
+                          setState(() => _editingMessage = null);
+                        },
+                      ),
+                    ],
+                  )
+                : const SizedBox.shrink(),
+          ),
+        ).height(_editingMessage != null ? 54 + 8 : 0, animate: true).animate(
+            const Duration(milliseconds: 300), Curves.fastEaseInToSlowEaseOut),
         SizedBox(
           height: 56,
           child: Row(

lib/widgets/post/post_item.dart

@@ -248,7 +248,7 @@ class _PostContentHeader extends StatelessWidget {
                   children: [
                     const Icon(Symbols.reply),
                     const Gap(16),
-                    Text('reply').tr(),
+                    Text('replyPost').tr(),
                   ],
                 ),
                 onTap: () {

lib/widgets/post/post_media_pending_list.dart

@@ -76,11 +76,15 @@ class PostMediaPendingListRaw extends StatelessWidget {
     final media = attachments[idx];
     final result = (!kIsWeb && (Platform.isIOS || Platform.isMacOS))
         ? await showCupertinoImageCropper(
+            // ignore: use_build_context_synchronously
             context,
+            // ignore: use_build_context_synchronously
             imageProvider: media.getImageProvider(context)!,
           )
         : await showMaterialImageCropper(
+            // ignore: use_build_context_synchronously
             context,
+            // ignore: use_build_context_synchronously
             imageProvider: media.getImageProvider(context)!,
           );