Migrate scribe-mobile branch to master branch

core/lib/presentation/resources/image_paths.dart

@@ -241,6 +241,7 @@ class ImagePaths {
   String get icRefreshQuotas => _getImagePath('ic_refresh_quotas.svg');
   String get icCreateFilter => _getImagePath('ic_create_filter.svg');
   String get icArrowBack => _getImagePath('ic_arrow_back.svg');
+  String get icArrowBackIos => _getImagePath('ic_arrow_back_ios.svg');
   String get icRadio => _getImagePath('ic_radio.svg');
   String get icRadioSelected => _getImagePath('ic_radio_selected.svg');
   String get icCheck => _getImagePath('ic_check.svg');

core/lib/utils/html/html_utils.dart

@@ -73,12 +73,15 @@ class HtmlUtils {
     name: 'unregisterDropListener');
 
   static ({String name, String script}) registerSelectionChangeListener(
-    String viewId,
-  ) =>
+    String viewId, {
+    bool isWebPlatform = false,
+  }) =>
       (
         script: '''
       let lastSelectedText = '';
 
+      const isWebPlatform = $isWebPlatform;
+
       const sendSelectionChangeMessage = (data) => {
         // When iframe
         if (window.parent) {
@@ -101,10 +104,17 @@ class HtmlUtils {
       function getEditableFromSelection(selection) {
         const node = selection?.focusNode || selection?.anchorNode;
         const el = node?.nodeType === Node.ELEMENT_NODE ? node : node?.parentElement;
-        return (
-          el?.closest('.note-editor .note-editable') ||
-          document.querySelector('.note-editor .note-editable')
-        );
+
+        if (isWebPlatform) {
+          return (
+            el?.closest('.note-editor .note-editable') ||
+            document.querySelector('.note-editor .note-editable')
+          );
+        } else {
+          return (
+            el?.closest('#editor')
+          );
+        }
       }
 
       function clamp(v, min, max) {
@@ -142,9 +152,13 @@ class HtmlUtils {
           }
 
           const lastRect = rects[rects.length - 1];
-
-          let x = lastRect.right - editableRect.left;
-          let y = lastRect.bottom - editableRect.top;
+
+          // Avoid native selection marks in mobile
+          // Offset has been arbitrary determined to avoid selection marks on Android and iOS
+          const buttonOffset = isWebPlatform ? { x: 0, y: 0 } : { x: 24, y: -24 };
+
+          let x = lastRect.right - editableRect.left + buttonOffset.x;
+          let y = lastRect.bottom - editableRect.top + buttonOffset.y;
 
           const isInside =
             lastRect.bottom >= editableRect.top &&
@@ -183,7 +197,7 @@ class HtmlUtils {
     script: '''
       (() => {
         const selection = window.getSelection();
-        if (selection) {
+        if (selection && selection.rangeCount > 0) {
           selection.collapseToEnd()
         }
       })();''',
@@ -200,6 +214,62 @@ class HtmlUtils {
       })();''',
     name: 'deleteSelectionContent');
 
+  static const saveSelection = (
+    script: '''
+      (() => {
+        const selection = window.getSelection();
+        if (selection && selection.rangeCount > 0) {
+          window._savedRange = selection.getRangeAt(0).cloneRange();
+          const result = selection.toString()
+          window.parent.postMessage(JSON.stringify({ "type": "toDart: saveSelection", result }), "*");
+          return result;
+        }
+        delete window._savedRange;
+        window.parent.postMessage(JSON.stringify({ "type": "toDart: saveSelection", result: "" }), "*");
+        return "";
+      })();''',
+    name: 'saveSelection');
+
+  static const restoreSelection = (
+    script: '''
+      (() => {
+        if (window._savedRange) {
+          const selection = window.getSelection();
+          if (selection) {
+            selection.removeAllRanges();
+            selection.addRange(window._savedRange);
+            delete window._savedRange;
+            const result = selection.toString()
+            window.parent.postMessage(JSON.stringify({ "type": "toDart: restoreSelection", result }), "*");
+            return result;
+          }
+        }
+        window.parent.postMessage(JSON.stringify({ "type": "toDart: restoreSelection", result: "" }), "*");
+        return "";
+      })();''',
+    name: 'restoreSelection');
+
+  static const getSavedSelection = (
+    script: '''
+      (() => {
+        if(window._savedRange) {
+          const result = window._savedRange.toString();
+          window.parent.postMessage(JSON.stringify({ "type": "toDart: getSavedSelection", result }), "*");
+          return result;
+        } else {
+          window.parent.postMessage(JSON.stringify({ "type": "toDart: getSavedSelection", result: "" }), "*");
+          return "";
+        }
+      })();''',
+    name: 'getSavedSelection');
+
+  static const clearSavedSelection = (
+    script: '''
+      (() => {
+        delete window._savedRange;
+      })();''',
+    name: 'clearSavedSelection');
+
   static recalculateEditorHeight({double? maxHeight}) => (
     script: '''
       const editable = document.querySelector('.note-editable');

core/lib/utils/string_convert.dart

@@ -251,17 +251,15 @@ class StringConvert {
     }
   }
 
-  static String convertTextContentToHtmlContent(String textContent) {
-    // Escape HTML entities first to prevent interpretation as HTML
-    final escapedContent = textContent
-        .replaceAll('&', '&')
-        .replaceAll('<', '&lt;')
-        .replaceAll('>', '&gt;')
-        .replaceAll('"', '&quot;')
-        .replaceAll("'", '&#39;');
+  static String escapeTextContent(String textContent) {
+    const HtmlEscape htmlEscape = HtmlEscape();
 
-    final htmlContent = escapedContent.replaceAll('\n', '<br>');
+    return htmlEscape.convert(textContent);
+  }
 
+  static String convertTextContentToHtmlContent(String textContent) {
+    final escapedText = escapeTextContent(textContent);
+    final htmlContent = escapedText.replaceAll('\n', '<br>');
     return '<div>$htmlContent</div>';
   }
 }

lib/features/base/mixin/ai_scribe_mixin.dart

@@ -1,5 +1,4 @@
 import 'package:core/utils/app_logger.dart';
-import 'package:core/utils/platform_info.dart';
 import 'package:jmap_dart_client/jmap/account_id.dart';
 import 'package:jmap_dart_client/jmap/core/session/session.dart';
 import 'package:scribe/scribe.dart';
@@ -29,8 +28,6 @@ mixin AiScribeMixin {
 
   void injectAIScribeBindings(Session? session, AccountId? accountId) {
     try {
-      if (PlatformInfo.isMobile) return;
-
       final aiCapability = getAICapability(
         session: session,
         accountId: accountId,

lib/features/composer/presentation/composer_view.dart

@@ -66,6 +66,9 @@ class ComposerView extends GetWidget<ComposerController> {
                       controller.handleOpenContextMenu(context, position);
                     },
                     isNetworkConnectionAvailable: controller.isNetworkConnectionAvailable,
+                    onOpenAiAssistantModal: controller.isAIScribeAvailable
+                      ? controller.openAIAssistantModal
+                      : null,
                     attachFileAction: () => controller.openPickAttachmentMenu(
                       context,
                       _pickAttachmentsActionTiles(context)
@@ -87,6 +90,9 @@ class ComposerView extends GetWidget<ComposerController> {
                       controller.handleOpenContextMenu(context, position);
                     },
                     isNetworkConnectionAvailable: controller.isNetworkConnectionAvailable,
+                    onOpenAiAssistantModal: controller.isAIScribeAvailable
+                      ? controller.openAIAssistantModal
+                      : null,
                     attachFileAction: () => controller.openPickAttachmentMenu(
                       context,
                       _pickAttachmentsActionTiles(context)

lib/features/composer/presentation/composer_view_web.dart

@@ -134,6 +134,9 @@ class ComposerView extends GetWidget<ComposerController> {
                       saveToDraftsAction: () => controller.handleClickSaveAsDraftsButton(context),
                       saveToTemplateAction: () => controller.handleClickSaveAsTemplateButton(context),
                       deleteComposerAction: controller.handleClickDeleteComposer,
+                      onOpenAiAssistantModal: controller.isAIScribeAvailable
+                        ? controller.openAIAssistantModal
+                        : null,
                     )),
                     ConstrainedBox(
                       constraints: BoxConstraints(

lib/features/composer/presentation/controller/rich_text_mobile_tablet_controller.dart

@@ -19,6 +19,20 @@ class RichTextMobileTabletController extends GetxController {
 
   Future<bool> get isEditorFocused async => await htmlEditorApi?.hasFocus() ?? false;
 
+  Future<void> focus() async {
+    try {
+      await htmlEditorApi?.webViewController.evaluateJavascript(source: '''
+      (() => {
+        const editor = document.getElementById('editor');
+        if (editor && typeof editor.focus === 'function') {
+          editor.focus();
+        }
+      })();''');
+    } catch (e) {
+      logWarning('RichTextMobileTabletController::focus:Exception: $e');
+    }
+  }
+
   void insertImage(InlineImage inlineImage) async {
     final isFocused = await isEditorFocused;
     log('RichTextMobileTabletController::insertImage: isEditorFocused = $isFocused');