TF-4141 Show AI action tag in list emails

lib/features/thread/presentation/thread_view.dart

@@ -20,6 +20,7 @@ import 'package:tmail_ui_user/features/mailbox/domain/state/clear_mailbox_state.
 import 'package:tmail_ui_user/features/mailbox/domain/state/mark_as_mailbox_read_state.dart';
 import 'package:tmail_ui_user/features/mailbox/domain/state/move_folder_content_state.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/domain/model/spam_report_state.dart';
+import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/extensions/handle_ai_action_extension.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/extensions/handle_open_context_menu_extension.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/extensions/open_and_close_composer_extension.dart';
 import 'package:tmail_ui_user/features/mailbox_dashboard/presentation/widgets/recover_deleted_message_loading_banner_widget.dart';
@@ -495,71 +496,75 @@ class ThreadView extends GetWidget<ThreadController>
   }
 
   Widget _buildEmailItemWhenDragging(BuildContext context, PresentationEmail presentationEmail) {
-    final isShowingEmailContent = controller.mailboxDashBoardController.selectedEmail.value?.id == presentationEmail.id;
-    final selectModeAll = controller.mailboxDashBoardController.currentSelectMode.value;
-    final isSenderImportantFlagEnabled =
-        controller.mailboxDashBoardController.isSenderImportantFlagEnabled.value;
+    final dashboardController = controller.mailboxDashBoardController;
 
-    return EmailTileBuilder(
-      key: Key('email_tile_builder_${presentationEmail.id?.asString}'),
-      presentationEmail: presentationEmail,
-      selectAllMode: selectModeAll,
-      isShowingEmailContent: isShowingEmailContent,
-      searchQuery: controller.searchQuery,
-      mailboxContain: presentationEmail.mailboxContain,
-      isSearchEmailRunning: controller.searchController.isSearchEmailRunning,
-      isDrag: true,
-      isSenderImportantFlagEnabled: isSenderImportantFlagEnabled,
-    );
+    return Obx(() {
+      final selectAllMode = dashboardController.currentSelectMode.value;
+
+      final isSenderImportantFlagEnabled =
+          dashboardController.isSenderImportantFlagEnabled.value;
+
+      final isShowingEmailContent =
+          dashboardController.selectedEmail.value?.id == presentationEmail.id;
+
+      final isSearchEmailRunning =
+          controller.searchController.isSearchEmailRunning;
+
+      final isAiCapabilitySupported =
+          dashboardController.isAiCapabilitySupported;
+
+      return EmailTileBuilder(
+        key: Key('email_tile_builder_${presentationEmail.id?.asString}'),
+        presentationEmail: presentationEmail,
+        selectAllMode: selectAllMode,
+        isShowingEmailContent: isShowingEmailContent,
+        searchQuery: controller.searchQuery,
+        mailboxContain: presentationEmail.mailboxContain,
+        isSearchEmailRunning: isSearchEmailRunning,
+        isDrag: true,
+        isSenderImportantFlagEnabled: isSenderImportantFlagEnabled,
+        isAIEnabled: isAiCapabilitySupported,
+      );
+    });
   }
 
   Widget _buildEmailItemNotDraggable(BuildContext context, PresentationEmail presentationEmail) {
-    final isShowingEmailContent = controller.mailboxDashBoardController.selectedEmail.value?.id == presentationEmail.id;
-    final selectModeAll = controller.mailboxDashBoardController.currentSelectMode.value;
-    final isSenderImportantFlagEnabled =
-      controller.mailboxDashBoardController.isSenderImportantFlagEnabled.value;
-
-    return Dismissible(
-      key: ValueKey<EmailId?>(presentationEmail.id),
-      direction: controller.getSwipeDirection(
-        controller.responsiveUtils.isWebDesktop(context),
-        selectModeAll,
-        presentationEmail
-      ),
-      background: Container(
-        color: AppColor.colorItemRecipientSelected,
-        padding: const EdgeInsetsDirectional.only(start: 16),
-        alignment: AlignmentDirectional.centerStart,
-        child: Row(
-          children: [
-            CircleAvatar(
-              backgroundColor: AppColor.colorSpamReportBannerBackground,
-              radius: 24,
-              child: !presentationEmail.hasRead
-                  ? SvgPicture.asset(
-                      controller.imagePaths.icMarkAsRead,
-                      fit: BoxFit.fill,
-                    )
-                  : SvgPicture.asset(
-                      controller.imagePaths.icUnreadEmail,
-                      fit: BoxFit.fill,
-                      colorFilter: AppColor.primaryColor.asFilter(),
-                    ),
-            ),
-            const SizedBox(width: 11),
-            Text(
-              !presentationEmail.hasRead
+    final backgroundWidget = Container(
+      color: AppColor.colorItemRecipientSelected,
+      padding: const EdgeInsetsDirectional.only(start: 16),
+      alignment: AlignmentDirectional.centerStart,
+      child: Row(
+        children: [
+          CircleAvatar(
+            backgroundColor: AppColor.colorSpamReportBannerBackground,
+            radius: 24,
+            child: !presentationEmail.hasRead
+                ? SvgPicture.asset(
+                    controller.imagePaths.icMarkAsRead,
+                    fit: BoxFit.fill,
+                  )
+                : SvgPicture.asset(
+                    controller.imagePaths.icUnreadEmail,
+                    fit: BoxFit.fill,
+                    colorFilter: AppColor.primaryColor.asFilter(),
+                  ),
+          ),
+          const SizedBox(width: 11),
+          Text(
+            !presentationEmail.hasRead
                 ? AppLocalizations.of(context).mark_as_read
                 : AppLocalizations.of(context).mark_as_unread,
-              style: ThemeUtils.defaultTextStyleInterFont.copyWith(
-                fontSize: 15,
-                color: AppColor.primaryColor,
-              ),
+            style: ThemeUtils.defaultTextStyleInterFont.copyWith(
+              fontSize: 15,
+              color: AppColor.primaryColor,
             ),
-          ],
-        ),
+          ),
+        ],
       ),
-      secondaryBackground: controller.isInArchiveMailbox(presentationEmail) == false
+    );
+
+    final isInArchiveMailbox = controller.isInArchiveMailbox(presentationEmail);
+    final secondaryBackgroundWidget = !isInArchiveMailbox
         ? Container(
             color: AppColor.colorItemRecipientSelected,
             padding: const EdgeInsetsDirectional.only(end: 16),
@@ -573,7 +578,7 @@ class ThreadView extends GetWidget<ThreadController>
                   child: SvgPicture.asset(
                     controller.imagePaths.icMailboxArchived,
                     fit: BoxFit.fill,
-                  )
+                  ),
                 ),
                 const SizedBox(width: 11),
                 Text(
@@ -586,24 +591,54 @@ class ThreadView extends GetWidget<ThreadController>
               ],
             ),
           )
-        : null,
-      confirmDismiss: (direction) => controller.swipeEmailAction(
-        presentationEmail,
-        direction,
-      ),
-      child: EmailTileBuilder(
-        key: Key('email_tile_builder_${presentationEmail.id?.asString}'),
-        presentationEmail: presentationEmail,
-        selectAllMode: selectModeAll,
-        isShowingEmailContent: isShowingEmailContent,
-        isSenderImportantFlagEnabled: isSenderImportantFlagEnabled,
-        searchQuery: controller.searchQuery,
-        mailboxContain: presentationEmail.mailboxContain,
-        isSearchEmailRunning: controller.searchController.isSearchEmailRunning,
-        emailActionClick: _handleEmailActionClicked,
-        onMoreActionClick: (email, position) => _handleEmailContextMenuAction(context, email, position),
-      ),
-    );
+        : null;
+
+    final dashboardController = controller.mailboxDashBoardController;
+
+    return Obx(() {
+      final selectModeAll = dashboardController.currentSelectMode.value;
+
+      final isSenderImportantFlagEnabled =
+          dashboardController.isSenderImportantFlagEnabled.value;
+
+      final isShowingEmailContent =
+          dashboardController.selectedEmail.value?.id == presentationEmail.id;
+
+      final isSearchEmailRunning =
+          controller.searchController.isSearchEmailRunning;
+
+      final isAiCapabilitySupported =
+          dashboardController.isAiCapabilitySupported;
+
+      return Dismissible(
+        key: ValueKey<EmailId?>(presentationEmail.id),
+        direction: controller.getSwipeDirection(
+            controller.responsiveUtils.isWebDesktop(context),
+            selectModeAll,
+            presentationEmail
+        ),
+        background: backgroundWidget,
+        secondaryBackground: secondaryBackgroundWidget,
+        confirmDismiss: (direction) => controller.swipeEmailAction(
+          presentationEmail,
+          direction,
+        ),
+        child: EmailTileBuilder(
+          key: Key('email_tile_builder_${presentationEmail.id?.asString}'),
+          presentationEmail: presentationEmail,
+          selectAllMode: selectModeAll,
+          isShowingEmailContent: isShowingEmailContent,
+          isSenderImportantFlagEnabled: isSenderImportantFlagEnabled,
+          searchQuery: controller.searchQuery,
+          mailboxContain: presentationEmail.mailboxContain,
+          isSearchEmailRunning: isSearchEmailRunning,
+          isAIEnabled: isAiCapabilitySupported,
+          emailActionClick: _handleEmailActionClicked,
+          onMoreActionClick: (email, position) =>
+              _handleEmailContextMenuAction(context, email, position),
+        ),
+      );
+    });
   }
 
   void _handleEmailActionClicked(

lib/features/thread/presentation/widgets/email_tile_builder.dart

@@ -4,6 +4,7 @@ import 'package:model/email/email_action_type.dart';
 import 'package:model/email/presentation_email.dart';
 import 'package:model/mailbox/presentation_mailbox.dart';
 import 'package:model/mailbox/select_mode.dart';
+import 'package:tmail_ui_user/features/base/widget/labels/ai_action_tag_widget.dart';
 import 'package:tmail_ui_user/features/thread/domain/model/search_query.dart';
 import 'package:tmail_ui_user/features/thread/presentation/mixin/base_email_item_tile.dart';
 import 'package:tmail_ui_user/features/thread/presentation/styles/item_email_tile_styles.dart';
@@ -19,6 +20,7 @@ class EmailTileBuilder extends StatelessWidget with BaseEmailItemTile {
   final bool isDrag;
   final bool isShowingEmailContent;
   final bool isSenderImportantFlagEnabled;
+  final bool isAIEnabled;
   final OnPressEmailActionClick? emailActionClick;
   final OnMoreActionClick? onMoreActionClick;
 
@@ -30,6 +32,7 @@ class EmailTileBuilder extends StatelessWidget with BaseEmailItemTile {
     this.searchQuery,
     this.isSearchEmailRunning = false,
     this.isSenderImportantFlagEnabled = true,
+    this.isAIEnabled = true,
     this.mailboxContain,
     this.padding,
     this.isDrag = false,
@@ -128,6 +131,7 @@ class EmailTileBuilder extends StatelessWidget with BaseEmailItemTile {
                     presentationEmail,
                     isSearchEmailRunning,
                     searchQuery)),
+                  if (_shouldShowAIAction) const AiActionTagWidget(),
                 ])
             ),
           ],
