chore: decouple selected message list from chat input row rendering (#2300)

lib/pangea/chat/widgets/pangea_chat_input_row.dart

@@ -13,9 +13,12 @@ import 'package:fluffychat/pages/chat/chat.dart';
 import 'package:fluffychat/pages/chat/input_bar.dart';
 import 'package:fluffychat/pangea/choreographer/widgets/send_button.dart';
 import 'package:fluffychat/pangea/choreographer/widgets/start_igc_button.dart';
+import 'package:fluffychat/pangea/common/utils/error_handler.dart';
 import 'package:fluffychat/pangea/learning_settings/constants/language_constants.dart';
+import 'package:fluffychat/pangea/learning_settings/models/language_model.dart';
 import 'package:fluffychat/pangea/toolbar/reading_assistance_input_row/reading_assistance_input_bar.dart';
 import 'package:fluffychat/pangea/toolbar/widgets/message_selection_overlay.dart';
+import 'package:fluffychat/utils/error_reporter.dart';
 import 'package:fluffychat/utils/platform_infos.dart';
 
 class PangeaChatInputRow extends StatefulWidget {
@@ -52,18 +55,9 @@ class PangeaChatInputRowState extends State<PangeaChatInputRow> {
 
   ChatController get _controller => widget.controller;
 
-  @override
+  LanguageModel? get activel1 =>
-  Widget build(BuildContext context) {
-    final theme = Theme.of(context);
-    if (_controller.showEmojiPicker &&
-        _controller.emojiPickerType == EmojiPickerType.reaction) {
-      return const SizedBox.shrink();
-    }
-    const height = 48.0;
-
-    final activel1 =
       _controller.pangeaController.languageController.activeL1Model();
-    final activel2 =
+  LanguageModel? get activel2 =>
       _controller.pangeaController.languageController.activeL2Model();
 
   String hintText() {
@@ -72,20 +66,87 @@ class PangeaChatInputRowState extends State<PangeaChatInputRow> {
     }
     return activel1 != null &&
             activel2 != null &&
-              activel1.langCode != LanguageKeys.unknownLanguage &&
+            activel1!.langCode != LanguageKeys.unknownLanguage &&
-              activel2.langCode != LanguageKeys.unknownLanguage
+            activel2!.langCode != LanguageKeys.unknownLanguage
         ? L10n.of(context).writeAMessageLangCodes(
-              activel1.langCodeShort.toUpperCase(),
+            activel1!.langCodeShort.toUpperCase(),
-              activel2.langCodeShort.toUpperCase(),
+            activel2!.langCodeShort.toUpperCase(),
           )
         : L10n.of(context).writeAMessage;
   }
 
+  void _deleteErrorEventsAction() async {
+    try {
+      if (widget.overlayController == null ||
+          widget.overlayController!.event.status != EventStatus.error) {
+        throw Exception(
+          'Tried to delete failed to send events but one event is not failed to sent',
+        );
+      }
+      await widget.overlayController!.event.cancelSend();
+      _controller.clearSelectedEvents();
+    } catch (e, s) {
+      ErrorReporter(
+        context,
+        'Error while delete error events action',
+      ).onErrorCallback(e, s);
+    }
+  }
+
+  void _sendAgainAction() {
+    if (widget.overlayController == null) {
+      ErrorHandler.logError(
+        e: "No selected events in send again action",
+        s: StackTrace.current,
+        data: {"roomId": _controller.room.id},
+      );
+      _controller.clearSelectedEvents();
+      return;
+    }
+
+    final event = widget.overlayController!.event;
+    if (event.status.isError) {
+      event.sendAgain();
+    }
+
+    final allEditEvents = event
+        .aggregatedEvents(
+          _controller.timeline!,
+          RelationshipTypes.edit,
+        )
+        .where((e) => e.status.isError);
+    for (final e in allEditEvents) {
+      e.sendAgain();
+    }
+
+    _controller.clearSelectedEvents();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    final theme = Theme.of(context);
+    if (_controller.showEmojiPicker &&
+        _controller.emojiPickerType == EmojiPickerType.reaction) {
+      return const SizedBox.shrink();
+    }
+    const height = 48.0;
+
     return Column(
       children: [
         // if (!controller.selectMode) WritingAssistanceInputRow(controller),
         CompositedTransformTarget(
           link: _controller.choreographer.inputLayerLinkAndKey.link,
+          child: Container(
+            padding:
+                EdgeInsets.all(widget.overlayController != null ? 8.0 : 0.0),
+            decoration: BoxDecoration(
+              color: widget.overlayController != null
+                  ? Theme.of(context).cardColor
+                  : null,
+              borderRadius: const BorderRadius.all(
+                Radius.circular(8.0),
+              ),
+            ),
             child: Row(
               key: widget.overlayController != null
                   ? null
@@ -94,15 +155,15 @@ class PangeaChatInputRowState extends State<PangeaChatInputRow> {
               mainAxisAlignment: MainAxisAlignment.spaceBetween,
               children: widget.overlayController != null
                   ? <Widget>[
-                    if (_controller.selectedEvents
+                      if (widget.overlayController!.event.status ==
-                        .every((event) => event.status == EventStatus.error))
+                          EventStatus.error)
                         SizedBox(
                           height: height,
                           child: TextButton(
                             style: TextButton.styleFrom(
                               foregroundColor: theme.colorScheme.error,
                             ),
-                          onPressed: _controller.deleteErrorEventsAction,
+                            onPressed: _deleteErrorEventsAction,
                             child: Row(
                               children: <Widget>[
                                 const Icon(Icons.delete),
@@ -111,29 +172,22 @@ class PangeaChatInputRowState extends State<PangeaChatInputRow> {
                             ),
                           ),
                         ),
-                    if (_controller.selectedEvents.isNotEmpty &&
+                      if (widget.overlayController!.event
-                        _controller.selectedEvents.first
                           .getDisplayEvent(_controller.timeline!)
                           .status
-                            .isSent &&
+                          .isSent)
-                        !_controller.selectedEvents.every(
+                        ReadingAssistanceInputBar(
-                          (event) => event.status == EventStatus.error,
-                        ))
-                      widget.overlayController != null
-                          ? ReadingAssistanceInputBar(
                           _controller,
                           widget.overlayController!,
-                            )
+                        ),
-                          : const SizedBox(height: height),
+                      if (widget.overlayController!.event
-                    if (_controller.selectedEvents.length == 1 &&
-                        _controller.selectedEvents.first
                           .getDisplayEvent(_controller.timeline!)
                           .status
                           .isError)
                         SizedBox(
                           height: height,
                           child: TextButton(
-                          onPressed: _controller.sendAgainAction,
+                            onPressed: _sendAgainAction,
                             child: Row(
                               children: <Widget>[
                                 Text(L10n.of(context).tryToSendAgain),
@@ -150,8 +204,9 @@ class PangeaChatInputRowState extends State<PangeaChatInputRow> {
                         duration: FluffyThemes.animationDuration,
                         curve: FluffyThemes.animationCurve,
                         height: height,
-                      width:
+                        width: _controller.sendController.text.isEmpty
-                          _controller.sendController.text.isEmpty ? height : 0,
+                            ? height
+                            : 0,
                         alignment: Alignment.center,
                         clipBehavior: Clip.hardEdge,
                         decoration: const BoxDecoration(),
@@ -242,7 +297,8 @@ class PangeaChatInputRowState extends State<PangeaChatInputRow> {
                                 return SharedAxisTransition(
                                   animation: primaryAnimation,
                                   secondaryAnimation: secondaryAnimation,
-                                transitionType: SharedAxisTransitionType.scaled,
+                                  transitionType:
+                                      SharedAxisTransitionType.scaled,
                                   fillColor: Colors.transparent,
                                   child: child,
                                 );
@@ -320,6 +376,7 @@ class PangeaChatInputRowState extends State<PangeaChatInputRow> {
                     ],
             ),
           ),
+        ),
       ],
     );
   }

lib/pangea/toolbar/reading_assistance_input_row/reading_assistance_input_bar.dart

@@ -112,19 +112,11 @@ class ReadingAssistanceInputBar extends StatelessWidget {
   @override
   Widget build(BuildContext context) {
     return Expanded(
-      child: Container(
+      child: ConstrainedBox(
-        width: overlayController.maxWidth,
         constraints: BoxConstraints(
           maxHeight: (MediaQuery.of(context).size.height / 2) -
               AppConfig.toolbarButtonsHeight,
         ),
-        padding: const EdgeInsets.all(8.0),
-        decoration: BoxDecoration(
-          color: Theme.of(context).cardColor,
-          borderRadius: const BorderRadius.all(
-            Radius.circular(8.0),
-          ),
-        ),
         child: AnimatedSize(
           duration: const Duration(
             milliseconds: AppConfig.overlayAnimationDuration,