improve suggestions and limit lines

app/lib/features/geckoview/features/browser/presentation/widgets/edit_url_dialog.dart

@@ -1,31 +1,67 @@
 import 'package:flutter/material.dart';
 import 'package:flutter_hooks/flutter_hooks.dart';
+import 'package:hooks_riverpod/hooks_riverpod.dart';
+import 'package:lensai/features/geckoview/features/search/domain/providers/engine_suggestions.dart';
+import 'package:lensai/presentation/hooks/listenable_callback.dart';
+import 'package:lensai/presentation/widgets/auto_suggest_text_field.dart';
 import 'package:lensai/utils/form_validators.dart';
 import 'package:lensai/utils/uri_parser.dart' as uri_parser;
 
-class EditUrlDialog extends HookWidget {
+class EditUrlDialog extends HookConsumerWidget {
   final Uri initialUrl;
 
   const EditUrlDialog({required this.initialUrl});
 
   @override
-  Widget build(BuildContext context) {
+  Widget build(BuildContext context, WidgetRef ref) {
     final formKey = useMemoized(() => GlobalKey<FormState>());
-    final urlController = useTextEditingController(text: initialUrl.toString());
+    final addressTextController = useTextEditingController(
+      text: initialUrl.toString(),
+    );
 
     return AlertDialog(
       title: const Text('Edit Address'),
-      content: Form(
-        key: formKey,
-        child: TextFormField(
-          controller: urlController,
-          maxLines: null,
-          keyboardType: TextInputType.url,
-          decoration: const InputDecoration(hintText: 'Enter URL'),
-          validator: (value) {
-            return validateUrl(value, requireAuthority: false);
-          },
-        ),
+      content: HookBuilder(
+        builder: (context) {
+          final addressTextFocusNode = useFocusNode();
+
+          final suggestion = useState<String?>(null);
+
+          useListenableCallback(addressTextController, () async {
+            if (addressTextController.text.isNotEmpty) {
+              final result = await ref
+                  .read(engineSuggestionsProvider.notifier)
+                  .getAutocompleteSuggestion(addressTextController.text);
+
+              suggestion.value = result;
+            }
+          });
+
+          return Form(
+            key: formKey,
+            child: AutoSuggestTextField(
+              controller: addressTextController,
+              focusNode: addressTextFocusNode,
+              suggestion: suggestion.value,
+              // enableIMEPersonalizedLearning: !incognitoEnabled,
+              maxLines: null,
+              keyboardType: TextInputType.url,
+              decoration: const InputDecoration(hintText: 'Enter URL'),
+              onTap: () {
+                if (!addressTextFocusNode.hasFocus) {
+                  // Select all text when the field is tapped
+                  addressTextController.selection = TextSelection(
+                    baseOffset: 0,
+                    extentOffset: addressTextController.text.length,
+                  );
+                }
+              },
+              validator: (value) {
+                return validateUrl(value, requireAuthority: false);
+              },
+            ),
+          );
+        },
       ),
       actions: [
         TextButton(
@@ -36,7 +72,10 @@ class EditUrlDialog extends HookWidget {
           onPressed: () {
             if (formKey.currentState?.validate() ?? false) {
               Navigator.of(context).pop(
-                uri_parser.tryParseUrl(urlController.text, eagerParsing: true),
+                uri_parser.tryParseUrl(
+                  addressTextController.text,
+                  eagerParsing: true,
+                ),
               );
             }
           },