@@ -135,4 +139,7 @@ class EmailTileBuilder extends StatelessWidget with BaseEmailItemTile {
       ),
     );
   }
+
+  bool get _shouldShowAIAction =>
+      isAIEnabled && presentationEmail.hasNeedAction;
 }

lib/features/thread/presentation/widgets/email_tile_web_builder.dart

@@ -9,6 +9,7 @@ import 'package:model/email/presentation_email.dart';
 import 'package:model/extensions/presentation_mailbox_extension.dart';
 import 'package:model/mailbox/presentation_mailbox.dart';
 import 'package:model/mailbox/select_mode.dart';
+import 'package:tmail_ui_user/features/base/widget/labels/ai_action_tag_widget.dart';
 import 'package:tmail_ui_user/features/thread/domain/model/search_query.dart';
 import 'package:tmail_ui_user/features/thread/presentation/mixin/base_email_item_tile.dart';
 import 'package:tmail_ui_user/features/thread/presentation/widgets/desktop_list_email_action_hover_widget.dart';
@@ -26,6 +27,7 @@ class EmailTileBuilder extends StatefulWidget {
   final bool isDrag;
   final bool isShowingEmailContent;
   final bool isSenderImportantFlagEnabled;
+  final bool isAIEnabled;
   final OnPressEmailActionClick? emailActionClick;
   final OnMoreActionClick? onMoreActionClick;
 
@@ -40,6 +42,7 @@ class EmailTileBuilder extends StatefulWidget {
     this.mailboxContain,
     this.padding,
     this.isDrag = false,
+    this.isAIEnabled = false,
     this.emailActionClick,
     this.onMoreActionClick,
   });
@@ -169,6 +172,7 @@ class _EmailTileBuilderState extends State<EmailTileBuilder>  with BaseEmailItem
                           widget.searchQuery
                         )
                       ),
+                      if (_shouldShowAIAction) const AiActionTagWidget(),
                     ]),
                   ]),
                 )
@@ -185,6 +189,7 @@ class _EmailTileBuilderState extends State<EmailTileBuilder>  with BaseEmailItem
         isShowingEmailContent: widget.isShowingEmailContent,
         isDrag: widget.isDrag,
         isSenderImportantFlagEnabled: widget.isSenderImportantFlagEnabled,
+        shouldShowAIAction: _shouldShowAIAction,
         padding: widget.padding,
         searchQuery: widget.searchQuery,
         mailboxContain: widget.mailboxContain,
@@ -368,6 +373,8 @@ class _EmailTileBuilderState extends State<EmailTileBuilder>  with BaseEmailItem
           buildCalendarEventIcon(context: context, presentationEmail: widget.presentationEmail),
         if (widget.presentationEmail.isMarkAsImportant && widget.isSenderImportantFlagEnabled)
           buildMarkAsImportantIcon(context),
+        if (_shouldShowAIAction)
+          const AiActionTagWidget(margin: EdgeInsetsDirectional.only(end: 12)),
         if (widget.presentationEmail.getEmailTitle().isNotEmpty)
             Container(
               constraints: BoxConstraints(maxWidth: constraints.maxWidth / 2),
@@ -415,6 +422,9 @@ class _EmailTileBuilderState extends State<EmailTileBuilder>  with BaseEmailItem
     }
   }
 
+  bool get _shouldShowAIAction =>
+      widget.isAIEnabled && widget.presentationEmail.hasNeedAction;
+
   @override
   void dispose() {
     _hoverNotifier.dispose();

lib/features/thread/presentation/widgets/web_tablet_body_email_item_widget.dart

@@ -8,6 +8,7 @@ import 'package:model/email/presentation_email.dart';
 import 'package:model/extensions/presentation_mailbox_extension.dart';
 import 'package:model/mailbox/presentation_mailbox.dart';
 import 'package:model/mailbox/select_mode.dart';
+import 'package:tmail_ui_user/features/base/widget/labels/ai_action_tag_widget.dart';
 import 'package:tmail_ui_user/features/thread/domain/model/search_query.dart';
 import 'package:tmail_ui_user/features/thread/presentation/mixin/base_email_item_tile.dart';
 import 'package:tmail_ui_user/features/thread/presentation/styles/item_email_tile_styles.dart';
@@ -22,6 +23,7 @@ class WebTabletBodyEmailItemWidget extends StatefulWidget {
   final bool isShowDateTimeView;
   final bool isDrag;
   final bool isSenderImportantFlagEnabled;
+  final bool shouldShowAIAction;
   final EdgeInsetsGeometry? padding;
   final SearchQuery? searchQuery;
   final PresentationMailbox? mailboxContain;
@@ -43,6 +45,7 @@ class WebTabletBodyEmailItemWidget extends StatefulWidget {
     required this.emailActionClick,
     required this.onMoreActionClick,
     this.isShowDateTimeView = false,
+    this.shouldShowAIAction = false,
   });
 
   @override
@@ -165,6 +168,8 @@ class _WebTabletBodyEmailItemWidgetState
                                 widget.searchQuery,
                               ),
                             ),
+                            if (widget.shouldShowAIAction)
+                              const AiActionTagWidget(),
                           ],
                         ),
                       ],